annotate client/src/components/admin/importschedule/Importscheduledetail.vue @ 1529:a679f765d7b0

layout
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 07 Dec 2018 12:26:26 +0100
parents 9b81ac91a43e
children 44e094330272
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1430
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
1 <template>
1455
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1430
diff changeset
2 <div class="importscheduledetails" v-if="importScheduleDetailVisible">
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1430
diff changeset
3 <div class="card shadow-xs">
1480
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1455
diff changeset
4 <h6
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1455
diff changeset
5 class="mb-0 py-2 px-3 border-bottom d-flex text-info align-items-center"
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1455
diff changeset
6 >
1455
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1430
diff changeset
7 <translate>New import</translate>
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1430
diff changeset
8 <span @click="closeDetailview" class="closebutton">
1430
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
9 <font-awesome-icon icon="times"></font-awesome-icon>
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
10 </span>
1455
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1430
diff changeset
11 </h6>
1430
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
12 <div class="card-body">
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
13 <form @submit.prevent="save" class="ml-3">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
14 <small class="text-muted"> <translate>Imports</translate> </small>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
15 <select v-model="import_" class="custom-select" id="depthreference">
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
16 <option
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
17 v-for="option in this.$options.depthReferenceOptions"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
18 :key="option"
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
19 >{{ option }}</option
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
20 >
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
21 </select>
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
22 </form>
1430
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
23 </div>
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
24 </div>
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
25 </div>
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
26 </template>
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
27
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
28 <script>
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
29 import { mapState } from "vuex";
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
30
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
31 export default {
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
32 name: "importscheduledetail",
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
33 data() {
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
34 return {
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
35 import_: null
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
36 };
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
37 },
1430
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
38 computed: {
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
39 ...mapState("imports", ["importScheduleDetailVisible"])
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
40 },
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
41 methods: {
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
42 closeDetailview() {
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
43 this.$store.commit("imports/clearImportScheduleDetail");
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
44 this.$store.commit("imports/setImportScheduleDetailInvisible");
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
45 }
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
46 }
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
47 };
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
48 </script>
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
49
1455
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1430
diff changeset
50 <style lang="scss" scoped>
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1430
diff changeset
51 .importscheduledetails {
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
52 width: 45%;
1455
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1430
diff changeset
53 margin-top: $offset;
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1430
diff changeset
54 margin-left: $offset;
1529
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
55 margin-right: $offset;
1455
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1430
diff changeset
56 }
1430
4e24c2db0bf5 automatic imports: added missing components
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
57 </style>