Commit 9bd21f43 authored by Richard Blechinger's avatar Richard Blechinger
Browse files

Fix ESLint issues

parent 41554002
...@@ -66,7 +66,8 @@ ...@@ -66,7 +66,8 @@
<b>Graphics &amp; Icons</b><br> <b>Graphics &amp; Icons</b><br>
</p> </p>
<ul> <ul>
<li>animated loading icon: <a href="https://loading.io/spinner">spinner by loading.io</a> (CC-BY License). <li>
animated loading icon: <a href="https://loading.io/spinner">spinner by loading.io</a> (CC-BY License).
</li> </li>
<li> <li>
all other Icons: all other Icons:
......
...@@ -7,18 +7,18 @@ ...@@ -7,18 +7,18 @@
/> />
<hr> <hr>
<jumbotron/> <jumbotron />
<!-- All the UI for uploading and editing files is only shown if the user <!-- All the UI for uploading and editing files is only shown if the user
choose to edit files in the jumbotron above --> choose to edit files in the jumbotron above -->
<div v-if="mode === 'files'"> <div v-if="mode === 'files'">
<files/> <files />
</div> </div>
<!-- All the UI for creating and editing playlists is only shown if the user <!-- All the UI for creating and editing playlists is only shown if the user
choose to edit playlists in the jumbotron above --> choose to edit playlists in the jumbotron above -->
<div v-if="mode === 'playlists'"> <div v-if="mode === 'playlists'">
<playlists/> <playlists />
</div> </div>
</b-container> </b-container>
</template> </template>
......
...@@ -7,12 +7,18 @@ ...@@ -7,12 +7,18 @@
<br> <br>
</div> </div>
<div :class="{ <div
'tw-mx-auto tw-grid sm:tw-grid-cols-2 tw-gap-8 tw-text-center': true, :class="{
'md:tw-grid-cols-3 tw-max-w-3xl': $parent.user.steeringUser.is_superuser, 'tw-mx-auto tw-grid sm:tw-grid-cols-2 tw-gap-8 tw-text-center': true,
'md:tw-grid-cols-2 tw-max-w-lg': !$parent.user.steeringUser.is_superuser 'md:tw-grid-cols-3 tw-max-w-3xl': $parent.user.steeringUser.is_superuser,
}"> 'md:tw-grid-cols-2 tw-max-w-lg': !$parent.user.steeringUser.is_superuser
<router-link v-for="mod in modules.main" :to="mod.slug" :key="mod.slug"> }"
>
<router-link
v-for="mod in modules.main"
:key="mod.slug"
:to="mod.slug"
>
<img :src="mod.icon"> <img :src="mod.icon">
<p>{{ mod.title }}</p> <p>{{ mod.title }}</p>
</router-link> </router-link>
...@@ -36,7 +42,12 @@ ...@@ -36,7 +42,12 @@
<script> <script>
export default { export default {
props: ['user', 'modules'] props: {
modules: {
type: Object,
required: true,
}
}
} }
</script> </script>
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<!-- The jumbotron is used to display the name and description of the <!-- The jumbotron is used to display the name and description of the
currently selected show --> currently selected show -->
<show-jumbotron/> <show-jumbotron />
<!-- If the shows are not fully loaded yet, we just put the loading sign --> <!-- If the shows are not fully loaded yet, we just put the loading sign -->
<div v-if="!loaded.shows"> <div v-if="!loaded.shows">
...@@ -25,18 +25,18 @@ ...@@ -25,18 +25,18 @@
<!-- When all show data is loaded, here we display all the rest --> <!-- When all show data is loaded, here we display all the rest -->
<div v-else> <div v-else>
<show-schedules/> <show-schedules />
<!-- include the modals to edit show and timeslot entries from the modal compontents --> <!-- include the modals to edit show and timeslot entries from the modal compontents -->
<show-timeslots ref="timeslotsComponent"/> <show-timeslots ref="timeslotsComponent" />
<hr> <hr>
<h2>General settings for the radio show:</h2> <h2>General settings for the radio show:</h2>
<show-metaSimpleTypes/> <show-metaSimpleTypes />
<show-metaArrays/> <show-metaArrays />
<show-metaOwners/> <show-metaOwners />
<show-metaImages/> <show-metaImages />
<hr> <hr>
</div> </div>
......
<template> <template>
<div v-if="$store.state.auth.user.steeringUser" class="tw-w-full"> <div
<slot></slot> v-if="$store.state.auth.user.steeringUser"
class="tw-w-full"
>
<slot />
</div> </div>
<div v-else class="tw-w-full tw-text-center"> <div
v-else
class="tw-w-full tw-text-center"
>
{{ $t('loading') }} {{ $t('loading') }}
</div> </div>
</template> </template>
......
...@@ -4,7 +4,10 @@ ...@@ -4,7 +4,10 @@
<b-row> <b-row>
<b-col> <b-col>
aura/<b>dashboard v{{ version }}</b> aura/<b>dashboard v{{ version }}</b>
<span v-for="mod in modules.footer" :key="mod.slug"> <span
v-for="mod in modules.footer"
:key="mod.slug"
>
| <router-link :to="mod.slug"> | <router-link :to="mod.slug">
{{ mod.title }} {{ mod.title }}
</router-link> </router-link>
...@@ -25,7 +28,12 @@ ...@@ -25,7 +28,12 @@
<script> <script>
export default { export default {
props: ["modules"], props: {
modules: {
type: Object,
required: true,
}
},
computed: { computed: {
version() { version() {
return process.env.VUE_APP_VERSION return process.env.VUE_APP_VERSION
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
> >
<span class="d-none d-sm-inline d-lg-none menu-context-info">For more options tap the menu button on the right:</span> <span class="d-none d-sm-inline d-lg-none menu-context-info">For more options tap the menu button on the right:</span>
<span class="d-sm-none menu-context-info">Hit menu button for more:</span> <span class="d-sm-none menu-context-info">Hit menu button for more:</span>
<b-navbar-toggle target="nav_collapse"/> <b-navbar-toggle target="nav_collapse" />
<b-collapse <b-collapse
id="nav_collapse" id="nav_collapse"
is-nav is-nav
...@@ -38,11 +38,17 @@ ...@@ -38,11 +38,17 @@
:text="$activeLocale().toUpperCase()" :text="$activeLocale().toUpperCase()"
right right
> >
<b-dropdown-item :active="$activeLocale() === 'de'" @click="$locale('de')"> <b-dropdown-item
:active="$activeLocale() === 'de'"
@click="$locale('de')"
>
DE DE
</b-dropdown-item> </b-dropdown-item>
<b-dropdown-item :active="$activeLocale() === 'en'" @click="$locale('en')"> <b-dropdown-item
:active="$activeLocale() === 'en'"
@click="$locale('en')"
>
EN EN
</b-dropdown-item> </b-dropdown-item>
</b-nav-item-dropdown> </b-nav-item-dropdown>
......
...@@ -20,14 +20,14 @@ ...@@ -20,14 +20,14 @@
:disabled="disabledOk" :disabled="disabledOk"
@click="confirmSelector" @click="confirmSelector"
> >
<b-icon-check/> <b-icon-check />
</b-button> </b-button>
<b-button <b-button
variant="danger" variant="danger"
:disabled="disabledReset" :disabled="disabledReset"
@click="resetSelector" @click="resetSelector"
> >
<b-icon-x/> <b-icon-x />
</b-button> </b-button>
</b-input-group-append> </b-input-group-append>
</b-input-group> </b-input-group>
......
...@@ -48,8 +48,10 @@ ...@@ -48,8 +48,10 @@
</p> </p>
</div> </div>
<div v-else> <div v-else>
<p>This is a recurring event: <b>{{ rruleRender(schedule.rrule) }}</b>, until: {{ <p>
prettyDate(schedule.until) }}</p> This is a recurring event: <b>{{ rruleRender(schedule.rrule) }}</b>, until: {{
prettyDate(schedule.until) }}
</p>
<p>All timeslots of this schedule:</p> <p>All timeslots of this schedule:</p>
<b-table <b-table
...@@ -113,7 +115,7 @@ ...@@ -113,7 +115,7 @@
> >
<label class="tw-leading-loose"> <label class="tw-leading-loose">
Repeat at Repeat at
<b-form-input type="time"/> <b-form-input type="time" />
</label> </label>
</b-col> </b-col>
</b-row> </b-row>
......
...@@ -169,7 +169,7 @@ ...@@ -169,7 +169,7 @@
</div> </div>
<!-- We also import the modal for showing file import logs here --> <!-- We also import the modal for showing file import logs here -->
<import-log ref="importLog"/> <import-log ref="importLog" />
<!-- And here comes the table --> <!-- And here comes the table -->
<b-table <b-table
...@@ -190,7 +190,8 @@ ...@@ -190,7 +190,8 @@
--> -->
<template v-slot:cell(metadata.album)="data"> <template v-slot:cell(metadata.album)="data">
<span v-if="data.item.source.import.state === 'aborted'"><b-badge <span v-if="data.item.source.import.state === 'aborted'"><b-badge
variant="danger">Error:</b-badge></span> variant="danger"
>Error:</b-badge></span>
<span v-else-if="data.item.source.import.state !== 'done'"><img <span v-else-if="data.item.source.import.state !== 'done'"><img
src="/assets/radio.gif" src="/assets/radio.gif"
width="24" width="24"
......
...@@ -19,11 +19,11 @@ ...@@ -19,11 +19,11 @@
<hr> <hr>
<div v-if="results.fetch"> <div v-if="results.fetch">
<h2>Fetch log</h2> <h2>Fetch log</h2>
<b-table :items="results.fetch"/> <b-table :items="results.fetch" />
</div> </div>
<div v-if="results.normalize"> <div v-if="results.normalize">
<h2>Normalize log</h2> <h2>Normalize log</h2>
<b-table :items="results.normalize"/> <b-table :items="results.normalize" />
</div> </div>
</div> </div>
<div v-else> <div v-else>
......
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
placeholder="Enter a title for this new show" placeholder="Enter a title for this new show"
/> />
</b-col> </b-col>
<b-col cols="3"/> <b-col cols="3" />
<b-col cols="9"> <b-col cols="9">
<small class="slug">Slug: {{ temporarySlug }}</small> <small class="slug">Slug: {{ temporarySlug }}</small>
</b-col> </b-col>
......
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
steps to sanitize the date before inserting it into the DOM steps to sanitize the date before inserting it into the DOM
--> -->
<!-- eslint-disable-next-line vue/no-v-html --> <!-- eslint-disable-next-line vue/no-v-html -->
<p v-html="sanitizedShowDescription"/> <p v-html="sanitizedShowDescription" />
<!-- TODO: add image and logo here? --> <!-- TODO: add image and logo here? -->
</div> </div>
......
...@@ -192,7 +192,7 @@ ...@@ -192,7 +192,7 @@
/> />
</b-modal> </b-modal>
<app-modalFallback ref="modalFallback"/> <app-modalFallback ref="modalFallback" />
<b-modal <b-modal
ref="modalPredecessor" ref="modalPredecessor"
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
placeholder="Enter a title" placeholder="Enter a title"
/> />
</b-col> </b-col>
<b-col cols="2"/> <b-col cols="2" />
<b-col cols="10"> <b-col cols="10">
<small class="slug">Slug: {{ slug }}</small> <small class="slug">Slug: {{ slug }}</small>
</b-col> </b-col>
......
<template> <template>
<div> <div>
<app-modalNotes ref="appModalNotes"/> <app-modalNotes ref="appModalNotes" />
<app-modalPlaylist ref="appModalPlaylist"/> <app-modalPlaylist ref="appModalPlaylist" />
<!-- here are the filter settings for our timeslots table --> <!-- here are the filter settings for our timeslots table -->
<b-card> <b-card>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment