Added #28 and #30
[DeezloaderRemix.git] / app / public / index.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <title>Deezloader Remix</title>
5   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6   <link rel="stylesheet" type="text/css" href="css/material-icons.css"/>
7   <link rel="stylesheet" type="text/css" href="css/materialize.min.css"/>
8   <link rel="stylesheet" type="text/css" href="css/animate.css">
9   <link rel="stylesheet" type="text/css" href="css/style.css"/>
10   <link rel="stylesheet" type="text/css" href="css/darkMode.css" name="darkMode" disabled/>
11   <script type='text/javascript'>
12     if (eval(localStorage.darkMode)){
13       document.getElementsByName("darkMode")[0].removeAttribute("disabled");
14     }
15   </script>
16   <meta charset="utf-8"/>
17 </head>
18 <body>
19 <span id="appVersionFallback" hidden>4.2.0</span>
20
21 <div id="title-bar" class="deezloader-black">
22         <div class="resize-padding" style="width: 100%; height: 3px;"></div>
23         <div class="resize-padding" style="width: 3px; height: 31px;"></div>
24         <div id="title">Deezloader Remix v<span id="application_version"></span></div>
25
26         <div id="title-bar-btns">
27                 <button id="min-btn"><i class="material-icons">remove</i></button>
28                 <button id="max-btn"><i class="material-icons">add</i></button>
29                 <button id="close-btn"><i class="material-icons">close</i></button>
30         </div>
31
32         <div class="resize-padding" style="position: absolute; top:0; right:0px; width: 3px; height: 31px;"></div>
33 </div>
34
35 <!--#############################################INITIALIZING-SCREEN############################################-->
36 <div id="initializing" class="deezloader-black valign-wrapper">
37         <div class="modal-content container" id="login-page">
38                 <div class="card">
39                         <div class="card-content">
40                                 <span class="card-title">Please login to your deezer account.</span>
41                                 <h6 class="red-text" id="login-res-text"></h6>
42                                 <div class="input-field col s12">
43                                         <input autocomplete="off" type="text" id="modal_login_input_username"/>
44                                         <label for="modal_login_input_username">Email</label>
45                                 </div>
46                                 <div class="input-field col s12">
47                                         <input autocomplete="off" type="password" id="modal_login_input_password"/>
48                                         <label for="modal_login_input_password">Password</label>
49                                 </div>
50                         </div>
51                         <div class="card-action row">
52         <div class="col s12 m2 right center" id="modal_login_autologin">
53           <label>
54             <input type="checkbox" class="filled-in" id="modal_login_input_autologin"/>
55             <span>Remember me</span>
56           </label>
57                                 </div>
58                                 <a href="#" class="deezloader-primary col s12 m2 waves-effect waves-light btn" id="modal_login_btn_login">Log in</a>
59                                 <a href="#" class="deezloader-secondary col s12 m2 waves-effect waves-light btn" id="modal_login_btn_signup">Sign up</a>
60                         </div>
61                 </div>
62         </div>
63 </div>
64
65 <!--#############################################MODAL_SETTINGS############################################-->
66 <div id="modal_settings" class="modal modal-fixed-footer">
67         <div class="modal-content">
68                 <div class="row">
69                         <h4 class="col s12">Settings</h4>
70                 </div>
71                 <div class="row">
72                         <div class="input-field col s12 m6">
73                                 <i class="material-icons prefix">label</i>
74                                 <input autocomplete="off" type="text" id="modal_settings_input_trackNameTemplate"/>
75                                 <label for="modal_settings_input_trackNameTemplate">Track names <i class="material-icons valignicon tiny tooltipped" data-position="right" data-delay="50"
76           data-tooltip="Supported variables are: %number%, %year%, %artist%, %title%, %album%, %explicit%, %label% and %genre%">info_outline</i></label>
77                         </div>
78                         <div class="input-field col s12 m6">
79                                 <i class="material-icons prefix">label</i>
80                                 <input autocomplete="off" type="text" id="modal_settings_input_playlistTrackNameTemplate"/>
81                                 <label for="modal_settings_input_playlistTrackNameTemplate">Playlist track names <i class="material-icons valignicon tiny tooltipped" data-position="right" data-delay="50"
82           data-tooltip="Supported variables are: %number%, %year%, %artist%, %title%, %album%, %explicit%, %label% and %genre%">info_outline</i></label>
83                         </div>
84                 </div>
85     <div class="row">
86                         <div class="input-field col s12 m6">
87                                 <i class="material-icons prefix">label</i>
88                                 <input autocomplete="off" type="text" id="modal_settings_input_albumTrackNameTemplate"/>
89                                 <label for="modal_settings_input_albumTrackNameTemplate">Album track names <i class="material-icons valignicon tiny tooltipped" data-position="right" data-delay="50"
90           data-tooltip="Supported variables are: %number%, %year%, %artist%, %title%, %album%, %explicit%, %label% and %genre%">info_outline</i></label>
91                         </div>
92                         <div class="input-field col s12 m6">
93                                 <i class="material-icons prefix">label</i>
94                                 <input autocomplete="off" type="text" id="modal_settings_input_albumNameTemplate"/>
95                                 <label for="modal_settings_input_albumNameTemplate">Album names <i class="material-icons valignicon tiny tooltipped" data-position="right" data-delay="50"
96           data-tooltip="Supported variables are: %year%, %artist%, %type%, %album%, %explicit%, %label% and %genre%">info_outline</i></label>
97                         </div>
98                 </div>
99     <div class="row">
100                         <div class="input-field col s12 m6">
101                                 <i class="material-icons prefix">label</i>
102                                 <input autocomplete="off" type="text" id="modal_settings_input_coverImageTemplate"/>
103                                 <label for="modal_settings_input_albumTrackNameTemplate">Cover Image name <i class="material-icons valignicon tiny tooltipped" data-position="right" data-delay="50"
104           data-tooltip="Supported variables are: %artist% and %name%">info_outline</i></label>
105                         </div>
106                         <div class="input-field col s12 m6">
107                                 <i class="material-icons prefix">label</i>
108                                 <input autocomplete="off" type="text" id="modal_settings_input_artistImageTemplate"/>
109                                 <label for="modal_settings_input_albumNameTemplate">Artist Image name <i class="material-icons valignicon tiny tooltipped" data-position="right" data-delay="50"
110           data-tooltip="Supported variables are: %artist%">info_outline</i></label>
111                         </div>
112                 </div>
113                 <div class="row">
114                         <div class="input-field col s12 m6">
115                                 <i class="material-icons prefix">label</i>
116                                 <select name="artworkSize" id="modal_settings_select_artworkSize">
117           <option value="1400">1400x1400</option>
118           <option value="1200">1200x1200</option>
119           <option value="1000">1000x1000</option>
120           <option value="800">800x800</option>
121           <option value="500">500x500</option>
122           <option value="250">250x250</option>
123                                 </select>
124                                 <label for="modal_settings_select_artworkSize">Artwork size</label>
125                         </div>
126       <div class="input-field col s12 m6">
127                                 <i class="material-icons prefix">label</i>
128                                 <select name="maxBitrate" id="modal_settings_select_maxBitrate">
129           <option value="9">FLAC 1411kbps</option>
130           <option value="3">MP3 320kbps</option>
131           <option value="1">MP3 128kbps</option>
132                                 </select>
133                                 <label for="modal_settings_select_maxBitrate">Preferred bitrate</label>
134                         </div>
135                 </div>
136     <div class="row">
137                         <div class="input-field col s12 m6">
138                                 <i class="material-icons prefix">label</i>
139                                 <select name="chartsCountry" id="modal_settings_select_chartsCounrty">
140                                 </select>
141                                 <label for="modal_settings_select_chartsCounrty">Default Country for Charts</label>
142                         </div>
143         <div class="input-field col s12 m6">
144                                 <i class="material-icons prefix">label</i>
145                                 <select name="multitagSeparator" id="modal_settings_select_multitagSeparator">
146                                         <option value="null">Null Character</option>
147                                         <option value=",">,</option>
148                                         <option value=", ">, with space</option>
149                                         <option value="/">/</option>
150                                         <option value=" / ">/ with space</option>
151                                         <option value=";">;</option>
152                                         <option value="; ">; with space</option>
153                                 </select>
154                                 <label for="modal_settings_select_multitagSeparator">Multitag Separator</label>
155                         </div>
156                 </div>
157     <div class="row">
158                         <div class="input-field col s12 m6">
159                                 <i class="material-icons prefix">label</i>
160                                 <select name="dateFormat" id="modal_settings_select_dateFormat">
161                                         <option value="0">YMD</option>
162                                         <option value="1">DMY</option>
163                                         <option value="2">MDY</option>
164                                         <option value="3">YDM</option>
165                                         <option value="4">ID3 Default</option>
166                                 </select>
167                                 <label for="modal_settings_select_dateFormat">Date Format</label>
168                         </div>
169         <div class="input-field col s12 m6">
170                                 <i class="material-icons prefix">label</i>
171                                 <select name="dateFormatYear" id="modal_settings_select_dateFormatYear">
172                                         <option value="2">2 digit</option>
173                                         <option value="4">4 digit</option>
174                                 </select>
175                                 <label for="modal_settings_select_dateFormatYear">Date Tag Year Format</label>
176                         </div>
177                 </div>
178                 <div class="row">
179                         <div class="input-field col s12">
180                                 <i class="material-icons prefix">label</i>
181                                 <input autocomplete="off" type="text" id="modal_settings_input_downloadTracksLocation"/>
182                                 <label for="modal_settings_input_downloadTracksLocation">Download location</label>
183                         </div>
184                 </div>
185     <div class="row">
186                         <div class="input-field col s12 m6">
187                                 <i class="material-icons prefix">label</i>
188                                 <input autocomplete="off" type="number" id="modal_settings_number_queueConcurrency" min="1"/>
189                                 <label for="modal_settings_number_queueConcurrency">Concurrent Download Limit</label>
190                         </div>
191                         <div class="input-field col s12 m6">
192                                 <i class="material-icons prefix">label</i>
193                                 <input autocomplete="off" type="number" id="modal_settings_number_paddingSize" min="0"/>
194                                 <label for="modal_settings_number_paddingSize">Padding Size Overwrite</label>
195                         </div>
196                 </div>
197                 <div class="row">
198                         <div class="input-field col s12 m6">
199                                 <i class="material-icons prefix">label</i>
200                                 <input autocomplete="off" type="text" id="modal_settings_input_spotifyUser"/>
201                                 <label for="modal_settings_input_spotifyUser">Spotify Username</label>
202                         </div>
203                 </div>
204                 <div class="row">
205                         <p class="col s12 m4">
206         <label>
207                                 <input type="checkbox" id="modal_settings_cbox_createM3UFile" class="filled-in"/>
208                                 <span>Create M3U (Playlist) file</span>
209         </label>
210                         </p>
211       <p class="col s12 m4">
212         <label>
213                                 <input type="checkbox" id="modal_settings_cbox_syncedlyrics" class="filled-in"/>
214                                 <span class="tooltipped" data-position="top" data-delay="500"
215             data-tooltip="Downloads lyrics .lrc file">Download synced lyrics file</span>
216         </label>
217       </p>
218       <p class="col s12 m4">
219         <label>
220                                 <input type="checkbox" id="modal_settings_cbox_numplaylistbyalbum" class="filled-in"/>
221                                 <span class="tooltipped" data-position="top" data-delay="500"
222             data-tooltip="Track numbers when downloading a Playlist will be the original ones">Number playlist by album</span>
223         </label>
224       </p>
225                         <p class="col s12 m4">
226         <label>
227                                 <input type="checkbox" id="modal_settings_cbox_createArtistFolder" class="filled-in"/>
228                                 <span>Create folder for artists</span>
229         </label>
230                         </p>
231                         <p class="col s12 m4">
232         <label>
233                                 <input type="checkbox" id="modal_settings_cbox_createAlbumFolder" class="filled-in"/>
234                                 <span>Create folder for albums</span>
235         </label>
236                         </p>
237       <p class="col s12 m4">
238         <label>
239                                 <input type="checkbox" id="modal_settings_cbox_createCDFolder" class="filled-in"/>
240                                 <span>Create folder for CDs</span>
241         </label>
242       </p>
243                         <p class="col s12 m4">
244         <label>
245                                 <input type="checkbox" id="modal_settings_cbox_padtrck" class="filled-in"/>
246                                 <span class="tooltipped" data-position="top" data-delay="500"
247             data-tooltip="Adds 0s before %number% to have the same character length">Pad track numbers</span>
248         </label>
249       </p>
250       <p class="col s12 m4">
251         <label>
252                                 <input type="checkbox" id="modal_settings_cbox_logErrors" class="filled-in"/>
253                                 <span>Create log file for Errors</span>
254         </label>
255       </p>
256       <p class="col s12 m4">
257         <label>
258                                 <input type="checkbox" id="modal_settings_cbox_logSearched" class="filled-in"/>
259                                 <span>Create log file for alternatives</span>
260         </label>
261       </p>
262       <p class="col s12 m4">
263         <label>
264                                 <input type="checkbox" id="modal_settings_cbox_saveArtwork" class="filled-in"/>
265                                 <span>Save Album Artwork</span>
266         </label>
267       </p>
268       <p class="col s12 m4">
269         <label>
270                                 <input type="checkbox" id="modal_settings_cbox_saveArtworkArtist" class="filled-in"/>
271                                 <span>Save Artist Artwork</span>
272         </label>
273       </p>
274       <p class="col s12 m4">
275         <label>
276                                 <input type="checkbox" id="modal_settings_cbox_PNGcovers" class="filled-in"/>
277                                 <span>Download images as PNGs</span>
278         </label>
279                         </p>
280       <p class="col s12 m4">
281         <label>
282                                 <input type="checkbox" id="modal_settings_cbox_removeAlbumVersion" class="filled-in"/>
283                                 <span>Remove "(Album Version)" from track title</span>
284         </label>
285                         </p>
286       <p class="col s12 m4">
287         <label>
288                                 <input type="checkbox" id="modal_settings_cbox_fallbackBitrate" class="filled-in"/>
289                                 <span>Fallback to lower bitrates</span>
290         </label>
291       </p>
292       <p class="col s12 m4">
293         <label>
294           <input type="checkbox" id="modal_settings_cbox_minimizeToTray" class="filled-in"/>
295           <span>Minimize to system tray</span>
296         </label>
297       </p>
298       <p class="col s12 m4">
299         <label>
300                                 <input type="checkbox" id="modal_settings_cbox_saveFullArtists" class="filled-in"/>
301                                 <span>Save file with full artists</span>
302         </label>
303       </p>
304                 </div>
305     <div class="row">
306       <div class="col s12">
307         <a href="#modal_tags" class="modal-trigger waves-effect waves-light btn btn-large" style="width:100%;">Choose which tags to Save</a>
308       </div>
309     </div>
310                 <div class="row">
311                         <div class="col s12">
312         <img id="modal_settings_picture" src="" alt="Profile Picture" class="circle left" style="height:125px; margin-right: 12px;"/>
313                                 <p>You are logged in as <b id="modal_settings_username"></b></p>
314                                 <a href="#" class="modal-close waves-effect waves-light btn" id="modal_settings_btn_logout">Logout</a>
315                         </div>
316                 </div>
317         </div>
318         <div class="modal-footer">
319                 <a href="#" class="modal-close waves-effect waves-light deezloader-primary btn" id="modal_settings_btn_saveSettings"><i
320                         class="material-icons right">save</i>Save</a>
321                 <a href="#" class="waves-effect btn-flat" id="modal_settings_btn_defaultSettings"><i
322                         class="material-icons right">settings_backup_restore</i>Default Settings</a>
323                 <a href="#" class="modal-close waves-effect btn-flat">Close</a>
324         </div>
325 </div>
326
327 <!--#############################################MODAL_TAGS############################################-->
328 <div id="modal_tags" class="modal modal-fixed-footer">
329         <div class="modal-content">
330                 <div class="row">
331                         <h4 class="col s12">Saved Tags</h4>
332                 </div>
333                 <div class="row">
334                         <p class="col s12 m4">
335         <label>
336                                 <input type="checkbox" id="modal_tags_title" class="filled-in"/>
337                                 <span>Title</span>
338         </label>
339                         </p>
340       <p class="col s12 m4">
341         <label>
342                                 <input type="checkbox" id="modal_tags_artist" class="filled-in"/>
343                                 <span>Artist</span>
344         </label>
345                         </p>
346       <p class="col s12 m4">
347         <label>
348                                 <input type="checkbox" id="modal_tags_album" class="filled-in"/>
349                                 <span>Album</span>
350         </label>
351                         </p>
352       <p class="col s12 m4">
353         <label>
354                                 <input type="checkbox" id="modal_tags_cover" class="filled-in"/>
355                                 <span>Cover</span>
356         </label>
357                         </p>
358       <p class="col s12 m4">
359         <label>
360                                 <input type="checkbox" id="modal_tags_trackNumber" class="filled-in"/>
361                                 <span>Track Number</span>
362         </label>
363                         </p>
364       <p class="col s12 m4">
365         <label>
366                                 <input type="checkbox" id="modal_tags_trackTotal" class="filled-in"/>
367                                 <span>Track Total</span>
368         </label>
369                         </p>
370       <p class="col s12 m4">
371         <label>
372                                 <input type="checkbox" id="modal_tags_discNumber" class="filled-in"/>
373                                 <span>Disc Number</span>
374         </label>
375                         </p>
376       <p class="col s12 m4">
377         <label>
378                                 <input type="checkbox" id="modal_tags_discTotal" class="filled-in"/>
379                                 <span>Disc Total</span>
380         </label>
381                         </p>
382       <p class="col s12 m4">
383         <label>
384                                 <input type="checkbox" id="modal_tags_albumArtist" class="filled-in"/>
385                                 <span>Album Artist</span>
386         </label>
387                         </p>
388       <p class="col s12 m4">
389         <label>
390                                 <input type="checkbox" id="modal_tags_genre" class="filled-in"/>
391                                 <span>Genre</span>
392         </label>
393                         </p>
394       <p class="col s12 m4">
395         <label>
396                                 <input type="checkbox" id="modal_tags_year" class="filled-in"/>
397                                 <span>Year</span>
398         </label>
399                         </p>
400       <p class="col s12 m4">
401         <label>
402                                 <input type="checkbox" id="modal_tags_date" class="filled-in"/>
403                                 <span>Date</span>
404         </label>
405                         </p>
406       <p class="col s12 m4">
407         <label>
408                                 <input type="checkbox" id="modal_tags_explicit" class="filled-in"/>
409                                 <span>Explicit</span>
410         </label>
411                         </p>
412       <p class="col s12 m4">
413         <label>
414                                 <input type="checkbox" id="modal_tags_isrc" class="filled-in"/>
415                                 <span>ISRC</span>
416         </label>
417                         </p>
418       <p class="col s12 m4">
419         <label>
420                                 <input type="checkbox" id="modal_tags_length" class="filled-in"/>
421                                 <span>Length</span>
422         </label>
423                         </p>
424       <p class="col s12 m4">
425         <label>
426                                 <input type="checkbox" id="modal_tags_barcode" class="filled-in"/>
427                                 <span>Barcode</span>
428         </label>
429                         </p>
430       <p class="col s12 m4">
431         <label>
432                                 <input type="checkbox" id="modal_tags_bpm" class="filled-in"/>
433                                 <span>BPM</span>
434         </label>
435                         </p>
436       <p class="col s12 m4">
437         <label>
438                                 <input type="checkbox" id="modal_tags_replayGain" class="filled-in"/>
439                                 <span>Replay Gain</span>
440         </label>
441                         </p>
442       <p class="col s12 m4">
443         <label>
444                                 <input type="checkbox" id="modal_tags_publisher" class="filled-in"/>
445                                 <span>Label</span>
446         </label>
447                         </p>
448       <p class="col s12 m4">
449         <label>
450                                 <input type="checkbox" id="modal_tags_unsynchronisedLyrics" class="filled-in"/>
451                                 <span>Unsynchronised Lyrics</span>
452         </label>
453                         </p>
454       <p class="col s12 m4">
455         <label>
456                                 <input type="checkbox" id="modal_tags_copyright" class="filled-in"/>
457                                 <span>Copyright</span>
458         </label>
459                         </p>
460       <p class="col s12 m4">
461         <label>
462                                 <input type="checkbox" id="modal_tags_musicpublisher" class="filled-in"/>
463                                 <span>Publisher</span>
464         </label>
465                         </p>
466       <p class="col s12 m4">
467         <label>
468                                 <input type="checkbox" id="modal_tags_composer" class="filled-in"/>
469                                 <span>Composer</span>
470         </label>
471                         </p>
472       <p class="col s12 m4">
473         <label>
474                                 <input type="checkbox" id="modal_tags_mixer" class="filled-in"/>
475                                 <span>Mixer</span>
476         </label>
477                         </p>
478       <p class="col s12 m4">
479         <label>
480                                 <input type="checkbox" id="modal_tags_author" class="filled-in"/>
481                                 <span>Author</span>
482         </label>
483                         </p>
484       <p class="col s12 m4">
485         <label>
486                                 <input type="checkbox" id="modal_tags_writer" class="filled-in"/>
487                                 <span>Writer</span>
488         </label>
489                         </p>
490       <p class="col s12 m4">
491         <label>
492                                 <input type="checkbox" id="modal_tags_engineer" class="filled-in"/>
493                                 <span>Engineer</span>
494         </label>
495                         </p>
496       <p class="col s12 m4">
497         <label>
498                                 <input type="checkbox" id="modal_tags_producer" class="filled-in"/>
499                                 <span>Producer</span>
500         </label>
501                         </p>
502                 </div>
503         </div>
504         <div class="modal-footer">
505                 <a href="#" class="modal-close waves-effect btn-flat">Close</a>
506         </div>
507 </div>
508
509 <!--#############################################MODAL_ABOUT############################################-->
510 <div id="modal_about" class="modal modal-fixed-footer">
511         <div class="modal-content">
512                 <div class="row">
513                         <h4 class="col s12">More</h4>
514                 </div>
515                 <div class="row">
516                         <ul class="collapsible" data-collapsible="accordion">
517                                 <li>
518                                         <div class="collapsible-header waves-effect"><i class="material-icons">info</i>About</div>
519                                         <div class="collapsible-body">
520                                                 <p>
521               <b>Branch: </b>Remix</br>
522               <b>Version:</b> <span id="application_version_about"></span><br/>
523               <b>Based on: </b>Deezloader Reborn</br>
524               <b>Maintainers:</b> RemixDevs Group<br/>
525               <b>Repo: </b> <a href="https://notabug.org/RemixDevs/DeezloaderRemix">Official Repo</a><br/>
526               <b>Interface:</b> <a href="http://materializecss.com/">Materialize CSS</a><br/>
527               <br>
528               <b>Special Thanks to:</b><br>
529               ZzMTV, ParadoxalManiak, snwflake, ExtendLord<br>
530                                                 </p>
531                                         </div>
532                                 </li>
533                                 <li>
534                                         <div class="collapsible-header waves-effect"><i class="material-icons">feedback</i>Feedback</div>
535                                         <div class="collapsible-body">
536                                                 <p>
537                                                         Do you have some feedback or want to ask for some new features? Open a <a href="https://notabug.org/RemixDevs/DeezloaderRemix/issues/new">new Issue</a> and add the 'Feature' label.
538                                                 </p>
539                                         </div>
540                                 </li>
541                                 <li>
542                                         <div class="collapsible-header waves-effect"><i class="material-icons">bug_report</i>Reporting Bugs</div>
543                                         <div class="collapsible-body">
544                                                 <p>
545                                                         If you experience any bugs, open a <a href="https://notabug.org/RemixDevs/DeezloaderRemix/issues/new">new issue</a> and send the bug report there, thank you.
546                                                 </p>
547                                         </div>
548                                 </li>
549         <li>
550           <div class="collapsible-header waves-effect"><i class="material-icons">group</i>Contacts</div>
551           <div class="collapsible-body">
552             <p>
553               If you want to discuss or help with the app you can do so in the <a href="https://t.me/joinchat/BJf2dUoyFbTomvUGaslmCA">Telegram group</a>!
554             </p>
555           </div>
556         </li>
557                                 <li>
558                                         <div class="collapsible-header waves-effect"><i class="material-icons">warning</i>Attention!</div>
559                                         <div class="collapsible-body">
560                                                 <p>
561                                                         The authors do not call to commit crimes!<br/>
562                                                         The usage of this tool may be illegal in your country, please inform yourself!<br/>
563                                                         The authors give no guarantees at all and aren't responsible for any damage or harm of any kind resulting from the use of this software!
564                                                 </p>
565                                         </div>
566                                 </li>
567                                 <li>
568                                         <div class="collapsible-header waves-effect"><i class="material-icons">history</i>Changelog</div>
569                                         <div class="collapsible-body">
570                                                 <p>
571                                                         <b>Version 4.1.7</b><br/>
572                                                         - Partial rewrite of the app (4.2.0 will have the other half)<br/>
573                                                         - Fixed login security issue<br/>
574                                                         - Better Spotify integration (now conversion uses ISRC if found)<br/>
575                                                         - Fixed France Charts not showing up<br/>
576                                                         - Albums with only one track will download as a single track<br/>
577                                                         - Added option %genre% for Track and Album names<br/>
578                                                         - Added support for subfolders in Album name<br/>
579                                                         - Minor changes to the UI<br/>
580                                                         <br/>
581                                                         <b>Version 4.1.6</b><br/>
582                                                         - Fixed Spotify Playlist problem<br/>
583                                                         - Fixed security issue where Client Secret is exposed in Compiled binaries<br/>
584                                                         - Now to use Spotify Features you need to follow <a href="https://notabug.org/RemixDevs/DeezloaderRemix/wiki/Spotify+Features">this guide</a> first<br/>
585                                                         - Minor bugfixes and improvments<br/>
586                                                         <br/>
587                                                         <b>Version 4.1.5</b><br/>
588                                                         - Fixed %explicit% for album names<br/>
589                                                         - Added Contributions page<br/>
590                                                         - Fixed some spelling issues<br/>
591                                                         <br/>
592                                                         <b>Version 4.1.4</b><br/>
593                                                         - Improved Privacy in Server Mode<br/>
594                                                         - Cleaned up some files<br/>
595                                                         - Fixed Day Month position in DATE tag<br/>
596                                                         - Fixed %explicit% in name templates<br/>
597                                                         - Fixed artist download<br/>
598                                                         - Fixed FLAC Problems (not all of them)<br/>
599                                                         - Fixed select folder cancel bug<br/>
600                                                         - Added Update Notification<br/>
601                                                         - Added default ID3 DATE tag format<br/>
602                                                         - Added minimize to system tray<br/>
603                                                         - Added multitag separator for FLACS<br/>
604                                                         - Added hyperlinks to artist & album<br/>
605                                                         - Added option to better remove duplicates in the artist tag (Still in BETA)<br/>
606                                                         - Added option to save the track with the full list of artist in the filename<br/>
607                                                         - Added option to overwrite padding size<br/>
608                                                         - Added "Download All" button in modals<br/>
609                                                         - Removed ReplayGain as default setting<br/>
610                                                         <br/>
611                                                         <b>Version 4.1.3</b><br/>
612                                                         - Playlist and Album tracks now have fallback support<br/>
613                                                         - M3U files now works correctly<br/>
614                                                         - Fixed problems with tags<br/>
615                                                         - Added option %explicit% for Track and Album names (Will add "(Explicit)" in that position if it's explicit)<br/>
616                                                         - Added option to remove "(Album Version)" from track title<br/>
617                                                         - Added options to select which format should the date tag have<br/>
618                                                         - Added option to not fallback if desired bitrate is not available<br/>
619                                                         - Logging enhancements<br/>
620                                                         - Other minor bug-fixing<br/>
621                                                         <br/>
622                                                         <b>Version 4.1.2</b><br/>
623                                                         - Fixed Login Problem (for real this time)<br/>
624                                                         - Fixed Login after refresh<br/>
625                                                         - Regionlock free download<br/>
626                                                         - Added support for download of User Uploaded tracks<br/>
627                                                         - Now you can select which tags your songs has<br/>
628                                                         - Fixed selecting problem<br/>
629                                                         - Tracks without preview will display a disabled play button<br/>
630                                                         - Previews inside modal will stop with modal close<br/>
631                                                         - New %label% field for tracks and albums<br/>
632                                                         - Added option to create folder for CDs<br/>
633                                                         - Added rename option for cover file<br/>
634                                                         - Added option to download Artist artwork<br/>
635                                                         - Added option do log downloaded alternative tracks<br/>
636                                                         - Fixed some minor bugs<br/>
637                                                         <br/>
638                                                         <b>Version 4.1.1</b><br/>
639                                                         - Fixed Login Problem (again)<br/>
640                                                         - Added Dark Mode<br/>
641                                                         - Added smaller cover option<br/>
642                                                         - Added support for lower bitrates<br/>
643                                                         - Added "Stop All Downloads" button<br/>
644                                                         - Added support for Spotify Playlist preview<br/>
645                                                         - Added support for PNG covers<br/>
646                                                         - Re-Added Date Tag<br/>
647                                                         - Fixed same cover for same track in different albums bug<br/>
648                                                         - Fixed login issue from repository build<br/>
649                                                         <br/>
650                                                         <b>Version 4.1.0</b><br/>
651                                                         - New UI (not completly optimized for small screens)<br/>
652                                                         - Fixed login problems<br/>
653                                                         - Fixed %type% parameter not working<br/>
654                                                         - Fixed year tagging problem<br/>
655                                                         - Fixed playlist file not containing tracks<br/>
656                                                         - More precision in Spotify Playlist conversion<br/>
657                                                         <br/>
658                                                         <a href="https://notabug.org/RemixDevs/DeezloaderRemix/wiki/Changelog">Full Changelog Here</a>
659                                                 </p>
660                                         </div>
661                                 </li>
662                                 <li>
663                                         <div class="collapsible-header waves-effect"><i class="material-icons">copyright</i>License</div>
664                                         <div class="collapsible-body">
665                                                 <p>
666                                                         <a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html">
667                                                                 <img alt="GNU General Public License" style="border-width:0"
668                                                                                  src="https://www.gnu.org/graphics/gplv3-127x51.png"/>
669                                                         </a><br/>
670                                                         This work is licensed under a <a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU General Public License 3.0</a>.
671                                                 </p>
672                                         </div>
673                                 </li>
674         <li>
675           <div class="collapsible-header waves-effect"><i class="material-icons">favorite</i>Contributions</div>
676           <div class="collapsible-body">
677             <h5>You want to contribute to this project? You can do that <b>in different ways!</b></h5>
678             <p>If you know JavaScript, HTML, CSS or Node.js you could contribute writing code, fixing bugs and adding features using the <a href="https://notabug.org/RemixDevs/DeezloaderRemix">Official Repo</a>.</p>
679             <p>If you are good at graphics and design you could help by submitting a new design, you can open a new issue with some design <a href="https://notabug.org/RemixDevs/DeezloaderRemix/issues/new">here</a>.<br>
680                 <p>Keep in mind that we are (sorta) following the <a href="https://material.io/">Material Design Principles</a>.</p>
681                 If you are good at finding bugs you can help Beta Test the app before release.<br>
682                 Join our <a href="https://t.me/joinchat/BJf2dUoyFbTomvUGaslmCA">Telegram Group</a> to be notified when betas come out!</p>
683             <hr>
684             <h5>You want to contribute monetarily? You could make a donation!</h5>
685             <p>If you can donate you can do that with this links.<br>
686               You shoud remember that <b>this is a free project</b> and <b>you should support the artists you love</b> before supporting the developer.<br>
687               Don't feel obligated to donate, I appreciate you anyway!</p>
688             <p>
689               PayPal: <a href="https://paypal.me/RemixDev">PayPal.me/RemixDev</a><br>
690               Bitcoin: 1sdNymSJrMBWyHM4u2m9uco5nv6uV4Qs1<br>
691               Ethereum: 0x1d2aa67e671485CD4062289772B662e0A6Ff976c
692             </p>
693           </div>
694         </li>
695                         </ul>
696                 </div>
697         </div>
698         <div class="modal-footer">
699                 <a href="#" class="modal-close waves-effect btn-flat">Close</a>
700         </div>
701 </div>
702
703 <!--##########################################MODAL_TRACKLIST###########################################-->
704 <div id="modal_trackList" class="modal modal-fixed-footer modal-custom-header">
705         <div class="modal-content">
706     <div class="trackList-header" v-bind:style="{ 'background-image': `linear-gradient(to bottom, transparent 0%, var(--main-modal-background) 100%), url('${image}')` }">
707       <h4>{{ title }}</h4>
708       <h6 v-if="metadata">{{ metadata }}</h6>
709     </div>
710     <div class="row modal-container">
711                         <table class="highlight col s12">
712                                 <thead>
713                                 <tr>
714                                         <td v-for="data in head" v-html="data.title"></td>
715                                 </tr>
716                                 </thead>
717                                 <tbody id="modal_trackList_table_trackList_tbody_loadingIndicator" class="hide">
718                                 <tr>
719                                         <td class="center" colspan="6">
720                                                 <div class="preloader-wrapper big active">
721                                                         <div class="spinner-layer">
722                                                                 <div class="circle-clipper left">
723                                                                         <div class="circle"></div>
724                                                                 </div>
725                                                                 <div class="gap-patch">
726                                                                         <div class="circle"></div>
727                                                                 </div>
728                                                                 <div class="circle-clipper right">
729                                                                         <div class="circle"></div>
730                                                                 </div>
731                                                         </div>
732                                                 </div>
733                                         </td>
734                                 </tr>
735                                 </tbody>
736                                 <tbody id="modal_trackList_table_trackList_tbody_trackList" class="hide">
737                                 </tbody>
738                         </table>
739                 </div>
740         </div>
741         <div class="modal-footer">
742     <a href="#" id="download_all_tracks" v-bind:data-link="link" class="btn btn-flat waves-effect waves-light left">Download {{ type }}</a>
743                 <a href="#" class="modal-close waves-effect btn-flat">Close</a>
744         </div>
745 </div>
746
747 <!--##########################################MODAL_TRACKLISTALBUM###########################################-->
748 <div id="modal_trackListSelective" class="modal modal-fixed-footer modal-custom-header">
749         <div class="modal-content">
750     <div class="trackList-header" v-bind:style="{ 'background-image': `linear-gradient(to bottom, transparent 0%, var(--main-modal-background) 100%), url('${image}')` }">
751       <h4>{{ title }}</h4>
752       <h6 v-if="metadata">{{ metadata }}</h6>
753     </div>
754     <div class="row modal-container">
755                         <table class="highlight col s12">
756                                 <thead>
757                                 <tr>
758                                         <td v-for="data in head" v-html="data.title"></td>
759                                 </tr>
760                                 </thead>
761                                 <tbody id="modal_trackListSelective_table_trackList_tbody_loadingIndicator" class="hide">
762                                 <tr>
763                                         <td class="center" colspan="6">
764                                                 <div class="preloader-wrapper big active">
765                                                         <div class="spinner-layer">
766                                                                 <div class="circle-clipper left">
767                                                                         <div class="circle"></div>
768                                                                 </div>
769                                                                 <div class="gap-patch">
770                                                                         <div class="circle"></div>
771                                                                 </div>
772                                                                 <div class="circle-clipper right">
773                                                                         <div class="circle"></div>
774                                                                 </div>
775                                                         </div>
776                                                 </div>
777                                         </td>
778                                 </tr>
779                                 </tbody>
780                                 <tbody id="modal_trackListSelective_table_trackListSelective_tbody_trackListSelective" class="hide">
781                                 </tbody>
782                         </table>
783                 </div>
784         </div>
785         <div class="modal-footer">
786     <a href="#" id="download_all_tracks_selective" v-bind:data-link="link" class="btn btn-flat waves-effect waves-light left">Download {{ type }}</a>
787                 <a href="#" id="download_track_selection" class="btn btn-flat waves-effect waves-light deezloader-primary white-text">Download selection<i class="material-icons right">file_download</i></a>
788                 <a href="#" class="modal-close waves-effect btn-flat">Close</a>
789         </div>
790 </div>
791
792 <!--##########################################MODAL_MSG###########################################-->
793 <div id="modal_msg" class="modal">
794         <div class="modal-content">
795                 <div class="row">
796                         <h4 class="col s12" id="modal_msg_title"></h4>
797                 </div>
798                 <div class="row">
799                         <p style="white-space: pre-line" class="col s12" id="modal_msg_message"></p>
800                 </div>
801         </div>
802         <div class="modal-footer">
803                 <a href="#" class="modal-close waves-effect waves-light btn">I got it!</a>
804         </div>
805 </div>
806
807 <!--********************************************MAIN-CONTENT********************************************-->
808 <nav>
809   <div class="nav-wrapper">
810     <div class="brand-logo center hide-on-small-only">Deezloader <b>Remix</b></div>
811     <ul class="left hide-on-small-only">
812       <li>
813         <div class="switch">
814           <label>
815             <i class="material-icons left white-text" style="margin-right: 0px; margin-left: 15px;">brightness_2</i>
816             <input id="nightTimeSwitcher" type="checkbox">
817             <span class="lever"></span>
818           </label>
819         </div>
820       </li>
821     </ul>
822     <a href="#" data-target="slide-out" class="sidenav-trigger hide-on-med-and-up right"><i class="material-icons">menu</i></a>
823     <ul id="nav-mobile" class="right hide-on-small-only">
824       <li>
825                                 <a href="#modal_settings" id="nav_btn_openSettingsModal" class="waves-effect waves-light modal-trigger">
826                                         <i class="material-icons left">settings</i> <span class="hide-on-med-and-down">Settings</span>
827                                 </a>
828                         </li>
829                         <li>
830                                 <a href="#modal_about" class="waves-effect waves-light modal-trigger">
831                                         <i class="material-icons left">star</i> <span class="hide-on-med-and-down">More</span>
832                                 </a>
833                         </li>
834     </ul>
835   </div>
836 </nav>
837
838 <img src="img/icon.svg" class="circle" id="main_icon"></img>
839
840 <ul id="slide-out" class="sidenav">
841   <li><div class="user-view">
842     <div class="background"></div>
843     <a href="#user"><img class="circle" id="side_avatar"></a>
844     <a href="#name"><span class="white-text name" id="side_user"></span></a>
845     <a href="#email"><span class="white-text email" id="side_email"></span></a>
846   </div></li>
847   <li><a href="#!" tab-id="tab_search" class="sidenav_tab sidenav-close waves-effect"><i class="material-icons">search</i>Search</a></li>
848   <li><a href="#!" tab-id="tab_charts" class="sidenav_tab sidenav-close waves-effect"><i class="material-icons">bubble_chart</i>Charts</a></li>
849   <li><a href="#!" tab-id="tab_playlists" class="sidenav_tab sidenav-close waves-effect"><i class="material-icons">playlist_play</i>Playlists</a></li>
850   <li><a href="#!" tab-id="tab_url" class="sidenav_tab sidenav-close waves-effect"><i class="material-icons">link</i>Download from URL</a></li>
851   <li><a href="#!" tab-id="tab_downloads" class="sidenav_tab sidenav-close waves-effect"><i class="material-icons">get_app</i>Downloads</a></li>
852   <li><div class="divider"></div></li>
853   <li><a href="#modal_settings" id="sidenav_settings" class="waves-effect sidenav-close modal-trigger"><i class="material-icons">settings</i>Settings</a></li>
854   <li><a href="#modal_about" class="waves-effect sidenav-close modal-trigger"><i class="material-icons">star</i>About</a></li>
855   <li><a href="#!" id="nightModeSwitch2"><i class="material-icons">brightness_2</i>Enable Night Mode</a>
856   </li>
857 </ul>
858
859 <main class="container">
860   <ul id="tab-nav" class="row tabs tabs-fixed-width hide-on-small-only">
861     <li class="tab"><a class="active" href="#tab_search">Search</a></li>
862     <li class="tab"><a href="#tab_charts">Charts</a></li>
863     <li class="tab"><a href="#tab_playlists">Playlists</a></li>
864     <li class="tab"><a href="#tab_url">Download from URL</a></li>
865     <li class="tab"><a href="#tab_downloads">Downloads</a></li>
866   </ul>
867
868   <div id="main-content" class="row">
869
870     <div id="tab_search">
871       <form id="tab_search_form_search">
872         <div class="inline-input-group col s12">
873           <input autocomplete="off" id="tab_search_form_search_input_searchString" type="text" class="input" placeholder="Start searching ...">
874           <button class="btn btn-input btn-flat deezloader-primary white-text"><i class="material-icons">search</i></button>
875         </div>
876         <div class="row center">
877           <p class="col s3">
878             <label>
879             <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_song" value="track" checked/>
880             <span><i class="material-icons show-on-small-only left deezloader-primary-text">music_note</i><span class="hide-on-med-and-down">Song</span></span>
881             </label>
882           </p>
883           <p class="col s3">
884             <label>
885             <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_album" value="album"/>
886             <span><i class="material-icons show-on-small-only left deezloader-primary-text">album</i><span class="hide-on-med-and-down">Album</span></span>
887             </label>
888           </p>
889           <p class="col s3">
890             <label>
891             <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_artist" value="artist"/>
892             <span><i class="material-icons show-on-small-only left deezloader-primary-text">person</i><span class="hide-on-med-and-down">Artist</span></span>
893             </label>
894           </p>
895           <p class="col s3">
896             <label>
897               <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_playlist" value="playlist"/>
898               <span><i class="material-icons show-on-small-only left deezloader-primary-text">playlist_play</i><span class="hide-on-med-and-down">Playlist</span></span>
899             </label>
900           </p>
901         </div>
902       </form>
903       <div id="tab_search_results">
904                                 <table id="tab_search_table_results" class="striped col s12">
905                                         <thead class="hide-on-small-only">
906                                         <tr class="hide" id="tab_search_table_results_thead_track">
907                                                 <th style="width: 56px;"><!--cover--></th>
908                                                 <th>Song</th>
909                                                 <th>Artist</th>
910                                                 <th>Album</th>
911                                                 <th><i class="material-icons">timer</i></th>
912                                                 <th style="width: 56px;"><!--download_link--></th>
913                                         </tr>
914                                         <tr class="hide" id="tab_search_table_results_thead_album">
915                                                 <th style="width: 56px;"><!--cover--></th>
916                                                 <th>Album</th>
917                                                 <th>Artist</th>
918                                                 <th>Songs</th>
919                                                 <th>Type</th>
920                                                 <th><!--space--></th>
921                                                 <th style="width: 56px;"><!--download_link--></th>
922                                         </tr>
923                                         <tr class="hide" id="tab_search_table_results_thead_artist">
924                                                 <th style="width: 56px;"><!--cover--></th>
925                                                 <th>Artist</th>
926                                                 <th>Albums</th>
927                                                 <th><!--space--></th>
928                                                 <th style="width: 56px;"><!--download_link--></th>
929                                         </tr>
930                                         <tr class="hide" id="tab_search_table_results_thead_playlist">
931                                                 <th style="width: 56px;"><!--cover--></th>
932                                                 <th>Name</th>
933                                                 <th>Songs</th>
934               <th style="width: 56px;"><!--space--></th>
935                                                 <th style="width: 56px;"><!--download_link--></th>
936                                         </tr>
937                                         </thead>
938                                         <tbody id="tab_search_table_results_tbody_loadingIndicator" class="hide loadingTab">
939                                         <tr>
940                                                 <td class="center">
941                                                           <div class="preloader-wrapper big active">
942                                                             <div class="spinner-layer spinner-blue-only">
943                                                               <!-- Spinner Code -->
944                                                               <div class="circle-clipper left"><div class="circle"></div></div><div class="gap-patch"><div class="circle"></div></div><div class="circle-clipper right"><div class="circle"></div></div>
945                                                             </div>
946                                                           </div>
947                                                 </td>
948                                         </tr>
949                                         </tbody>
950                                         <tbody id="tab_search_table_results_tbody_results"></tbody>
951                                         <tbody id="tab_search_table_results_tbody_noResults" class="hide">
952                                         <tr>
953                                                 <td class="center">Nothing found!</td>
954                                         </tr>
955                                         </tbody>
956                                 </table>
957                         </div>
958     </div>
959
960     <div id="tab_charts">
961       <div class="input-field col s12">
962         <select id="tab_charts_select_country" class="icons">
963           <!--All country selects have to be like the following example:
964           <option value="example" data-icon="images/sample.jpg" class="left circle">Example</option>
965           -->
966         </select>
967         <label>Country</label>
968       </div>
969       <button id="downloadChartPlaylist" class="col s12 btn btn-input btn-flat deezloader-primary white-text" style="margin-bottom:8px;">Download Playlist</button>
970       <table id="tab_charts_table_charts" class="striped">
971         <thead class="hide-on-small-only">
972           <tr>
973             <th>#</th>
974             <th style="width: 56px;"><!--cover--></th>
975             <th>Song</th>
976             <th>Artist</th>
977             <th>Album</th>
978             <th><i class="material-icons">timer</i></th>
979             <th style="width: 56px;"><!--download_link--></th>
980           </tr>
981         </thead>
982         <tbody id="tab_charts_table_charts_tbody_loadingIndicator" class="loadingTab">
983           <tr>
984             <td colspan="7" class="center">
985                                                         <div class="preloader-wrapper big active">
986                                                           <div class="spinner-layer spinner-blue-only">
987                                                             <!-- Spinner Code -->
988                                                             <div class="circle-clipper left"><div class="circle"></div></div><div class="gap-patch"><div class="circle"></div></div><div class="circle-clipper right"><div class="circle"></div></div>
989                                                           </div>
990                                                         </div>
991             </td>
992           </tr>
993         </tbody>
994         <tbody id="tab_charts_table_charts_tbody_charts"></tbody>
995       </table>
996     </div>
997
998     <div id="tab_playlists" class="row">
999       <div class="col s12">
1000         <button class="btn-flat btn-large waves-effect deezloader-primary white-text" id="button_refresh_playlist_tab" style="width:100%;">Refresh Playlists</button>
1001       </div>
1002       <div class="col s12">
1003         <table class="striped">
1004           <thead>
1005             <tr>
1006               <th style="width: 56px;"><!--cover--></th>
1007               <th>Name</th>
1008               <th>Songs</th>
1009               <th style="width: 56px;"><!--inspect_playlist--></th>
1010               <th style="width: 56px;"><!--download_link--></th>
1011             </tr>
1012           </thead>
1013           <tbody id="table_personal_playlists">
1014           </tbody>
1015         </table>
1016       </div>
1017     </div>
1018
1019     <div id="tab_url">
1020       <form id="tab_url_form_url" class="row">
1021         <div class="inline-input-group">
1022           <input autocomplete="off" type="text" id="song_url" class="input" placeholder="Song/Playlist/Album/Artist URL, separated by ';'">
1023           <button class="btn btn-input btn-flat deezloader-primary white-text"><i class="material-icons">get_app</i></button>
1024         </div>
1025       </form>
1026     </div>
1027
1028     <div id="tab_downloads">
1029       <div class="row">
1030         <div class="col s12 m4">
1031           <button id="openDownloadsFolder" style="width: 100%; margin-bottom:8px;" class="btn btn-flat btn-input btn-block deezloader-primary white-text">
1032             Open Downloads Folder
1033           </button>
1034         </div>
1035         <div class="col s12 m4">
1036           <button id="cancelAllTable" style="width: 100%; margin-bottom:8px;" class="btn btn-flat btn-input btn-block deezloader-primary white-text">
1037             Cancel All Downloads
1038           </button>
1039         </div>
1040         <div class="col s12 m4">
1041           <button id="clearTracksTable" style="width: 100%; margin-bottom:8px;" class="btn btn-flat btn-input btn-block deezloader-primary white-text">
1042             Clear List
1043           </button>
1044         </div>
1045       </div>
1046       <table id="tab_downloads_table_downloads" class="row">
1047         <thead>
1048           <tr>
1049             <th>Name</th>
1050             <th>Size</th>
1051             <th>Downloaded</th>
1052             <th>Failed</th>
1053             <th style="width: 25%;"><!--progress--></th>
1054             <th style="width: 56px;"><!--event buttons--></th>
1055           </tr>
1056         </thead>
1057         <tbody></tbody>
1058       </table>
1059     </div>
1060
1061   </div>
1062 </main>
1063
1064 <div class="fixed-action-btn" id="btn_scrollToTop" style="bottom: 45px; right: 24px;">
1065   <a class="btn-floating btn-large deezloader-primary scale-transition scale-out">
1066     <i class="large material-icons">keyboard_arrow_up</i>
1067   </a>
1068 </div>
1069 <audio id="preview-track">
1070   <source id="preview-track_source" src="" type="audio/mpeg">
1071 </audio>
1072
1073 <footer class="deezloader-black darken-1 left page-footer hide-on-med-and-down valign-wrapper">
1074       <p><span style="position: relative;display: inline-block;transform: rotateY(180deg);">&copy;</span> Deezloader original code by ZzMTV.</p>
1075 </footer>
1076
1077 <script>if (typeof module === 'object') {
1078         window.module = module;
1079         module = undefined;
1080 }</script>
1081 <script type="text/javascript" src="js/socket.io.js"></script>
1082 <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
1083 <script type="text/javascript" src="js/materialize.min.js"></script>
1084 <script type="text/javascript" src="js/vue.min.js"></script>
1085 <script type="text/javascript" src="js/appBase.js"></script>
1086 <script type="text/javascript" src="js/frontend.js"></script>
1087 <script>if (window.module) module = window.module;</script>
1088 </body>
1089 </html>