From 1358d01555829ddc0a57c950acb4bf5cdd3a3b90 Mon Sep 17 00:00:00 2001
From: AHKAD <alomairi@mail.ru>
Date: Thu, 19 Sep 2024 12:17:59 +0000
Subject: [PATCH] fix static css and d230 add sensor

---
 views/home.ejs | 144 ++++++++++++++++++++-----------------------------
 1 file changed, 57 insertions(+), 87 deletions(-)
diff --git a/views/home.ejs b/views/home.ejs
index 1e5277b..dfcfed5 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -20,36 +20,31 @@
 
     <title>Datex Pay - Diagnostic System and Service Desk</title>
 
+    <link rel="stylesheet" href="/css/jquery-ui.min.css">
+    <link rel="stylesheet" href="/css/fa-icons.css">
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/notification.css">
     <link rel="stylesheet" href="/css/navbar.css">
     <link rel="stylesheet" href="/css/options.css">
 
     <script src="js/jquery-3.5.1.min.js"></script>
+    <script src="js/jquery-ui.min.js"></script>
     <script src="js/jquery.maphilight.min.js"></script>
     <script src="js/axios.min.js"></script>
-
-    <script src="js/e8e55b4ad4.js" crossorigin="anonymous"></script>
-    <!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->
+    
     <script src="js/navbar.js"></script>
     <script src="js/citydetails.js"></script>
     <script src="js/id-coords.js"></script>
     <script src="js/maketable.js"></script>
 
-    <link rel="stylesheet" href="/css/jquery-ui.min.css">
-     <!-- jquery UI -->
-    <script src="js/jquery-ui.min.js"></script> 
 </head>
 
 <body>
 
     <div id="toast" class="toast">
-
         <div class="toast-content">
             <div id="toastIcon" class="check">
-
             </div>
-
             <div class="message">
                 <span class="text text-1">Success</span>
                 <span class="text text-2">Your changes has been saved</span>
@@ -60,7 +55,7 @@
         <div class="progress"></div>
     </div>
 
-    <!-- <button class="buttonTest">Show Toast</button> -->
+    <!-- <button id="buttonTest">Show Toast</button> -->
 
 
     <nav class="navbar">
@@ -78,7 +73,8 @@
             </select>
             <div class="city-selection">
                 <div id="autocompleteText" class="auto-complete-text"></div>
-                <input type="text" id="cityInput" placeholder="Type a city..." onkeyup="filterCities()""   autocomplete="off">
+                <input type="text" id="cityInput" placeholder="Type a city..."
+                    onkeyup="filterCities()""   autocomplete=" off">
                 <div id="cityList"></div>
             </div>
             <input type="text" id="datepicker" autocomplete="off" onchange="getCityDetails()">
@@ -87,12 +83,14 @@
         </div>
 
         <div class="dropdown">
-            <img  src="<%= avatar %>" alt="User Photo" class="user-photo" onclick="toggleDropdown(event)">
+            <img src="<%= avatar %>" alt="User Photo" class="user-photo" onclick="toggleDropdown(event)">
             <div class="dropdown-menu" id="dropdownMenu">
                 <div class="user-details">
-                    <img src="<%= avatar %>" alt="User Photo" class="user-photo"
-                        style="width: 60px; height: 60px;"> <!-- Larger photo in dropdown -->
-                    <div id="userName" class="user-name" ><%= username %></div> <!-- Username -->
+                    <img src="<%= avatar %>" alt="User Photo" class="user-photo" style="width: 60px; height: 60px;">
+                    <!-- Larger photo in dropdown -->
+                    <div id="userName" class="user-name">
+                        <%= username %>
+                    </div> <!-- Username -->
                 </div>
                 <a class="dropdown-item" href="#"><i class="fa-solid fa-user"></i>&nbsp Profile</a>
                 <a class="dropdown-item" onclick="toggleOptionsBox()" href="#"><i class="fa-solid fa-gear"></i>&nbsp
@@ -115,7 +113,7 @@
         <!-- <textarea id="titleInput" class="inputHolder" placeholder="" rows="" cols="" name="" form=""> </textarea> -->
         <div id="excelTableContainer">
             <table id="excelTable" border="1">
-                <tr >
+                <tr>
                     <td>Модель
                     </td>
                     <td>Сер.номер
@@ -127,12 +125,12 @@
                 </tr>
             </table>
         </div>
-    
+
 
         <button id="removeFixes" class="btn-remove"> <i class="fa-solid fa-delete-left"></i> </button>
     </div>
 
-    
+
     <div id="lastThree" class="last-records">
     </div>
     <div id="history"></div>
@@ -168,7 +166,7 @@
             <option class="verifone" value="VX805">VX805</option>
             <option class="verifone" value="VX820">VX820</option>
             <option class="verifone" value="VX840">VX840</option>
- 
+
             <option class="verifone" value="P400">P400</option>
             <option class="verifone" value="PP1000se">PP1000se</option>
 
@@ -208,52 +206,42 @@
     <map name="image-map" id="map">
         <!-- ImageReady Slices (PAX-S90-ready-image-ready.psd) -->
         <map name="PAX_S90_ready_image_ready_Map">
-            <area shape="poly" gid="usb" id="usb"
-                coords="30,406, 31,430, 33,431, 32,463"
+            <area shape="poly" gid="usb" id="usb" coords="30,406, 31,430, 33,431, 32,463"
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
 
-            <area shape="poly" gid="backcase" id="backcase"
-                coords=" "
+            <area shape="poly" gid="backcase" id="backcase" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="rect" gid="keyboard" id="keyboard" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
 
-            <area shape="poly" gid="printerroller" id="printerroller"
-                coords=" "
+            <area shape="poly" gid="printerroller" id="printerroller" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="printerchange" id="printerchange"
-                coords=" "
+            <area shape="poly" gid="printerchange" id="printerchange" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="printerclean" id="printerclean" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="printercoverused" id="printercoverused"
-                coords=" "
+            <area shape="poly" gid="printercoverused" id="printercoverused" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="printercovernew" id="printercovernew"
-                coords=" "
+            <area shape="poly" gid="printercovernew" id="printercovernew" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"00ff00","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="key" id="Clear"
-                coords=" "
+            <area shape="poly" gid="key" id="Clear" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="key" id="Cancle"
-                coords=" "
+            <area shape="poly" gid="key" id="Cancle" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="key" id="n0"
-                coords=" 7"
+            <area shape="poly" gid="key" id="n0" coords=" 7"
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="key" id="Enter"
-                coords=" "
+            <area shape="poly" gid="key" id="Enter" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="key" id="n9"
@@ -296,24 +284,19 @@
                 coords="104,447, 108,450, 108,455, 105,460, 101,463, 91,466, 79,465, 72,460, 71,454, 73,449, 78,447, 86,446"
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="keyC" id="down"
-                coords=" "
+            <area shape="poly" gid="keyC" id="down" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="keyC" id="menu"
-                coords=" "
+            <area shape="poly" gid="keyC" id="menu" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="keyC" id="func"
-                coords=" "
+            <area shape="poly" gid="keyC" id="func" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="keyC" id="up"
-                coords=" "
+            <area shape="poly" gid="keyC" id="up" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="keyC" id="power"
-                coords=" "
+            <area shape="poly" gid="keyC" id="power" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
             <area shape="rect" gid="keyC" id="f4" coords=" "
@@ -334,97 +317,81 @@
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'>
             <area gid="screen" id="screen" href="#" coords=" " shape="rect"
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'>
-            <area shape="poly" gid="newdc" id="newdc"
-                coords=" "
+            <area shape="poly" gid="newdc" id="newdc" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"00ff00","fillOpacity":0.6}'
                 href="#">
 
-            <area shape="poly" gid="Tarakan" id="Tarakan"
-                coords=" "
+            <area shape="poly" gid="Tarakan" id="Tarakan" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="circle" gid="water" id="water" coords="395,563,43"
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
 
-            <area gid="changesimreader" id="changesimreader" target="" alt="right" title="right"
-                coords=" " shape="poly"
+            <area gid="changesimreader" id="changesimreader" target="" alt="right" title="right" coords=" " shape="poly"
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area gid="cleansimreader" id="cleansimreader" target="" alt="left" title="left"
-                coords=" " shape="poly"
+            <area gid="cleansimreader" id="cleansimreader" target="" alt="left" title="left" coords=" " shape="poly"
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
 
 
-            <area shape="poly" gid="cpu" id="cpu"
-                coords=" "
+            <area shape="poly" gid="cpu" id="cpu" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="protection" id="protection"
-                coords=" "
+            <area shape="poly" gid="protection" id="protection" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="protection" id="protection"
-                coords=" "
+            <area shape="poly" gid="protection" id="protection" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="dcjack" id="dcjack"
-                coords=" "
+            <area shape="poly" gid="dcjack" id="dcjack" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="batteries" id="batteries"
-                coords=" "
+            <area shape="poly" gid="batteries" id="batteries" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="batteries2" id="batteries2" coords=" " data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
+            <area shape="poly" gid="batteries2" id="batteries2" coords=" "
+                data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="batteries1630" id="batteries1630" coords=" " data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
+            <area shape="poly" gid="batteries1630" id="batteries1630" coords=" "
+                data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="buzzer" id="buzzer"
-                coords=" "
+            <area shape="poly" gid="buzzer" id="buzzer" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="rect" gid="ctls" id="ctls" href="#" coords=" "
                 data-maphilight='{"strokeColor":"ee0000","strokeWidth":2,"fillColor":"ff0000","fillOpacity":0.4}'
                 href="#">
-            <area shape="poly" gid="boardio" id="boardio" href="#"
-                coords=" "
+            <area shape="poly" gid="boardio" id="boardio" href="#" coords=" "
                 data-maphilight='{"strokeColor":"ee0000","strokeWidth":2,"fillColor":"ff0000","fillOpacity":0.4}'>
 
-            <area shape="poly" gid="lens" id="lens"
-                coords=" "
+            <area shape="poly" gid="lens" id="lens" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="accumnew" id="accumnew"
-                coords=" "
+            <area shape="poly" gid="accumnew" id="accumnew" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="gprs" id="gprs"
-                coords=" "
+            <area shape="poly" gid="gprs" id="gprs" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="chip" id="chip"
-                coords=" "
+            <area shape="poly" gid="chip" id="chip" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="rect" gid="off" id="off" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="charging" id="charging"
-                coords=" "
+            <area shape="poly" gid="charging" id="charging" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="bunker" id="bunker" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
 
-            <area shape="poly" gid="mag_change" id="mag_change"
-                coords=" "
+            <area shape="poly" gid="mag_change" id="mag_change" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="mag_clean" id="mag_clean"
-                coords=" "
+            <area shape="poly" gid="mag_clean" id="mag_clean" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="rect" gid="frontcase_clean" id="frontcase_clean" coords=" "
@@ -446,6 +413,9 @@
             <area shape="poly" gid="speaker" id="speaker" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
+            <area shape="poly" gid="sensor" id="sensor" coords=" "
+                data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
+                href="#">
 
         </map>
 
