fix static css and d230 add sensor

This commit is contained in:
AHKAD 2024-09-19 12:17:59 +00:00
parent 919dad14e8
commit 1358d01555
1 changed files with 57 additions and 87 deletions

View File

@ -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>