From 7f813504fb87cd98d2f84b62edac7411ac94aa32 Mon Sep 17 00:00:00 2001
From: ahkad <alomairi@mail.ru>
Date: Sat, 7 Sep 2024 23:49:09 +0000
Subject: [PATCH] add new devices from id-coords.js json

---
 views/home.ejs | 184 ++++++++++++++++++++++++++-----------------------
 1 file changed, 99 insertions(+), 85 deletions(-)

diff --git a/views/home.ejs b/views/home.ejs
index 0e4bbd0..9c0c5ce 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -18,7 +18,7 @@
     <meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
     <meta name="theme-color" content="#ffffff">
 
-    <title>Pax S90</title>
+    <title>POS Diagnostic Assist</title>
 
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/notification.css">
@@ -33,6 +33,7 @@
     <!-- <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>
 
     <link rel="stylesheet" href="https://code.jquery.com/ui/1.14.0/themes/base/jquery-ui.min.css">
     <!-- <script src="https://code.jquery.com/jquery-3.7.1.js"></script> -->
@@ -70,8 +71,9 @@
         <div class="select-city">
             <select name="banks" id="banksList" class="bank-list" placeholder="Banks" onchange="getCityDetails()">
                 <option value="Сбербанк" selected="selected">Сбербанк</option>
-                <option value="Алфабанк">Алфабанк</option>
-                <option value="Стандарт">Стандарт</option>
+                <option value="Алфабанк">Открытие</option>
+                <option value="Алфабанк">Альфа-Банк</option>
+                <option value="Стандарт">Национальный-стандарт</option>
             </select>
             <div class="city-selection">
                 <div id="autocompleteText" class="auto-complete-text"></div>
@@ -118,31 +120,31 @@
     <div class="buttons">
 
         <select name="model" id="selectmodel" class="serialform modelselect" placeholder="Model">
-            <option value="S90">S90</option>
-            <option value="S80">S80</option>
-            <option value="SP30">SP30</option>
-            <option value="S200">S200</option>
-            <option value="S300">S300</option>
-            <option value="S920">S920</option>
-            <option value="S900">S900</option>
-            <option value="A920">A920</option>
-            <option value="A930">A930</option>
-            <option value="D200">D200</option>
-            <option value="D230">D230</option>
-            <option value="IM20">IM20</option>
-
-            <option value="V240m">V240m</option>
-            <option value="V200t">V200t</option>
-            <option value="V205c">V205c</option>
-            <option value="V520">V520</option>
-            <option value="VX675">VX675</option>
-            <option value="VX680">VX680</option>
-            <option value="VX805">VX805</option>
-            <option value="VX820">VX820</option>
-            <option value="VX840">VX840</option>
-
-            <option value="P400">P400</option>
-            <option value="PP1000se">PP1000se</option>
+            <option class="pax" value="S90">S90</option>
+            <option class="pax" value="D230">D230</option>
+            <option class="pax" value="S80">S80</option>
+            <option class="pax" value="SP30">SP30</option>
+            <option class="pax" value="S200">S200</option>
+            <option class="pax" value="S300">S300</option>
+            <option class="pax" value="S920">S920</option>
+            <option class="pax" value="S900">S900</option>
+            <option class="pax" value="A920">A920</option>
+            <option class="pax" value="A930">A930</option>
+            <option class="pax" value="D200">D200</option>
+            
+            <option class="pax" value="IM20">IM20</option>
+            <option class="verifone" value="V240m">V240m</option>
+            <option class="verifone" value="V200t">V200t</option>
+            <option class="verifone" value="V205c">V205c</option>
+            <option class="verifone" value="V520">V520</option>
+            <option class="verifone" value="VX675">VX675</option>
+            <option class="verifone" value="VX680">VX680</option>
+            <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>
 
         </select>
         <div>
@@ -175,59 +177,57 @@
         <img class="bg-tarakan" src="./images/dance.gif">
     </div>
 
-    <img src="./images/PAX-S90-v0.7.png" usemap="#image-map" class="maparea">
+    <img src="./images/scan-pos.png" usemap="#image-map" class="maparea">
 
     <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, 27,465, 25,466, 24,470, 24,477, 23,489, 24,502, 26,503, 38,504, 38,511, 15,511, 14,499, 15,495, 14,482, 13,482, 12,467, 8,464, 5,463, 4,461, 4,430, 7,429, 7,406"
+                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="489,506, 491,507, 498,508, 500,510, 501,515, 502,517, 503,521, 504,529, 503,600, 501,603, 500,608, 494,611, 482,612, 459,611, 456,607, 455,599, 454,569, 455,524, 456,522, 456,519, 458,517, 459,511, 465,508, 471,507, 470,506, 472,505"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="rect" gid="keyboard" id="keyboard" coords="358,436,416,487"
+            <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="59,76, 64,82, 74,81, 78,80, 213,81, 215,82, 221,83, 229,84, 227,91, 208,92, 73,92, 72,89, 61,90, 56,95, 54,94, 53,90, 53,75"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="printerchange" id="printerchange"
-                coords="230,52, 231,58, 232,60, 233,68, 232,82, 231,84, 231,95, 231,104, 224,104, 223,94, 223,91, 229,90, 229,83, 227,82, 221,83, 216,82, 214,81, 196,80, 143,80, 144,52"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="printerclean" id="printerclean" coords="129,25, 136,33, 129,37, 127,36, 125,37, 101,38, 103,39, 138,39, 139,52, 142,52, 142,79, 72,80, 67,82, 62,81, 60,76, 59,74, 57,75, 52,75, 53,97, 59,96, 60,92, 62,91, 63,93, 62,113, 43,112, 42,110, 43,92, 42,88, 43,50, 47,49, 49,48, 92,47, 94,44, 95,39,
-        93,34, 92,29, 91,28, 89,29,
-        88,26, 108,25, 122,24"
+            <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="217,121, 228,127, 234,137, 247,193, 245,208, 143,206, 145,117, 212,120"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="printercovernew" id="printercovernew"
-                coords="142,117, 142,208, 34,207, 35,194, 36,192, 37,186, 38,172, 39,168, 42,149, 43,147, 48,133, 58,122, 64,121, 68,120, 90,117"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"00ff00","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="key" id="Clear"
-                coords="157,596, 160,598, 161,602, 160,608, 155,612, 145,615, 135,614, 133,613, 127,610, 123,603, 126,597, 128,596, 142,595"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="key" id="Cancle"
-                coords="105,571, 107,574, 108,578, 108,585, 106,586, 104,590, 103,592, 97,597, 84,596, 77,588, 76,586, 75,582, 76,575, 80,571, 103,571"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="key" id="n0"
-                coords="161,568, 163,573, 162,579, 155,585, 144,587, 133,586, 125,581, 123,574, 124,569, 129,567"
+                coords=" 7"
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="key" id="Enter"
-                coords="199,570, 207,571, 210,575, 209,586, 206,592, 204,593, 204,594, 203,593, 200,596, 197,596, 189,595, 187,594, 182,590, 178,581, 177,577, 178,573, 182,570"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="key" id="n9"
@@ -271,139 +271,153 @@
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="keyC" id="down"
-                coords="159,447, 161,450, 163,451, 162,458, 157,463, 147,466, 134,465, 132,464, 125,459, 123,454, 124,449, 126,447, 128,446"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="keyC" id="menu"
-                coords="207,446, 209,447, 214,451, 215,455, 214,460, 210,464, 197,466, 184,463, 177,455, 178,449, 184,446, 200,445"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="keyC" id="func"
-                coords="210,417, 214,421, 215,425, 214,430, 210,434, 201,436, 189,435, 187,434, 182,431, 178,426, 178,420, 179,419, 178,418, 179,417, 180,418, 182,417, 188,416"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="keyC" id="up"
-                coords="153,418, 161,425, 162,428, 163,430, 162,433, 158,436, 151,437, 149,436, 147,437, 131,436, 125,435, 123,428, 128,421, 134,418, 138,417"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="keyC" id="power"
-                coords="106,417, 108,420, 107,429, 103,432, 97,435, 89,436, 75,433, 72,429, 71,425, 72,421, 75,417, 87,416"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="rect" gid="keyC" id="f4" coords="219,364,239,378"
+            <area shape="rect" gid="keyC" id="f4" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="rect" gid="keyC" id="f3" coords="220,339,239,354"
+            <area shape="rect" gid="keyC" id="f3" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="rect" gid="keyC" id="f2" coords="220,315,239,331"
+            <area shape="rect" gid="keyC" id="f2" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area shape="rect" gid="keyC" id="f1" coords="220,293,239,307"
+            <area shape="rect" gid="keyC" id="f1" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
                 href="#">
-            <area gid="plonka" id="plonka" href="#" coords="68,283,138,376" shape="rect"
+            <area gid="plonka" id="plonka" href="#" coords=" " shape="rect"
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'>
-            <area gid="screen" id="screen" href="#" coords="206,283,140,378" shape="rect"
+            <area gid="touch" id="touch" href="#" coords=" " shape="rect"
+                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="420,364, 416,391, 410,397, 413,400, 400,409, 360,399, 360,374, 372,361, 372,359, 378,358, 386,354, 419,362"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"00ff00","fillOpacity":0.6}'
                 href="#">
 
             <area shape="poly" gid="Tarakan" id="Tarakan"
-                coords="303,521, 305,518, 305,529, 312,530, 313,528, 315,526, 320,519, 314,536, 316,543, 317,543, 322,545, 324,546, 335,551, 341,552, 325,554, 324,559, 326,563, 330,591, 334,602, 337,609, 335,609, 329,596, 326,593, 323,595, 324,605, 319,608, 309,611, 297,605, 292,605,
-        291,601, 287,617, 287,603,
-        283,590, 282,573, 282,571, 289,569, 285,559, 281,561, 279,564, 276,565, 276,567, 274,567, 270,566, 273,564, 273,563, 278,560, 278,558, 280,558, 280,557, 287,551, 287,542, 284,530, 283,526, 288,527, 291,527, 281,515, 273,506, 295,524, 299,521, 307,499, 301,523, 303,523"
+                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="simreader1" target="" alt="right" title="right"
-                coords="480,315,449,235,378,235,381,306" 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="simreader2" target="" alt="left" title="left"
-                coords="307,231,286,307,377,305,377,232" 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="404,189, 423,189, 424,193, 425,197, 426,201, 427,205, 430,215, 431,222, 401,221, 357,220, 329,219, 322,219, 323,208, 324,206, 329,188"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="protection" id="protection"
-                coords="307,222, 319,225, 317,232, 304,234, 286,292, 282,324, 278,323, 273,314, 272,300, 285,251, 297,220"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="protection" id="protection"
-                coords="460,228, 469,251, 489,312, 479,325, 478,302, 457,250, 448,236, 438,230, 444,225"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="dcjack" id="dcjack"
-                coords="478,118, 483,128, 482,139, 481,141, 480,142, 476,143, 474,144, 469,143, 467,142, 464,141, 463,143, 463,144, 462,139, 457,140, 457,141, 456,138, 454,135, 453,129, 454,117"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="batteries" id="batteries"
-                coords="352,91, 354,92, 360,95, 362,98, 361,110, 349,117, 335,118, 320,117, 314,112, 312,107, 311,104, 310,103, 320,94, 326,91, 334,90"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="batteries2" id="batteries2" coords="400,119, 402,120, 407,121, 413,124, 416,125, 426,134, 428,139, 429,143, 428,155, 426,158, 425,163, 420,170, 412,175, 400,178, 388,179, 384,178, 374,177, 368,174, 359,169, 355,165, 352,161, 351,157, 350,140, 349,138, 349,131, 353,130, 367,121, 371,120,
-        380,118" 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}'
                 href="#">
             <area shape="poly" gid="buzzer" id="buzzer"
-                coords="323,148, 324,150, 325,150, 327,153, 328,153, 330,160, 329,171, 321,179, 322,180, 320,182, 303,181, 301,168, 302,165, 300,163, 299,160, 306,152, 311,150, 315,149, 317,148"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="rect" gid="ctls" id="ctls" href="#" coords="49,249,242,470"
+            <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="430,45, 453,83, 463,85, 464,94, 456,98, 458,100, 462,102, 464,104, 475,106, 476,114, 386,117, 363,117, 362,109, 361,96, 352,91, 330,90, 314,98, 311,101, 309,108, 303,107, 292,107, 298,95, 304,89, 308,80, 316,77, 317,65, 313,62, 321,40, 426,41"
+                coords=" "
                 data-maphilight='{"strokeColor":"ee0000","strokeWidth":2,"fillColor":"ff0000","fillOpacity":0.4}'>
 
             <area shape="poly" gid="lens" id="lens"
-                coords="675,42, 680,66, 683,67, 679,91, 682,101, 681,109, 682,117, 683,128, 683,143, 685,165, 601,168, 553,165, 556,86, 556,49, 561,47, 563,40"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="battery_new" id="battery_new"
-                coords="596,293, 652,294, 690,299, 689,336, 562,335, 558,302, 546,322, 545,328, 536,332, 533,335, 521,323, 528,314, 531,310, 538,310, 556,298, 567,293, 594,293"
+            <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="696,186, 696,262, 587,261, 546,255, 549,235, 542,232, 556,195"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="chip" id="chip"
-                coords="659,544, 667,559, 671,548, 712,554, 708,593, 665,587, 664,584, 639,597, 636,594, 620,562, 657,542"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="rect" gid="off" id="off" coords="547,533,606,612"
+            <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="653,362, 654,364, 655,372, 659,373, 661,380, 675,381, 674,382, 659,383, 658,388, 654,389, 653,399, 584,398, 583,396, 582,381, 567,381, 568,379, 583,378, 584,362, 586,361"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="poly" gid="bunker" id="bunker" coords="678,433, 690,513, 550,511, 564,430, 664,428"
+            <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="314,424, 310,449, 308,450, 305,470, 302,490, 298,493, 285,489, 283,450, 277,447, 277,422"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
             <area shape="poly" gid="mag_clean" id="mag_clean"
-                coords="304,350, 306,359, 307,389, 308,389, 309,391, 311,392, 312,398, 313,406, 314,408, 314,421, 276,420, 277,393, 280,392, 282,391, 285,388, 286,385, 285,383, 286,381, 287,351, 288,352, 293,350"
+                coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="rect" gid="frontcase_clean" id="frontcase_clean" coords="452,355,477,470"
+            <area shape="rect" gid="frontcase_clean" id="frontcase_clean" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
-            <area shape="rect" gid="frontcase_change" id="frontcase_change" coords="478,355,504,470"
+            <area shape="poly" gid="frontcasechange" id="frontcasechange" coords=" "
+                data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
+                href="#">
+
+            <area shape="poly" gid="powersupply" id="powersupply" coords=" "
+                data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
+                href="#">
+            <area shape="poly" gid="miscroSD" id="miscroSD" coords=" "
+                data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
+                href="#">
+            <area shape="poly" gid="sim" id="sim" coords=" "
+                data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
+                href="#">
+            <area shape="poly" gid="speaker" id="speaker" coords=" "
                 data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
                 href="#">
 
@@ -537,7 +551,7 @@
 
         <footer>
 
-            <a> Terminal-Diagnostic-Helper <span id="version"></span> © 2024 Ал Омаири Ахмед </a>
+            <a> POS Diagnostic Assist <span id="version"></span> © 2024 Ал Омаири Ахмед </a>
             <a href="https://github.com/Ahmedhkad/Terminal-Diagnostic-Helper" style="padding-left: 5px;"> <i
                     class="fa-brands fa-github"> </i> </a>
         </footer>