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

Add placeholder features

parent 2a67c3d8
......@@ -139,5 +139,6 @@ span.timeslotEditLink {
}
span.timeslotEditLink:hover {
color: #ad7fa8 !important;
cursor: pointer;
}
</style>
......@@ -139,6 +139,10 @@ export default {
},
noteImage() {
if (!this.note.image) {
return '';
}
return this.note.image.includes('http')
? this.note.image
: process.env.VUE_APP_BASEURI_STEERING + this.note.image
......@@ -269,6 +273,7 @@ export default {
}
this.timeslotID = timeslotID
this.scheduleID = scheduleID
this.$refs.modalNote.show()
}
}
......
......@@ -95,7 +95,7 @@
hover
outlined
:fields="notesTableArrayFields"
:items="notesTableArray"
:items="notesTableArray.reverse()"
>
<template v-slot:cell(thumbnail)="data">
<div
......@@ -117,6 +117,10 @@
<template v-slot:cell(duration)="data">
{{ data.value }}
</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
with the displayed timeslot -->
<template v-slot:cell(options)="data">
......@@ -145,14 +149,26 @@
alt="Open player"
title="Open player"
></span>
</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>
<span
class="timeslotEditLink"
@click="notYetImplemented()"
><img
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>
</b-table>
<b-pagination
v-if="timeslotmeta.count > timeslotmeta.perpage"
v-model="timeslotmeta.page"
align="center"
:total-rows="timeslotmeta.count"
......@@ -202,16 +218,6 @@ export default {
page: 1, // page indexes start at 1 for <b-pagination> components
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 {
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({
selectedShow: 'shows/selectedShow',
timeslots: 'shows/timeslots',
......
export default {
'helloWorld': 'Hallo, Welt',
// Pages
'home': {
'welcome': 'Willkommen im Dashboard'
},
// Layout
'settings': 'Einstellungen',
'profile': 'Profil',
'auth': {
'signOut': 'Abmelden',
'signIn': 'Anmelden'
},
'navigation': {
'home': 'Home',
'shows': 'Sendungen',
'filesPlaylists': 'Dateien & Playlists',
'calendar': 'Kalender',
},
'home': {
'welcome': 'Willkommen im Dashboard'
},
'footer': {
'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 {
'helloWorld': 'Hello, World',
// Pages
'home': {
'welcome': 'Welcome to the dashboard!'
},
// Layout
'settings': 'Settings',
'profile': 'Profile',
'auth': {
'signOut': 'Sign out',
'signIn': 'Sign in'
},
'navigation': {
'home': 'Home',
'shows': 'Shows',
'filesPlaylists': 'Files & Playlists',
'calendar': 'Calendar',
},
'home': {
'welcome': 'Welcome to the dashboard!'
},
'footer': {
'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