Merge pull request #15 from the13-HK/faeture/show-ipv4-and-ipv6

FEAT Show IPV4 and IPV6

Author: hugodeaguiar

server.mjs

@@ -73,6 +73,7 @@ function generateHomeViewData(lang, ip, info) {
         'title' : i18next.t('title'), 
         'ip': ip, 
         'ipinfo' : info,
+        'ipinfo_domain' : ip.includes(':') ? 'ipinfo.io': 'v6.ipinfo.io',
         'home_description': i18next.t('home-description'),
         'html_lang': lang == 'en' ? 'en' : 'pt_BR',
         'your_current_ip': i18next.t('your-current-ip'),
@@ -134,7 +135,6 @@ app.get('/en', async (req, res) => {
     const ip = req.ip;
     getIPInfo((info) => {
         info = JSON.parse(info);
-
         var viewdata = generateHomeViewData('pt', ip, info);
 
         res.render('index', viewdata);

views/index.html

@@ -40,7 +40,7 @@ <h1>
 
             <h2 class="second-title">{{ your_current_ip }}</h2>
             <div class="splash-head">
-                <span>{{ ip }}</span>
+                <p>{{ ip }}</p>
             </div>
             <br>
             <div class="pure-g ipinfo">
@@ -86,6 +86,24 @@ <h2 class="second-title">{{ your_current_ip }}</h2>
     });
 </script>
 
+<script>
+    const featchData = fetch("https://{{ ipinfo_domain }}?callback")
+        .then(response => { 
+            if (response.status !== 200) {
+                throw Error();
+            }
+            return response.json()})
+        .then(data => {
+            if (data.ip != "{{ ip }}" && data.ip != "") {
+                const newSpan = document.createElement('p');
+                newSpan.textContent = data.ip;
+                document.querySelector('.splash-head').appendChild(newSpan);
+            }
+        }).catch(error => {
+            console.log("Could not obtain second IP");
+        });
+</script>
+
 <!-- Place this tag in your head or just before your close body tag. -->
 <script async defer src="https://buttons.github.io/buttons.js"></script>