Network and clock feature added

ui_templates/static/default.css

@@ -21,8 +21,6 @@ small {
 }
 
 .header-clock {
-    right: 0px;
-    position: fixed;
     padding: 2px;
     padding-right: 4px;
 }
@@ -32,4 +30,38 @@ small {
     position: fixed;
     padding: 2px;
     padding-right: 4px;
-}
+}
+.loader1 {
+    position: fixed;
+    right: 80px;
+}
+
+.areaRight {
+    float: right;
+}
+
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #f1f1f1;
+    min-width: 160px;
+    overflow: auto;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+    right: 0px;
+  }
+  
+  .dropdown-content a {
+    color: black;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+  }
+  
+  .dropdown a:hover {background-color: #ddd;}
+
+  .show {display: block;}
+  
+  network{
+      cursor: pointer;
+  }

ui_templates/static/js/helper.js

@@ -0,0 +1,23 @@
+function encode_html(rawStr) {
+  var encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&]/g, function (i) {
+    return "&#" + i.charCodeAt(0) + ";";
+  });
+
+  return encodedStr;
+}
+
+function does_list_contain(list, needle) {
+  if (list.indexOf(needle) >= 0) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+function updateTime(k) {
+  if (k < 10) {
+    return "0" + k;
+  } else {
+    return k;
+  }
+}