WIP Migrate MyEP vue app

2021-07-29 09:27:00 +02:00
parent 380a18357f
commit 573c240143
18 changed files with 36 additions and 62 deletions
@@ -0,0 +1,14 @@
+// Initialize vue apps
+import Vue from 'vue'
+import store from './myep/store'
+
+new Vue({
+    el: '#myep',
+    store,
+    components: {
+        MyEp: () => import('./myep/App.vue'),
+    },
+    created () {
+        this.$store.dispatch('init');
+    },
+});
@@ -116,10 +116,10 @@
 <script>
    import dayjs from 'dayjs'
    import 'dayjs/locale/de'
-    import 'flatpickr';
-    import { German } from 'flatpickr/dist/l10n/de';
-    import Vue from 'vue';
-    import axios from 'axios';
+    import 'flatpickr'
+    import { German } from 'flatpickr/dist/l10n/de'
+    import Vue from 'vue'
+    import axios from 'axios'

    export default {
        props: {
@@ -68,7 +68,7 @@
    import flatpickr from 'flatpickr'
    import { German } from 'flatpickr/dist/l10n/de'
    import FormGroup from './components/FormGroup'
-    import authenticatedClient from "../api";
+    import authenticatedClient from './api'

 	export default {
 	    components: {
@@ -35,8 +35,8 @@

 <script>
    import { mapGetters, mapState } from 'vuex'
-    import store from '../store'
-    import router from '../router'
+    import store from './store'
+    import router from './router'

    export default {
        store,
@@ -141,20 +141,20 @@
    import Vue from 'vue'
    import VueScrollTo from 'vue-scrollto'
    import AccommodationSelect from './components/AccommodationSelect'
-    import ContingentsOverview from './components/ContingentsOverview';
-    import MutableFields from './components/MutableFields';
-    import Panel from './components/Panel';
+    import ContingentsOverview from './components/ContingentsOverview'
+    import MutableFields from './components/MutableFields'
+    import Panel from './components/Panel'
    import CollapsiblePanel from './components/CollapsiblePanel'
    import ParticipantAddressForm from './components/ParticipantAddressForm'
    import ParticipantDataForm from './components/ParticipantDataForm'
    import ParticipantSizesForm from './components/ParticipantSizesForm'
    import PickupSelect from './components/PickupSelect'
    import ServiceSelect from './components/ServiceSelect'
-    import ServicesOverview from './components/ServicesOverview';
-    import TransportationSelect from './components/TransportationSelect';
+    import ServicesOverview from './components/ServicesOverview'
+    import TransportationSelect from './components/TransportationSelect'

-    import authenticatedClient from '../api';
-    import {mapGetters, mapMutations, mapState} from 'vuex';
+    import authenticatedClient from './api'
+    import {mapGetters, mapMutations, mapState} from 'vuex'

    Vue.use(VueScrollTo)

@@ -44,7 +44,7 @@

 <script>
    import { mapState, mapMutations } from 'vuex'
-    import authenticatedClient from '../api'
+    import authenticatedClient from './api'

    export default {
        data () {
@@ -44,7 +44,7 @@

 <script>
 import {mapState, mapMutations, mapGetters} from 'vuex'
-    import authenticatedClient from "../api";
+    import authenticatedClient from './api'
    import dayjs from 'dayjs'
    import 'dayjs/locale/de'

@@ -44,7 +44,7 @@

 <script>
    import { mapState, mapGetters, mapMutations } from 'vuex'
-    import FormGroup from "./components/FormGroup";
+    import FormGroup from './components/FormGroup'

 	export default {
        components: {FormGroup},
@@ -16,7 +16,7 @@

 <script>
    import { mapState, mapMutations } from 'vuex'
-    import authenticatedClient from "../api";
+    import authenticatedClient from './api'

 	export default {
        methods: {
@@ -50,7 +50,7 @@

 <script>
    import { mapState, mapMutations } from 'vuex'
-    import FormGroup from './components/FormGroup';
+    import FormGroup from './components/FormGroup'

 	export default {
 	    components: {
@@ -84,10 +84,10 @@

 <script>
    import { mapState, mapMutations } from 'vuex'
-    import authenticatedClient from "../api";
+    import authenticatedClient from './api'
    import dayjs from 'dayjs'
    import 'dayjs/locale/de'
-    import FormGroup from './components/FormGroup';
+    import FormGroup from './components/FormGroup'

    export default {
        components: {
@@ -1,6 +1,6 @@
 <template>
    <panel title="Änderungen möglich bis" :body="true">
-        <table class="table table-condensed">
+        <table class="table table-condensed mb-0">
            <colgroup>
                <col style="width: 75%">
                <col style="width: 25%">
@@ -67,9 +67,3 @@
        }
    }
 </script>
-
-<style lang="scss" scoped>
-    .table-condensed {
-        margin-bottom: 0;
-    }
-</style>
@@ -53,12 +53,3 @@
        }
    }
 </script>
-
-<style lang="scss" scoped>
-    .form-control {
-        margin-bottom: 2px;
-    }
-    .dropdown-menu {
-        padding: 5px;
-    }
-</style>
@@ -21,8 +21,6 @@
 </template>

 <script>
-    import 'bootstrap-sass/assets/javascripts/bootstrap/dropdown'
-
    export default {
        name: 'PickupSelect',
        props: {
@@ -47,13 +45,3 @@
        }
    }
 </script>
-
-<style lang="scss" scoped>
-    .dropdown {
-        margin: 0 2px 2px 0;
-    }
-    .dropdown-menu {
-        padding: 5px;
-        min-width: 300px;
-    }
-</style>
@@ -50,16 +50,3 @@
        }
    }
 </script>
-
-<style lang="scss" scoped>
-    .dropdown {
-        margin: 0 2px 2px 0;
-    }
-    .form-check-label {
-        white-space: nowrap;
-    }
-    .dropdown-menu {
-        padding: 5px;
-        min-width: 300px;
-    }
-</style>