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