Home Explore Help
Sign In
golang
/
edgevpn
mirror of https://github.com/mudler/edgevpn
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

:art: Fix display menu and icons on mobiles

Ettore Di Giacinto 3 years ago
parent
3a2093c7c3
commit
c65e4011cd
8 changed files with 38 additions and 24 deletions
Unified View Show Diff Stats
  1. 4 3
      api/public/blockchain.html
  2. 0 4
      api/public/css/fa.min.css
  3. 4 3
      api/public/files.html
  4. 7 5
      api/public/index.html
  5. 11 0
      api/public/js/common.js
  6. 4 3
      api/public/machines.html
  7. 4 3
      api/public/services.html
  8. 4 3
      api/public/users.html

+ 4 - 3
api/public/blockchain.html
View File 

@@ -6,11 +6,12 @@
 
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link rel="stylesheet" href="/css/bulma.min.css" />
 
   <link rel="stylesheet" href="/css/bulma.min.css" />
 
-  <link rel="stylesheet" href="/css/fa.min.css" />
 
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
 
   <script src="/js/jquery.min.js"></script> 
   <script src="/js/jquery.min.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
   <script src="/js/dt.js"></script> 
   <script src="/js/dt.js"></script> 
+  <script src="/js/common.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
 
 
 <title>EdgeVPN - Blockchain index</title>
 
 <title>EdgeVPN - Blockchain index</title>
 
@@ -24,13 +25,13 @@
 
         EdgeVPN
 
         EdgeVPN
 
       </a>
 
       </a>
 
   
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
 
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
       </a>
 
       </a>
 
     </div>
 
     </div>
 
-    <div class="navbar-menu">
 
+    <div id="menu" class="navbar-menu">
 
       <div class="navbar-start">
 
       <div class="navbar-start">
 
         <a class="navbar-item" href="/machines.html">
 
         <a class="navbar-item" href="/machines.html">
 
           <i class="fas fa-server"></i>&nbsp;
 
           <i class="fas fa-server"></i>&nbsp;

File diff suppressed because it is too large
+ 0 - 4
api/public/css/fa.min.css


+ 4 - 3
api/public/files.html
View File 

@@ -6,11 +6,12 @@
 
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link rel="stylesheet" href="/css/bulma.min.css" />
 
   <link rel="stylesheet" href="/css/bulma.min.css" />
 
-  <link rel="stylesheet" href="/css/fa.min.css" />
 
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
 
   <script src="/js/jquery.min.js"></script> 
   <script src="/js/jquery.min.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
   <script src="/js/dt.js"></script> 
   <script src="/js/dt.js"></script> 
+  <script src="/js/common.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
   <script src="/js/clipboard.min.js"></script>
 
   <script src="/js/clipboard.min.js"></script>
 
 
 
@@ -25,13 +26,13 @@
 
         EdgeVPN
 
         EdgeVPN
 
       </a>
 
       </a>
 
   
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
 
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
       </a>
 
       </a>
 
     </div>
 
     </div>
 
-    <div class="navbar-menu">
 
+    <div id="menu" class="navbar-menu">
 
       <div class="navbar-start">
 
       <div class="navbar-start">
 
         <a class="navbar-item" href="/machines.html">
 
         <a class="navbar-item" href="/machines.html">
 
           <i class="fas fa-server"></i>&nbsp;
 
           <i class="fas fa-server"></i>&nbsp;

+ 7 - 5
api/public/index.html
View File 

@@ -6,31 +6,33 @@
 
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
  <link href="/css/fonts.css" rel="stylesheet"> 
  <link href="/css/fonts.css" rel="stylesheet"> 
  <link rel="stylesheet" href="/css/bulma.min.css" />
 
  <link rel="stylesheet" href="/css/bulma.min.css" />
 
- <link rel="stylesheet" href="/css/fa.min.css" />
 
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
 
  <script src="/js/jquery.min.js"></script> 
  <script src="/js/jquery.min.js"></script> 
  <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
  <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
  <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
  <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
  <script src="/js/dt.js"></script> 
  <script src="/js/dt.js"></script> 
+ <script src="/js/common.js"></script> 
+
 
  <link rel="stylesheet" type="text/css" href="/css/style.css">
 
  <link rel="stylesheet" type="text/css" href="/css/style.css">
 
 
 
 <title>EdgeVPN - Dashboard</title>
 
 <title>EdgeVPN - Dashboard</title>
 
 </head>
 
 </head>
 
 
 
 <body>
 
 <body>
 
-  <nav class="navbar is-light is-spaced has-shadow" role="navigation" aria-label="main navigation">
 
+  <nav  class="navbar is-light is-spaced has-shadow" role="navigation" aria-label="main navigation">
 
     <div class="navbar-brand">
 
     <div class="navbar-brand">
 
       <a class="navbar-item" href="/">
 
       <a class="navbar-item" href="/">
 
         <img src="/images/logo.png" > &nbsp;
 
         <img src="/images/logo.png" > &nbsp;
 
         EdgeVPN
 
         EdgeVPN
 
       </a>
 
       </a>
 
   
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
 
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
       </a>
 
       </a>
 
     </div>
 
     </div>
 
-    <div class="navbar-menu">
 
+    <div id="menu" class="navbar-menu">
 
       <div class="navbar-start">
 
       <div class="navbar-start">
 
         <a class="navbar-item" href="/machines.html">
 
         <a class="navbar-item" href="/machines.html">
 
           <i class="fas fa-server"></i>&nbsp;
 
           <i class="fas fa-server"></i>&nbsp;
 
@@ -116,8 +118,8 @@
 
         </div>
 
         </div>
 
     </section>
 
     </section>
 
         <script type="text/javascript">
 
         <script type="text/javascript">
 
+        
             $(document).ready(function() {
 
             $(document).ready(function() {
 
-
 
               sync = function() {
 
               sync = function() {
 
                 $.ajax({
 
                 $.ajax({
 
                     url: "/api/summary",
 
                     url: "/api/summary",

+ 11 - 0
api/public/js/common.js
View File 

@@ -0,0 +1,11 @@
 
+$(document).ready(function() {
 
+
 
+    // Check for click events on the navbar burger icon
 
+    $(".navbar-burger").click(function() {
 
+  
+        // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
 
+        $(".navbar-burger").toggleClass("is-active");
 
+        $(".navbar-menu").toggleClass("is-active");
 
+  
+    });
 
+  });

+ 4 - 3
api/public/machines.html
View File 

@@ -6,11 +6,12 @@
 
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link rel="stylesheet" href="/css/bulma.min.css" />
 
   <link rel="stylesheet" href="/css/bulma.min.css" />
 
-  <link rel="stylesheet" href="/css/fa.min.css" />
 
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
 
   <script src="/js/jquery.min.js"></script> 
   <script src="/js/jquery.min.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
   <script src="/js/dt.js"></script> 
   <script src="/js/dt.js"></script> 
+  <script src="/js/common.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
 
 
 <title>EdgeVPN - Machines index</title>
 
 <title>EdgeVPN - Machines index</title>
 
@@ -24,13 +25,13 @@
 
         EdgeVPN
 
         EdgeVPN
 
       </a>
 
       </a>
 
   
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
 
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
       </a>
 
       </a>
 
     </div>
 
     </div>
 
-    <div class="navbar-menu">
 
+    <div id="menu" class="navbar-menu">
 
       <div class="navbar-start">
 
       <div class="navbar-start">
 
         <a class="navbar-item" href="/machines.html">
 
         <a class="navbar-item" href="/machines.html">
 
           <i class="fas fa-server"></i>&nbsp;
 
           <i class="fas fa-server"></i>&nbsp;

+ 4 - 3
api/public/services.html
View File 

@@ -6,11 +6,12 @@
 
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link rel="stylesheet" href="/css/bulma.min.css" />
 
   <link rel="stylesheet" href="/css/bulma.min.css" />
 
-  <link rel="stylesheet" href="/css/fa.min.css" />
 
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
 
   <script src="/js/jquery.min.js"></script> 
   <script src="/js/jquery.min.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
   <script src="/js/dt.js"></script> 
   <script src="/js/dt.js"></script> 
+  <script src="/js/common.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
   <script src="/js/clipboard.min.js"></script>
 
   <script src="/js/clipboard.min.js"></script>
 
 
 
@@ -25,13 +26,13 @@
 
         EdgeVPN
 
         EdgeVPN
 
       </a>
 
       </a>
 
   
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
 
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
       </a>
 
       </a>
 
     </div>
 
     </div>
 
-    <div class="navbar-menu">
 
+    <div id="menu" class="navbar-menu">
 
       <div class="navbar-start">
 
       <div class="navbar-start">
 
         <a class="navbar-item" href="/machines.html">
 
         <a class="navbar-item" href="/machines.html">
 
           <i class="fas fa-server"></i>&nbsp;
 
           <i class="fas fa-server"></i>&nbsp;

+ 4 - 3
api/public/users.html
View File 

@@ -6,11 +6,12 @@
 
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link rel="stylesheet" href="/css/bulma.min.css" />
 
   <link rel="stylesheet" href="/css/bulma.min.css" />
 
-  <link rel="stylesheet" href="/css/fa.min.css" />
 
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
 
   <script src="/js/jquery.min.js"></script> 
   <script src="/js/jquery.min.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
 
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
 
   <script src="/js/dt.js"></script> 
   <script src="/js/dt.js"></script> 
+  <script src="/js/common.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
 
 
 <title>EdgeVPN - Users connected</title>
 
 <title>EdgeVPN - Users connected</title>
 
@@ -24,13 +25,13 @@
 
         EdgeVPN
 
         EdgeVPN
 
       </a>
 
       </a>
 
   
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
 
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
         <span aria-hidden="true"></span>
 
       </a>
 
       </a>
 
     </div>
 
     </div>
 
-    <div class="navbar-menu">
 
+    <div id="menu" class="navbar-menu">
 
       <div class="navbar-start">
 
       <div class="navbar-start">
 
         <a class="navbar-item" href="/machines.html">
 
         <a class="navbar-item" href="/machines.html">
 
           <i class="fas fa-server"></i>&nbsp;
 
           <i class="fas fa-server"></i>&nbsp;

Some files were not shown because too many files changed in this diff