improved html indentation

This commit is contained in:
Roberto Tonino 2020-05-08 22:02:08 +02:00
parent 677b5aaa61
commit 16b4853322
2 changed files with 1002 additions and 996 deletions

View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" dir="ltr" data-theme="default"> <html lang="en" dir="ltr" data-theme="default">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>deemix</title> <title>deemix</title>
<link rel="stylesheet" type="text/css" href="/public/css/style.css"> <link rel="stylesheet" type="text/css" href="/public/css/style.css">
@ -13,9 +13,9 @@
document.documentElement.setAttribute('data-theme', 'dark') document.documentElement.setAttribute('data-theme', 'dark')
} }
</script> </script>
</head> </head>
<body> <body>
<div id="loading_overlay" class="active"> <div id="loading_overlay" class="active">
<span id="loading_text">Connecting to the server...</span> <span id="loading_text">Connecting to the server...</span>
<div class="lds-ring"> <div class="lds-ring">
@ -36,7 +36,8 @@
<span id="main_favorites_tablink" class="main_tablinks" role="link" aria-label="favorites"><i <span id="main_favorites_tablink" class="main_tablinks" role="link" aria-label="favorites"><i
class="material-icons side_icon">album</i><span class="main_tablinks_text">Favorites</span></span> class="material-icons side_icon">album</i><span class="main_tablinks_text">Favorites</span></span>
<span id="main_analyzer_tablink" class="main_tablinks" role="link" aria-label="link analyzer"><i <span id="main_analyzer_tablink" class="main_tablinks" role="link" aria-label="link analyzer"><i
class="material-icons side_icon">link</i><span class="main_tablinks_text">Link Analyzer</span></span> class="material-icons side_icon">link</i><span class="main_tablinks_text">Link
Analyzer</span></span>
<span id="main_settings_tablink" class="main_tablinks" role="link" aria-label="settings"><i <span id="main_settings_tablink" class="main_tablinks" role="link" aria-label="settings"><i
class="material-icons side_icon">settings</i><span class="main_tablinks_text">Settings</span></span> class="material-icons side_icon">settings</i><span class="main_tablinks_text">Settings</span></span>
<span id="main_about_tablink" class="main_tablinks" role="link" aria-label="info"><i <span id="main_about_tablink" class="main_tablinks" role="link" aria-label="info"><i
@ -171,10 +172,11 @@ <h1>No Tracks found</h1>
</tr> </tr>
<tr v-for="track in results.trackTab.data" class="track_row"> <tr v-for="track in results.trackTab.data" class="track_row">
<td style="width: 48px; text-align: center;"> <td style="width: 48px; text-align: center;">
<a href="#" @click="playPausePreview" :class="'rounded' + (track.preview ? ' single-cover' : '')" <a href="#" @click="playPausePreview"
:data-preview="track.preview"><i @mouseenter="previewMouseEnter" @mouseleave="previewMouseLeave" :class="'rounded' + (track.preview ? ' single-cover' : '')" :data-preview="track.preview"><i
v-if="track.preview" class="material-icons preview_controls">play_arrow</i><img @mouseenter="previewMouseEnter" @mouseleave="previewMouseLeave" v-if="track.preview"
class="rounded coverart" :src="track.album.cover_small"> class="material-icons preview_controls">play_arrow</i><img class="rounded coverart"
:src="track.album.cover_small">
</td> </td>
<td class="breakline"> <td class="breakline">
{{ track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' '+ track.title_version : '') }} {{ track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' '+ track.title_version : '') }}
@ -320,7 +322,8 @@ <h2>Top Artists</h2>
<div v-if="playlists.length"> <div v-if="playlists.length">
<h2>Top Playlists</h2> <h2>Top Playlists</h2>
<div class="release_grid"> <div class="release_grid">
<div v-for="release in playlists" class="release clickable" @click="playlistView" :data-id="release.id"> <div v-for="release in playlists" class="release clickable" @click="playlistView"
:data-id="release.id">
<div class="cover_container"> <div class="cover_container">
<img class="rounded coverart" :src="release.picture_medium"> <img class="rounded coverart" :src="release.picture_medium">
<div role="button" aria-label="download" @contextmenu.prevent="openQualityModal" <div role="button" aria-label="download" @contextmenu.prevent="openQualityModal"
@ -387,7 +390,8 @@ <h1>Favorites</h1>
<h1>No Playlists found</h1> <h1>No Playlists found</h1>
</div> </div>
<div class="release_grid" v-if="playlists.length > 0 || spotifyPlaylists > 0"> <div class="release_grid" v-if="playlists.length > 0 || spotifyPlaylists > 0">
<div v-for="release in playlists" class="release clickable" @click="playlistView" :data-id="release.id"> <div v-for="release in playlists" class="release clickable" @click="playlistView"
:data-id="release.id">
<div class="cover_container"> <div class="cover_container">
<img class="rounded coverart" :src="release.picture_medium"> <img class="rounded coverart" :src="release.picture_medium">
<div role="button" aria-label="download" @contextmenu.prevent="openQualityModal" <div role="button" aria-label="download" @contextmenu.prevent="openQualityModal"
@ -725,7 +729,6 @@ <h3>Album covers</h3>
<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">Save images as png</span>
@ -953,8 +956,9 @@ <h1>About</h1>
<header class="inline-flex" <header class="inline-flex"
:style="{ 'background-image': 'linear-gradient(to bottom, transparent 0%, var(--main-background) 100%), url(\''+image+'\')' }"> :style="{ 'background-image': 'linear-gradient(to bottom, transparent 0%, var(--main-background) 100%), url(\''+image+'\')' }">
<h1>{{ title }}</h1> <h1>{{ title }}</h1>
<div role="button" aria-label="download" @contextmenu.prevent="openQualityModal" @click.stop="addToQueue" <div role="button" aria-label="download" @contextmenu.prevent="openQualityModal"
:data-link="link" class="fab right"><i class="material-icons">get_app</i></div> @click.stop="addToQueue" :data-link="link" class="fab right"><i class="material-icons">get_app</i>
</div>
</header> </header>
<div class="tab"> <div class="tab">
@ -1032,7 +1036,8 @@ <h2 class="inline-flex"><span v-if="metadata">{{ metadata }}</span><span class="
<td><input class="trackCheckbox" type="checkbox" v-model="track.selected"></td> <td><input class="trackCheckbox" type="checkbox" v-model="track.selected"></td>
</tr> </tr>
<tr v-else-if="track.type == 'disc_separator'"> <tr v-else-if="track.type == 'disc_separator'">
<td colspan="6" style="opacity: 0.54;"><i class="material-icons">album</i>{{ track.number }}</td> <td colspan="6" style="opacity: 0.54;"><i class="material-icons">album</i>{{ track.number }}
</td>
</tr> </tr>
</template> </template>
</template> </template>
@ -1042,7 +1047,8 @@ <h2 class="inline-flex"><span v-if="metadata">{{ metadata }}</span><span class="
:class="'material-icons' + (track.preview_url ? ' preview_playlist_controls' : '')" :class="'material-icons' + (track.preview_url ? ' preview_playlist_controls' : '')"
:data-preview="track.preview_url">play_arrow</i></td> :data-preview="track.preview_url">play_arrow</i></td>
<td>{{ i+1 }}</td> <td>{{ i+1 }}</td>
<td class="inline-flex"><i v-if="track.explicit" class="material-icons">explicit</i>{{ track.name }} <td class="inline-flex"><i v-if="track.explicit"
class="material-icons">explicit</i>{{ track.name }}
</td> </td>
<td>{{ track.artists[0].name }}</td> <td>{{ track.artists[0].name }}</td>
<td>{{ track.album.name }}</td> <td>{{ track.album.name }}</td>
@ -1093,9 +1099,9 @@ <h2 class="inline-flex"><span v-if="metadata">{{ metadata }}</span><span class="
<button class="quality-button" data-quality-value="13">Download 360 Reality Audio [LQ]</button><br> <button class="quality-button" data-quality-value="13">Download 360 Reality Audio [LQ]</button><br>
</div> </div>
</div> </div>
</body> </body>
<script type="text/javascript" src="/public/js/vendor/socket.io.js"></script> <script type="text/javascript" src="/public/js/vendor/socket.io.js"></script>
<script src="/public/js/bundle.js"></script> <script src="/public/js/bundle.js"></script>
</html> </html>

View File

@ -18,7 +18,7 @@ export default {
], ],
plugins: [ plugins: [
// Needed for Vue imports, could use alias plugin but they're not working with resolve plugin // Needed for Vue imports, could use alias plugin but they're not working with resolve plugin
// Assuming all the Vue imports are made like: import Vue from 'vue.esm' (vue.esm is made for bundlers) // Assuming all the Vue imports are made like: import Vue from 'vue/dist/vue.esm' (vue.esm is made for bundlers)
replace({ replace({
'process.env.NODE_ENV': JSON.stringify(production ? 'production' : 'development') 'process.env.NODE_ENV': JSON.stringify(production ? 'production' : 'development')
}), }),