2c34650ceb
Requests can now: - be entered with recurrence - be updated with recurrence - manually skip recurrence period Also did an app-wide clean-up to ensure that everything is done the same way in all places
60 lines
1.4 KiB
Vue
60 lines
1.4 KiB
Vue
<template lang="pug">
|
|
article.mpj-main-content(role='main')
|
|
page-title(title='Active Requests')
|
|
div(v-if='loaded').mpj-request-list
|
|
p.mpj-text-center(v-if='requests.length === 0'): em.
|
|
No active requests found; return to #[router-link(:to='{ name: "Journal" } ') your journal]
|
|
request-list-item(v-for='req in requests'
|
|
:key='req.requestId'
|
|
:request='req'
|
|
:toast='toast')
|
|
p(v-else) Loading journal...
|
|
</template>
|
|
|
|
<script>
|
|
'use strict'
|
|
|
|
import { mapState } from 'vuex'
|
|
|
|
import RequestListItem from '@/components/request/RequestListItem'
|
|
|
|
import actions from '@/store/action-types'
|
|
|
|
export default {
|
|
name: 'active-requests',
|
|
components: {
|
|
RequestListItem
|
|
},
|
|
data () {
|
|
return {
|
|
requests: [],
|
|
loaded: false
|
|
}
|
|
},
|
|
computed: {
|
|
toast () {
|
|
return this.$parent.$refs.toast
|
|
},
|
|
...mapState(['journal', 'isLoadingJournal'])
|
|
},
|
|
created () {
|
|
this.$on('requestUnsnoozed', this.ensureJournal)
|
|
this.$on('requestNowShown', this.ensureJournal)
|
|
},
|
|
methods: {
|
|
async ensureJournal () {
|
|
if (!Array.isArray(this.journal)) {
|
|
this.loaded = false
|
|
await this.$store.dispatch(actions.LOAD_JOURNAL, this.$Progress)
|
|
}
|
|
this.requests = this.journal
|
|
.sort((a, b) => a.showAfter - b.showAfter)
|
|
this.loaded = true
|
|
}
|
|
},
|
|
async mounted () {
|
|
await this.ensureJournal()
|
|
}
|
|
}
|
|
</script>
|