Added project files

ali-h2010 · May 29, 2020 · 70f211a · 70f211a
1 parent 1bb1e63
commit 70f211a
Show file tree

Hide file tree

Showing 20 changed files with 12,557 additions and 0 deletions.
diff --git a/Assets/Images/BatteryIcons/AboveMediumBattery.png b/Assets/Images/BatteryIcons/AboveMediumBattery.png
diff --git a/Assets/Images/BatteryIcons/ChargingBattery.png b/Assets/Images/BatteryIcons/ChargingBattery.png
diff --git a/Assets/Images/BatteryIcons/FullBattery.png b/Assets/Images/BatteryIcons/FullBattery.png
diff --git a/Assets/Images/BatteryIcons/LowBattery.png b/Assets/Images/BatteryIcons/LowBattery.png
diff --git a/Assets/Images/BatteryIcons/MediumBattery.png b/Assets/Images/BatteryIcons/MediumBattery.png
diff --git a/Assets/Images/BatteryIcons/UnknownBattery.png b/Assets/Images/BatteryIcons/UnknownBattery.png
diff --git a/Assets/Images/icon.png b/Assets/Images/icon.png
diff --git a/Assets/css/bootstrap.css b/Assets/css/bootstrap.css
diff --git a/Assets/css/bootstrap.min.css b/Assets/css/bootstrap.min.css
diff --git a/Assets/css/dashboard.css b/Assets/css/dashboard.css
@@ -0,0 +1,103 @@
+body {
+    font-size: .875rem;
+  }
+
+  .feather {
+    width: 16px;
+    height: 16px;
+    vertical-align: text-bottom;
+  }
+
+  /*
+   * Sidebar
+   */
+
+  .sidebar {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 100; /* Behind the navbar */
+    padding: 48px 0 0; /* Height of navbar */
+    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
+  }
+
+  @media (max-width: 767.98px) {
+    /* .sidebar {
+      top: 5rem;
+    } */
+  }
+
+  .sidebar-sticky {
+    position: relative;
+    top: 0;
+    height: calc(100vh - 48px);
+    padding-top: .5rem;
+    overflow-x: hidden;
+    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+  }
+
+  @supports ((position: -webkit-sticky) or (position: sticky)) {
+    .sidebar-sticky {
+      position: -webkit-sticky;
+      position: sticky;
+    }
+  }
+
+  .sidebar .nav-link {
+    font-weight: 500;
+    color: #333;
+  }
+
+  .sidebar .nav-link .feather {
+    margin-right: 4px;
+    color: #999;
+  }
+
+  .sidebar .nav-link.active {
+    color: #007bff;
+  }
+
+  .sidebar .nav-link:hover .feather,
+  .sidebar .nav-link.active .feather {
+    color: inherit;
+  }
+
+  .sidebar-heading {
+    font-size: .75rem;
+    text-transform: uppercase;
+  }
+
+  /*
+   * Navbar
+   */
+
+  .navbar-brand {
+    padding-top: .75rem;
+    padding-bottom: .75rem;
+    font-size: 1rem;
+    background-color: rgba(0, 0, 0, .25);
+    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
+  }
+
+  .navbar .navbar-toggler {
+    top: .25rem;
+    right: 1rem;
+  }
+
+  .navbar .form-control {
+    padding: .75rem 1rem;
+    border-width: 0;
+    border-radius: 0;
+  }
+
+  .form-control-dark {
+    color: #fff;
+    background-color: rgba(255, 255, 255, .1);
+    border-color: rgba(255, 255, 255, .1);
+  }
+
+  .form-control-dark:focus {
+    border-color: transparent;
+    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
+  }
diff --git a/Assets/js/bootstrap.bundle.min.js b/Assets/js/bootstrap.bundle.min.js
diff --git a/Assets/js/jquery-3.3.1.min.js b/Assets/js/jquery-3.3.1.min.js
diff --git a/HuaweiUnOfficalRouterUtility.code-workspace b/HuaweiUnOfficalRouterUtility.code-workspace
@@ -0,0 +1,7 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	]
+}
diff --git a/README.md b/README.md
@@ -0,0 +1,18 @@
+# ElectronSample
+Just a sample to test electron feature and create a simple playground to test the features
+
+![screenshot of the project](README_Extra/Screenshot.png)
+## Steps Taken so far:
+1- added simple notificaiton support using node-notifier
+https://www.tutorialspoint.com/electron/electron_notifications.htm
+
+2- Added Bootstrap and jquery with Bootstrap sample
+
+3- Added electron-reload
+https://ourcodeworld.com/articles/read/524/how-to-use-live-reload-in-your-electron-project
+
+5- added tray with multiple item types such as Radio buttons, checkboxes, nested list, separator, and normal titles
+![screenshot of the project](README_Extra/TrayMenu.png)
+
+
+Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon"> www.flaticon.com</a>
diff --git a/README_Extra/Screenshot.png b/README_Extra/Screenshot.png
diff --git a/README_Extra/TrayMenu.png b/README_Extra/TrayMenu.png
diff --git a/Views/index.html b/Views/index.html
@@ -0,0 +1,81 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+   <meta charset="utf-8">
+   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+   <meta name="description" content="">
+   <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
+   <meta name="generator" content="Jekyll v4.0.1">
+   <title>Dashboard Template · Bootstrap</title>
+   <!-- Bootstrap core CSS -->
+   <link href="../Assets/css/bootstrap.min.css" rel="stylesheet">
+   <meta name="theme-color" content="#563d7c">
+   <!-- Custom styles for this template -->
+   <link href="../Assets/css/dashboard.css" rel="stylesheet">
+</head>
+
+<body style="-webkit-app-region: drag">
+   <nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
+      <a class="navbar-brand col-md-3 col-lg-2 mr-0 px-3" href="#">Unofficial Huawei Utility</a>
+      <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-toggle="collapse"
+         data-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
+         <span class="navbar-toggler-icon"></span>
+      </button>   
+   </nav>
+
+   <div class="container-fluid">
+      <div class="row">
+         <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
+            <div class="sidebar-sticky pt-3">
+               <ul class="nav flex-column">
+                  <li class="nav-item">
+                     <a class="nav-link active" href="#">
+                        <span data-feather="home"></span>
+                        Battery Status
+                     </a>
+                  </li>
+                  <li class="nav-item">
+                     <a class="nav-link" href="#">
+                        <span data-feather="file"></span>
+                       Network Statues
+                     </a>
+                  </li>                 
+               </ul>
+
+            </div>
+         </nav>
+
+         <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
+            <div
+               class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
+               <h1 class="h2">Battery Statues</h1>              
+            </div>
+            <div>
+               <p>test</p>
+            </div>
+      </div>
+      </main>
+   </div>
+   </div>
+   <script src="../Assets/js/jquery-3.3.1.min.js"></script>
+   <script>window.jQuery || document.write('<script src="../Assets/js/jquery-3.3.1.min.js"><\/script>')</script>
+   <script src="../Assets/js/bootstrap.bundle.min.js"></script>
+
+   <script>
+      const { ipcRenderer } = require('electron')
+      const updateOnlineStatus = () => {
+        ipcRenderer.send('online-status-changed', navigator.onLine ? 'online' : 'offline')
+      }
+
+      window.addEventListener('online',  updateOnlineStatus)
+      window.addEventListener('offline',  updateOnlineStatus)
+
+      updateOnlineStatus()
+    </script>
+
+
+
+</body>
+
+</html>