صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
IHOLL
/
squeezelite-esp32
mirrorاز https://github.com/sle118/squeezelite-esp32
2
0
انشعاب 0
پرونده‌ها مشکلات 0 ویکی
درخت: 3c94f63876
شاخه‌ها تگ‌ها
squeezelite-esp...
/
components
/
wifi-manager
/
webapp
/
src
/
index.ejs

index.ejs 21 KB
تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. 

  4. <head>
    5. 

  5. 	<meta charset="utf-8" />
    6. 

  6. 	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    7. 

  7. 	<meta name="apple-mobile-web-app-capable" content="yes" />
    8. 

  8. 	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    9. 

  9. 	<link href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    10. 

  10. 	<title></title>
    11. 

  11. 

  12. </head>
    13. 

  13. 

  14. <body class="d-flex flex-column">
    15. 

  15. 	<header class="navbar navbar-expand-sm navbar-dark  bg-primary sticky-top border-bottom border-dark" id="mainnav">
    16. 

  16. 		<a class="navbar-brand" id="navtitle" href="#"></a>
    17. 

  17. 		<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
    18. 

  18. 			aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    19. 

  19. 			<span class="navbar-toggler-icon"></span>
    20. 

  20. 		</button>
    21. 

  21. 		<div class="collapse navbar-collapse" id="navbarSupportedContent">
    22. 

  22. 			<ul class="nav navbar-nav mr-auto" role="tablist">
    23. 

  23. 				<li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" aria-controls="profile" role="tab"
    24. 

  24. 						href="#tab-wifi">WiFi</a></li>
    25. 

  25. 				<li class="nav-item omsg"><a class="nav-link" data-bs-toggle="tab" aria-controls="profile" role="tab"
    26. 

  26. 						href="#tab-syslog">Status<span class="badge badge-pill badge-success" id="msgcnt"></span></a>
    27. 

  27. 				</li>
    28. 

  28. 				<li class="nav-item orec"><a class="nav-link" data-bs-toggle="tab" aria-controls="profile" role="tab"
    29. 

  29. 						href="#tab-cfg-audio">Audio</a></li>
    30. 

  30. 				<li class="nav-item orec"><a class="nav-link" data-bs-toggle="tab" aria-controls="profile" role="tab"
    31. 

  31. 						href="#tab-cfg-syst">System</a></li>
    32. 

  32. 				<li class="nav-item orec"><a class="nav-link" data-bs-toggle="tab" aria-controls="profile" role="tab"
    33. 

  33. 						href="#tab-cfg-hw">Hardware</a></li>
    34. 

  34. 				<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" aria-controls="profile" role="tab"
    35. 

  35. 						href="#tab-cfg-fw">Updates</a></li>
    36. 

  36. 				<div class="dropdown-divider"></div>
    37. 

  37. 				<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" aria-controls="profile" role="tab"
    38. 

  38. 						href="#tab-nvs">NVS Editor</a></li>
    39. 

  39. 				<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" aria-controls="profile" role="tab"
    40. 

  40. 						href="#tab-commands">Advanced</a></li>
    41. 

  41. 				<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" aria-controls="profile" role="tab"
    42. 

  42. 						href="#tab-credits">Credits</a></li>
    43. 

  43. 			</ul>
    44. 

  44. 

  45. 		</div>
    46. 

  46. 		<div class="info navbar-right" style="display: inline-flex;">
    47. 

  47. 			<span class="recovery_element material-icons " style="color:orange; display: none" aria-label="🛑" >system_update_alt</span>
    48. 

  48. 			<span id="battery" class="material-icons" style="fill:white; display: none" aria-label="🔋" >battery_full</span>
    49. 

  49. 			<span id="o_jack" class="material-icons" style="fill:white; display: none" aria-label="🎧">headphones</span>
    50. 

  50. 			<span id="s_airplay" class="material-icons" style="fill:white; display: none" aria-label="🍎">airplay</span>
    51. 

  51. 			<em id="s_cspot" class="fab fa-spotify" style="fill:white; display: inline"></em>
    52. 

  52. 			<span data-bs-toggle="tooltip" id="o_type" data-bs-placement="top" title="">
    53. 

  53. 				<span id="o_bt" class="material-icons" style="fill:white; display: none" aria-label="">bluetooth</span>
    54. 

  54. 				<span id="o_spdif" class="material-icons" style="fill:white; display: none" aria-label="">graphic_eq</span>
    55. 

  55. 				<span id="o_i2s" class="material-icons" style="fill:white; display: none" aria-label="🔈">speaker</span>
    56. 

  56. 			</span>
    57. 

  57. 			<span id="ethernet" class="material-icons if_eth" style="fill:white; display: none" aria-label="ETH">cable</span>
    58. 

  58. 			<span id="wifiStsIcon" class="material-icons if_wifi"
    59. 

  59. 				style="fill:white; display: none" aria-label=""></span>
    60. 

  60. 

  61. 		</div>
    62. 

  62. 	</header>
    63. 

  63. 	<main role="main" class="flex-grow mt-1 mb-12" style="margin-bottom: 7rem;" id="content">
    64. 

  64. 		<!-- Button trigger modal -->
    65. 

  65. 

  66. 		<!-- Modal -->
    67. 

  67. 

  68. 		<div class="modal" id="otadiv" aria-hidden="true">
    69. 

  69. 			<div class="modal-dialog">
    70. 

  70. 				<div class="modal-content">
    71. 

  71. 					<div class="modal-header">
    72. 

  72. 						<h5 class="modal-title" id="fwProgressLabel">Upgrade Progress</h5>
    73. 

  73. 						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    74. 

  74. 					</div>
    75. 

  75. 					<div class="modal-body">
    76. 

  76. 						<span id="flash-status"></span>
    77. 

  77. 						<div class="progress" id="progress">
    78. 

  78. 							<div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100"
    79. 

  79. 								style="width:0%">
    80. 

  80. 								0%
    81. 

  81. 							</div>
    82. 

  82. 						</div>
    83. 

  83. 					</div>
    84. 

  84. 					<div class="modal-footer">
    85. 

  85. 						<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
    86. 

  86. 					</div>
    87. 

  87. 				</div>
    88. 

  88. 			</div>
    89. 

  89. 		</div>
    90. 

  90. 

  91. 		<div id="myTabContent" class="tab-content">
    92. 

  92. 

  93. 			<div class="tab-pane fade" id="tab-cfg-hw"> </div>
    94. 

  94. 			<div class="tab-pane fade" id="tab-cfg-syst"></div>
    95. 

  95. 			<div class="tab-pane fade" id="tab-cfg-gen"></div>
    96. 

  96. 			<div class="tab-pane fade" id="tab-cfg-fw">
    97. 

  97. 

  98. 				<div class="card text-white  mb-3">
    99. 

  99. 					<div class="card-header">Software Updates</div>
    100. 

  100. 					<div class="card-body">
    101. 

  101. 						<table class="table table-hover table-striped table-dark">
    102. 

  102. 							<thead>
    103. 

  103. 								<tr>
    104. 

  104. 									<th class="border-bottom-0 pb-0" scope="col">Version</th>
    105. 

  105. 									<th class="border-bottom-0 pb-0" scope="col">Date/Time</th>
    106. 

  106. 									<th class="border-bottom-0 pb-0" scope="col">Platform</th>
    107. 

  107. 									<th class="border-bottom-0 pb-0" scope="col">Branch</th>
    108. 

  108. 									<th class="border-bottom-0 pb-0" scope="col">Bit Depth</th>
    109. 

  109. 								</tr>
    110. 

  110. 								<tr>
    111. 

  111. 									<th class="border-top-0 pt-0" scope="col"><input class="form-control-sm upSrch"
    112. 

  112. 											id="svrs" type="text" placeholder="search releases"></th>
    113. 

  113. 									<th class="border-top-0 pt-0" scope="col"></th>
    114. 

  114. 									<th class="border-top-0 pt-0" scope="col"><input class="form-control-sm  upSrch"
    115. 

  115. 											id="splf" type="text" placeholder="search platform"></th>
    116. 

  116. 									<th class="border-top-0 pt-0" scope="col"><select class="form-control-sm  upSrch"
    117. 

  117. 											id="fwbranch">
    118. 

  118. 											<option selected="">Choose FW branch</option>
    119. 

  119. 										</select>
    120. 

  120. 									<th class="border-top-0 pt-0" scope="col"><input class="form-control-sm upSrch"
    121. 

  121. 											id="bits" type="text" placeholder="search bit depth"></th>
    122. 

  122. 									</th>
    123. 

  123. 								</tr>
    124. 

  124. 							</thead>
    125. 

  125. 							<tbody id="rTable"></tbody>
    126. 

  126. 						</table>
    127. 

  127. 

  128. 						<div class="form-group row">
    129. 

  129. 							<div class="col-auto">
    130. 

  130. 								<button type="button" id="chkUpdates" class="btn btn-info btn-sm">Check for
    131. 

  131. 									updates</button>
    132. 

  132. 							</div>
    133. 

  133. 							<label class="col-auto col-form-label" for="fw-url-input">Firmware URL</label>
    134. 

  134. 							<div class="col">
    135. 

  135. 								<input type="text" class="form-control"
    136. 

  136. 									placeholder="select entry from list or enter known url" id="fw-url-input">
    137. 

  137. 							</div>
    138. 

  138. 							<div class="col-auto">
    139. 

  139. 								<button type="button" id='start-flash' data-bs-toggle="modal" data-bs-target="#uCnfrm"
    140. 

  140. 									class="btn btn-warning btn-sm flact" style="display: none;">Flash Firmware</button>
    141. 

  141. 							</div>
    142. 

  142. 

  143. 							<div class="col-auto">
    144. 

  144. 								<button id="btn_reboot_recovery" class="btn-warning ota_element"
    145. 

  145. 									type="submit">Recovery</button>
    146. 

  146. 							</div>
    147. 

  147. 						</div>
    148. 

  148. 

  149. 					</div>
    150. 

  150. 				</div>
    151. 

  151. 				<div class="modal" id="uCnfrm">
    152. 

  152. 					<div class="modal-dialog modal-dialog-centered" role="document">
    153. 

  153. 						<div class="modal-content">
    154. 

  154. 							<div class="modal-header">
    155. 

  155. 								<h5 class="modal-title">Firmware Flash</h5>
    156. 

  156. 								<button type="button" class="btn-close" data-bs-dismiss="modal"
    157. 

  157. 									aria-label="Close"></button>
    158. 

  158. 							</div>
    159. 

  159. 							<div class="modal-body">
    160. 

  160. 								<p>Flash URL <span id="selectedFWURL" class="text-break"></span> to device?</p>
    161. 

  161. 							</div>
    162. 

  162. 							<div class="modal-footer  ">
    163. 

  163. 								<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
    164. 

  164. 								<button id="btn_flash" type="button" class="btn btn-warning"
    165. 

  165. 									data-bs-dismiss="modal">Ok</button>
    166. 

  166. 							</div>
    167. 

  167. 						</div>
    168. 

  168. 					</div>
    169. 

  169. 				</div>
    170. 

  170. 				<div class="card text-white mb-3">
    171. 

  171. 					<div class="card-header">Local Firmware Upload</div>
    172. 

  172. 					<div class="card-body">
    173. 

  173. 						<div id="uploaddiv" class="form-group row ">
    174. 

  174. 							<label for="flashfilename" class="col-auto col-form-label">Local File</label>
    175. 

  175. 							<div class="col">
    176. 

  176. 								<input type="file" class="form-control-file" id="flashfilename"
    177. 

  177. 									aria-describedby="fileHelp">
    178. 

  178. 							</div>
    179. 

  179. 							<div class="col-auto">
    180. 

  180. 								<div class="buttons">
    181. 

  181. 									<button type="button" class="btn btn-danger flact" id="fwUpload">Upload!</button>
    182. 

  182. 								</div>
    183. 

  183. 							</div>
    184. 

  184. 						</div>
    185. 

  185. 					</div>
    186. 

  186. 				</div>
    187. 

  187. 			</div>
    188. 

  188. 

  189. 

  190. 

  191. 

  192. 			<div class="tab-pane fade" id="tab-nvs">
    193. 

  193. 				<table class="table table-hover">
    194. 

  194. 					<thead>
    195. 

  195. 						<tr>
    196. 

  196. 							<th scope="col">Key</th>
    197. 

  197. 							<th scope="col">Value</th>
    198. 

  198. 						</tr>
    199. 

  199. 					</thead>
    200. 

  200. 					<tbody id="nvsTable">
    201. 

  201. 					</tbody>
    202. 

  202. 				</table>
    203. 

  203. 				<div class="buttons">
    204. 

  204. 					<button button id="btn_reboot" class="btn btn-primary" style="float:right"
    205. 

  205. 						type="submit">Reboot</button>
    206. 

  206. 

  207. 					<input id="save-nvs" type="button" class="btn btn-success" value="Commit">
    208. 

  208. 					<input id="save-as-nvs" type="button" class="btn btn-success" value="Download config">
    209. 

  209. 					<input id="load-nvs" type="button" class="btn btn-success" value="Load File">
    210. 

  210. 					<input aria-describedby="fileHelp" id="nvsfilename" type="file" style="display:none">
    211. 

  211. 				</div>
    212. 

  212. 			</div>
    213. 

  213. 

  214. 			<div class="tab-pane fade" id="tab-cfg-audio">
    215. 

  215. 				<div class="card text-white  mb-3">
    216. 

  216. 					<div class="card-header">Usage Templates</div>
    217. 

  217. 					<div class="card-body">
    218. 

  218. 						<fieldset>
    219. 

  219. 							<fieldset class="form-group" id="output-tmpl">
    220. 

  220. 								<legend>Output</legend>
    221. 

  221. 								<div class="form-check">
    222. 

  222. 									<label class="form-check-label">
    223. 

  223. 										<input type="radio" class="form-check-input" name="output-tmpl" id="i2s">
    224. 

  224. 										I2S Dac
    225. 

  225. 									</label>
    226. 

  226. 								</div>
    227. 

  227. 								<div class="form-check">
    228. 

  228. 									<label class="form-check-label">
    229. 

  229. 										<input type="radio" class="form-check-input" name="output-tmpl" id="spdif">
    230. 

  230. 										SPDIF
    231. 

  231. 									</label>
    232. 

  232. 								</div>
    233. 

  233. 								<div class="form-check">
    234. 

  234. 									<label class="form-check-label">
    235. 

  235. 										<input type="radio" class="form-check-input" name="output-tmpl" id="bt">
    236. 

  236. 										Bluetooth
    237. 

  237. 									</label>
    238. 

  238. 								</div>
    239. 

  239. 							</fieldset>
    240. 

  240. 							<div class="form-group"><label for="player">Player Name</label><input type="text"
    241. 

  241. 									class="form-control " placeholder="Squeezelite" id="player"></div>
    242. 

  242. 							<div class="form-group"><label for="optional">Optional setting (e.g. for LMS IP
    243. 

  243. 									address)</label><input type="text" class="form-control" id="optional"></div>
    244. 

  244. 							<div class="form-group">
    245. 

  245. 								<div class="form-check">
    246. 

  246. 									<label class="form-check-label">
    247. 

  247. 										<input class="form-check-input" type="checkbox" id="disable-squeezelite"
    248. 

  248. 											value="" checked="">
    249. 

  249. 										Disable Squeezelite
    250. 

  250. 									</label>
    251. 

  251. 								</div>
    252. 

  252. 							</div>
    253. 

  253. 							<div style="margin-top: 16px;">
    254. 

  254. 								<div class="toast hide" role="alert" aria-live="assertive" aria-atomic="true"
    255. 

  255. 									id="toast_cfg-audio-tmpl">
    256. 

  256. 									<div class="toast-header"><strong class="mr-auto">Result</strong>
    257. 

  257. 										<button type="button" class="btn-close" data-bs-dismiss="toast"
    258. 

  258. 											aria-label="Close"></button>
    259. 

  259. 									</div>
    260. 

  260. 									<div class="toast-body" id="msg_cfg-audio-tmpl"></div>
    261. 

  261. 								</div>
    262. 

  262. 							</div>
    263. 

  263. 							<button id="save-autoexec1" type="submit" class="btn btn-info"
    264. 

  264. 								cmdname="cfg-audio-tmpl">Save</button>
    265. 

  265. 							<button id="commit-autoexec1" type="submit" class="btn btn-warning"
    266. 

  266. 								cmdname="cfg-audio-tmpl">Apply</button>
    267. 

  267. 						</fieldset>
    268. 

  268. 					</div>
    269. 

  269. 				</div>
    270. 

  270. 			</div>
    271. 

  271. 			<div class="tab-pane fade active show" id="tab-wifi">
    272. 

  272. 				<div class="card text-white  mb-3">
    273. 

  273. 					<div class="card-header">WiFi Status</div>
    274. 

  274. 

  275. 					<div class="card-body if_eth" style="display: none">
    276. 

  276. 						<h2>Connected to Ethernet</h2>
    277. 

  277. 						<p>WiFi is inactive while connected to a wired network.
    278. 

  278. 					</div>
    279. 

  279. 					<div class="card-body if_wifi" style="display: none">
    280. 

  280. 						<table class="table table-hover">
    281. 

  281. 							<thead>
    282. 

  282. 								<tr>
    283. 

  283. 									<th scope="col">Joined</th>
    284. 

  284. 									<th scope="col">Name</th>
    285. 

  285. 									<th scope="col">Signal</th>
    286. 

  286. 									<th scope="col">Security</th>
    287. 

  287. 								</tr>
    288. 

  288. 							</thead>
    289. 

  289. 							<tbody id="wifiTable"></tbody>
    290. 

  290. 						</table>
    291. 

  291. 						<button type="button" id="updateAP" class="btn btn-info btn-sm">Scan</button>
    292. 

  292. 

  293. 					</div>
    294. 

  294. 					<div class="modal" id="WiFiDisconnectConfirm">
    295. 

  295. 						<div class="modal-dialog modal-dialog-centered" role="document">
    296. 

  296. 							<div class="modal-content">
    297. 

  297. 								<div class="modal-header">
    298. 

  298. 									<h5 class="modal-title">Disconnect</h5>
    299. 

  299. 									<button type="button" class="btn-close" data-bs-dismiss="modal"
    300. 

  300. 										aria-label="Close"></button>
    301. 

  301. 								</div>
    302. 

  302. 								<div class="modal-body">
    303. 

  303. 									<p>Disconnect from network? After disconnecting, the system won't be accessible from
    304. 

  304. 										the current address and will expose itself as access point name <span
    305. 

  305. 											id="apName"></span> with password <span id="apPass"></span> </p>
    306. 

  306. 								</div>
    307. 

  307. 								<div class="modal-footer connecting-success connecting-status">
    308. 

  308. 									<button type="button" class="btn btn-secondary"
    309. 

  309. 										data-bs-dismiss="modal">Cancel</button>
    310. 

  310. 									<button id="btn_disconnect" type="button" class="btn btn-warning"
    311. 

  311. 										data-bs-dismiss="modal">Ok</button>
    312. 

  312. 								</div>
    313. 

  313. 							</div>
    314. 

  314. 						</div>
    315. 

  315. 					</div>
    316. 

  316. 					<div class="modal" id="WifiConnectDialog" aria-hidden="true">
    317. 

  317. 						<div class="modal-dialog ">
    318. 

  318. 							<div class="modal-content">
    319. 

  319. 								<div class="modal-header">
    320. 

  320. 									<h5 class="modal-title connecting connecting-init connecting-fail">Connect to WiFi
    321. 

  321. 									</h5>
    322. 

  322. 									<h5 class="modal-title connecting-status connecting-success">Status</h5>
    323. 

  323. 									<button type="button" class="btn-close" data-bs-dismiss="modal"
    324. 

  324. 										aria-label="Close"></button>
    325. 

  325. 								</div>
    326. 

  326. 								<div class="modal-body">
    327. 

  327. 									<fieldset class="connecting-init connecting-fail">
    328. 

  328. 										<div class="form-group"><label for="manual_ssid">Wifi Name</label><input
    329. 

  329. 												type="text" class="form-control" placeholder="Enter Name"
    330. 

  330. 												id="manual_ssid"></div>
    331. 

  331. 										<div class="form-group"><label for="manual_pwd">Password</label><input
    332. 

  332. 												type="password" class="form-control" placeholder="Enter Name"
    333. 

  333. 												id="manual_pwd"></div>
    334. 

  334. 									</fieldset>
    335. 

  335. 									<div id="connect-wait" class="connecting">
    336. 

  336. 										<div>Connecting to <span id="ssid-wait"></span> </div>
    337. 

  337. 										<div>
    338. 

  338. 											You may lose wifi access while the esp32 recalibrates
    339. 

  339. 											its radio. Please
    340. 

  340. 											wait until your device automatically reconnects. This can take up to
    341. 

  341. 											30s.
    342. 

  342. 										</div>
    343. 

  343. 									</div>
    344. 

  344. 									<div id="connect-success" class="connecting-success connecting-status">
    345. 

  345. 										<div> Connected to Access Point : <span id="connectedToSSID"></span></div>
    346. 

  346. 										<div> Device IP address : <span id="ipAddress"></span></div>
    347. 

  347. 										<div>Subnet Mask:<span id="netmask"></span></div>
    348. 

  348. 										<div>Default Gateway:<span id="gateway"></span></div>
    349. 

  349. 									</div>
    350. 

  350. 									<div id="connect-fail" class="connecting-fail">
    351. 

  351. 										<h3 class="text-error">Connection failed</h3>
    352. 

  352. 										<p>Please double-check wifi password if any and make sure the access point has
    353. 

  353. 											good signal.</p>
    354. 

  354. 									</div>
    355. 

  355. 								</div>
    356. 

  356. 								<div class="modal-footer ">
    357. 

  357. 									<button type="button"
    358. 

  358. 										class="btn btn-secondary connecting-init connecting-fail connecting"
    359. 

  359. 										data-bs-dismiss="modal">Close</button>
    360. 

  360. 									<button type="button" id="btnJoin"
    361. 

  361. 										class="btn btn-primary connecting-init connecting-fail">Join</button>
    362. 

  362. 									<button type="button" class="connecting btn btn-primary" disabled>
    363. 

  363. 										<span class="spinner-border spinner-border-sm" role="status"
    364. 

  364. 											aria-hidden="true"></span>
    365. 

  365. 										<span class="sr-only">Connecting...</span></button>
    366. 

  366. 								</div>
    367. 

  367. 

  368. 								<div class="modal-footer connecting-success connecting-status justify-content-between"
    369. 

  369. 									style=""><button type="button" class="btn btn-primary"
    370. 

  370. 										data-bs-dismiss="modal">Ok</button><button type="button" class="btn btn-danger"
    371. 

  371. 										data-bs-toggle="modal" data-bs-dismiss="modal"
    372. 

  372. 										data-bs-target="#WiFiDisconnectConfirm">Disconnect</button>
    373. 

  373. 								</div>
    374. 

  374. 							</div>
    375. 

  375. 						</div>
    376. 

  376. 					</div>
    377. 

  377. 					<!-- <div class="card-body if_wifi" style="display: none">
    378. 

  378. 						<table class="table table-hover">
    379. 

  379. 							<thead>
    380. 

  380. 								<tr>
    381. 

  381. 									<th scope="col">Joined</th>
    382. 

  382. 									<th scope="col">Name</th>
    383. 

  383. 									<th scope="col">Signal</th>
    384. 

  384. 									<th scope="col">Security</th>
    385. 

  385. 								</tr>
    386. 

  386. 							</thead>
    387. 

  387. 							<tbody id="wifiTable"></tbody>
    388. 

  388. 						</table>
    389. 

  389. 						<button type="button" id="updateAP" class="btn btn-info btn-sm">Scan</button>
    390. 

  390. 

  391. 					</div> -->
    392. 

  392. 

  393. 

  394. 

  395. 				</div>
    396. 

  396. 			</div>
    397. 

  397. 

  398. 			<div class="tab-pane fade " id="tab-commands">
    399. 

  399. 				<fieldset id="commands-list"></fieldset>
    400. 

  400. 			</div>
    401. 

  401. 			<!-- Status -->
    402. 

  402. 			<div class="tab-pane fade " id="tab-syslog">
    403. 

  403. 				<div class="card border-primary mb-3">
    404. 

  404. 					<div class="card-header">Logs</div>
    405. 

  405. 					<div class="card-body">
    406. 

  406. 						<table class="table table-hover">
    407. 

  407. 							<thead>
    408. 

  408. 								<tr>
    409. 

  409. 									<th scope="col">Timestamp</th>
    410. 

  410. 									<th scope="col">Message</th>
    411. 

  411. 								</tr>
    412. 

  412. 							</thead>
    413. 

  413. 							<tbody id="syslogTable">
    414. 

  414. 							</tbody>
    415. 

  415. 						</table>
    416. 

  416. 						<div class="buttons">
    417. 

  417. 							<input id="clear-syslog" type="button" class="btn btn-danger btn-sm" value="Clear" />
    418. 

  418. 						</div>
    419. 

  419. 					</div>
    420. 

  420. 				</div>
    421. 

  421. 				<div class="card border-primary mb-3" id="pins" style="display: none;">
    422. 

  422. 					<div class="card-header">Pin Assignments</div>
    423. 

  423. 					<div class="card-body">
    424. 

  424. 						<table class="table table-hover">
    425. 

  425. 							<thead>
    426. 

  426. 								<tr>
    427. 

  427. 									<th scope="col">Device</th>
    428. 

  428. 									<th scope="col">Pin Name</th>
    429. 

  429. 									<th scope="col">GPIO Number</th>
    430. 

  430. 									<th scope="col">Type</th>
    431. 

  431. 								</tr>
    432. 

  432. 							</thead>
    433. 

  433. 							<tbody id="gpiotable"></tbody>
    434. 

  434. 						</table>
    435. 

  435. 					</div>
    436. 

  436. 				</div>
    437. 

  437. 				<div class="card border-primary mb-3" style="visibility: collapse;" id="tasks_sect">
    438. 

  438. 					<div class="card-header">Tasks</div>
    439. 

  439. 					<div class="card-body">
    440. 

  440. 						<table class="table table-hover">
    441. 

  441. 							<!-- console.log(msg_time.toLocaleString() + '\tname' + '\tcpu' + '\tstate' + '\tminstk' + '\tbprio' + '\tcprio' + '\tnum'); -->
    442. 

  442. 							<thead>
    443. 

  443. 								<tr>
    444. 

  444. 									<th scope="col">#</th>
    445. 

  445. 									<th scope="col">Task Name</th>
    446. 

  446. 									<th scope="col">CPU</th>
    447. 

  447. 									<th scope="col">State</th>
    448. 

  448. 									<th scope="col">Min Stack</th>
    449. 

  449. 									<th scope="col">Base Priority</th>
    450. 

  450. 									<th scope="col">Cur Priority</th>
    451. 

  451. 								</tr>
    452. 

  452. 							</thead>
    453. 

  453. 							<tbody id="tasks"></tbody>
    454. 

  454. 						</table>
    455. 

  455. 					</div>
    456. 

  456. 				</div>
    457. 

  457. 			</div>
    458. 

  458. 			<!-- syslog -->
    459. 

  459. 			<div class="tab-pane fade " id="tab-credits">
    460. 

  460. 				<div class="card text-white  mb-3">
    461. 

  461. 					<div class="card-header">Credits</div>
    462. 

  462. 					<div class="card-body">
    463. 

  463. 						<p><strong><a
    464. 

  464. 									href="https://github.com/sle118/squeezelite-esp32">squeezelite-esp32</a><br></strong>&copy;
    465. 

  465. 							2020, philippe44, sle118, daduke<br /><a href="https://opensource.org/licenses/MIT">This
    466. 

  466. 								software is released under the MIT License.</a></p>
    467. 

  467. 						<p>
    468. 

  468. 							This app would not be possible without the following libraries:
    469. 

  469. 						</p>
    470. 

  470. 						<ul>
    471. 

  471. 							<li>squeezelite, &copy; 2012-2019, Adrian Smith and Ralph Irving. Licensed under the GPL
    472. 

  472. 								License.</li>
    473. 

  473. 							<li>esp32-wifi-manager, &copy; 2017-2019, Tony Pottier. Licensed under the MIT License.</li>
    474. 

  474. 							<li>SpinKit, &copy; 2015, Tobias Ahlin. Licensed under the MIT License.</li>
    475. 

  475. 							<li>jQuery, The jQuery Foundation. Licensed under the MIT License.</li>
    476. 

  476. 							<li>cJSON, &copy; 2009-2017, Dave Gamble and cJSON contributors. Licensed under the MIT
    477. 

  477. 								License.
    478. 

  478. 							</li>
    479. 

  479. 							<li>esp32-rotary-encoder, &copy; 2011-2019, David Antliff and Ben Buxton. Licensed under the
    480. 

  480. 								GPL
    481. 

  481. 								License.</li>
    482. 

  482. 							<li>tarablessd1306, &copy; 2017-2018, Tara Keeling. Licensed under the MIT license.</li>
    483. 

  483. 							<li>CSpot, &copy; 2020 feelfreelinux & alufers. Licensed under the GPL License</li>
    484. 

  484. 						</ul>
    485. 

  485. 					</div>
    486. 

  486. 				</div>
    487. 

  487. 				<div class="card text-white  mb-3">
    488. 

  488. 					<div class="card-header">Extras/Overrides</div>
    489. 

  489. 					<div class="card-body">
    490. 

  490. 						<fieldset>
    491. 

  491. 							<div class="form-check">
    492. 

  492. 								<label class="form-check-label"><input type="checkbox" id="show-nvs"
    493. 

  493. 										class="form-check-input " value="">Show NVS Editor</label>
    494. 

  494. 							</div>
    495. 

  495. 						</fieldset>
    496. 

  496. 						<fieldset>
    497. 

  497. 							<div class="form-check">
    498. 

  498. 								<label class="form-check-label"><input type="checkbox" id="show-commands"
    499. 

  499. 										class="form-check-input " value="">Show Advanced Commands</label>
    500. 

  500. 							</div>
    501. 

  501. 						</fieldset>
    502. 

  502. 					</div>
    503. 

  503. 				</div>
    504. 

  504. 			</div>
    505. 

  505. 			<!-- credits -->
    506. 

  506. 		</div>
    507. 

  507. 		</div>
    508. 

  508. 	</main>
    509. 

  509. 	<footer>
    510. 

  510. 		<div class="fixed-bottom d-flex justify-content-between  border-top border-dark p-3 bg-primary">
    511. 

  511. 			<span class="text-center" id="foot-fw"></span><button class="btn-warning ota_element " id="reboot_nav"
    512. 

  512. 				type="submit" style="display: none;">Reboot</button>
    513. 

  513. 			<button class="btn-warning recovery_element" id="reboot_ota_nav" type="submit" style="display: none;">Exit
    514. 

  514. 				Recovery</button><span class="text-center" id="foot-if"></span>
    515. 

  515. 		</div>
    516. 

  516. 

  517. 	</footer>
    518. 

  518. </body>
    519. 

  519. 

  520. </html>
    521.