Commit 83ec9684 authored by Richard Blechinger's avatar Richard Blechinger
Browse files

Add placeholder features

parent 2a67c3d8
...@@ -139,5 +139,6 @@ span.timeslotEditLink { ...@@ -139,5 +139,6 @@ span.timeslotEditLink {
} }
span.timeslotEditLink:hover { span.timeslotEditLink:hover {
color: #ad7fa8 !important; color: #ad7fa8 !important;
cursor: pointer;
} }
</style> </style>
...@@ -139,6 +139,10 @@ export default { ...@@ -139,6 +139,10 @@ export default {
}, },
noteImage() { noteImage() {
if (!this.note.image) {
return '';
}
return this.note.image.includes('http') return this.note.image.includes('http')
? this.note.image ? this.note.image
: process.env.VUE_APP_BASEURI_STEERING + this.note.image : process.env.VUE_APP_BASEURI_STEERING + this.note.image
...@@ -269,6 +273,7 @@ export default { ...@@ -269,6 +273,7 @@ export default {
} }
this.timeslotID = timeslotID this.timeslotID = timeslotID
this.scheduleID = scheduleID this.scheduleID = scheduleID
this.$refs.modalNote.show() this.$refs.modalNote.show()
} }
} }
......
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
hover hover
outlined outlined
:fields="notesTableArrayFields" :fields="notesTableArrayFields"
:items="notesTableArray" :items="notesTableArray.reverse()"
> >
<template v-slot:cell(thumbnail)="data"> <template v-slot:cell(thumbnail)="data">
<div <div
...@@ -117,6 +117,10 @@ ...@@ -117,6 +117,10 @@
<template v-slot:cell(duration)="data"> <template v-slot:cell(duration)="data">
{{ data.value }} {{ data.value }}
</template> </template>
<template v-slot:cell(playlist)="data">
<span v-if="data.value">{{ data.value }}</span>
<span v-else><small><i>(none set)</i></small></span>
</template>
<!-- And here all the buttons for editing and doing other things <!-- And here all the buttons for editing and doing other things
with the displayed timeslot --> with the displayed timeslot -->
<template v-slot:cell(options)="data"> <template v-slot:cell(options)="data">
...@@ -145,14 +149,26 @@ ...@@ -145,14 +149,26 @@
alt="Open player" alt="Open player"
title="Open player" title="Open player"
></span> ></span>
</template> <span
class="timeslotEditLink"
<template v-slot:cell(playlist)="data"> @click="notYetImplemented()"
<span v-if="data.value">{{ data.value }}</span> ><img
<span v-else><small><i>(none set)</i></small></span> src="/assets/16x16/download.png"
alt="Download recording"
title="Download recording"
></span>
<span
class="timeslotEditLink"
@click="notYetImplemented()"
><img
src="/assets/16x16/upload.png"
alt="Upload to CBA"
title="Upload to CBA"
></span>
</template> </template>
</b-table> </b-table>
<b-pagination <b-pagination
v-if="timeslotmeta.count > timeslotmeta.perpage"
v-model="timeslotmeta.page" v-model="timeslotmeta.page"
align="center" align="center"
:total-rows="timeslotmeta.count" :total-rows="timeslotmeta.count"
...@@ -202,16 +218,6 @@ export default { ...@@ -202,16 +218,6 @@ export default {
page: 1, // page indexes start at 1 for <b-pagination> components page: 1, // page indexes start at 1 for <b-pagination> components
perpage: 10 perpage: 10
}, },
// this is used to configure the table with all the filtered timeslots
notesTableArrayFields: [
{ key: 'thumbnail', label: '', class: 'align-middle tw-w-16' },
{ key: 'title', label: 'Title of emission', class: 'align-middle' },
{ key: 'starts', label: 'Emission start', class: 'align-middle' },
{ key: 'duration', label: 'Duration', class: 'align-middle' },
{ key: 'options', label: 'Edit', class: 'align-middle' },
{ key: 'playlist', label: 'Playlist', class: 'align-middle' },
],
} }
}, },
...@@ -262,6 +268,18 @@ export default { ...@@ -262,6 +268,18 @@ export default {
return rows return rows
}, },
// this is used to configure the table with all the filtered timeslots
notesTableArrayFields() {
return [
{ key: 'thumbnail', label: '', class: 'align-middle tw-w-16' },
{ key: 'title', label: this.$t('emissionTable.title'), class: 'align-middle' },
{ key: 'starts', label: this.$t('emissionTable.start'), class: 'align-middle' },
{ key: 'duration', label: this.$t('emissionTable.duration'), class: 'align-middle' },
{ key: 'playlist', label: this.$t('emissionTable.playlist'), class: 'align-middle' },
{ key: 'options', label: this.$t('emissionTable.actions'), class: 'align-middle' },
]
},
...mapGetters({ ...mapGetters({
selectedShow: 'shows/selectedShow', selectedShow: 'shows/selectedShow',
timeslots: 'shows/timeslots', timeslots: 'shows/timeslots',
......
export default { export default {
'helloWorld': 'Hallo, Welt', 'helloWorld': 'Hallo, Welt',
// Pages
'home': {
'welcome': 'Willkommen im Dashboard'
},
// Layout
'settings': 'Einstellungen', 'settings': 'Einstellungen',
'profile': 'Profil', 'profile': 'Profil',
'auth': { 'auth': {
'signOut': 'Abmelden', 'signOut': 'Abmelden',
'signIn': 'Anmelden' 'signIn': 'Anmelden'
}, },
'navigation': { 'navigation': {
'home': 'Home', 'home': 'Home',
'shows': 'Sendungen', 'shows': 'Sendungen',
'filesPlaylists': 'Dateien & Playlists', 'filesPlaylists': 'Dateien & Playlists',
'calendar': 'Kalender', 'calendar': 'Kalender',
}, },
'home': {
'welcome': 'Willkommen im Dashboard'
},
'footer': { 'footer': {
'tagline': 'Alles was Du für ein freies Radio brauchst .. fast .. wir arbeiten dran!' 'tagline': 'Alles was Du für ein freies Radio brauchst .. fast .. wir arbeiten dran!'
},
// Specific components
'emissionTable': {
'title': 'Ausstrahlungstitel',
'start': 'Start der Ausstrahlung',
'duration': 'Dauer',
'playlist': 'Playlist',
'actions': 'Aktionen',
} }
} }
export default { export default {
'helloWorld': 'Hello, World', 'helloWorld': 'Hello, World',
// Pages
'home': {
'welcome': 'Welcome to the dashboard!'
},
// Layout
'settings': 'Settings', 'settings': 'Settings',
'profile': 'Profile', 'profile': 'Profile',
'auth': { 'auth': {
'signOut': 'Sign out', 'signOut': 'Sign out',
'signIn': 'Sign in' 'signIn': 'Sign in'
}, },
'navigation': { 'navigation': {
'home': 'Home', 'home': 'Home',
'shows': 'Shows', 'shows': 'Shows',
'filesPlaylists': 'Files & Playlists', 'filesPlaylists': 'Files & Playlists',
'calendar': 'Calendar', 'calendar': 'Calendar',
}, },
'home': {
'welcome': 'Welcome to the dashboard!'
},
'footer': { 'footer': {
'tagline': 'All the UI you need to run a community radio ... almost ... working on it!' 'tagline': 'All the UI you need to run a community radio ... almost ... working on it!'
},
// Specific components
'emissionTable': {
'title': 'Title of emission',
'start': 'Emission start',
'duration': 'Duration',
'playlist': 'Playlist',
'actions': 'Actions',
} }
} }
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