| {{ track.position }} | @@ -341,7 +346,9 @@ v-if="track.preview" class="material-icons preview_controls">play_arrow{{track.title + (track.title_version ? ' '+track.title_version : '')}} | ++ {{ track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' '+ track.title_version : '') }} + | {{track.artist.name}} |
@@ -420,6 +427,13 @@
+
+
+
+
Login
@@ -455,70 +469,75 @@
Folders+ - - -
- Playlist folder template +
+
- Playlist folder template
-
+ Create folder for artist
+
- Create folder for artist +
- Artist folder template +
+
- Artist folder template
-
+ Create folder for album
+
- Create folder for album +
-
- Album folder template +
+
- Album folder template
-
+ Create folder for CDs
+
- Create folder for CDs +
-
+ Create folder structure for playlists
+
- Create folder structure for playlists +
-
+ Create folder structure for singles
+
Create folder structure for singles +
-
-
-
+
+ Track titles+Pad tracks
+ Overwrite padding size
+ Illegal Character replacer
+
+
+
+ Downloads+Concurrent Downloads
+ Preferred Bitrate
+ Bitrate fallback
+ Search fallback
+
+ Create log file for errors
+ Create log file for searched tracks
+ Create playlist file
+ Create .lyr files (Sync Lyrics)
+
+
+
+ Album covers+Save covers
+ Cover name template
+ Save artist image
+ Artist image name template
+ Local artwork size
+ Embedded artwork size
+ Save images as png
+ JPEG image quality
+
+
+
+
+ Save playlists as compilation
+ Use null separator
+ Save ID3v1 as well
+ How would you like to separate your artists?
+ Remove album version from track title
+ Date format for FLAC files
+ What should I do with featured artists
+ Title casing
+ Artist casing
+
Command to execute after download Leave blank for no action
-
+ Spotify clientID
+ Spotify Client Secret |
{{ track.track_position }} | explicit{{ track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' '+track.title_version : '') }} + class="material-icons">explicit{{ track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' '+ track.title_version : '') }} | {{ track.artist.name }} | @@ -814,4 +842,4 @@ - + \ No newline at end of file diff --git a/public/js/modules/components/settings-tab.js b/public/js/modules/components/settings-tab.js index e65b08f..2d42860 100644 --- a/public/js/modules/components/settings-tab.js +++ b/public/js/modules/components/settings-tab.js @@ -2,13 +2,23 @@ import { toast } from '../toasts.js' import { socket } from '../socket.js' const SettingsTab = new Vue({ - data() { - return { - settings: { tags: {} }, - lastSettings: {}, - lastCredentials: {}, - spotifyFeatures: {}, - defaultSettings: {} + data: () => ({ + settings: { tags: {} }, + lastSettings: {}, + lastCredentials: {}, + spotifyFeatures: {}, + defaultSettings: {} + }), + computed: { + darkMode: { + get() { + return 'true' === localStorage.getItem('darkMode') + }, + set(wantDarkMode) { + document.documentElement.setAttribute('data-theme', wantDarkMode ? 'dark' : 'default') + + localStorage.setItem('darkMode', wantDarkMode) + } } }, methods: { @@ -28,7 +38,7 @@ const SettingsTab = new Vue({ this.lastCredentials = { ...SettingsTab.spotifyFeatures } socket.emit('saveSettings', this.lastSettings, this.lastCredentials) }, - loadSettings(settings, spotifyCredentials, defaults=null) { + loadSettings(settings, spotifyCredentials, defaults = null) { if (defaults) this.defaultSettings = { ...defaults } this.lastSettings = { ...settings } this.lastCredentials = { ...spotifyCredentials } @@ -52,7 +62,7 @@ const SettingsTab = new Vue({ this.loadSettings(settings, credentials) toast('Settings updated!', 'settings') }, - resetSettings(){ + resetSettings() { this.settings = { ...this.defaultSettings } } }, diff --git a/public/js/modules/components/tracklist-tab.js b/public/js/modules/components/tracklist-tab.js index c87a47d..dcf75db 100644 --- a/public/js/modules/components/tracklist-tab.js +++ b/public/js/modules/components/tracklist-tab.js @@ -5,7 +5,7 @@ import QualityModal from '../quality-modal.js' import TrackPreview from '../track-preview.js' const TracklistTab = new Vue({ - data: { + data: () => ({ title: '', metadata: '', release_date: '', @@ -16,7 +16,7 @@ const TracklistTab = new Vue({ link: '', head: null, body: [] - }, + }), methods: { artistView, albumView, @@ -32,21 +32,21 @@ const TracklistTab = new Vue({ this.head = [] this.body = [] }, - addToQueue: function (e) { + addToQueue(e) { e.stopPropagation() Downloads.sendAddToQueue(e.currentTarget.dataset.link) }, - openQualityModal: function (e) { + openQualityModal(e) { QualityModal.open(e.currentTarget.dataset.link) }, - toggleAll: function (e) { + toggleAll(e) { this.body.forEach(item => { if (item.type == 'track') { item.selected = e.currentTarget.checked } }) }, - selectedLinks: function () { + selectedLinks() { var selected = [] if (this.body) { this.body.forEach(item => {