Releases page now shows last update's time.

This commit is contained in:
Kylart 2017-04-26 21:59:41 +02:00
parent 73f3fc8d58
commit a354abc8ef
1 changed files with 25 additions and 2 deletions

View File

@ -2,7 +2,10 @@
<v-container fluid class="container"> <v-container fluid class="container">
<div v-if="$store.state.releases.length"> <div v-if="$store.state.releases.length">
<v-row style="margin: 0 1% 0 1%;"> <v-row style="margin: 0 1% 0 1%;">
<v-col md8 sm6 xs0></v-col> <v-col md2 sm2 xs12 class="time-container">
<span class="update-time">Updated at: {{ lastUpdateTime }}</span>
</v-col>
<v-col md6 sm3 xs0></v-col>
<v-col md2 sm3 xs12> <v-col md2 sm3 xs12>
<v-select <v-select
class="select" class="select"
@ -138,6 +141,7 @@
export default { export default {
data () { data () {
return { return {
lastUpdateTime: (new Date()).toLocaleTimeString(),
modal: false, modal: false,
modalTitle: '', modalTitle: '',
modalText: '', modalText: '',
@ -151,6 +155,16 @@
qualityList: ['480p', '720p', '1080p'] qualityList: ['480p', '720p', '1080p']
} }
}, },
computed: {
releases: function () {
return this.$store.state.releases
}
},
watch: {
releases: function () {
this.lastUpdateTime = (new Date()).toLocaleTimeString()
}
},
components: { components: {
Loader Loader
}, },
@ -226,9 +240,18 @@
height: 2.5rem; height: 2.5rem;
} }
.container .time-container
{ {
align-self: center;
}
.update-time
{
padding-left: 20px;
color: rgba(255, 255, 255, 0.8);
font-weight: 600;
font-size: 16px;
font-style: italic;
} }
.elem .elem