You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.4 KiB
68 lines
1.4 KiB
5 years ago
|
<template>
|
||
|
|
<div>
|
||
|
|
<v-card
|
||
|
|
class="mx-auto"
|
||
|
|
>
|
||
|
|
<CourseForm
|
||
|
|
ref="updateForm"
|
||
|
|
v-if="item"
|
||
|
|
:values="item"
|
||
|
|
:errors="violations"
|
||
|
|
/>
|
||
|
|
<Loading :visible="isLoading || deleteLoading" />
|
||
|
|
<v-footer>
|
||
|
|
<Toolbar
|
||
|
|
:handle-submit="onSendForm"
|
||
|
|
:handle-reset="resetForm"
|
||
|
|
:handle-delete="del"
|
||
|
|
/>
|
||
|
|
</v-footer>
|
||
|
|
</v-card>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { mapActions, mapGetters } from 'vuex';
|
||
|
|
import { mapFields } from 'vuex-map-fields';
|
||
|
|
import CourseForm from '../../components/course/Form.vue';
|
||
|
|
import Loading from '../../components/Loading';
|
||
|
|
import Toolbar from '../../components/Toolbar';
|
||
|
|
import UpdateMixin from '../../mixins/UpdateMixin';
|
||
|
|
|
||
|
|
const servicePrefix = 'Course';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'CourseUpdate',
|
||
|
|
servicePrefix,
|
||
|
|
mixins: [UpdateMixin],
|
||
|
|
components: {
|
||
|
|
Loading,
|
||
|
|
Toolbar,
|
||
|
|
CourseForm
|
||
|
|
},
|
||
|
|
|
||
|
|
computed: {
|
||
|
|
...mapFields('course', {
|
||
|
|
deleteLoading: 'isLoading',
|
||
|
|
isLoading: 'isLoading',
|
||
|
|
error: 'error',
|
||
|
|
updated: 'updated',
|
||
|
|
violations: 'violations'
|
||
|
|
}),
|
||
|
|
...mapGetters('course', ['find'])
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
...mapActions('course', {
|
||
|
|
createReset: 'resetCreate',
|
||
|
|
deleteItem: 'del',
|
||
|
|
delReset: 'resetDelete',
|
||
|
|
retrieve: 'load',
|
||
|
|
update: 'update',
|
||
|
|
updateReset: 'resetUpdate'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|