Adding request works (mostly)
Everything works except adding the new request back to the list; this proof of concept is a go, and will be merged to master
This commit is contained in:
@@ -5,14 +5,19 @@
|
||||
template(v-if="!isLoadingJournal")
|
||||
new-request
|
||||
p journal has {{ journal.length }} entries
|
||||
request-list-item(v-for="request in journal" v-bind:request="request" v-bind:key="request.requestId")
|
||||
</template>
|
||||
|
||||
<script>
|
||||
'use strict'
|
||||
|
||||
import { mapState } from 'vuex'
|
||||
|
||||
import PageTitle from './PageTitle'
|
||||
import NewRequest from './request/NewRequest'
|
||||
import RequestListItem from './request/RequestListItem'
|
||||
|
||||
import * as actions from '@/store/action-types'
|
||||
import actions from '@/store/action-types'
|
||||
|
||||
export default {
|
||||
name: 'dashboard',
|
||||
@@ -22,7 +27,8 @@ export default {
|
||||
},
|
||||
components: {
|
||||
PageTitle,
|
||||
NewRequest
|
||||
NewRequest,
|
||||
RequestListItem
|
||||
},
|
||||
computed: {
|
||||
title () {
|
||||
|
||||
@@ -7,10 +7,14 @@
|
||||
el-input(type='textarea' v-model.trim='form.requestText' :rows='10')
|
||||
span.dialog-footer(slot='footer')
|
||||
el-button(@click='showNewVisible = false') Cancel
|
||||
el-button(type='primary' @click='showNewVisible = false') Confirm
|
||||
el-button(type='primary' @click='saveRequest()') Save
|
||||
</template>
|
||||
|
||||
<script>
|
||||
'use strict'
|
||||
|
||||
import actions from '@/store/action-types'
|
||||
|
||||
export default {
|
||||
name: 'new-request',
|
||||
data () {
|
||||
@@ -21,6 +25,12 @@ export default {
|
||||
},
|
||||
formLabelWidth: '120px'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
saveRequest: async function () {
|
||||
await this.$store.dispatch(actions.ADD_REQUEST, this.form.requestText)
|
||||
this.showNewVisible = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,15 @@
|
||||
<template lang="pug">
|
||||
div
|
||||
p Id {{ request.requestId }} as of {{ request.asOf }}
|
||||
p {{ request.text }}
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'request-list-item',
|
||||
props: ['request'],
|
||||
data: function () {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user