@chat21/chat21-ionic 3.0.55-RC6 → 3.0.57

package/src/index.html

@@ -24,89 +24,58 @@
 
   <!-- <script src="./assets/js/chat21client.js"></script> -->
   <!-- <script src="https://unpkg.com/mqtt@4.1.0/dist/mqtt.min.js"></script> -->
+  <!-- <script src="./assets/js/watchToConnectionAtStartUp.js"></script> -->
 
   <script>
-    console.log('index.html  script version 0.1');
-    // window.onload = (event) => {
-    //   console.log('index.html  page is fully loaded');
-    // };
-
-    // window.addEventListener('online', (event) => {
-    //   console.log("index.html You are now connected to the network.");
-    // });
-
+    // console.log("index.html Hey script watchToConnectionAtStartUp! ");
     // // ononline version
     window.ononline = (event) => {
-      console.log("index.html You are now connected to the network.");
+      // console.log("index.html You are now connected to the network.");
     };
 
-    // // addEventListener version
-    // window.addEventListener('offline', (event) => {
-    //   console.log("The network connection has been lost.");
-    // });
-
     // // onoffline version
     window.onoffline = (event) => {
-      console.log("The network connection has been lost.");
+      // console.log("The network connection has been lost.");
     };
-    console.log('index.html window.navigator.onLine is ' + window.navigator.onLine);
+    // console.log('index.html window.navigator.onLine is ' + window.navigator.onLine);
 
-    if (window.navigator.onLine === false) {
+    // || window.navigator.onLine === true
+    if (window.navigator.onLine === false ) {
       let app_root_el = document.getElementsByTagName('app-root');
       console.log('index.html app_root_el ', app_root_el);
 
       setTimeout(function () {
-        console.log('index.html app_root_el > childNodes ', app_root_el[0].childNodes);
+        // console.log('index.html app_root_el > childNodes ', app_root_el[0].childNodes);
         if (app_root_el[0].childNodes.length > 0) { // Or just `if (element.childNodes.length)`
-          console.log('index.html app_root_el has child', app_root_el[0].childNodes);
-          // window.ononline = (event) => {
-          //   console.log("index.html You are now connected to the network.");
-          //   location.reload(true);
-          // };
-        } else {
-          console.log('index.html app_root_el not has child', app_root_el[0].childNodes);
-          // if (window.navigator.onLine === true) {
-          //   location.reload(true);
-          // }
-          window.ononline = (event) => {
-            console.log("index.html You are now connected to the network.");
-            location.reload(true);
-          };
-        }
-
-      }, 3000);
-
+          // console.log('index.html app_root_el has child', app_root_el[0].childNodes);
 
-    }
+        } else {
+          // console.log('index.html app_root_el not has child', app_root_el[0].childNodes);
 
+          var div = document.createElement('div');
+          div.className = 'img-connection';
 
-    // document.addEventListener('DOMContentLoaded', (event) => {
-    //   // log.textContent = log.textContent + `DOMContentLoaded\n`;
-    //   console.log("index.html DOMContentLoaded event ", event);
-    //   console.log('index.html window.navigator.onLine is ' + window.navigator.onLine);
-    //   let app_root_el = document.getElementsByTagName('app-root');
-    //   console.log('index.html app_root_el ', app_root_el);
+          div.style.cssText += 'background-image: url(data:image/gif;base64,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);     width: 56px;height: 56px;background-size: contain;position: absolute;left: 50%;top: 50%;webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin-top: -60px;';
 
-    //   setTimeout(function () {
-    //     console.log('index.html app_root_el > childNodes ', app_root_el[0].childNodes);
-    //     if (app_root_el[0].childNodes.length > 0) { // Or just `if (element.childNodes.length)`
-    //       console.log('index.html app_root_el has child', app_root_el[0].childNodes);
-    //     } else {
-    //       console.log('index.html app_root_el not has child', app_root_el[0].childNodes);
-    //       if (window.navigator.onLine === true) {
-    //         location.reload(true);
-    //       }
-    //     }
+          var div_1 = document.createElement('div');
+          div_1.className = 'lost-connection-wpr';
 
-    //   }, 3000);
+          div_1.style.cssText += 'position: absolute;left: 50%;top: 50%;webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); font-size:18px; color: #92949c; font-family: Roboto, "Helvetica Neue";';
+          div_1.textContent += "Internet is slow or not working."
 
-    // });
+          document.body.appendChild(div)
+          document.body.appendChild(div_1);
 
+          window.ononline = (event) => {
+            // console.log("index.html You are now connected to the network.");
+            location.reload(true);
+          };
+        }
+      }, 4000);
+    }
   </script>
 
 
-
-
   <!-- add to homescreen for ios -->
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-status-bar-style" content="black" />
@@ -117,6 +86,5 @@
   <app-root></app-root>
 </body>
 
-</script>
 
 </html>