POS-Diagnostic-Assist/static/index2.html

468 lines
29 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/images/favicon/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/images/favicon/site.webmanifest">
<link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/images/favicon/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Pax S90">
<meta name="application-name" content="Pax S90">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-TileImage" content="/images/favicon/mstile-144x144.png">
<meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<title>Pax S90</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/nav.css">
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/jquery.maphilight.min.js"></script>
<script src="js/axios.min.js"></script>
<script src="https://kit.fontawesome.com/e8e55b4ad4.js" crossorigin="anonymous"></script>
<!-- <script src="https://unpkg.com/axios/dist/axios.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>
</div>
</div>
<i class="fa-solid fa-xmark close"></i>
<!-- Remove 'active' class, this is just to show in Codepen thumbnail -->
<div class="progress"></div>
</div>
<!-- <button class="buttonTest">Show Toast</button> -->
<div class="nav-bar flex">
<div class="first-holder flex">
<a class="logo"> <img src="/images/sv-org-logo.png" height="20"> СЕРВИС-ВОЛГА </a>
<a href="#" id="m-bar"><i class="fas fa-bars hm"></i></a>
</div>
<div id="menu-links" class="hidden">
<ul>
<li><a onClick="window.location.reload();" class=" "><i class="fa-solid fa-arrows-rotate"></i> <span
class="hidden-title"> Refresh</span>
</a> </li>
<li><a href="check-serials.html"> <i class="fa-solid fa-list-check"></i><span class="hidden-title">
Check Serials</span> </a></li>
<li><a href="http://192.168.1.6:2150/" target="_blank" rel="noopener noreferrer"> <i
class="fa-solid fa-upload"></i> <span class="hidden-title"> Upload</span></a></li>
<li><a class="options-icon" onclick="toggleOptionsBox()" href="#"><i class="fa-solid fa-gear"> <span
class="hidden-title"> Options</span></i></a>
</li>
<li>
</li>
</ul>
</div>
<a id="showStorage" class="nav-btn hidden show">
<div id="history-lable"><i class="fa-solid fa-floppy-disk"></i> Show History</div>
</a>
</div>
<div class="beta"><textarea id="titleInput" class="inputHolder" placeholder="" rows="" cols="" name=""
form=""> </textarea>
<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>
<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>
</select>
<div>
<form action="" id="SerialNumber" class="serialform">
<!-- <span>SerialNumber: </span> -->
<input type="text" id="serial" class="form-control" placeholder="serial number">
<button class="form-btn" type="submit"> <i class="fa-brands fa-searchengin"></i> <span
id="searchText">Search</span> </button>
</form>
</div>
<div>
<button id="copyText" class="btn copying"><i class="fa-solid fa-copy"></i> Copy & Upload</button>
<!-- <button id="uploadText" class="btn copying"><i class="fa-solid fa-upload"></i> UP</button> -->
<button id="reset" class="btn clean"> <i class="fa-solid fa-delete-left"></i> Clean</button>
</div>
</div>
<div id="tablePlace" class="repeated"> </div>
<div id="tablePlace2" class="repeatedx">
</div>
<div class="additionalButtonsContainer">
<div id="top2ButtonsContainer"></div>
<div id="topButtonsContainer"></div>
</div>
<div>
<img class="bg-tarakan" src="./images/dance.gif">
</div>
<img src="./images/PAX-S90-v0.7.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"
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"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
href="#">
<area shape="rect" gid="keyboard" id="keyboard" coords="358,436,416,487"
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"
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"
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"
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"
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"
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"
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"
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"
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"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="poly" gid="key" id="n9"
coords="208,539, 214,543, 215,547, 214,553, 209,557, 200,559, 188,558, 186,557, 180,554, 177,548, 178,540, 182,539, 196,538"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="poly" gid="key" id="n8"
coords="160,539, 163,543, 162,550, 156,556, 143,558, 133,557, 131,556, 124,551, 123,545, 124,541, 127,539, 131,538"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="poly" gid="key" id="n7"
coords="107,540, 108,543, 109,543, 108,551, 102,557, 92,560, 78,559, 72,554, 71,552, 72,542, 78,539"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="poly" gid="key" id="n4"
coords="108,512, 109,516, 108,522, 102,528, 92,531, 79,530, 77,529, 72,525, 71,521, 72,514, 74,512, 76,511"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="poly" gid="key" id="n5"
coords="160,510, 163,516, 162,522, 158,526, 150,529, 146,530, 134,529, 132,528, 125,524, 123,517, 124,512, 128,509"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="poly" gid="key" id="n6"
coords="210,510, 211,512, 214,513, 215,519, 214,524, 210,528, 197,530, 188,529, 186,528, 181,525, 177,520, 178,512, 183,510"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="poly" gid="key" id="n3"
coords="211,482, 214,486, 215,492, 208,499, 200,500, 188,499, 181,494, 178,490, 179,483, 181,482, 189,481"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="poly" gid="key" id="n2"
coords="157,481, 160,481, 161,483, 163,484, 162,493, 156,498, 149,500, 145,501, 134,500, 132,499, 127,496, 123,491, 124,483, 127,481"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="poly" gid="key" id="n1"
coords="107,482, 106,483, 108,485, 109,487, 108,492, 101,499, 92,501, 86,502, 84,501, 77,500, 71,495, 72,484, 75,482, 79,481"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="poly" gid="keyC" id="alpha"
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="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"
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"
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"
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"
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"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="rect" gid="keyC" id="f4" coords="219,364,239,378"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="rect" gid="keyC" id="f3" coords="220,339,239,354"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="rect" gid="keyC" id="f2" coords="220,315,239,331"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'
href="#">
<area shape="rect" gid="keyC" id="f1" coords="220,293,239,307"
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"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"0000ff","fillOpacity":0.6}'>
<area gid="screen" id="screen" href="#" coords="206,283,140,378" 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"
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"
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"
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"
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"
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"
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"
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"
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"
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}'
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"
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"
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"
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"
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"
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"
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"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
href="#">
<area shape="rect" gid="off" id="off" coords="547,533,606,612"
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"
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"
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"
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"
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"
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"
data-maphilight='{"strokeColor":"0000ff","strokeWidth":3,"fillColor":"ff0000","fillOpacity":0.6}'
href="#">
</map>
<!-- OPTION TAG -->
<div id="options-box" class="options-box">
<div class="close-btn" onclick="closeOptionsBox()"></div>
<h2>Options</h2>
<label for="background-color">Background Color:</label>
<input type="color" id="background-color" onchange="changeBackgroundColor()">
<!-- <br>
<label for="font-size">Font Size (px):</label>
<input type="number" id="font-size" min="10" max="50" onchange="changeFontSize()"> -->
<br>
<hr>
<label for="toggleCheckbox">Последние записи ... Скрыть? </label>
<input type="checkbox" id="toggleCheckbox" onchange="toggleTableVisibility()">
<br>
<label for="font-size">Максимальное количество последних записей :</label>
<input type="number" id="last-record-setting" min="1" max="9" placeholder="2"
onchange="changeLastRecords()">
<br>
<hr>
<label for="toggleWaitingCheckbox">Скрыть кнопки (в ожидание запасных частей) ?</label>
<input type="checkbox" id="toggleWaitingCheckbox" onchange="toggleWaitingVisibility()">
<br>
<label for="newButtonInput">В ожидание :</label>
<input type="text" id="newButtonInput" placeholder="В ожидании крышки принтера">
<br>
<button onclick="addButton()" class="additionalInfo centered">Добавить новую кнопку</button>
<div id="settingButtonsContainer"> </div>
<br>
<hr>
<label for="toggleFixesCheckbox">Скрыть кнопки (доб. неисправность) ?</label>
<input type="checkbox" id="toggleFixesCheckbox" onchange="toggleFixesVisibility()">
<br>
<label for="new2ButtonInput">Заявленная неисправность :</label>
<input type="text" id="new2ButtonInput" placeholder="неисправность">
<br>
<!-- Additional input for button note -->
<label for="new2ButtonNote">Произведенная работа :</label>
<input type="text" id="new2ButtonNote" placeholder="Произведенная работа">
<br>
<button onclick="add2Button()" class="additional2buttons centered">Добавить новую кнопку</button>
<div id="setting2ButtonsContainer"> </div>
<hr>
<label for="toggleNotificationCheckbox">Уведомлени вверх ?</label>
<input type="checkbox" id="toggleNotificationCheckbox" onchange="toggleNotificationUP()">
<br>
<label for="togglePoliteCheckbox">Polite notification ?</label>
<input type="checkbox" id="togglePoliteCheckbox" onchange="toggleNotificationPolite()">
<br>
<br>
<br>
<button class="centered" onclick="saveSettings()">Save Settings</button>
<button onclick="clearSettings()">Clear Settings</button>
</div>
<footer>
<a> Terminal-Diagnostic-Helper <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>
</body>
<script src="js/auth.js"></script>
<script src="js/options.js"></script>
<script src="js/russiankeys.js"></script>
<script src="js/diag.js"></script>
</html>