fixed more indentation

This commit is contained in:
uh_wot 2020-05-03 17:02:31 +02:00
parent 24146b37b3
commit 02bc7f2107
2 changed files with 38 additions and 38 deletions

View File

@ -321,18 +321,18 @@ <h2>Top Playlists</h2>
<div id="charts_tab" class="main_tabcontent"> <div id="charts_tab" class="main_tabcontent">
<h1>Charts</h1> <h1>Charts</h1>
<div v-if='country == ""' id="charts_selection"> <div v-if='country == ""' id="charts_selection">
<div class="release_grid"> <div class="release_grid">
<div v-for="release in countries" class="release clickable" @click="getTrackList" :data-title="release.title" :data-id="release.id"> <div v-for="release in countries" class="release clickable" @click="getTrackList" :data-title="release.title" :data-id="release.id">
<img class="rounded coverart" :src="release.picture_medium"> <img class="rounded coverart" :src="release.picture_medium">
</div> </div>
</div> </div>
</div> </div>
<div v-else id="charts_table"> <div v-else id="charts_table">
<button @click="changeCountry">Change Country</button> <button @click="changeCountry">Change Country</button>
<button @contextmenu.prevent="openQualityModal" <button @contextmenu.prevent="openQualityModal"
@click.stop="addToQueue" :data-link="'https://www.deezer.com/playlist/'+id">Download Chart</button> @click.stop="addToQueue" :data-link="'https://www.deezer.com/playlist/'+id">Download Chart</button>
<table> <table>
<tr v-for="track in chart" class="track_row"> <tr v-for="track in chart" class="track_row">
<td class="top-tracks-position" :class="{ first: track.position === 1 }">{{ track.position }}</td> <td class="top-tracks-position" :class="{ first: track.position === 1 }">{{ track.position }}</td>
<td style="width: 48px; text-align: center;"> <td style="width: 48px; text-align: center;">
@ -353,7 +353,7 @@ <h1>Charts</h1>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<div id="favorites_tab" class="main_tabcontent"> <div id="favorites_tab" class="main_tabcontent">
@ -586,39 +586,39 @@ <h3>Folders</h3>
<p>Save playlists as compilation</p> <p>Save playlists as compilation</p>
<input type="checkbox" v-model="settings.tags.savePlaylistAsCompilation"> <input type="checkbox" v-model="settings.tags.savePlaylistAsCompilation">
</div> </div>
<div class="input_group"> <div class="input_group">
<p>Use null separator</p> <p>Use null separator</p>
<input type="checkbox" v-model="settings.tags.useNullSeparator"> <input type="checkbox" v-model="settings.tags.useNullSeparator">
</div> </div>
<div class="input_group"> <div class="input_group">
<p>Save ID3v1 as well</p> <p>Save ID3v1 as well</p>
<input type="checkbox" v-model="settings.tags.saveID3v1"> <input type="checkbox" v-model="settings.tags.saveID3v1">
</div> </div>
<div class="input_group"> <div class="input_group">
<p>How would you like to separate your artists?</p> <p>How would you like to separate your artists?</p>
<select v-model="settings.tags.multitagSeparator"> <select v-model="settings.tags.multitagSeparator">
<option value="default">Using standard specification</option> <option value="default">Using standard specification</option>
<option value="andFeat">Using & and feat.</option> <option value="andFeat">Using & and feat.</option>
<option value=" & ">Using " & "</option> <option value=" & ">Using " & "</option>
<option value=",">Using ","</option> <option value=",">Using ","</option>
<option value=", ">Using ", "</option> <option value=", ">Using ", "</option>
<option value="/">Using "/"</option> <option value="/">Using "/"</option>
<option value=" / ">Using "/ "</option> <option value=" / ">Using "/ "</option>
<option value=";">Using ";"</option> <option value=";">Using ";"</option>
<option value="; ">Using "; "</option> <option value="; ">Using "; "</option>
</select> </select>
</div> </div>
<div class="input_group"> <div class="input_group">
<p>Remove album version from track title</p> <p>Remove album version from track title</p>
<input type="checkbox" v-model="settings.removeAlbumVersion"> <input type="checkbox" v-model="settings.removeAlbumVersion">
</div> </div>
<div class="input_group"> <div class="input_group">
<p>Date format for FLAC files</p> <p>Date format for FLAC files</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">YYYY-MM-DD</option>
<option value="Y-D-M">YYYY-DD-MM</option> <option value="Y-D-M">YYYY-DD-MM</option>
<option value="D-M-Y">DD-MM-YYYY</option> <option value="D-M-Y">DD-MM-YYYY</option>
<option value="M-D-Y">MM-DD-YYYY</option> <option value="M-D-Y">MM-DD-YYYY</option>
<option value="Y">YYYY</option> <option value="Y">YYYY</option>
</select> </select>
</div> </div>
@ -650,8 +650,8 @@ <h3>Folders</h3>
<option value="sentence">Like a sentence</option> <option value="sentence">Like a sentence</option>
</select> </select>
</div> </div>
<div class="input_group"> <div class="input_group">
<p>Command to execute after download</p> <p>Command to execute after download</p>
<p class="secondary-text">Leave blank for no action</p> <p class="secondary-text">Leave blank for no action</p>
<input type="text" v-model="settings.executeCommand"> <input type="text" v-model="settings.executeCommand">
</div> </div>
@ -667,7 +667,7 @@ <h3>Folders</h3>
</div> </div>
</div> </div>
<footer> <footer>
<button @click="resetSettings">Reset to Default</button> <button @click="resetSettings">Reset to Default</button>
<button @click="saveSettings">Save</button> <button @click="saveSettings">Save</button>
</footer> </footer>
</div> </div>

View File

@ -8,7 +8,7 @@ const SettingsTab = new Vue({
lastSettings: {}, lastSettings: {},
lastCredentials: {}, lastCredentials: {},
spotifyFeatures: {}, spotifyFeatures: {},
defaultSettings: {} defaultSettings: {}
} }
}, },
methods: { methods: {
@ -29,7 +29,7 @@ const SettingsTab = new Vue({
socket.emit('saveSettings', this.lastSettings, this.lastCredentials) socket.emit('saveSettings', this.lastSettings, this.lastCredentials)
}, },
loadSettings(settings, spotifyCredentials, defaults=null) { loadSettings(settings, spotifyCredentials, defaults=null) {
if (defaults) this.defaultSettings = { ...defaults } if (defaults) this.defaultSettings = { ...defaults }
this.lastSettings = { ...settings } this.lastSettings = { ...settings }
this.lastCredentials = { ...spotifyCredentials } this.lastCredentials = { ...spotifyCredentials }
this.settings = settings this.settings = settings
@ -52,9 +52,9 @@ const SettingsTab = new Vue({
this.loadSettings(settings, credentials) this.loadSettings(settings, credentials)
toast('Settings updated!', 'settings') toast('Settings updated!', 'settings')
}, },
resetSettings(){ resetSettings(){
this.settings = { ...this.defaultSettings } this.settings = { ...this.defaultSettings }
} }
}, },
mounted() { mounted() {
socket.on('init_settings', this.initSettings) socket.on('init_settings', this.initSettings)