Release 4.0.1
[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   <script type="text/javascript" src="js/socket.io.js"></script>
7   <link rel="stylesheet" type="text/css" href="css/material-icons.css"/>
8   <link rel="stylesheet" type="text/css" href="css/materialize.min.css"/>
9   <link rel="stylesheet" type="text/css" href="css/animate.css">
10   <link rel="stylesheet" type="text/css" href="css/style.css"/>
11   <meta charset="utf-8"/>
12 </head>
13 <body>
14 <span id="appVersionFallback" hidden>4.0.1</span>
15
16 <div id="title-bar">
17         <div class="resize-padding" style="width: 100%; height: 3px;"></div>
18         <div class="resize-padding" style="width: 3px; height: 31px;"></div>
19         <div id="title">Deezloader Remix v<span id="application_version"></span></div>
20
21         <div id="title-bar-btns">
22                 <button id="min-btn"><i class="material-icons">remove</i></button>
23                 <button id="max-btn"><i class="material-icons">add</i></button>
24                 <button id="close-btn"><i class="material-icons">close</i></button>
25         </div>
26
27         <div class="resize-padding" style="position: absolute; top:0; right:0px; width: 3px; height: 31px;"></div>
28 </div>
29
30 <!--#############################################INITIALIZING-SCREEN############################################-->
31 <div id="initializing" class="indigo valign-wrapper">
32         <div class="modal-content container" id="login-page">
33                 <div class="card">
34                         <div class="card-content">
35                                 <span class="card-title">Please login to your deezer account.</span>
36                                 <h6 class="red-text" id="login-res-text"></h6>
37                                 <div class="input-field col s12">
38                                         <input class="black-text" type="text" id="modal_login_input_username"/>
39                                         <label for="modal_login_input_username">Email</label>
40                                 </div>
41                                 <div class="input-field col s12">
42                                         <input class="black-text" type="password" id="modal_login_input_password"/>
43                                         <label for="modal_login_input_password">Password</label>
44                                 </div>
45                         </div>
46                         <div class="card-action">
47                                 <a href="#" class="indigo modal-close waves-effect waves-light btn" id="modal_login_btn_login">Log in</a>
48                                 <a href="#" class="red modal-close waves-effect waves-light btn" id="modal_login_btn_signup">Sign up</a>
49                                 <div style="float: right; line-height: 36px;">
50           <label>
51             <input type="checkbox" class="filled-in" id="modal_login_input_autologin"/>
52             <span>Remember me</span>
53           </label>
54                                 </div>
55                         </div>
56                 </div>
57         </div>
58 </div>
59
60 <!--#############################################MODAL_SETTINGS############################################-->
61 <div id="modal_settings" class="modal modal-fixed-footer">
62         <div class="modal-content">
63                 <div class="row">
64                         <h4 class="col s12">Settings</h4>
65                 </div>
66                 <div class="row">
67                         <div class="input-field col s12">
68                                 <i class="material-icons prefix">label</i>
69                                 <input type="text" id="modal_settings_input_trackNameTemplate"/>
70                                 <label for="modal_settings_input_trackNameTemplate">Track names <i class="material-icons valignicon tiny tooltipped" data-position="right" data-delay="50" data-tooltip="Supported variables are: %number%, %year%, %artist%, %title% and %album%">info_outline</i></label>
71                         </div>
72                 </div>
73                 <div class="row">
74                         <div class="input-field col s12">
75                                 <i class="material-icons prefix">label</i>
76                                 <input type="text" id="modal_settings_input_playlistTrackNameTemplate"/>
77                                 <label for="modal_settings_input_playlistTrackNameTemplate">Playlist track names <i class="material-icons valignicon tiny tooltipped" data-position="right" data-delay="50" data-tooltip="Supported variables are: %number%, %year%, %artist%, %title% and %album%">info_outline</i></label>
78                         </div>
79                 </div>
80     <div class="row">
81                         <div class="input-field col s12">
82                                 <i class="material-icons prefix">label</i>
83                                 <input type="text" id="modal_settings_input_albumTrackNameTemplate"/>
84                                 <label for="modal_settings_input_albumTrackNameTemplate">Album track names <i class="material-icons valignicon tiny tooltipped" data-position="right" data-delay="50" data-tooltip="Supported variables are: %number%, %year%, %artist%, %title% and %album%">info_outline</i></label>
85                         </div>
86                 </div>
87                 <div class="row">
88                         <div class="input-field col s12">
89                                 <i class="material-icons prefix">label</i>
90                                 <input type="text" id="modal_settings_input_albumNameTemplate"/>
91                                 <label for="modal_settings_input_albumNameTemplate">Album names <i class="material-icons valignicon tiny tooltipped" data-position="right" data-delay="50" data-tooltip="Supported variables are: %year%, %artist%, %type% and %album%">info_outline</i></label>
92                         </div>
93                 </div>
94                 <div class="row">
95                         <div class="input-field col s12">
96                                 <i class="material-icons prefix">label</i>
97                                 <select name="artworkSize" id="modal_settings_select_artworkSize">
98                                         <option value="/500x500.jpg">500x500</option>
99                                         <option value="/800x800.jpg" selected>800x800</option>
100                                         <option value="/1000x1000.jpg">1000x1000</option>
101                                         <option value="/1200x1200.jpg">1200x1200</option>
102                                         <option value="/1400x1400.jpg">1400x1400</option>
103                                 </select>
104                                 <label for="modal_settings_select_artworkSize">Artwork size</label>
105                         </div>
106                 </div>
107     <div class="row">
108                         <div class="input-field col s12">
109                                 <i class="material-icons prefix">label</i>
110                                 <select name="chartsCountry" id="modal_settings_select_chartsCounrty">
111                                 </select>
112                                 <label for="modal_settings_select_chartsCounrty">Default Country for Charts</label>
113                         </div>
114                 </div>
115                 <div class="row">
116                         <div class="input-field col s12">
117                                 <i class="material-icons prefix">label</i>
118                                 <input type="text" id="modal_settings_input_downloadTracksLocation"/>
119                                 <label for="modal_settings_input_downloadTracksLocation">Download location</label>
120                         </div>
121                 </div>
122                 <div class="row">
123                         <p class="col s4">
124         <label>
125                                 <input type="checkbox" id="modal_settings_cbox_createM3UFile" class="filled-in"/>
126                                 <span>Create M3U (Playlist) file</span>
127         </label>
128                         </p>
129                         <p class="col s4">
130         <label>
131                                 <input type="checkbox" id="modal_settings_cbox_createArtistFolder" class="filled-in"/>
132                                 <span>Create folder for artists</span>
133         </label>
134                         </p>
135                         <p class="col s4">
136         <label>
137                                 <input type="checkbox" id="modal_settings_cbox_createAlbumFolder" class="filled-in"/>
138                                 <span>Create folder for albums</span>
139         </label>
140                         </p>
141                         <p class="col s4">
142         <label>
143                                 <input type="checkbox" id="modal_settings_cbox_hifi" class="filled-in"/>
144                                 <span class="tooltipped" data-position="top" data-delay="500" data-tooltip="Downloads a FLAC file if it is available">Enable HIFI</span>
145         </label>
146       </p>
147                         <p class="col s4">
148         <label>
149                                 <input type="checkbox" id="modal_settings_cbox_padtrck" class="filled-in"/>
150                                 <span class="tooltipped" data-position="top" data-delay="500" data-tooltip="Adds 0s before %number% to have the same character lenght">Pad track numbers</span>
151         </label>
152       </p>
153                         <p class="col s4">
154         <label>
155                                 <input type="checkbox" id="modal_settings_cbox_syncedlyrics" class="filled-in"/>
156                                 <span class="tooltipped" data-position="top" data-delay="500" data-tooltip="Downloads lyrics .lyr file">Enable synced lyrics</span>
157         </label>
158       </p>
159                         <p class="col s4">
160         <label>
161                                 <input type="checkbox" id="modal_settings_cbox_numplaylistbyalbum" class="filled-in"/>
162                                 <span class="tooltipped" data-position="top" data-delay="500" data-tooltip="Track numbers when downloading a Playlist will be the original ones">Number playlists by album</span>
163         </label>
164       </p>
165                         <p class="col s4">
166         <label>
167                                 <input type="checkbox" id="modal_settings_cbox_extendedTags" class="filled-in"/>
168                                 <span>Enable Extended Tags</label>
169         </label>
170                         </p>
171                         <p class="col s4">
172         <label>
173                                 <input type="checkbox" id="modal_settings_cbox_partOfSet" class="filled-in"/>
174                                 <span class="tooltipped" data-position="top" data-delay="500" data-tooltip="Track number and disc number will be formatted as 1/16 instead of just 1">Add part of set to tracks</span>
175         </label>
176       </p>
177                 </div>
178                 <div class="row">
179                         <div class="center input-field col s12">
180                                 <p>You are logged in as <b id="modal_settings_username"></b></p>
181                                 <a href="#" class="modal-close waves-effect waves-light btn" id="modal_settings_btn_logout">Logout</a>
182                         </div>
183                 </div>
184         </div>
185         <div class="modal-footer">
186                 <a href="#" class="modal-close waves-effect waves-light btn" id="modal_settings_btn_saveSettings"><i
187                                                 class="material-icons right">save</i>Save</a>
188                 <a href="#" class="waves-effect btn-flat" id="modal_settings_btn_defaultSettings"><i
189                                                 class="material-icons right">settings_backup_restore</i>Default Settings</a>
190                 <a href="#" class="modal-close waves-effect btn-flat">Close</a>
191         </div>
192 </div>
193
194 <!--#############################################MODAL_ABOUT############################################-->
195 <div id="modal_about" class="modal modal-fixed-footer">
196         <div class="modal-content">
197                 <h4>More</h4>
198                 <div class="row">
199                         <ul class="collapsible" data-collapsible="accordion">
200                                 <li>
201                                         <div class="collapsible-header waves-effect"><i class="material-icons">info</i>About</div>
202                                         <div class="collapsible-body">
203                                                 <p>
204               <b>Branch: </b>Remix</br>
205                                                         <b>Version:</b> <span id="application_version_about"></span><br/>
206                                                         <b>Original Programmer:</b> <a href="https://boerse.to/members/zzmtv.3378614/">ZzMTV</a><br/>
207                                                         <b>Former Maintainers:</b> <a href="https://www.reddit.com/user/ParadoxalManiak/">ParadoxalManiak</a>, <a href="https://www.reddit.com/user/_snwflake/">snwflake</a>, <a href="https://www.reddit.com/user/ExtendLord/">ExtendLord</a><br>
208                                                         <b>Interface:</b> <a href="http://materializecss.com/">materializecss</a><br/>
209               <b>Based on: </b>Deezloader Reborn</br>
210                                                 </p>
211                                         </div>
212                                 </li>
213                                 <li>
214                                         <div class="collapsible-header waves-effect"><i class="material-icons">feedback</i>Feedback</div>
215                                         <div class="collapsible-body">
216                                                 <p>
217                                                         Do you have some feedback or want to ask for some new features? Join the <a href="https://t.me/joinchat/BJf2dUoyFbTi9HLUp0SWkw">official group</a>.
218                                                 </p>
219                                         </div>
220                                 </li>
221                                 <li>
222                                         <div class="collapsible-header waves-effect"><i class="material-icons">bug_report</i>Bugs</div>
223                                         <div class="collapsible-body">
224                                                 <p>
225                                                         If you experience any bugs, please send a bug report to <a href="https://t.me/joinchat/BJf2dUoyFbTi9HLUp0SWkw">this group</a>.
226                                                 </p>
227                                         </div>
228                                 </li>
229                                 <li>
230                                         <div class="collapsible-header waves-effect"><i class="material-icons">warning</i>Attention!</div>
231                                         <div class="collapsible-body">
232                                                 <p>
233                                                         The authors don't call to commit crimes.<br/>
234                                                         The usage of this tool may be illegal in your country! Please inform yourself.<br/>
235                                                         The authors give no guarantee at all and aren't responsible for damages of all kinds!
236                                                 </p>
237                                         </div>
238                                 </li>
239                                 <li>
240                                         <div class="collapsible-header waves-effect"><i class="material-icons">history</i>Changelog</div>
241                                         <div class="collapsible-body">
242                                                 <p>
243                                                         <b>Version 4.0.1</b><br/>
244                                                         - Updated all CSS and Javascript dependencies<br/>
245                                                         - Rewrite of the UI<br/>
246                                                         - Added audio preview for Singles (Click on the cover)<br/>
247                                                         - Added support for Spotify Playlists (URL Download)<br/>
248                                                         - Separated Album Track Name from Playlist Track Name<br/>
249               - Added option to change default charts country<br/>
250                                                         <br/>
251                                                         <b>Version 3.1.2</b><br/>
252                                                         - Fixed Login Problem<br/>
253                                                         - Removed comment on cover<br/>
254                                                         - Fixed footer CSS<br/>
255                                                         - Fixed downloading of Albums and Artists (Downgrade to previous method)<br/>
256                                                         <br/>
257                                                         <b>Version 3.1.1</b><br/>
258                                                         - Fixed titlebar resizing<br/>
259                                                         - Added disc number to album view<br/>
260                                                         - Fixed track number to album view<br/>
261                                                         - Added correct multiartist and multigenre support<br/>
262                                                         - deezer-api.js and app.js cleanup<br/>
263                                                         - Optionals tags are now optionals<br/>
264                                                         - Added option to get total number of tracks on MP3s on TrackNumbers and Discs (ex. 1/16)<br/>
265                                                         - Fixed Pubblisher tag<br/>
266                                                         - feat. and ft. are now excluded from searches query<br/>
267                                                         - Added tooltips to settings<br/>
268                                                         <br/>
269                                                         <b>Version 3.1.0</b><br/>
270                                                         - Fixed Download Freeze<br/>
271                                                         - Improved logs<br/>
272                                                         - Improved UI<br/>
273                                                         - Fixed album artwork size not being saved<br/>
274                                                         - Fixed some typo<br/>
275                                                         - Fixed synced lyrics for mp3<br/>
276                                                         - Fixed Track fetching for unsupported countries<br/>
277                                                         <br/>
278                                                         <b>Version 3.0.15</b><br/>
279                                                         - Added replaygain tag<br/>
280                                                         - Added logout option<br/>
281                                                         - Added signup option<br/>
282                                                         - Added multi url support, seperated by ';'<br/>
283                                                         - Fixed incomplete audio files<br/>
284                                                         - Fixed track fallback(alternative property)(Deezer's API update)<br/>
285                                                         - Improved logging system<br/>
286                                                         - Improved pad numbers<br/>
287                                                         - Removed init page since it is not used anymore<br/>
288                                                         <br/>
289                                                         <b>Version 3.0.14</b><br/>
290                                                         - Login is required due to Deezer's patch(Crashes when downloading anything)<br/>
291                                                         - Added BPM tag<br/>
292                                                         <br/>
293                                                         <b>Version 3.0.13</b><br/>
294                                                         - Fixed timeout of the download system<br/>
295                                                         - Fixed images for tracks<br/>
296                                                         - Fixed and Improved MP3 tags<br/>
297                                                         - Added %type%(Record type) for album name format<br/>
298                                                         <br/>
299                                                         <b>Version 3.0.12</b><br/>
300                                                         - Added request retry, connections will retry if fail<br/>
301                                                         - Added record type to the search section(Results of Albums and Artists albums)<br/>
302                                                         - Fixed dots at end of playlists<br/>
303                                                         - Fixed download freezes (metadata image issues)<br/>
304                                                         - Removed the title bar from the web GUI<br/>
305                                                         - Improved download speed and decryption system<br/>
306                                                         <br/>
307                                                         <b>Version 3.0.11</b><br/>
308                                                         - Fixed artwork duplicate for two tracks with the same name<br/>
309                                                         - Added tags: mixer, author, writer, engineer and producer<br/>
310                                                         - Fixed copyright tag when it is not available<br/>
311                                                         - Removed performer tag from FLAC<br/>
312                                                         - Removed label tag and changed from track date to album/ep/single date tag<br/>
313                                                         - Restored decrypting system due to mp3 being corrupt<br/>
314                                                         - Fixed crash when downloading a track with album folder enabled<br/>
315                                                         <br/>
316                                                         <b>Version 3.0.10</b><br/>
317                                                         - Improved downloading and decrypting system<br/>
318                                                         - Improved update notifier<br/>
319                                                         - Added 1400p artworks<br/>
320                                                         - Alternative tracks will take the original tracks tag if possible<br/>
321                                                         - Removed Disc folders, tracks of albums with discs will be combined into one<br/>
322                                                         - Removed 'dev' from the update notifier<br/>
323                                                         - Artist folders are now named by the artist of the albums<br/>
324                                                         - Fixed album name option when artist option is checked<br/>
325                                                         - Fixed android's home location(It had two slashes)<br/>
326                                                         - Fixed default android path<br/>
327                                                         - Fixed album's %year%<br/>
328                                                         - Fixed downloading issues for non supported countries<br/>
329                                                         - Fixed ENOENT crashes caused by queues<br/>
330                                                         - Fixed a minor bug in the alternative track code<br/>
331                                                         - Added a backup server for update notifier<br/>
332                                                         <br/>
333                                                         <b>Version 3.0.9</b><br/>
334                                                         - Added synced and unsynced lyrics, album name option and number playlist by album option.<br/>
335                                                         - Added pad track number(01,02)<br/>
336                                                         - Fixed dots at end of folders when album/arist folder is enabled<br/>
337                                                         - Fixed ENOENT when folder does not exists<br/>
338                                                         - Fixed alternative track downloading, it will only download it if it will fail to download the non alternative one.<br/>
339                                                         - Changed license to GNU GPL 3.0<br/>
340                                                         - Changed all spaces in the JS code to tabs<br/>
341                                                         - Improved update notifier, it will redirect you to the download page<br/>
342                                                         <br/>
343                                                         <b>Version 3.0.8</b><br/>
344                                                         - Fixed initializing stuck<br/>
345                                                         - Removed Diacritics remover<br/>
346                                                         - Changed name fixer<br/>
347                                                         - Added barcode for FLAC<br/>
348                                                         - Added support for Android<br/>
349                                                         - Added web server http://localhost:1730<br/>
350                                                         - Updated libraries<br/>
351                                                         <br/>
352                                                         <b>Version 3.0.7</b><br/>
353                                                         - Fixed crash when composer or publisher tag is not available<br/>
354                                                         - Added version to the update notifier<br/>
355                                                         <br/>
356                                                         <b>Version 3.0.6</b><br/>
357                                                         - Login page will only appear for those who need it<br/>
358                                                         - Added composer, publisher and copyright tag<br/>
359                                                         - Fixed the issue that only the first album would be clickable from an artist<br/>
360                                                         - Fixed crash when no internet in the login page<br/>
361                                                         <br/>
362                                                         <b>Version 3.0.5</b><br/>
363                                                         - Changed repo from github to gitlab<br/>
364                                                         - Fixed Login error for Deezer Family Accounts<br/>
365                                                         - Fixed composer tag<br/>
366                                                         <br/>
367                                                         <b>Version 3.0.4</b><br/>
368                                                         - Fixed download crashes<br/>
369                                                         - Fixed failed tracks when downloading some albums and playlists<br/>
370                                                         - Fixed folder does not exists crash<br/>
371                                                         - Improved tags<br/>
372                                                         - Changed album cover dir to the albums folder<br/>
373                                                         - Changed settings style<br/>
374                                                         - Fixed login crash when there is no connection<br/>
375                                                         <br/>
376                                                         <b>Version 3.0.3</b><br/>
377                                                         - Added auto login<br/>
378                                                         - Added MP3 Fallback<br/>
379                                                         - Added auto update<br/>
380                                                         - Fixed login error not being triggered sometimes<br/>
381                                                         <br/>
382                                                         <b>Version 3.0.2</b><br/>
383                                                         - Fixed crashes when songs could not be downloaded<br/>
384                                                         - Added bpm tag<br/>
385                                                         - Added logging system(Fixed same song downloading and some songs not being available)<br/>
386                                                         - Fixed corruped FLAC's<br/>
387                                                         - Added %year%<br/>
388                                                         - Fixed dots at end<br/>
389                                                         - Fixed undefined genre<br/>
390                                                         <br/>
391                                                         <b>Version 3.0.1</b><br/>
392                                                         - Added a couple of tags<br/>
393                                                         - Fixed minor bugs<br/>
394                                                         - Removed tag libs, a moudle is used instead<br/>
395                                                         <br/>
396                                                         <b>Version 3.0.0</b><br/>
397                                                         - Added Vorbis comments(To support FLAC tagging)<br/>
398                                                         - Added HIFI(FLAC) quality (Opt-IN in settings)<br/>
399                                                         - Updated http to https<br/>
400                                                         - Updated all libraries to their latest version<br/>
401                                                         - Fixed random crash when searching<br/>
402                                                         - Fixed the track info grabber(Downloading was not possible)<br/>
403                                                         - Fixed artist duplicate in tagging<br/>
404                                                         - Changed the default artwork size to 1200p<br/>
405                                                         - Changed config location to UserData folder(Appdata)<br/>
406                                                         <br/>
407                                                         <b>Version 2.3.1</b><br/>
408                                                         - Fixed the %number% variable to only list the current track<br/>
409                                                         - Fixed the resolution for users with a screensize less than 1400x900p<br/>
410                                                         - Fixed folder/file creation name for windows (...again...)<br/>
411                                                         - Fixed explicit tooltip<br/>
412                                                         - Added more logging<br/>
413                                                         - Added progress bar support for artists<br/>
414                                                         - Added a checkbox to select everything in album/playlist-modal<br/>
415                                                         - Added tooltip for supported naming patterns<br/>
416                                                         - Added an option to select a different artwork size. (500p, 800p(default), 1000p, 1200p)<br/>
417                                                         - Enhanced tagging, now all artists are written to the 'artist'-field<br/>
418                                                         <br/>
419                                                         <b>Version 2.3.0</b><br/>
420                                                         - Fixed app refusing to start when some folders are missing<br/>
421                                                         - Fixed playlist file not containing the correct file names<br/>
422                                                         - Fixed folders with a dot at the end resulting in undeletable file<br/>
423                                                         - Fixed the progress bar for albums and playlists<br/>
424                                                         - Relocated explicit icon to the front of the filename<br/>
425                                                         - Added more explicit icons in album-/playlist- and artist-modal<br/>
426                                                         - Added a new feature which allows the user to only download selected songs from an album or playlist<br/>
427                                                         <br/>
428                                                         <b>Version 2.2.1</b><br/>
429                                                         - Fixed settings module (sigh ... again)<br/>
430                                                         - Fixed issue related to folders that have special chars<br/>
431                                                         <br/>
432                                                         <b>Version 2.2.0</b><br/>
433                                                         - Fixed settings panel, all settings should work as expected now<br/>
434                                                         - Fixed writing location of config.json<br/>
435                                                         - Fixed crashing when searching for cyrillic characters, it should work fine now<br/>
436                                                         - Moved the folder for cover arts to the temp folder of the system<br/>
437                                                         - Added icon for explicit songs<br/>
438                                                         - The window size and position are now remembered<br/>
439                                                         - The "Scroll to top" button works again<br/>
440                                                         - Fixed problem with folders that contain dots and other symbols<br/>
441                                                         - A bunch of refactoring thanks to Blind-Mute<br/>
442                                                         - Fixed cover art not embedding on OSX<br/>
443                                                         - Minor performance improvements<br/>
444                                                         <br/>
445                                                         <b>Version 2.1.2</b><br/>
446                                                         - Fixed Deezer API connection<br/>
447                                                         - Fixed tracks metadata naming for diacritics text<br/>
448                                                         - Added custom location for downloads settings<br/>
449                                                         <br/>
450                                                         <b>Version 2.1.1</b><br/>
451                                                         - Added context menu<br/>
452                                                         - Corrected some spelling mistakes<br/>
453                                                         - Fixed crash when searching with special characters like Æ, Ø and Å.<br/>
454                                                         <br/>
455                                                         <b>Version 2.1.0</b><br/>
456                                                         - Updated all libraries to their latest version (this should fix issues with newer node versions)<br/>
457                                                         - Updated the design of the app, checked spelling and added responsive so it can be better used on a mobile browser.<br/>
458                                                         - Fixed small bug with overlapping texts in settings modal<br/>
459                                                         - Fixed clear button in the downloads section not working <br/>
460                                                         - Added error logging <br>
461                                                         <br>
462                                                         <b>Version 2.0.3</b><br/>
463                                                         - Removed the updater to stop spamming the domain of the original author<br/>
464                                                         - Removed character fixing in metadata that would result in AC/DC being turned to AC_DC.<br/>
465                                                         - Fixed the Artist's album list not being loaded. Now it loads and has the option to download the album.<br/>
466                                                         - Changed the default country in top charts to UK instead of Germany (not a feature, just a thing I did when I was
467                                                         tinkering with the code and forgot to change)<br/>
468                                                         - Fixed compatibility issues with Node v6 (works on older versions too, but there might be problems with downloading
469                                                         the cover art, so please update to v6 if you can)<br/>
470                                                 </p>
471                                         </div>
472                                 </li>
473                                 <li>
474                                         <div class="collapsible-header waves-effect"><i class="material-icons">build</i>Contributors</div>
475                                         <div class="collapsible-body">
476                                                 <p>Thanks to the following contributors for fixing bugs and improving this application. <br> <br>
477                                                         <a href="https://www.reddit.com/user/Blind-Mute">Blind-Mute</a> <br>
478                                                         <a href="https://gitlab.com/Persei08">Persei08</a> <br>
479                                                         <a href="https://github.com/Uukrull">Uukrull</a> <br>
480                                                 </p>
481                                         </div>
482                                 </li>
483                                 <li>
484                                         <div class="collapsible-header waves-effect"><i class="material-icons">copyright</i>License</div>
485                                         <div class="collapsible-body">
486                                                 <p>
487                                                         <a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html">
488                                                                 <img alt="GNU General Public License" style="border-width:0"
489                                                                                  src="https://www.gnu.org/graphics/gplv3-127x51.png"/>
490                                                         </a><br/>
491                                                         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>.
492                                                 </p>
493                                         </div>
494                                 </li>
495                         </ul>
496                 </div>
497         </div>
498         <div class="modal-footer">
499                 <a href="#" class="modal-close waves-effect btn-flat">Close</a>
500         </div>
501 </div>
502
503 <!--##########################################MODAL_TRACKLIST###########################################-->
504 <div id="modal_trackList" class="modal modal-fixed-footer">
505         <div class="modal-content">
506                 <div class="row">
507                         <h4 class="col s12">{{ title }}</h4>
508                 </div>
509                 <div class="row">
510                         <table class="highlight col s12">
511                                 <thead>
512                                 <tr>
513                                         <td v-for="data in head" v-html="data.title"></td>
514                                 </tr>
515                                 </thead>
516                                 <tbody id="modal_trackList_table_trackList_tbody_loadingIndicator" class="hide">
517                                 <tr>
518                                         <td class="center" colspan="4">
519                                                 <div class="preloader-wrapper big active">
520                                                         <div class="spinner-layer">
521                                                                 <div class="circle-clipper left">
522                                                                         <div class="circle"></div>
523                                                                 </div>
524                                                                 <div class="gap-patch">
525                                                                         <div class="circle"></div>
526                                                                 </div>
527                                                                 <div class="circle-clipper right">
528                                                                         <div class="circle"></div>
529                                                                 </div>
530                                                         </div>
531                                                 </div>
532                                         </td>
533                                 </tr>
534                                 </tbody>
535                                 <tbody id="modal_trackList_table_trackList_tbody_trackList" class="hide">
536                                 </tbody>
537                         </table>
538                 </div>
539         </div>
540         <div class="modal-footer">
541                 <a href="#" class="modal-close waves-effect btn-flat">Close</a>
542         </div>
543 </div>
544
545 <!--##########################################MODAL_TRACKLISTALBUM###########################################-->
546 <div id="modal_trackListSelective" class="modal modal-fixed-footer">
547         <div class="modal-content">
548                 <div class="row">
549                         <h4 class="col s12">{{ title }}</h4>
550                 </div>
551                 <div class="row">
552                         <table class="highlight col s12">
553                                 <thead>
554                                 <tr>
555                                         <td v-for="data in head" v-html="data.title"></td>
556                                 </tr>
557                                 </thead>
558                                 <tbody id="modal_trackListSelective_table_trackList_tbody_loadingIndicator" class="hide">
559                                 <tr>
560                                         <td class="center" colspan="4">
561                                                 <div class="preloader-wrapper big active">
562                                                         <div class="spinner-layer">
563                                                                 <div class="circle-clipper left">
564                                                                         <div class="circle"></div>
565                                                                 </div>
566                                                                 <div class="gap-patch">
567                                                                         <div class="circle"></div>
568                                                                 </div>
569                                                                 <div class="circle-clipper right">
570                                                                         <div class="circle"></div>
571                                                                 </div>
572                                                         </div>
573                                                 </div>
574                                         </td>
575                                 </tr>
576                                 </tbody>
577                                 <tbody id="modal_trackListSelective_table_trackListSelective_tbody_trackListSelective" class="hide">
578                                 </tbody>
579                         </table>
580                 </div>
581         </div>
582         <div class="modal-footer">
583                 <a href="#" id="download_track_selection" class="btn btn-flat waves-effect waves-light indigo white-text right">Download selection<i class="material-icons right">file_download</i></a>
584                 <a href="#" class="modal-close waves-effect btn-flat">Close</a>
585         </div>
586 </div>
587
588 <!--##########################################MODAL_MSG###########################################-->
589 <div id="modal_msg" class="modal">
590         <div class="modal-content">
591                 <div class="row">
592                         <h4 class="col s12" id="modal_msg_title"></h4>
593                 </div>
594                 <div class="row">
595                         <p class="col s12" id="modal_msg_message"></p>
596                 </div>
597         </div>
598         <div class="modal-footer">
599                 <a href="#" class="modal-close waves-effect waves-light btn">I got it!</a>
600         </div>
601 </div>
602
603 <!--********************************************MAIN-CONTENT********************************************-->
604 <nav class="nav-extended">
605   <div class="nav-wrapper">
606     <div class="brand-logo left">Deezloader <b>Remix</b> <sup id="application_version_logo"></sup></div>
607     <ul id="nav-mobile" class="right">
608       <li>
609                                 <a href="#modal_settings" id="nav_btn_openSettingsModal" class="waves-effect waves-light modal-trigger">
610                                         <i class="material-icons left">settings</i> <span class="hide-on-small-and-down">Settings</span>
611                                 </a>
612                         </li>
613                         <li>
614                                 <a href="#modal_about" class="waves-effect waves-light modal-trigger">
615                                         <i class="material-icons left">more_horiz</i> <span class="hide-on-small-and-down">More</span>
616                                 </a>
617                         </li>
618     </ul>
619   </div>
620   <div class="nav-content hide-on-small-and-down">
621     <p class="description center white-text">Start enjoying your favourite music without limitations.</p>
622   </div>
623 </nav>
624
625 <main class="container">
626   <ul id="tab-nav" class="row tabs">
627     <li class="tab"><a class="active" href="#tab_search">Search</a></li>
628     <li class="tab"><a href="#tab_charts">Charts</a></li>
629     <li class="tab"><a href="#tab_url">Download from URL</a></li>
630     <li class="tab"><a href="#tab_downloads">Downloads</a></li>
631   </ul>
632
633   <div id="main-content" class="row">
634
635     <div id="tab_search">
636       <form id="tab_search_form_search">
637         <div class="inline-input-group col s12">
638           <input id="tab_search_form_search_input_searchString" type="text" class="input" placeholder="Start searching ...">
639           <button class="btn btn-large btn-flat indigo white-text"><i class="material-icons">search</i></button>
640         </div>
641         <p class="col s3 center">
642           <label>
643           <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_song" value="track" checked/>
644           <span>Song</span>
645           </label>
646         </p>
647         <p class="col s3 center">
648           <label>
649           <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_album" value="album"/>
650           <span>Album</span>
651           </label>
652         </p>
653         <p class="col s3 center">
654           <label>
655           <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_artist" value="artist"/>
656           <span>Artist</span>
657           </label>
658         </p>
659         <p class="col s3 center">
660           <label>
661             <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_playlist" value="playlist"/>
662             <span>Playlist</span>
663           </label>
664         </p>
665       </form>
666       <div id="tab_search_results">
667                                 <table id="tab_search_table_results" class="striped col s12">
668                                         <thead>
669                                         <tr class="animated fadeInUp hide" id="tab_search_table_results_thead_track">
670                                                 <th><!--cover--></th>
671                                                 <th>Song</th>
672                                                 <th>Artist</th>
673                                                 <th>Album</th>
674                                                 <th><i class="material-icons">timer</i></th>
675                                                 <th><!--download_link--></th>
676                                         </tr>
677                                         <tr class="animated fadeInUp hide" id="tab_search_table_results_thead_album">
678                                                 <th><!--cover--></th>
679                                                 <th>Album</th>
680                                                 <th>Artist</th>
681                                                 <th>Songs</th>
682                                                 <th>Type</th>
683                                                 <th><!--space--></th>
684                                                 <th><!--download_link--></th>
685                                         </tr>
686                                         <tr class="animated fadeInUp hide" id="tab_search_table_results_thead_artist">
687                                                 <th><!--cover--></th>
688                                                 <th>Artist</th>
689                                                 <th>Albums</th>
690                                                 <th><!--space--></th>
691                                                 <th><!--download_link--></th>
692                                         </tr>
693                                         <tr class="animated fadeInUp hide" id="tab_search_table_results_thead_playlist">
694                                                 <th><!--cover--></th>
695                                                 <th>Name</th>
696                                                 <th>Songs</th>
697                                                 <th><!--download_link--></th>
698                                         </tr>
699                                         </thead>
700                                         <tbody id="tab_search_table_results_tbody_loadingIndicator" class="hide loadingTab">
701                                         <tr>
702                                                 <td class="center">
703                                                           <div class="preloader-wrapper big active">
704                                                             <div class="spinner-layer spinner-blue-only">
705                                                               <!-- Spinner Code -->
706                                                               <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>
707                                                             </div>
708                                                           </div>
709                                                 </td>
710                                         </tr>
711                                         </tbody>
712                                         <tbody id="tab_search_table_results_tbody_results"></tbody>
713                                         <tbody id="tab_search_table_results_tbody_noResults" class="animated fadeInUp hide">
714                                         <tr>
715                                                 <td class="center">Nothing found!</td>
716                                         </tr>
717                                         </tbody>
718                                 </table>
719                         </div>
720     </div>
721
722     <div id="tab_charts">
723       <div class="input-field col s12">
724         <select id="tab_charts_select_country" class="icons">
725           <!--All country selects have to be like the following example:
726           <option value="example" data-icon="images/sample.jpg" class="left circle">Example</option>
727           -->
728         </select>
729         <label>Country</label>
730       </div>
731       <table id="tab_charts_table_charts" class="striped">
732         <thead>
733           <tr>
734             <th>#</th>
735             <th><!--cover--></th>
736             <th>Song</th>
737             <th>Artist</th>
738             <th>Album</th>
739             <th><i class="material-icons">timer</i></th>
740             <th><!--download_link--></th>
741           </tr>
742         </thead>
743         <tbody id="tab_charts_table_charts_tbody_loadingIndicator" class="loadingTab">
744           <tr>
745             <td colspan="7" class="center">
746                                                         <div class="preloader-wrapper big active">
747                                                           <div class="spinner-layer spinner-blue-only">
748                                                             <!-- Spinner Code -->
749                                                             <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>
750                                                           </div>
751                                                         </div>
752             </td>
753           </tr>
754         </tbody>
755         <tbody id="tab_charts_table_charts_tbody_charts"></tbody>
756       </table>
757     </div>
758
759     <div id="tab_url">
760       <form id="tab_url_form_url" class="row">
761         <div class="inline-input-group">
762           <input type="text" id="song_url" class="input" placeholder="Song/Playlist/Album/Artist URL, separated by ';'">
763           <button class="btn btn-large btn-flat indigo white-text">Download</button>
764         </div>
765       </form>
766     </div>
767
768     <div id="tab_downloads">
769       <div class="row">
770         <div class="col s6">
771           <button id="openDownloadsFolder" style="width: 100%" class="btn btn-flat btn-large btn-block indigo white-text">
772             Open Downloads Folder
773           </button>
774         </div>
775         <div class="col s6">
776           <button id="clearTracksTable" style="width: 100%" class="btn btn-flat btn-large btn-block red white-text">Clear
777             List
778           </button>
779         </div>
780       </div>
781       <table id="tab_downloads_table_downloads" class="row">
782         <thead>
783           <tr>
784             <th>Name</th>
785             <th>Size</th>
786             <th>Downloaded</th>
787             <th>Failed</th>
788             <th style="width: 25%;"><!--progress--></th>
789             <th><!--event buttons--></th>
790           </tr>
791         </thead>
792         <tbody></tbody>
793       </table>
794     </div>
795
796   </div>
797 </main>
798
799 <div class="fixed-action-btn" id="btn_scrollToTop" style="bottom: 45px; right: 24px;">
800   <a class="btn-floating btn-large red scale-transition scale-out">
801     <i class="large material-icons">keyboard_arrow_up</i>
802   </a>
803 </div>
804 <audio id="preview-track">
805   <source id="preview-track_source" src="" type="audio/mpeg">
806 </audio>
807
808 <footer class="indigo darken-1 center page-footer hide-on-med-and-down">
809     <div class="container">
810       &copy; Deezloader original code by <a class="white-text" href="https://boerse.to/members/zzmtv.3378614/">ZzMTV</a>.
811     </div>
812 </footer>
813
814 <script>if (typeof module === 'object') {
815         window.module = module;
816         module = undefined;
817 }</script>
818 <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
819 <script type="text/javascript" src="js/materialize.min.js"></script>
820 <script type="text/javascript" src="js/vue.js"></script>
821 <script type="text/javascript" src="js/appBase.js"></script>
822 <script type="text/javascript" src="js/main.js"></script>
823 <script>if (window.module) module = window.module;</script>
824 </body>
825 </html>