comparison 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
comparison
equal deleted inserted replaced
1528:5874cedd7f91 1529:a679f765d7b0
8 <span @click="closeDetailview" class="closebutton"> 8 <span @click="closeDetailview" class="closebutton">
9 <font-awesome-icon icon="times"></font-awesome-icon> 9 <font-awesome-icon icon="times"></font-awesome-icon>
10 </span> 10 </span>
11 </h6> 11 </h6>
12 <div class="card-body"> 12 <div class="card-body">
13 <h1>lalala</h1> 13 <form @submit.prevent="save" class="ml-3">
14 <form @submit.prevent="save" class="ml-3"></form> 14 <small class="text-muted"> <translate>Imports</translate> </small>
15 <select v-model="import_" class="custom-select" id="depthreference">
16 <option
17 v-for="option in this.$options.depthReferenceOptions"
18 :key="option"
19 >{{ option }}</option
20 >
21 </select>
22 </form>
15 </div> 23 </div>
16 </div> 24 </div>
17 </div> 25 </div>
18 </template> 26 </template>
19 27
20 <script> 28 <script>
21 import { mapState } from "vuex"; 29 import { mapState } from "vuex";
22 30
23 export default { 31 export default {
24 name: "importscheduledetail", 32 name: "importscheduledetail",
33 data() {
34 return {
35 import_: null
36 };
37 },
25 computed: { 38 computed: {
26 ...mapState("imports", ["importScheduleDetailVisible"]) 39 ...mapState("imports", ["importScheduleDetailVisible"])
27 }, 40 },
28 methods: { 41 methods: {
29 closeDetailview() { 42 closeDetailview() {
34 }; 47 };
35 </script> 48 </script>
36 49
37 <style lang="scss" scoped> 50 <style lang="scss" scoped>
38 .importscheduledetails { 51 .importscheduledetails {
52 width: 45%;
39 margin-top: $offset; 53 margin-top: $offset;
40 margin-left: $offset; 54 margin-left: $offset;
55 margin-right: $offset;
41 } 56 }
42 </style> 57 </style>