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"/>
14 <span id="appVersionFallback" hidden>4.0.1</span>
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>
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>
27 <div class="resize-padding" style="position: absolute; top:0; right:0px; width: 3px; height: 31px;"></div>
30 <!--#############################################INITIALIZING-SCREEN############################################-->
31 <div id="initializing" class="indigo valign-wrapper">
32 <div class="modal-content container" id="login-page">
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>
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>
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;">
51 <input type="checkbox" class="filled-in" id="modal_login_input_autologin"/>
52 <span>Remember me</span>
60 <!--#############################################MODAL_SETTINGS############################################-->
61 <div id="modal_settings" class="modal modal-fixed-footer">
62 <div class="modal-content">
64 <h4 class="col s12">Settings</h4>
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>
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>
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>
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>
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>
104 <label for="modal_settings_select_artworkSize">Artwork size</label>
108 <div class="input-field col s12">
109 <i class="material-icons prefix">label</i>
110 <select name="chartsCountry" id="modal_settings_select_chartsCounrty">
112 <label for="modal_settings_select_chartsCounrty">Default Country for Charts</label>
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>
125 <input type="checkbox" id="modal_settings_cbox_createM3UFile" class="filled-in"/>
126 <span>Create M3U (Playlist) file</span>
131 <input type="checkbox" id="modal_settings_cbox_createArtistFolder" class="filled-in"/>
132 <span>Create folder for artists</span>
137 <input type="checkbox" id="modal_settings_cbox_createAlbumFolder" class="filled-in"/>
138 <span>Create folder for albums</span>
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>
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>
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>
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>
167 <input type="checkbox" id="modal_settings_cbox_extendedTags" class="filled-in"/>
168 <span>Enable Extended Tags</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>
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>
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>
194 <!--#############################################MODAL_ABOUT############################################-->
195 <div id="modal_about" class="modal modal-fixed-footer">
196 <div class="modal-content">
199 <ul class="collapsible" data-collapsible="accordion">
201 <div class="collapsible-header waves-effect"><i class="material-icons">info</i>About</div>
202 <div class="collapsible-body">
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>
214 <div class="collapsible-header waves-effect"><i class="material-icons">feedback</i>Feedback</div>
215 <div class="collapsible-body">
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>.
222 <div class="collapsible-header waves-effect"><i class="material-icons">bug_report</i>Bugs</div>
223 <div class="collapsible-body">
225 If you experience any bugs, please send a bug report to <a href="https://t.me/joinchat/BJf2dUoyFbTi9HLUp0SWkw">this group</a>.
230 <div class="collapsible-header waves-effect"><i class="material-icons">warning</i>Attention!</div>
231 <div class="collapsible-body">
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!
240 <div class="collapsible-header waves-effect"><i class="material-icons">history</i>Changelog</div>
241 <div class="collapsible-body">
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/>
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/>
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/>
269 <b>Version 3.1.0</b><br/>
270 - Fixed Download Freeze<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/>
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/>
289 <b>Version 3.0.14</b><br/>
290 - Login is required due to Deezer's patch(Crashes when downloading anything)<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/>
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/>
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/>
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/>
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/>
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/>
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/>
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/>
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/>
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/>
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/>
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/>
382 <b>Version 3.0.2</b><br/>
383 - Fixed crashes when songs could not be downloaded<br/>
385 - Added logging system(Fixed same song downloading and some songs not being available)<br/>
386 - Fixed corruped FLAC's<br/>
388 - Fixed dots at end<br/>
389 - Fixed undefined genre<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/>
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/>
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/>
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/>
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/>
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/>
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/>
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/>
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>
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/>
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>
484 <div class="collapsible-header waves-effect"><i class="material-icons">copyright</i>License</div>
485 <div class="collapsible-body">
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"/>
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>.
498 <div class="modal-footer">
499 <a href="#" class="modal-close waves-effect btn-flat">Close</a>
503 <!--##########################################MODAL_TRACKLIST###########################################-->
504 <div id="modal_trackList" class="modal modal-fixed-footer">
505 <div class="modal-content">
507 <h4 class="col s12">{{ title }}</h4>
510 <table class="highlight col s12">
513 <td v-for="data in head" v-html="data.title"></td>
516 <tbody id="modal_trackList_table_trackList_tbody_loadingIndicator" class="hide">
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>
524 <div class="gap-patch">
525 <div class="circle"></div>
527 <div class="circle-clipper right">
528 <div class="circle"></div>
535 <tbody id="modal_trackList_table_trackList_tbody_trackList" class="hide">
540 <div class="modal-footer">
541 <a href="#" class="modal-close waves-effect btn-flat">Close</a>
545 <!--##########################################MODAL_TRACKLISTALBUM###########################################-->
546 <div id="modal_trackListSelective" class="modal modal-fixed-footer">
547 <div class="modal-content">
549 <h4 class="col s12">{{ title }}</h4>
552 <table class="highlight col s12">
555 <td v-for="data in head" v-html="data.title"></td>
558 <tbody id="modal_trackListSelective_table_trackList_tbody_loadingIndicator" class="hide">
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>
566 <div class="gap-patch">
567 <div class="circle"></div>
569 <div class="circle-clipper right">
570 <div class="circle"></div>
577 <tbody id="modal_trackListSelective_table_trackListSelective_tbody_trackListSelective" class="hide">
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>
588 <!--##########################################MODAL_MSG###########################################-->
589 <div id="modal_msg" class="modal">
590 <div class="modal-content">
592 <h4 class="col s12" id="modal_msg_title"></h4>
595 <p class="col s12" id="modal_msg_message"></p>
598 <div class="modal-footer">
599 <a href="#" class="modal-close waves-effect waves-light btn">I got it!</a>
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">
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>
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>
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>
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>
633 <div id="main-content" class="row">
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>
641 <p class="col s3 center">
643 <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_song" value="track" checked/>
647 <p class="col s3 center">
649 <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_album" value="album"/>
653 <p class="col s3 center">
655 <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_artist" value="artist"/>
659 <p class="col s3 center">
661 <input name="searchMode" type="radio" class="with-gap" id="tab_search_radio_searchMode_playlist" value="playlist"/>
662 <span>Playlist</span>
666 <div id="tab_search_results">
667 <table id="tab_search_table_results" class="striped col s12">
669 <tr class="animated fadeInUp hide" id="tab_search_table_results_thead_track">
670 <th><!--cover--></th>
674 <th><i class="material-icons">timer</i></th>
675 <th><!--download_link--></th>
677 <tr class="animated fadeInUp hide" id="tab_search_table_results_thead_album">
678 <th><!--cover--></th>
683 <th><!--space--></th>
684 <th><!--download_link--></th>
686 <tr class="animated fadeInUp hide" id="tab_search_table_results_thead_artist">
687 <th><!--cover--></th>
690 <th><!--space--></th>
691 <th><!--download_link--></th>
693 <tr class="animated fadeInUp hide" id="tab_search_table_results_thead_playlist">
694 <th><!--cover--></th>
697 <th><!--download_link--></th>
700 <tbody id="tab_search_table_results_tbody_loadingIndicator" class="hide loadingTab">
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>
712 <tbody id="tab_search_table_results_tbody_results"></tbody>
713 <tbody id="tab_search_table_results_tbody_noResults" class="animated fadeInUp hide">
715 <td class="center">Nothing found!</td>
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>
729 <label>Country</label>
731 <table id="tab_charts_table_charts" class="striped">
735 <th><!--cover--></th>
739 <th><i class="material-icons">timer</i></th>
740 <th><!--download_link--></th>
743 <tbody id="tab_charts_table_charts_tbody_loadingIndicator" class="loadingTab">
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>
755 <tbody id="tab_charts_table_charts_tbody_charts"></tbody>
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>
768 <div id="tab_downloads">
771 <button id="openDownloadsFolder" style="width: 100%" class="btn btn-flat btn-large btn-block indigo white-text">
772 Open Downloads Folder
776 <button id="clearTracksTable" style="width: 100%" class="btn btn-flat btn-large btn-block red white-text">Clear
781 <table id="tab_downloads_table_downloads" class="row">
788 <th style="width: 25%;"><!--progress--></th>
789 <th><!--event buttons--></th>
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>
804 <audio id="preview-track">
805 <source id="preview-track_source" src="" type="audio/mpeg">
808 <footer class="indigo darken-1 center page-footer hide-on-med-and-down">
809 <div class="container">
810 © Deezloader original code by <a class="white-text" href="https://boerse.to/members/zzmtv.3378614/">ZzMTV</a>.
814 <script>if (typeof module === 'object') {
815 window.module = module;
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>