app/public/index.html

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