Commit 60091db8 authored by Richard Blechinger's avatar Richard Blechinger
Browse files

Improve and streamline design

parent af21bda5
......@@ -280,7 +280,7 @@
isInTheFuture(timeslot) {
const start = new Date(timeslot.start);
const now = new Date();
return start > now;
},
......
......@@ -5,7 +5,8 @@
<span v-if="loaded.shows">
{{ selectedShow.name }}
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-6 tw-cursor-pointer"
:alt="$t('showMeta.editShowName')"
@click="openModalName()"
>
......@@ -16,7 +17,8 @@
<template slot="lead">
<span v-if="loaded.shows">{{ selectedShow.short_description }}</span>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-6 tw-cursor-pointer"
:alt="$t('showMeta.editShortDescription')"
@click="openModalShortDescription()"
>
......@@ -24,7 +26,8 @@
<!-- The rest of the jumbotron is filled with the show description -->
<div v-if="loaded.shows">
<b>{{ $t('showMeta.description') }}:</b> <img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-6 tw-cursor-pointer"
:alt="$t('showMeta.editDescription')"
@click="openModalDescription()"
>
......
......@@ -7,7 +7,8 @@
{{ $t('showMeta.categories') }}:
</b-badge>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editCategories')"
@click="openModalCategories()"
>
......@@ -43,7 +44,8 @@
{{ $t('showMeta.topics') }}:
</b-badge>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editTopics')"
@click="openModalTopics()"
>
......@@ -79,7 +81,8 @@
{{ $t('showMeta.genres') }}:
</b-badge>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editGenres')"
@click="openModalMusicFocus()"
>
......@@ -115,7 +118,8 @@
{{ $t('showMeta.languages') }}:
</b-badge>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editLanguages')"
@click="openModalLanguages()"
>
......@@ -151,7 +155,8 @@
{{ $t('showMeta.hosts') }}:
</b-badge>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editHosts')"
@click="openModalHosts()"
>
......
......@@ -6,7 +6,8 @@
{{ $t('showMeta.logo') }}:
</b-badge>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editLogo')"
@click="openModalLogo()"
>
......@@ -31,7 +32,8 @@
{{ $t('showMeta.image') }}:
</b-badge>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editImage')"
@click="openModalImage()"
>
......
......@@ -10,7 +10,8 @@
{{ $t('showMeta.owners') }}:
</b-badge>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editOwners')"
@click="openModalOwners()"
>
......
......@@ -9,7 +9,8 @@
<span v-if="selectedShow.email === null"><small><i>{{ $t('noneSetFeminine') }}</i></small></span>
<span v-else>{{ selectedShow.email }}</span>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editEmail')"
@click="openModalEmail()"
>
......@@ -24,7 +25,8 @@
<span v-if="selectedShow.website === null"><small><i>{{ $t('noneSetFeminine') }}</i></small></span>
<span v-else><a :href="selectedShow.website">{{ selectedShow.website }}</a></span>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editWebsite')"
@click="openModalWebsite()"
>
......@@ -41,7 +43,8 @@
<span v-if="selectedShow.type === null"><small><i>{{ $t('noneSetFeminine') }}</i></small></span>
<span v-else>{{ type }}</span>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editType')"
@click="openModalType()"
>
......@@ -65,7 +68,8 @@
<span v-if="selectedShow.fundingcategory === null"><small><i>{{ $t('noneSetFeminine') }}</i></small></span>
<span v-else>{{ fundingCategory }}</span>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editFundingCategory')"
@click="openModalFundingCategory()"
>
......@@ -88,7 +92,8 @@
<span v-if="selectedShow.predecessor === null"><small><i>{{ $t('showMeta.noPredecessor') }}</i></small></span>
<span v-else>{{ predecessorName }}</span>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editPredecessor')"
@click="openModalPredecessor()"
>
......@@ -103,7 +108,8 @@
<span v-if="selectedShow.cba_series_id === null"><small><i>{{ $t('noneSetFeminine') }}</i></small></span>
<span v-else>{{ selectedShow.cba_series_id }}</span>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editCbaSeriesId')"
@click="openModalCBAid()"
>
......@@ -118,7 +124,8 @@
<span v-if="!selectedShow.fallback_id"><small><i>{{ $t('noneSetFeminine') }}</i></small></span>
<span v-else>{{ fallbackInfo }}</span>
<img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showMeta.editDefaultPlaylistId')"
@click="openModalFallback()"
>
......
......@@ -125,47 +125,54 @@
<!-- And here all the buttons for editing and doing other things
with the displayed timeslot -->
<template v-slot:cell(options)="data">
<div class="tw-space-x-1">
<span
class="timeslotEditLink"
@click="editTimeslotNote(data.item.options.id, data.item.options.schedule)"
><img
src="/assets/16x16/emblem-system.png"
src="/assets/edit.svg"
class="tw-w-6 tw-cursor-pointer"
:alt="$t('showTimeslots.editDescription')"
:title="$t('showTimeslots.editDescription')"
></span>
<span
class="timeslotEditLink"
@click="editTimeslotPlaylist(selectedShow, data.item.options.schedule, data.item.options.id)"
><img
src="/assets/16x16/media-eject.png"
:alt="$t('showTimeslots.editPlaylist')"
:title="$t('showTimeslots.editPlaylist')"
></span>
<span
v-if="data.item.options.play"
class="timeslotEditLink"
@click="notYetImplemented()"
><img
src="/assets/16x16/media-playback-start.png"
:alt="$t('showTimeslots.openPlayer')"
:title="$t('showTimeslots.openPlayer')"
></span>
<span
class="timeslotEditLink"
@click="notYetImplemented()"
><img
src="/assets/16x16/download.png"
:alt="$t('showTimeslots.downloadRecording')"
:title="$t('showTimeslots.downloadRecording')"
></span>
<span
class="timeslotEditLink"
@click="notYetImplemented()"
><img
src="/assets/16x16/upload.png"
:alt="$t('showTimeslots.uploadToCba')"
:title="$t('showTimeslots.uploadToCba')"
></span>
<span
class="timeslotEditLink"
@click="editTimeslotPlaylist(selectedShow, data.item.options.schedule, data.item.options.id)"
><img
src="/assets/assign.svg"
class="tw-w-6 tw-cursor-pointer"
:alt="$t('showTimeslots.editPlaylist')"
:title="$t('showTimeslots.editPlaylist')"
></span>
<span
v-if="data.item.options.play"
class="timeslotEditLink"
@click="notYetImplemented()"
><img
src="/assets/play.svg"
class="tw-w-6 tw-cursor-pointer"
:alt="$t('showTimeslots.openPlayer')"
:title="$t('showTimeslots.openPlayer')"
></span>
<span
class="timeslotEditLink"
@click="notYetImplemented()"
><img
src="/assets/download.svg"
class="tw-w-5 tw-cursor-pointer"
:alt="$t('showTimeslots.downloadRecording')"
:title="$t('showTimeslots.downloadRecording')"
></span>
<span
class="timeslotEditLink"
@click="notYetImplemented()"
><img
src="/assets/upload.svg"
class="tw-w-4 tw-cursor-pointer"
:alt="$t('showTimeslots.uploadToCba')"
:title="$t('showTimeslots.uploadToCba')"
></span>
</div>
</template>
</b-table>
<b-pagination
......@@ -260,7 +267,7 @@
}
}
const { duration, minutes } = this.prettyDuration(timeslot.start, timeslot.end);
const {duration, minutes} = this.prettyDuration(timeslot.start, timeslot.end);
rows.push({
title: note ? note.title : null,
......
......@@ -3,8 +3,8 @@ export default {
// Pages
'home': {
'welcome': 'Willkommen in der Programmverwaltung',
'introduction': 'Hier sind ein paar Wege um mit AURA loszulegen',
'welcome': 'Willkommen',
'introduction': 'AURA ist Radioautomatisierungssoftware die speziell auf die Bedürfnisse von Freien Radios zugeschnitten ist. AURA wurde in der Gemeinschaft mehrerer österreichischer Community-Radios entwickelt und ist quelloffen.',
'notLoggedIn': 'Du bist noch nicht angemeldet'
},
......@@ -30,6 +30,11 @@ export default {
'moreInfo': 'Mehr Informationen gibt es im <a href="https://gitlab.servus.at/aura/dashboard">Dashboard-Repository</a>.<br>Um eine Gesamtübersicht über AURA zu erhalten, besuche das <a href="https://gitlab.servus.at/aura/meta">AURA Meta-Repository</a>.<br>Alle AURA-Repositories können auf <a href="https://gitlab.servus.at/aura">https://gitlab.servus.at/aura</a> gefunden werden.'
},
'help': {
'title': 'Hilfe',
'generalDocumentation': 'Die generelle AURA-Dokumentation findest Du hier: '
},
// Layout
'loading': 'Lädt..',
'cancel': 'Abbrechen',
......
......@@ -3,8 +3,8 @@ export default {
// Pages
'home': {
'welcome': 'Welcome to the dashboard!',
'introduction': 'Here are some ways to get started with AURA',
'welcome': 'Welcome',
'introduction': 'AURA is radio automation software for the special needs of community radios. AURA has been developed in several Austrian community radios and it is open source.',
'notLoggedIn': 'You are not logged in yet.'
},
......@@ -31,6 +31,11 @@ export default {
'moreInfo': 'For more infos visit the <a href="https://gitlab.servus.at/aura/dashboard">Dashboard repository</a>.<br>To get the big picture of the whole AURA architecture, visit the <a href="https://gitlab.servus.at/aura/meta">AURA Meta repository</a>.<br>All AURA repositories can be found at <a href="https://gitlab.servus.at/aura">https://gitlab.servus.at/aura</a>.'
},
'help': {
'title': 'Help',
'generalDocumentation': 'You can find the general AURA documentation here: '
},
// Layout
'loading': 'Loading..',
'cancel': 'Cancel',
......
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