ADD: AdminTo theme integration

src/OpenMind/Admin/ui/css/admin.scss

@@ -1,193 +0,0 @@
-/**
- * Main SCSS file
- *
- * @author Open Mind
- * @date 04/12/2018
- * @time 16:00
- * @since 18/07/2018 in SCSS format
- */
-
-// DEFAULTS
-// Background color
-$mainColor: #eeeeee;
-
-// Main text color
-$textColor: white;
-
-// Upper and Lower navbar background color
-$navbarsColor: rgba(94, 107, 116, 0.95);
-
-// drop-shadow and box-shadow color
-$shadowColor: #444444;
-
-// All input tag colors
-$inputBgColor: rgb(77, 80, 153);
-$inputColor: white;
-
-$placeholderColor: gray !important;
-
-.navbar.fixed-bottom {
-	color: white;
-}
-
-html, body {
-	height: 100%;
-}
-
-body {
-	background-color: $mainColor !important;
-	color: $textColor !important;
-	font-family: 'Roboto';
-}
-
-/* latin */
-@font-face {
-	font-family: 'Roboto';
-	font-style: normal;
-	font-weight: 400;
-	src: local('Roboto'), local('Roboto-Regular'), url('ui/fonts/Roboto-Regular.ttf') format('truetype');
-	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-.error_body:before {
-	content: "";
-	position: absolute;
-	left: 0;
-	top: 0;
-	width: 100%;
-	height: 100%;
-	background: url('ui/images/error_bg.png');
-	background-size: cover;
-}
-
-.error_body .card {
-	opacity: 0.9;
-}
-
-/*
-input[type="text"], input[type="password"] {
-  border-color: #C5AC0F !important;
-  background-color: #484848 !important;
-}
-
-input[type="text"]:focus, input[type="password"]:focus {
-  border-color: #C5AC0F !important;
-  color: #ffd242 !important;
-}
-*/
-
-/*input {
-  border-color: darken($inputBgColor, 10%);
-  color: darken($inputColor, 10%);
-}
-
-input:focus {
-  background-color: $inputBgColor !important;
-  border-color: $inputColor !important;
-}*/
-
-.form-control, .btn {
-	background-color: $inputBgColor !important;
-	color: $inputColor !important;
-}
-
-.form-control:focus, .btn:focus {
-	//  border-color: #c5ac0f !important;
-	background-color: lighten($inputBgColor, 8%) !important;
-	border-color: darken($inputBgColor, 10%) !important;
-	box-shadow: 0 0 10px $inputBgColor !important;
-}
-
-.form-control:disabled {
-	color: darken($inputColor, 10%) !important;
-	background-color: darken($inputBgColor, 8%) !important;
-}
-
-.debugborder {
-	border: 1px solid red !important;
-}
-
-.disablebutton {
-	opacity: 0.4;
-}
-
-.imgbuttonmenu {
-	max-height: 180px !important;
-	border-radius: 10px !important;
-}
-
-.om-shadow {
-	filter: drop-shadow(0px 0.2em 5px $shadowColor);
-}
-
-input::placeholder {
-	color: $placeholderColor;
-}
-
-input::-ms-input-placeholder {
-	color: $placeholderColor;
-}
-
-.navbar {
-	background-color: $navbarsColor !important;
-}
-
-.rounded {
-	border-radius: 15px !important;
-}
-
-@mixin prefix($property, $parameters...) {
-	@each $prefix in -webkit-, -moz-, -ms-, -o-, "" {
-		#{$prefix}#{$property}: $parameters;
-	}
-}
-
-// Blink Effect
-@keyframes blink {
-	0% {
-		@include prefix(opacity, 0.1);
-		// background-color: lighten(#28a745, 40%);
-	}
-	100% {
-		@include prefix(opacity, 1);
-		// background-color: darken(#28a745, 10%);
-	}
-}
-
-@-webkit-keyframes blink {
-	0% {
-		@include prefix(opacity, 0.1);
-		// background-color: lighten(#28a745, 40%);
-	}
-	100% {
-		@include prefix(opacity, 1);
-		// background-color: darken(#28a745, 10%);
-	}
-}
-
-.blink {
-	@include prefix(transition, all 0.1s ease-in-out);
-	@include prefix(animation, blink alternate 1s infinite ease-in-out);
-}
-
-#sysmsgnum {
-	color: white;
-	background-color: red;
-	font-size: 40%;
-	position: absolute;
-	left: 15px;
-	bottom: 0;
-}
-
-#notification_area {
-	padding-bottom: 0;
-	border-radius: 10px 10px
-}
-
-#notification_area_deleteall {
-	background-color: #3380BD;
-	color: white;
-	border-radius: 0 0 10px 10px;
-	padding: 0;
-}
-

src/OpenMind/Admin/ui/js/admin.js

@@ -1,42 +0,0 @@
-/**
- * Main Javascript file
- *
- * @author Open Mind
- * @date 04/12/2018
- * @time 16:00
- */
-
-var fetchHeaders = {
-	'Accept': 'text/html',
-	'Content-Type': 'text/html',
-	'X-Requested-With': 'XMLHttpRequest',
-	'Cache-Control': 'no-cache',
-	'Pragma': 'no-cache',
-	'Expires': '0'
-};
-
-function SetupConfirmationDialog() {
-	$('.requestconfirm').on('click', function (ev) {
-		let confirmText = $(this).data('confirmtext');
-		if (!confirm(confirmText))
-			ev.preventDefault();
-	});
-}
-
-function SetupSubmitFormDisabler() {
-	$('body').on('submit', 'form', function () {
-		$('body').focus();
-		$('form input,form select').prop('readonly', true);
-
-		// Manual submit for more control
-		this.submit();
-		return false;
-	});
-}
-
-$(function () {
-	SetupConfirmationDialog();
-
-	SetupSubmitFormDisabler();
-});
-

src/OpenMind/Admin/ui/masterpage.tpl

@@ -1,38 +1,296 @@
 <!DOCTYPE html>
 <html lang="it">
 <head>
-	<meta charset="UTF-8">
-	<meta content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" name="viewport">
-	<title>{{@SITENAME}}</title>
-	<link href="{{@BASEURL}}/{{@UI}}bundle.css" rel="stylesheet" type="text/css"/>
-	<link href="{{@BASEURL}}/{{@UI}}favicon.ico" rel="shortcut icon" type="image/x-icon">
-
-	<script type="text/javascript">
-		const BASEURL = '{{@BASEURL}}';
-	</script>
+  <meta charset="UTF-8">
+  <title>{{@SITENAME}}</title>
+  <link href="{{@BASEURL}}/{{@UI}}favicon.ico" rel="shortcut icon" type="image/x-icon">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+
+  <!-- App css -->
+  <link href="{{@UI}}assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
+  <link href="{{@UI}}assets/css/icons.css" rel="stylesheet" type="text/css"/>
+  <link href="{{@UI}}assets/css/style.css" rel="stylesheet" type="text/css"/>
+
+
+  <script type="text/javascript">
+    const BASEURL = '{{@BASEURL}}';
+  </script>
 </head>
 <body>
 
-<include href="header.tpl"/>
+<!-- Navigation Bar-->
+<header id="topnav">
+  <div class="topbar-main">
+    <div class="container-fluid">
+
+      <!-- Logo container-->
+      <div class="logo">
+        <!-- Text Logo -->
+        <a href="index.html" class="logo">
+          <span class="logo-small"><i class="mdi mdi-radar"></i></span>
+          <span class="logo-large"><i class="mdi mdi-radar"></i> OM-Link</span>
+        </a>
+        <!-- Image Logo -->
+        <!-- a href="index.html" class="logo">
+          <img src="{{@UI}}assets/images/logo-sm.png" alt="" height="26" class="logo-small">
+          <img src="{{@UI}}assets/images/logo.png" alt="" height="24" class="logo-large">
+        </a -->
+
+      </div>
+      <!-- End Logo container-->
+
+
+      <div class="menu-extras topbar-custom">
+
+        <ul class="list-unstyled topbar-right-menu float-right mb-0">
+
+          <li class="menu-item">
+            <!-- Mobile menu toggle-->
+            <a class="navbar-toggle nav-link">
+              <div class="lines">
+                <span></span>
+                <span></span>
+                <span></span>
+              </div>
+            </a>
+            <!-- End mobile menu toggle-->
+          </li>
+          <li>
+            <!-- Notification -->
+            <div class="notification-box">
+              <ul class="list-inline mb-0">
+                <li>
+                  <a href="javascript:void(0);" class="right-bar-toggle">
+                    <i class="mdi mdi-bell-outline noti-icon"></i>
+                  </a>
+                  <div class="noti-dot">
+                    <span class="dot"></span>
+                    <span class="pulse"></span>
+                  </div>
+                </li>
+              </ul>
+            </div>
+            <!-- End Notification bar -->
+          </li>
+
+          <li class="dropdown notification-list">
+            <a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
+               aria-haspopup="false" aria-expanded="false">
+              <img src="{{@UI}}assets/images/users/avatar-1.jpg" alt="user" class="rounded-circle">
+            </a>
+            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
+
+              <!-- item-->
+              <a href="{{@BASEURL}}/logout" class="dropdown-item notify-item">
+                <i class="ti-power-off m-r-5"></i> Logout
+              </a>
+
+            </div>
+          </li>
+
+        </ul>
+      </div>
+      <!-- end menu-extras -->
+
+      <div class="clearfix"></div>
+
+    </div> <!-- end container -->
+  </div>
+  <!-- end topbar-main -->
+
+  <div class="navbar-custom">
+    <div class="container-fluid">
+      <div id="navigation">
+        <!-- Navigation Menu-->
+        <ul class="navigation-menu">
+          <li class="has-submenu">
+            <a href="index.html"><i class="mdi mdi-view-dashboard"></i> <span> Dashboard </span> </a>
+          </li>
+
+          <li class="has-submenu">
+            <a href="#"><i class="mdi mdi-label"></i><span> ESL Ops</span> </a>
+            <ul class="submenu">
+              <li><a href="form-elements.html">Label Status</a></li>
+              <li><a href="form-advanced.html">Battery Level</a></li>
+              <li><a href="form-validation.html">Label Issues</a></li>
+            </ul>
+          </li>
+
+          <li class="has-submenu">
+            <a href="#"><i class="mdi mdi-settings"></i> <span> System Settings </span> </a>
+            <ul class="submenu megamenu">
+              <li>
+                <ul>
+                  <li><a href="ui-buttons.html">Buttons</a></li>
+                  <li><a href="ui-cards.html">Cards</a></li>
+                </ul>
+              </li>
+              <li>
+                <ul>
+                  <li><a href="ui-dripicons.html">Dripicons</a></li>
+                  <li><a href="ui-modals.html">Modals</a></li>
+                </ul>
+              </li>
+            </ul>
+          </li>
+
+        </ul>
+        <!-- End navigation menu -->
+      </div> <!-- end #navigation -->
+    </div> <!-- end container -->
+  </div> <!-- end navbar-custom -->
+</header>
+<!-- End Navigation Bar-->
+
+
+<div class="wrapper">
+  <div class="container-fluid">
+
+    <!-- Page-Title -->
+    <div class="row">
+      <div class="col-sm-12">
+        <div class="btn-group pull-right m-t-20">
+          <button type="button" class="btn btn-custom dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="false">Settings</button>
+          <div class="dropdown-menu dropdown-menu-right">
+            <!-- item-->
+            <a href="javascript:void(0);" class="dropdown-item">Action</a>
+            <!-- item-->
+            <a href="javascript:void(0);" class="dropdown-item">Another action</a>
+            <!-- item-->
+            <a href="javascript:void(0);" class="dropdown-item">Something else</a>
+            <!-- item-->
+            <a href="javascript:void(0);" class="dropdown-item">Separated link</a>
+          </div>
+        </div>
+        <h4 class="page-title">Dashboard</h4>
+      </div>
+    </div>
+    <!-- end page title end breadcrumb -->
+
+
+    <div class="row">
+
+      <div class="col-xl-12">
+
+        <div class="card-box slimscroll">
+          <div class="dropdown pull-right">
+            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
+              <i class="mdi mdi-dots-vertical"></i>
+            </a>
+            <div class="dropdown-menu dropdown-menu-right">
+              <!-- item-->
+              <a href="javascript:void(0);" class="dropdown-item">Refresh Status</a>
+              <!-- item-->
+              <a href="javascript:void(0);" class="dropdown-item">Delete All</a>
+              <!-- item-->
+              <a href="javascript:void(0);" class="dropdown-item">Blink All</a>
+              <!-- item-->
+              <a href="javascript:void(0);" class="dropdown-item">Unbind All</a>
+            </div>
+          </div>
+
+          <h4 class="header-title mt-0 m-b-30">ESL Status</h4>
+
+          <div class="table-responsive">
+            <table class="table mb-0">
+              <thead>
+              <tr>
+                <th>#</th>
+                <th>Label ID</th>
+                <th>Status</th>
+                <th>Template Name (ID)</th>
+                <th>DT type</th>
+              </tr>
+              </thead>
+              <tbody>
+              <tr>
+                <td>1</td>
+                <td>010821345</td>
+                <td><span class="badge badge-danger">BLOCKED,FC</span></td>
+                <td>Maxmara_Default (1070)</td>
+                <td>31</td>
+              </tr>
+              <tr>
+                <td>1</td>
+                <td>01080FCDE</td>
+                <td><span class="badge badge-danger">Offline</span></td>
+                <td>Maxmara_DOP (2)</td>
+                <td>31</td>
+              </tr>
+              <tr>
+                <td>1</td>
+                <td>010AFCDE</td>
+                <td><span class="badge badge-success">Online</span></td>
+                <td>Maxmara_NewLabel (1002)</td>
+                <td>31</td>
+              </tr>
+
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div><!-- end col -->
+
+    </div>
+    <!-- end row -->
+
+  </div> <!-- end container -->
+
+
+  <!-- Right Sidebar -->
+  <div class="side-bar right-bar">
+    <a href="javascript:void(0);" class="right-bar-toggle">
+      <i class="mdi mdi-close-circle-outline"></i>
+    </a>
+    <h4 class="">Notifications</h4>
+    <div class="notification-list nicescroll">
+      <ul class="list-group list-no-border user-list">
+        <li class="list-group-item">
+          <a href="#" class="user-list-item">
+            <div class="avatar">
+              <img src="{{@UI}}assets/images/users/avatar-2.jpg" alt="">
+            </div>
+            <div class="user-desc">
+              <span class="name">FindBox service</span>
+              <span class="desc">Service unavailable</span>
+              <span class="time">1 seconds ago</span>
+            </div>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <!-- /Right-bar -->
 
-<div class="d-flex flex-row justify-content-around align-items-center" style="overflow-y: auto; height: calc(100% - 150px)">
-	<include href="{{@CONTENT}}" if="{{isset(@CONTENT)}}"/>
 </div>
+<!-- end wrapper -->
+
 
-<include href="footer.tpl"/>
+<!-- Footer -->
+<footer class="footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12 text-center">
+        2019 © Open Mind Group
+      </div>
+    </div>
+  </div>
+</footer>
+<!-- End Footer -->
 
-<script src="{{@BASEURL}}/{{@UI}}bundle.js"></script>
+<script src="{{@UI}}assets/js/jquery.min.js"></script>
+<script src="{{@UI}}assets/js/popper.min.js"></script>
+<script src="{{@UI}}assets/js/bootstrap.min.js"></script>
+<script src="{{@UI}}assets/js/waves.js"></script>
+<script src="{{@UI}}assets/js/jquery.slimscroll.js"></script>
 
-<check if="{{isset(@REQ_REDIRECT}})">
-	<true>
-		<script>
-			setTimeout(() => {
-				window.location.href = "{{@BASEURL}}/{{@REQ_REDIRECT}}";
-			}, {;{@REQ_REDIRECT_MS}})
 
-		</script>
-	</true>
-</check>
+<!-- App js -->
+<script src="{{@UI}}assets/js/jquery.core.js"></script>
+<script src="{{@UI}}assets/js/jquery.app.js"></script>
+
+</body>
 
 </body>
 </html>

ui/masterpage.tpl

@@ -1,22 +1,22 @@
 <!DOCTYPE html>
 <html lang="it">
 <head>
-	<meta charset="UTF-8">
-	<meta content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" name="viewport">
-	<title>{{@SITENAME}}</title>
-	<link href="{{@BASEURL}}/bundle.css?v={{@VERSION}}" rel="stylesheet" type="text/css"/>
-	<link href="{{@BASEURL}}/ui/favicon_{{@CUSTOMERNAME}}.ico?v={{@VERSION}}" rel="shortcut icon" type="image/x-icon">
-
-	<script type="text/javascript">
-		const BASEURL = '{{@BASEURL}}';
-	</script>
+  <meta charset="UTF-8">
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" name="viewport">
+  <title>{{@SITENAME}}</title>
+  <link href="{{@BASEURL}}/bundle.css?v={{@VERSION}}" rel="stylesheet" type="text/css"/>
+  <link href="{{@BASEURL}}/ui/favicon_{{@CUSTOMERNAME}}.ico?v={{@VERSION}}" rel="shortcut icon" type="image/x-icon">
+
+  <script type="text/javascript">
+    const BASEURL = '{{@BASEURL}}';
+  </script>
 </head>
 <body>
 
 <include href="header.tpl"/>
 
 <div class="d-flex flex-row justify-content-around align-items-center" style="overflow-y: auto; height: calc(100% - 150px)">
-	<include href="{{@CONTENT}}" if="{{isset(@CONTENT)}}"/>
+  <include href="{{@CONTENT}}" if="{{isset(@CONTENT)}}"/>
 </div>
 
 <include href="footer.tpl"/>
@@ -24,17 +24,14 @@
 <script src="{{@BASEURL}}/bundle.js?v={{@VERSION}}"></script>
 
 <check if="{{isset(@REQ_REDIRECT}})">
-	<true>
-		<script>
-			setTimeout(() => {
-				window.location.href = "{{@BASEURL}}/{{@REQ_REDIRECT}}";
-			}, {;
-			{@REQ_REDIRECT_MS
-			}
-			})
-
-		</script>
-	</true>
+  <true>
+    <script>
+      setTimeout(() => {
+        window.location.href = "{{@BASEURL}}/{{@REQ_REDIRECT}}";
+      }, {{@REQ_REDIRECT_MS}})
+
+    </script>
+  </true>
 </check>
 
 </body>