evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added all translations for the settings tab

Browse Source
This commit is contained in:
RemixDev 2020-07-18 12:59:39 +02:00
parent e4b2f1f187
commit 843715a659
4 changed files with 410 additions and 128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/js/bundle.js
View File

File diff suppressed because one or more lines are too long

244
src/components/TheSettingsTab.vue
View File

@ -5,7 +5,7 @@
<div id="logged_in_info" ref="loggedInInfo"> <div id="logged_in_info" ref="loggedInInfo">
<img id="settings_picture" src="" alt="Profile Picture" ref="userpicture" class="circle" /> <img id="settings_picture" src="" alt="Profile Picture" ref="userpicture" class="circle" />
<p>{{ $t('settings.login.loggedIn') }} <strong id="settings_username" ref="username"></strong></p> <p>{{ $t('settings.login.loggedIn') }} <strong id="settings_username" ref="username"></strong></p>
<button id="settings_btn_logout" @click="logout">Logout</button> <button id="settings_btn_logout" @click="logout">{{ $t('settings.login.logout') }}</button>
<select v-if="accounts.length" id="family_account" v-model="accountNum" @change="changeAccount"> <select v-if="accounts.length" id="family_account" v-model="accountNum" @change="changeAccount">
<option v-for="(account, i) in accounts" :value="i.toString()">{{ account.BLOG_NAME }}</option> <option v-for="(account, i) in accounts" :value="i.toString()">{{ account.BLOG_NAME }}</option>
</select> </select>
@ -63,53 +63,53 @@
<div class="settings-group"> <div class="settings-group">
<h3 class="settings-group__header settings-group__header--with-icon"> <h3 class="settings-group__header settings-group__header--with-icon">
<i class="material-icons">font_download</i>Templates <i class="material-icons">font_download</i>{{ $t('settings.templates.title') }}
</h3> </h3>
<p>Trackname template</p> <p>{{ $t('settings.templates.tracknameTemplate') }}/p>
<input type="text" v-model="settings.tracknameTemplate" /> <input type="text" v-model="settings.tracknameTemplate" />
<p>Album track template</p> <p>{{ $t('settings.templates.albumTracknameTemplate') }}</p>
<input type="text" v-model="settings.albumTracknameTemplate" /> <input type="text" v-model="settings.albumTracknameTemplate" />
<p>Playlist track template</p> <p>{{ $t('settings.templates.playlistTracknameTemplate') }}</p>
<input type="text" v-model="settings.playlistTracknameTemplate" /> <input type="text" v-model="settings.playlistTracknameTemplate" />
</div> </div>
<div class="settings-group"> <div class="settings-group">
<h3 class="settings-group__header settings-group__header--with-icon"> <h3 class="settings-group__header settings-group__header--with-icon">
<i class="material-icons">create_new_folder</i>Folders <i class="material-icons">create_new_folder</i>{{ $t('settings.folders.title') }}
</h3> </h3>
<div class="settings-container"> <div class="settings-container">
<div class="settings-container__third"> <div class="settings-container__third">
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.createPlaylistFolder" /> <input type="checkbox" v-model="settings.createPlaylistFolder" />
<span class="checkbox_text">Create folder for playlist</span> <span class="checkbox_text">{{ $t('settings.folders.createPlaylistFolder') }}</span>
</label> </label>
<div class="input_group" v-if="settings.createPlaylistFolder"> <div class="input_group" v-if="settings.createPlaylistFolder">
<p class="input_group_text">Playlist folder template</p> <p class="input_group_text">{{ $t('settings.folders.playlistNameTemplate') }}</p>
<input type="text" v-model="settings.playlistNameTemplate" /> <input type="text" v-model="settings.playlistNameTemplate" />
</div> </div>
</div> </div>
<div class="settings-container__third"> <div class="settings-container__third">
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.createArtistFolder" /> <input type="checkbox" v-model="settings.createArtistFolder" />
<span class="checkbox_text">Create folder for artist</span> <span class="checkbox_text">{{ $t('settings.folders.createArtistFolder') }}</span>
</label> </label>
<div class="input_group" v-if="settings.createArtistFolder"> <div class="input_group" v-if="settings.createArtistFolder">
<p class="input_group_text">Artist folder template</p> <p class="input_group_text">{{ $t('settings.folders.artistNameTemplate') }}</p>
<input type="text" v-model="settings.artistNameTemplate" /> <input type="text" v-model="settings.artistNameTemplate" />
</div> </div>
</div> </div>
<div class="settings-container__third"> <div class="settings-container__third">
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.createAlbumFolder" /> <input type="checkbox" v-model="settings.createAlbumFolder" />
<span class="checkbox_text">Create folder for album</span> <span class="checkbox_text">{{ $t('settings.folders.createAlbumFolder') }}</span>
</label> </label>
<div class="input_group" v-if="settings.createAlbumFolder"> <div class="input_group" v-if="settings.createAlbumFolder">
<p class="input_group_text">Album folder template</p> <p class="input_group_text">{{ $t('settings.folders.albumNameTemplate') }}</p>
<input type="text" v-model="settings.albumNameTemplate" /> <input type="text" v-model="settings.albumNameTemplate" />
</div> </div>
</div> </div>
@ -117,41 +117,41 @@
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.createCDFolder" /> <input type="checkbox" v-model="settings.createCDFolder" />
<span class="checkbox_text">Create folder for CDs</span> <span class="checkbox_text">{{ $t('settings.folders.createCDFolder') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.createStructurePlaylist" /> <input type="checkbox" v-model="settings.createStructurePlaylist" />
<span class="checkbox_text">Create folder structure for playlists</span> <span class="checkbox_text">{{ $t('settings.folders.createStructurePlaylist') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.createSingleFolder" /> <input type="checkbox" v-model="settings.createSingleFolder" />
<span class="checkbox_text">Create folder structure for singles</span> <span class="checkbox_text">{{ $t('settings.folders.createSingleFolder') }}</span>
</label> </label>
</div> </div>
<div class="settings-group"> <div class="settings-group">
<h3 class="settings-group__header settings-group__header--with-icon"> <h3 class="settings-group__header settings-group__header--with-icon">
<i class="material-icons">title</i>Track titles <i class="material-icons">title</i>{{ $t('settings.trackTitles.title') }}
</h3> </h3>
<div class="settings-container"> <div class="settings-container">
<div class="settings-container__third settings-container__third--only-checkbox"> <div class="settings-container__third settings-container__third--only-checkbox">
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.padTracks" /> <input type="checkbox" v-model="settings.padTracks" />
<span class="checkbox_text">Pad tracks</span> <span class="checkbox_text">{{ $t('settings.trackTitles.padTracks') }}</span>
</label> </label>
</div> </div>
<div class="settings-container__third"> <div class="settings-container__third">
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Overwrite padding size</p> <p class="input_group_text">{{ $t('settings.trackTitles.paddingSize') }}</p>
<input max="10" type="number" v-model="settings.paddingSize" /> <input max="10" type="number" v-model="settings.paddingSize" />
</div> </div>
</div> </div>
<div class="settings-container__third"> <div class="settings-container__third">
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Illegal Character replacer</p> <p class="input_group_text">{{ $t('settings.trackTitles.illegalCharacterReplacer') }}</p>
<input type="text" v-model="settings.illegalCharacterReplacer" /> <input type="text" v-model="settings.illegalCharacterReplacer" />
</div> </div>
</div> </div>
@ -160,29 +160,29 @@
<div class="settings-group"> <div class="settings-group">
<h3 class="settings-group__header settings-group__header--with-icon"> <h3 class="settings-group__header settings-group__header--with-icon">
<i class="material-icons">get_app</i>Downloads <i class="material-icons">get_app</i>{{ $t('settings.downloads.title') }}
</h3> </h3>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Concurrent Downloads</p> <p class="input_group_text">{{ $t('settings.downloads.queueConcurrency') }}</p>
<input type="number" v-model.number="settings.queueConcurrency" /> <input type="number" v-model.number="settings.queueConcurrency" />
</div> </div>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Preferred Bitrate</p> <p class="input_group_text">{{ $t('settings.downloads.maxBitrate.title') }}</p>
<select v-model="settings.maxBitrate"> <select v-model="settings.maxBitrate">
<option value="9">FLAC 1411kbps</option> <option value="9">{{ $t('settings.downloads.maxBitrate.9') }}</option>
<option value="3">MP3 320kbps</option> <option value="3">{{ $t('settings.downloads.maxBitrate.3') }}</option>
<option value="1">MP3 128kbps</option> <option value="1">{{ $t('settings.downloads.maxBitrate.1') }}</option>
</select> </select>
</div> </div>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Should I overwrite the files?</p> <p class="input_group_text">{{ $t('settings.downloads.overwriteFile.title') }}</p>
<select v-model="settings.overwriteFile"> <select v-model="settings.overwriteFile">
<option value="y">Yes, overwrite the file</option> <option value="y">{{ $t('settings.downloads.overwriteFile.y') }}</option>
<option value="n">No, don't overwrite the file</option> <option value="n">{{ $t('settings.downloads.overwriteFile.n') }}</option>
<option value="t">Overwrite only the tags</option> <option value="t">{{ $t('settings.downloads.overwriteFile.t') }}</option>
</select> </select>
</div> </div>
@ -190,294 +190,294 @@
<div class="settings-container__third settings-container__third--only-checkbox"> <div class="settings-container__third settings-container__third--only-checkbox">
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.fallbackBitrate" /> <input type="checkbox" v-model="settings.fallbackBitrate" />
<span class="checkbox_text">Bitrate fallback</span> <span class="checkbox_text">{{ $t('settings.downloads.fallbackBitrate') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.fallbackSearch" /> <input type="checkbox" v-model="settings.fallbackSearch" />
<span class="checkbox_text">Search fallback</span> <span class="checkbox_text">{{ $t('settings.downloads.fallbackSearch') }}</span>
</label> </label>
</div> </div>
<div class="settings-container__third settings-container__third--only-checkbox"> <div class="settings-container__third settings-container__third--only-checkbox">
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.logErrors" /> <input type="checkbox" v-model="settings.logErrors" />
<span class="checkbox_text">Create log file for errors</span> <span class="checkbox_text">{{ $t('settings.downloads.logErrors') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.logSearched" /> <input type="checkbox" v-model="settings.logSearched" />
<span class="checkbox_text">Create log file for searched tracks</span> <span class="checkbox_text">{{ $t('settings.downloads.logSearched') }}</span>
</label> </label>
</div> </div>
<div class="settings-container__third settings-container__third--only-checkbox"> <div class="settings-container__third settings-container__third--only-checkbox">
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.syncedLyrics" /> <input type="checkbox" v-model="settings.syncedLyrics" />
<span class="checkbox_text">Create .lyr files (Sync Lyrics)</span> <span class="checkbox_text">{{ $t('settings.downloads.syncedLyrics') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.createM3U8File" /> <input type="checkbox" v-model="settings.createM3U8File" />
<span class="checkbox_text">Create playlist file</span> <span class="checkbox_text">{{ $t('settings.downloads.createM3U8File') }}</span>
</label> </label>
</div> </div>
</div> </div>
<div class="input_group" v-if="settings.createM3U8File"> <div class="input_group" v-if="settings.createM3U8File">
<p class="input_group_text">Playlist filename template</p> <p class="input_group_text">{{ $t('settings.downloads.playlistFilenameTemplate') }}</p>
<input type="text" v-model="settings.playlistFilenameTemplate" /> <input type="text" v-model="settings.playlistFilenameTemplate" />
</div> </div>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.saveDownloadQueue" /> <input type="checkbox" v-model="settings.saveDownloadQueue" />
<span class="checkbox_text">Save download queue when closing the app</span> <span class="checkbox_text">{{ $t('settings.downloads.saveDownloadQueue') }}</span>
</label> </label>
</div> </div>
<div class="settings-group"> <div class="settings-group">
<h3 class="settings-group__header settings-group__header--with-icon"> <h3 class="settings-group__header settings-group__header--with-icon">
<i class="material-icons">album</i>Album covers <i class="material-icons">album</i>{{ $t('settings.covers.title') }}
</h3> </h3>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.saveArtwork" /> <input type="checkbox" v-model="settings.saveArtwork" />
<span class="checkbox_text">Save covers</span> <span class="checkbox_text">{{ $t('settings.covers.saveArtwork') }}</span>
</label> </label>
<div class="input_group" v-if="settings.saveArtwork"> <div class="input_group" v-if="settings.saveArtwork">
<p class="input_group_text">Cover name template</p> <p class="input_group_text">{{ $t('settings.covers.coverImageTemplate') }}</p>
<input type="text" v-model="settings.coverImageTemplate" /> <input type="text" v-model="settings.coverImageTemplate" />
</div> </div>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.saveArtworkArtist" /> <input type="checkbox" v-model="settings.saveArtworkArtist" />
<span class="checkbox_text">Save artist image</span> <span class="checkbox_text">{{ $t('settings.covers.saveArtworkArtist') }}</span>
</label> </label>
<div class="input_group" v-if="settings.saveArtworkArtist"> <div class="input_group" v-if="settings.saveArtworkArtist">
<p class="input_group_text">Artist image name template</p> <p class="input_group_text">{{ $t('settings.covers.artistImageTemplate') }}</p>
<input type="text" v-model="settings.artistImageTemplate" /> <input type="text" v-model="settings.artistImageTemplate" />
</div> </div>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Local artwork size</p> <p class="input_group_text">{{ $t('settings.covers.localArtworkSize') }}</p>
<input type="number" min="100" max="1800" step="100" v-model.number="settings.localArtworkSize" /> <input type="number" min="100" max="1800" step="100" v-model.number="settings.localArtworkSize" />
</div> </div>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Embedded artwork size</p> <p class="input_group_text">{{ $t('settings.covers.embeddedArtworkSize') }}</p>
<input type="number" min="100" max="1800" step="100" v-model.number="settings.embeddedArtworkSize" /> <input type="number" min="100" max="1800" step="100" v-model.number="settings.embeddedArtworkSize" />
</div> </div>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.PNGcovers" /> <input type="checkbox" v-model="settings.PNGcovers" />
<span class="checkbox_text">Save images as png</span> <span class="checkbox_text">{{ $t('settings.covers.PNGcovers') }}</span>
</label> </label>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">JPEG image quality</p> <p class="input_group_text">{{ $t('settings.covers.jpegImageQuality') }}</p>
<input type="number" min="1" max="100" v-model.number="settings.jpegImageQuality" /> <input type="number" min="1" max="100" v-model.number="settings.jpegImageQuality" />
</div> </div>
</div> </div>
<div class="settings-group"> <div class="settings-group">
<h3 class="settings-group__header settings-group__header--with-icon"> <h3 class="settings-group__header settings-group__header--with-icon">
<i class="material-icons" style="width: 1em; height: 1em;">bookmarks</i>Which tags to save <i class="material-icons" style="width: 1em; height: 1em;">bookmarks</i>{{ $t('settings.tags.head') }}
</h3> </h3>
<div class="settings-container"> <div class="settings-container">
<div class="settings-container__half"> <div class="settings-container__half">
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.title" /> <input type="checkbox" v-model="settings.tags.title" />
<span class="checkbox_text">Title</span> <span class="checkbox_text">{{ $t('settings.tags.title') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.artist" /> <input type="checkbox" v-model="settings.tags.artist" />
<span class="checkbox_text">Artists</span> <span class="checkbox_text">{{ $t('settings.tags.artist') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.album" /> <input type="checkbox" v-model="settings.tags.album" />
<span class="checkbox_text">Album</span> <span class="checkbox_text">{{ $t('settings.tags.album') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.cover" /> <input type="checkbox" v-model="settings.tags.cover" />
<span class="checkbox_text">Cover</span> <span class="checkbox_text">{{ $t('settings.tags.cover') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.trackNumber" /> <input type="checkbox" v-model="settings.tags.trackNumber" />
<span class="checkbox_text">Track Number</span> <span class="checkbox_text">{{ $t('settings.tags.trackNumber') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.trackTotal" /> <input type="checkbox" v-model="settings.tags.trackTotal" />
<span class="checkbox_text">Track Total</span> <span class="checkbox_text">{{ $t('settings.tags.trackTotal') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.discNumber" /> <input type="checkbox" v-model="settings.tags.discNumber" />
<span class="checkbox_text">Disc Number</span> <span class="checkbox_text">{{ $t('settings.tags.discNumber') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.discTotal" /> <input type="checkbox" v-model="settings.tags.discTotal" />
<span class="checkbox_text">Disc Total</span> <span class="checkbox_text">{{ $t('settings.tags.discTotal') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.albumArtist" /> <input type="checkbox" v-model="settings.tags.albumArtist" />
<span class="checkbox_text">Album Artist</span> <span class="checkbox_text">{{ $t('settings.tags.albumArtist') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.genre" /> <input type="checkbox" v-model="settings.tags.genre" />
<span class="checkbox_text">Genre</span> <span class="checkbox_text">{{ $t('settings.tags.genre') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.year" /> <input type="checkbox" v-model="settings.tags.year" />
<span class="checkbox_text">Year</span> <span class="checkbox_text">{{ $t('settings.tags.year') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.date" /> <input type="checkbox" v-model="settings.tags.date" />
<span class="checkbox_text">Date</span> <span class="checkbox_text">{{ $t('settings.tags.date') }}</span>
</label> </label>
</div> </div>
<div class="settings-container__half"> <div class="settings-container__half">
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.explicit" /> <input type="checkbox" v-model="settings.tags.explicit" />
<span class="checkbox_text">Explicit Lyrics</span> <span class="checkbox_text">{{ $t('settings.tags.explicit') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.isrc" /> <input type="checkbox" v-model="settings.tags.isrc" />
<span class="checkbox_text">ISRC</span> <span class="checkbox_text">{{ $t('settings.tags.isrc') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.length" /> <input type="checkbox" v-model="settings.tags.length" />
<span class="checkbox_text">Track Length</span> <span class="checkbox_text">{{ $t('settings.tags.length') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.barcode" /> <input type="checkbox" v-model="settings.tags.barcode" />
<span class="checkbox_text">Album Barcode (UPC)</span> <span class="checkbox_text">{{ $t('settings.tags.barcode') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.bpm" /> <input type="checkbox" v-model="settings.tags.bpm" />
<span class="checkbox_text">BPM</span> <span class="checkbox_text">{{ $t('settings.tags.bpm') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.replayGain" /> <input type="checkbox" v-model="settings.tags.replayGain" />
<span class="checkbox_text">Replay Gain</span> <span class="checkbox_text">{{ $t('settings.tags.replayGain') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.label" /> <input type="checkbox" v-model="settings.tags.label" />
<span class="checkbox_text">Album Label</span> <span class="checkbox_text">{{ $t('settings.tags.label') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.lyrics" /> <input type="checkbox" v-model="settings.tags.lyrics" />
<span class="checkbox_text">Unsynchronized Lyrics</span> <span class="checkbox_text">{{ $t('settings.tags.lyrics') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.copyright" /> <input type="checkbox" v-model="settings.tags.copyright" />
<span class="checkbox_text">Copyright</span> <span class="checkbox_text">{{ $t('settings.tags.copyright') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.composer" /> <input type="checkbox" v-model="settings.tags.composer" />
<span class="checkbox_text">Composer</span> <span class="checkbox_text">{{ $t('settings.tags.composer') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.involvedPeople" /> <input type="checkbox" v-model="settings.tags.involvedPeople" />
<span class="checkbox_text">Involved People</span> <span class="checkbox_text">{{ $t('settings.tags.involvedPeople') }}</span>
</label> </label>
</div> </div>
</div> </div>
</div> </div>
<div class="settings-group"> <div class="settings-group">
<h3 class="settings-group__header settings-group__header--with-icon"><i class="material-icons">list</i>Other</h3> <h3 class="settings-group__header settings-group__header--with-icon"><i class="material-icons">list</i>{{ $t('settings.other.title') }}</h3>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.savePlaylistAsCompilation" /> <input type="checkbox" v-model="settings.tags.savePlaylistAsCompilation" />
<span class="checkbox_text">Save playlists as compilation</span> <span class="checkbox_text">{{ $t('settings.other.savePlaylistAsCompilation') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.useNullSeparator" /> <input type="checkbox" v-model="settings.tags.useNullSeparator" />
<span class="checkbox_text">Use null separator</span> <span class="checkbox_text">{{ $t('settings.other.useNullSeparator') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.tags.saveID3v1" /> <input type="checkbox" v-model="settings.tags.saveID3v1" />
<span class="checkbox_text">Save ID3v1 as well</span> <span class="checkbox_text">{{ $t('settings.other.saveID3v1') }}</span>
</label> </label>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">How would you like to separate your artists?</p> <p class="input_group_text">{{ $t('settings.other.multitagSeparator.title') }}</p>
<select v-model="settings.tags.multitagSeparator"> <select v-model="settings.tags.multitagSeparator">
<option value="default">Using standard specification</option> <option value="default">{{ $t('settings.other.multitagSeparator.default') }}</option>
<option value="andFeat">Using & and feat.</option> <option value="andFeat">{{ $t('settings.other.multitagSeparator.andFeat') }}</option>
<option value=" & ">Using " & "</option> <option value=" & ">{{ $t('settings.other.multitagSeparator.using', [" & "]) }}</option>
<option value=",">Using ","</option> <option value=",">{{ $t('settings.other.multitagSeparator.using', [","]) }}</option>
<option value=", ">Using ", "</option> <option value=", ">{{ $t('settings.other.multitagSeparator.using', [", "]) }}</option>
<option value="/">Using "/"</option> <option value="/">{{ $t('settings.other.multitagSeparator.using', ["/"]) }}</option>
<option value=" / ">Using "/ "</option> <option value=" / ">{{ $t('settings.other.multitagSeparator.using', [" / "]) }}</option>
<option value=";">Using ";"</option> <option value=";">{{ $t('settings.other.multitagSeparator.using', [";"]) }}</option>
<option value="; ">Using "; "</option> <option value="; ">{{ $t('settings.other.multitagSeparator.using', ["; "]) }}</option>
</select> </select>
</div> </div>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.albumVariousArtists" /> <input type="checkbox" v-model="settings.albumVariousArtists" />
<span class="checkbox_text">Keep "Various Artists" in the Album Artists</span> <span class="checkbox_text">{{ $t('settings.other.albumVariousArtists') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.removeAlbumVersion" /> <input type="checkbox" v-model="settings.removeAlbumVersion" />
<span class="checkbox_text">Remove "album version" from track title</span> <span class="checkbox_text">{{ $t('settings.other.removeAlbumVersion') }}</span>
</label> </label>
<label class="with_checkbox"> <label class="with_checkbox">
<input type="checkbox" v-model="settings.removeDuplicateArtists" /> <input type="checkbox" v-model="settings.removeDuplicateArtists" />
<span class="checkbox_text">Remove combinations of artists</span> <span class="checkbox_text">{{ $t('settings.other.removeDuplicateArtists') }}</span>
</label> </label>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Date format for FLAC files</p> <p class="input_group_text">{{ $t('settings.other.dateFormat.title') }}</p>
<select v-model="settings.dateFormat"> <select v-model="settings.dateFormat">
<option value="Y-M-D">YYYY-MM-DD</option> <option value="Y-M-D">{{ `${$t('settings.other.dateFormat.year')}-${$t('settings.other.dateFormat.month')}-${$t('settings.other.dateFormat.day')}` }}</option>
<option value="Y-D-M">YYYY-DD-MM</option> <option value="Y-D-M">{{ `${$t('settings.other.dateFormat.year')}-${$t('settings.other.dateFormat.day')}-${$t('settings.other.dateFormat.month')}` }}</option>
<option value="D-M-Y">DD-MM-YYYY</option> <option value="D-M-Y">{{ `${$t('settings.other.dateFormat.day')}-${$t('settings.other.dateFormat.month')}-${$t('settings.other.dateFormat.year')}` }}</option>
<option value="M-D-Y">MM-DD-YYYY</option> <option value="M-D-Y">{{ `${$t('settings.other.dateFormat.month')}-${$t('settings.other.dateFormat.day')}-${$t('settings.other.dateFormat.year')}` }}</option>
<option value="Y">YYYY</option> <option value="Y">{{ $t('settings.other.dateFormat.year') }}</option>
</select> </select>
</div> </div>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">What should I do with featured artists?</p> <p class="input_group_text">{{ $t('settings.other.featuredToTitle.title') }}</p>
<select v-model="settings.featuredToTitle"> <select v-model="settings.featuredToTitle">
<option value="0">Nothing</option> <option value="0">{{ $t('settings.other.featuredToTitle.0') }}</option>
<option value="1">Remove it from the title</option> <option value="1">{{ $t('settings.other.featuredToTitle.1') }}</option>
<option value="3">Remove it from the title and the album title</option> <option value="3">{{ $t('settings.other.featuredToTitle.3') }}</option>
<option value="2">Move it to the title</option> <option value="2">{{ $t('settings.other.featuredToTitle.2') }}</option>
</select> </select>
</div> </div>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Title casing</p> <p class="input_group_text">{{ $t('settings.other.titleCasing') }}</p>
<select v-model="settings.titleCasing"> <select v-model="settings.titleCasing">
<option value="nothing">Keep unchanged</option> <option value="nothing">{{ $t('settings.other.casing.nothing') }}</option>
<option value="lower">lowercase</option> <option value="lower">{{ $t('settings.other.casing.lower') }}</option>
<option value="upper">UPPERCASE</option> <option value="upper">{{ $t('settings.other.casing.upper') }}</option>
<option value="start">Start Of Each Word</option> <option value="start">{{ $t('settings.other.casing.start') }}</option>
<option value="sentence">Like a sentence</option> <option value="sentence">{{ $t('settings.other.casing.sentence') }}</option>
</select> </select>
</div> </div>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Artist casing</p> <p class="input_group_text">{{ $t('settings.other.artistCasing') }}</p>
<select v-model="settings.artistCasing"> <select v-model="settings.artistCasing">
<option value="nothing">Keep unchanged</option> <option value="nothing">{{ $t('settings.other.casing.nothing') }}</option>
<option value="lower">lowercase</option> <option value="lower">{{ $t('settings.other.casing.lower') }}</option>
<option value="upper">UPPERCASE</option> <option value="upper">{{ $t('settings.other.casing.upper') }}</option>
<option value="start">Start Of Each Word</option> <option value="start">{{ $t('settings.other.casing.start') }}</option>
<option value="sentence">Like a sentence</option> <option value="sentence">{{ $t('settings.other.casing.sentence') }}</option>
</select> </select>
</div> </div>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Preview Volume</p> <p class="input_group_text">{{ $t('settings.other.previewVolume') }}</p>
<input <input
type="range" type="range"
@change="updateMaxVolume" @change="updateMaxVolume"
@ -491,8 +491,8 @@
</div> </div>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Command to execute after download</p> <p class="input_group_text">{{ $t('settings.other.executeCommand.title') }}</p>
<p class="secondary-text">Leave blank for no action</p> <p class="secondary-text">{{ $t('settings.other.executeCommand.description') }}</p>
<input type="text" v-model="settings.executeCommand" /> <input type="text" v-model="settings.executeCommand" />
</div> </div>
</div> </div>
@ -504,28 +504,28 @@
d="m12 24c6.624 0 12-5.376 12-12s-5.376-12-12-12-12 5.376-12 12 5.376 12 12 12zm4.872-6.344v.001c-.807 0-3.356-2.828-10.52-1.36-.189.049-.436.126-.576.126-.915 0-1.09-1.369-.106-1.578 3.963-.875 8.013-.798 11.467 1.268.824.526.474 1.543-.265 1.543zm1.303-3.173c-.113-.03-.08.069-.597-.203-3.025-1.79-7.533-2.512-11.545-1.423-.232.063-.358.126-.576.126-1.071 0-1.355-1.611-.188-1.94 4.716-1.325 9.775-.552 13.297 1.543.392.232.547.533.547.953-.005.522-.411.944-.938.944zm-13.627-7.485c4.523-1.324 11.368-.906 15.624 1.578 1.091.629.662 2.22-.498 2.22l-.001-.001c-.252 0-.407-.063-.625-.189-3.443-2.056-9.604-2.549-13.59-1.436-.175.048-.393.125-.625.125-.639 0-1.127-.499-1.127-1.142 0-.657.407-1.029.842-1.155z" d="m12 24c6.624 0 12-5.376 12-12s-5.376-12-12-12-12 5.376-12 12 5.376 12 12 12zm4.872-6.344v.001c-.807 0-3.356-2.828-10.52-1.36-.189.049-.436.126-.576.126-.915 0-1.09-1.369-.106-1.578 3.963-.875 8.013-.798 11.467 1.268.824.526.474 1.543-.265 1.543zm1.303-3.173c-.113-.03-.08.069-.597-.203-3.025-1.79-7.533-2.512-11.545-1.423-.232.063-.358.126-.576.126-1.071 0-1.355-1.611-.188-1.94 4.716-1.325 9.775-.552 13.297 1.543.392.232.547.533.547.953-.005.522-.411.944-.938.944zm-13.627-7.485c4.523-1.324 11.368-.906 15.624 1.578 1.091.629.662 2.22-.498 2.22l-.001-.001c-.252 0-.407-.063-.625-.189-3.443-2.056-9.604-2.549-13.59-1.436-.175.048-.393.125-.625.125-.639 0-1.127-.499-1.127-1.142 0-.657.407-1.029.842-1.155z"
/> />
</svg> </svg>
Spotify Features {{ $t('settings.spotify.title') }}
</h3> </h3>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Spotify clientID</p> <p class="input_group_text">{{ $t('settings.spotify.clientID') }}</p>
<input type="text" v-model="spotifyFeatures.clientId" /> <input type="text" v-model="spotifyFeatures.clientId" />
</div> </div>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Spotify Client Secret</p> <p class="input_group_text">{{ $t('settings.spotify.clientSecret') }}</p>
<input type="password" v-model="spotifyFeatures.clientSecret" /> <input type="password" v-model="spotifyFeatures.clientSecret" />
</div> </div>
<div class="input_group"> <div class="input_group">
<p class="input_group_text">Spotify username</p> <p class="input_group_text">{{ $t('settings.spotify.username') }}</p>
<input type="text" v-model="spotifyUser" /> <input type="text" v-model="spotifyUser" />
</div> </div>
</div> </div>
<footer> <footer>
<button @click="resetSettings">Reset to Default</button> <button @click="resetSettings">{{ $t('settings.reset') }}</button>
<button @click="saveSettings">Save</button> <button @click="saveSettings">{{ $t('settings.save') }}</button>
</footer> </footer>
</div> </div>
</template> </template>
@ -580,7 +580,7 @@ export default {
document.execCommand('copy') document.execCommand('copy')
copyText.setAttribute('type', 'password') copyText.setAttribute('type', 'password')
toast('ARL copied to clipboard', 'assignment') toast(this.$t('settings.toasts.ARLcopied'), 'assignment')
}, },
updateMaxVolume() { updateMaxVolume() {
localStorage.setItem('previewVolume', this.previewVolume.preview_max_volume) localStorage.setItem('previewVolume', this.previewVolume.preview_max_volume)
@ -631,11 +631,11 @@ export default {
}, },
initSettings(settings, credentials, defaults) { initSettings(settings, credentials, defaults) {
this.loadSettings(settings, credentials, defaults) this.loadSettings(settings, credentials, defaults)
toast('Settings loaded!', 'settings') toast(this.$t('settings.toasts.init'), 'settings')
}, },
updateSettings(settings, credentials) { updateSettings(settings, credentials) {
this.loadSettings(settings, credentials) this.loadSettings(settings, credentials)
toast('Settings updated!', 'settings') toast(this.$t('settings.toasts.update'), 'settings')
}, },
resetSettings() { resetSettings() {
this.settings = { ...this.defaultSettings } this.settings = { ...this.defaultSettings }

143
src/lang/en.js
View File

@ -9,7 +9,8 @@ const en = {
arl: { arl: {
question: 'How do I get my own ARL?', question: 'How do I get my own ARL?',
update: 'Update ARL' update: 'Update ARL'
} },
logout: 'Logout'
}, },
appearance: { appearance: {
title: 'Appearance', title: 'Appearance',
@ -17,6 +18,146 @@ const en = {
}, },
downloadPath: { downloadPath: {
title: 'Download Path' title: 'Download Path'
},
templates: {
title: 'Templates',
tracknameTemplate: 'Trackname template',
albumTracknameTemplate: 'Album track template',
playlistTracknameTemplate: 'Playlist track template'
},
folders: {
title: 'Folders',
createPlaylistFolder: 'Create folder for playlists',
playlistNameTemplate: 'Playlist folder template',
createArtistFolder: 'Create folder for artist',
artistNameTemplate: 'Artist folder template',
createAlbumFolder: 'Create folder for album',
albumNameTemplate: 'Album folder template',
createCDFolder: 'Create folder for CDs',
createStructurePlaylist: 'Create folder structure for playlists',
createSingleFolder: 'Create folder structure for singles'
},
trackTitles: {
title: 'Track titles',
padTracks: 'Pad tracks',
paddingSize: 'Overwrite padding size',
illegalCharacterReplacer: 'Illegal Character replacer'
},
downloads: {
title: 'Downloads',
queueConcurrency: "Concurrent Downloads",
maxBitrate: {
title: "Preferred Bitrate",
9: "FLAC 1411kbps",
3: "MP3 320kbps",
1: "MP3 128kbps"
},
overwriteFile: {
title: "Should I overwrite the files?",
y: "Yes, overwrite the file",
n: "No, don't overwrite the file",
t: "Overwrite only the tags"
},
fallbackBitrate: "Bitrate fallback",
fallbackSearch: "Search fallback",
logErrors: "Create log files for errors",
logSearched: "Create log files for searched tracks",
createM3U8File: "Create playlist file",
syncedLyrics: "Create .lyr files (Sync Lyrics)",
playlistFilenameTemplate: "Playlist filename template",
saveDownloadQueue: "Save download queue when closing the app"
},
covers: {
title: 'Album covers',
saveArtwork: "Save Covers",
coverImageTemplate: "Cover name template",
saveArtworkArtist: "Save artist image",
artistImageTemplate: "Artist image template",
localArtworkSize: "Local artwork size",
embeddedArtworkSize: "Embedded artwork size",
PNGcovers: "Save images as png",
jpegImageQuality: "JPEG image quality",
},
tags: {
head: 'Which tags to save',
title: "Title",
artist: "Artist",
album: "Album",
cover: "Cover",
trackNumber: "Track Number",
trackTotal: "Track Total",
discNumber: "Disc Number",
discTotal: "Disc Total",
albumArtist: "Album Artist",
genre: "Genre",
year: "Year",
date: "Date",
explicit: "Explicit Lyrics",
isrc: "ISRC",
length: "Track Length",
barcode: "Album Barcode (UPC)",
bpm: "BPM",
replayGain: "Replay Gain",
label: "Album Label",
lyrics: "Unsynchronized Lyrics",
copyright: "Copyright",
composer: "Composer",
involvedPeople: "Involved People",
},
other: {
title: 'Other',
savePlaylistAsCompilation: "Save playlists as compilation",
useNullSeparator: "Use null separator",
saveID3v1: "Save ID3v1 as well",
multitagSeparator: {
title: "How would you like to separate your artists?",
default: "Using standard specification",
andFeat: "Using & and feat.",
using: "Using \"{0}\""
},
albumVariousArtists: "Keep \"Various Artists\" in the Album Artists",
removeAlbumVersion: "Remove \"Album Version\" from track title",
removeDuplicateArtists: "Remove combinations of artists",
dateFormat: {
title: "Date format for FLAC files",
year: "YYYY",
month: "MM",
day: "DD"
},
featuredToTitle: {
title: "What should I do with featured artists?",
0: "Nothing",
1: "Remove it from the title",
3: "Remove it from the title and the album title",
2: "Move it to the title"
},
titleCasing: "Title casing",
artistCasing: "Artist casing",
casing: {
nothing: "Keep unchanged",
lower: "lowercase",
upper: "UPPERCASE",
start: "Start Of Each Word",
sentence: "Like a sentence"
},
previewVolume: "Preview Volume",
executeCommand: {
title: "Command to execute after download",
description: "Leave blank for no action"
}
},
spotify: {
title: 'Spotify Features',
clientID: "Spotify clientID",
clientSecret: "Spotify Client Secret",
username: "Spotify username"
},
reset: 'Reset to Default',
save: 'Save',
toasts: {
init: 'Settings loaded!',
update: 'Settings updated!',
ARLcopied: 'ARL copied to clipboard'
} }
} }
} }

143
src/lang/it.js
View File

@ -9,7 +9,8 @@ const it = {
arl: { arl: {
question: 'Come ottengo il mio ARL?', question: 'Come ottengo il mio ARL?',
update: 'Aggiorna ARL' update: 'Aggiorna ARL'
} },
logout: 'Disconnettiti'
}, },
appearance: { appearance: {
title: 'Aspetto', title: 'Aspetto',
@ -17,6 +18,146 @@ const it = {
}, },
downloadPath: { downloadPath: {
title: 'Cartella di download' title: 'Cartella di download'
},
templates: {
title: 'Template',
tracknameTemplate: 'Template nome traccia',
albumTracknameTemplate: 'Template nome traccia negli Album',
playlistTracknameTemplate: 'Template nome traccia nelle Playlist'
},
folders: {
title: 'Cartelle',
createPlaylistFolder: 'Crea cartelle per le Playlist',
playlistNameTemplate: 'Template nome della cartella Playlist',
createArtistFolder: 'Crea cartelle per gli Artisti',
artistNameTemplate: 'Template nome della cartella Artista',
createAlbumFolder: 'Crea cartelle per gli Album',
albumNameTemplate: 'Template nome della cartella Album',
createCDFolder: 'Crea cartelle per i CD',
createStructurePlaylist: 'Crea la struttura di cartelle per le Playlist',
createSingleFolder: 'Crea la struttura di cartelle per le traccie singole'
},
trackTitles: {
title: 'Titoli traccie',
padTracks: 'Aggiungi zeri ai numeri di traccia',
paddingSize: 'Sovrascrivi il numero di zeri da aggiungere',
illegalCharacterReplacer: 'Rimpiazza caratteri illegali con'
},
downloads: {
title: 'Download',
queueConcurrency: "Download Concorrenti",
maxBitrate: {
title: "Bitrate preferito",
9: "FLAC 1411kbps",
3: "MP3 320kbps",
1: "MP3 128kbps"
},
overwriteFile: {
title: "Dovrei sovrascrivere i file già scaricati?",
y: "Si, sovrascrivi i file",
n: "No, non sovrascrivere i file",
t: "Sovrascrivi solo i tag"
},
fallbackBitrate: "Ripiega a bitrate più bassi",
fallbackSearch: "Ripiega alla ricerca",
logErrors: "Crea file di log per gli errori",
logSearched: "Crea file di log per le alternative",
syncedLyrics: "Crea il file .lyr (Testi Sincronizzati)",
createM3U8File: "Crea il file playlist",
playlistFilenameTemplate: "Template nome del file playlist",
saveDownloadQueue: "Salva la coda di download quando chiudi l'app"
},
covers: {
title: 'Copertine',
saveArtwork: "Salva copertina album",
coverImageTemplate: "Template nome copertina Album",
saveArtworkArtist: "Salva copertina artista",
artistImageTemplate: "Template nome copertina artista",
localArtworkSize: "Dimensioni copertine locali",
embeddedArtworkSize: "Dimensioni copertine incorporate",
PNGcovers: "Salva immagini come PNG",
jpegImageQuality: "Qualità immagine JPEG",
},
tags: {
head: 'Quali tag salvare',
title: "Titolo",
artist: "Artista",
album: "Album",
cover: "Copertina",
trackNumber: "Numero Traccia",
trackTotal: "Traccie Totali",
discNumber: "Numero Disco",
discTotal: "Dischi Totali",
albumArtist: "Artista dell'album",
genre: "Genere",
year: "Anno",
date: "Data",
explicit: "Testo Esplicito",
isrc: "ISRC",
length: "Durata Traccia",
barcode: "Barcode dell'album (UPC)",
bpm: "BPM",
replayGain: "Guadagno Brano",
label: "Casa Discografica",
lyrics: "Testo non Sincronizzato",
copyright: "Copyright",
composer: "Compositori",
involvedPeople: "Persone Coinvolte",
},
other: {
title: 'Altro',
savePlaylistAsCompilation: "Salva le playlist come Compilation",
useNullSeparator: "Usa il carattere NULL come separatore",
saveID3v1: "Salva anche il ID3v1",
multitagSeparator: {
title: "Come vuoi separare gli artisti?",
default: "Usando la specificazione standard",
andFeat: "Usando & e feat.",
using: "Usando \"{0}\""
},
albumVariousArtists: "Lascia \"Artisti Vari\" negli artisti dell'album",
removeAlbumVersion: "Rimuovi \"Album Version\" dal titolo del brano",
removeDuplicateArtists: "Rimuovi le combinazioni di artisti",
dateFormat: {
title: "Formato della data per i file FLAC",
year: "AAAA",
month: "MM",
day: "GG"
},
featuredToTitle: {
title: "Cosa dovrei fare con i feat?",
0: "Niente",
1: "Rimuovili dal titolo",
3: "Rimuovili dal titolo e dal nome dell'album",
2: "Spostali sul titolo"
},
titleCasing: "Capitalizzazione Titoli",
artistCasing: "Capitalizzazione Artisti",
casing: {
nothing: "Non cambiare",
lower: "TUTTO MAIUSCOLO",
upper: "tutto minuscolo",
start: "Prima Lettera Maiuscola",
sentence: "Come una frase"
},
previewVolume: "Volume Anteprime",
executeCommand: {
title: "Comando da eseguire dopo il download",
description: "Lascia vuoto per nessuna azione"
}
},
spotify: {
title: 'Spotify Features',
clientID: "Spotify clientID",
clientSecret: "Spotify Client Secret",
username: "Spotify username"
},
reset: 'Reimposta Default',
save: 'Salva',
toasts: {
init: 'Impostazioni caricate!',
update: 'Impostazioni aggiornate!',
ARLcopied: 'ARL copiato negli appunti'
} }
} }
} }