[web] Remove unnecessary HTML elements

This commit is contained in:
Alain Nussbaumer 2024-03-05 14:21:35 +01:00
parent 3f4c6b2cf0
commit 37b1c834c9
17 changed files with 1174 additions and 1248 deletions

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -40,7 +39,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -55,7 +54,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -35,10 +34,7 @@
<footer v-else class="card-footer is-clipped">
<a class="card-footer-item has-text-dark" @click="$emit('close')">
<mdicon class="icon" name="cancel" size="16" />
<span
class="is-size-7"
v-text="$t('dialog.add.stream.cancel')"
/>
<span class="is-size-7" v-text="$t('dialog.add.stream.cancel')" />
</a>
<a class="card-footer-item has-text-dark" @click="add_stream">
<mdicon class="icon" name="playlist-plus" size="16" />
@ -61,7 +57,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -110,7 +109,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -55,10 +54,7 @@
<footer class="card-footer">
<a class="card-footer-item has-text-dark" @click="queue_add">
<mdicon class="icon" name="playlist-plus" size="16" />
<span
class="is-size-7"
v-text="$t('dialog.spotify.album.add')"
/>
<span class="is-size-7" v-text="$t('dialog.spotify.album.add')" />
</a>
<a class="card-footer-item has-text-dark" @click="queue_add_next">
<mdicon class="icon" name="playlist-play" size="16" />
@ -84,7 +80,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -61,7 +60,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -67,7 +66,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -44,10 +43,7 @@
</a>
<a class="card-footer-item has-text-dark" @click="queue_add_next">
<mdicon class="icon" name="playlist-play" size="16" />
<span
class="is-size-7"
v-text="$t('dialog.composer.add-next')"
/>
<span class="is-size-7" v-text="$t('dialog.composer.add-next')" />
</a>
<a class="card-footer-item has-text-dark" @click="play">
<mdicon class="icon" name="play" size="16" />
@ -63,7 +59,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -34,7 +33,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -54,7 +53,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -41,10 +40,7 @@
</a>
<a class="card-footer-item has-text-dark" @click="queue_add_next">
<mdicon class="icon" name="playlist-play" size="16" />
<span
class="is-size-7"
v-text="$t('dialog.playlist.add-next')"
/>
<span class="is-size-7" v-text="$t('dialog.playlist.add-next')" />
</a>
<a class="card-footer-item has-text-dark" @click="play">
<mdicon class="icon" name="play" size="16" />
@ -60,7 +56,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -33,10 +32,7 @@
</a>
</footer>
<footer v-else class="card-footer is-clipped">
<a
class="card-footer-item has-text-danger"
@click="$emit('close')"
>
<a class="card-footer-item has-text-danger" @click="$emit('close')">
<mdicon class="icon" name="cancel" size="16" />
<span
class="is-size-7"
@ -63,7 +59,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -19,10 +18,7 @@
class="heading"
v-text="$t('dialog.spotify.playlist.owner')"
/>
<span
class="title is-6"
v-text="playlist.owner.display_name"
/>
<span class="title is-6" v-text="playlist.owner.display_name" />
</p>
<p>
<span
@ -72,7 +68,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -10,10 +9,7 @@
<p class="subtitle" v-text="item.artist" />
<div class="content is-small">
<p v-if="item.album">
<span
class="heading"
v-text="$t('dialog.queue-item.album')"
/>
<span class="heading" v-text="$t('dialog.queue-item.album')" />
<a
class="title is-6 has-text-link"
@click="open_album"
@ -43,10 +39,7 @@
<span class="title is-6" v-text="item.year" />
</p>
<p v-if="item.genre">
<span
class="heading"
v-text="$t('dialog.queue-item.genre')"
/>
<span class="heading" v-text="$t('dialog.queue-item.genre')" />
<a
class="title is-6 has-text-link"
@click="open_genre"
@ -126,10 +119,7 @@
<footer class="card-footer">
<a class="card-footer-item has-text-dark" @click="remove">
<mdicon class="icon" name="delete" size="16" />
<span
class="is-size-7"
v-text="$t('dialog.queue-item.remove')"
/>
<span class="is-size-7" v-text="$t('dialog.queue-item.remove')" />
</a>
<a class="card-footer-item has-text-dark" @click="play">
<mdicon class="icon" name="play" size="16" />
@ -145,7 +135,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,15 +1,11 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
<div class="modal-content">
<div class="card">
<div class="card-content">
<p
class="title is-4"
v-text="$t('dialog.remote-pairing.title')"
/>
<p class="title is-4" v-text="$t('dialog.remote-pairing.title')" />
<form @submit.prevent="kickoff_pairing">
<label class="label" v-text="pairing.remote" />
<div class="field">
@ -27,10 +23,7 @@
</form>
</div>
<footer class="card-footer is-clipped">
<a
class="card-footer-item has-text-danger"
@click="$emit('close')"
>
<a class="card-footer-item has-text-danger" @click="$emit('close')">
<mdicon class="icon" name="cancel" size="16" />
<span
class="is-size-7"
@ -57,7 +50,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -31,9 +30,7 @@
v-text="track.album"
/>
</p>
<p
v-if="track.album_artist && track.media_kind !== 'audiobook'"
>
<p v-if="track.album_artist && track.media_kind !== 'audiobook'">
<span
class="heading"
v-text="$t('dialog.track.album-artist')"
@ -123,9 +120,7 @@
/>
<span
v-if="track.bitrate"
v-text="
$t('dialog.track.bitrate', { rate: track.bitrate })
"
v-text="$t('dialog.track.bitrate', { rate: track.bitrate })"
/>
</span>
</p>
@ -176,7 +171,6 @@
/>
</div>
</transition>
</div>
</template>
<script>

View File

@ -1,5 +1,4 @@
<template>
<div>
<transition name="fade">
<div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" />
@ -73,10 +72,7 @@
<footer class="card-footer">
<a class="card-footer-item has-text-dark" @click="queue_add">
<mdicon class="icon" name="playlist-plus" size="16" />
<span
class="is-size-7"
v-text="$t('dialog.spotify.track.add')"
/>
<span class="is-size-7" v-text="$t('dialog.spotify.track.add')" />
</a>
<a class="card-footer-item has-text-dark" @click="queue_add_next">
<mdicon class="icon" name="playlist-play" size="16" />
@ -102,7 +98,6 @@
/>
</div>
</transition>
</div>
</template>
<script>