gitea
/
POS-Diagnostic-Assist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

144
views/home.ejs
View File

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