WIP Migrate MyEP vue app

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_myep.js

@@ -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');
+    },
+});

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue

@@ -116,10 +116,10 @@
 <script>
     import dayjs from 'dayjs'
     import 'dayjs/locale/de'
-    import 'flatpickr';
+    import 'flatpickr'
-    import { German } from 'flatpickr/dist/l10n/de';
+    import { German } from 'flatpickr/dist/l10n/de'
-    import Vue from 'vue';
+    import Vue from 'vue'
-    import axios from 'axios';
+    import axios from 'axios'
 
     export default {
         props: {

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue

@@ -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: {

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue

@@ -35,8 +35,8 @@
 
 <script>
     import { mapGetters, mapState } from 'vuex'
-    import store from '../store'
+    import store from './store'
-    import router from '../router'
+    import router from './router'
 
     export default {
         store,

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/BookingEdit.vue

@@ -141,20 +141,20 @@
     import Vue from 'vue'
     import VueScrollTo from 'vue-scrollto'
     import AccommodationSelect from './components/AccommodationSelect'
-    import ContingentsOverview from './components/ContingentsOverview';
+    import ContingentsOverview from './components/ContingentsOverview'
-    import MutableFields from './components/MutableFields';
+    import MutableFields from './components/MutableFields'
-    import Panel from './components/Panel';
+    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 ServicesOverview from './components/ServicesOverview'
-    import TransportationSelect from './components/TransportationSelect';
+    import TransportationSelect from './components/TransportationSelect'
 
-    import authenticatedClient from '../api';
+    import authenticatedClient from './api'
-    import {mapGetters, mapMutations, mapState} from 'vuex';
+    import {mapGetters, mapMutations, mapState} from 'vuex'
 
     Vue.use(VueScrollTo)
 

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue

@@ -44,7 +44,7 @@
 
 <script>
     import { mapState, mapMutations } from 'vuex'
-    import authenticatedClient from '../api'
+    import authenticatedClient from './api'
 
     export default {
         data () {

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue

@@ -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'
 

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue

@@ -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},

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Newsletter.vue

@@ -16,7 +16,7 @@
 
 <script>
     import { mapState, mapMutations } from 'vuex'
-    import authenticatedClient from "../api";
+    import authenticatedClient from './api'
 
 	export default {
         methods: {

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue

@@ -50,7 +50,7 @@
 
 <script>
     import { mapState, mapMutations } from 'vuex'
-    import FormGroup from './components/FormGroup';
+    import FormGroup from './components/FormGroup'
 
 	export default {
 	    components: {

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Teamer.vue

@@ -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: {

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/MutableFields.vue

@@ -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>

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantDataForm.vue

@@ -53,12 +53,3 @@
         }
     }
 </script>
-
-<style lang="scss" scoped>
-    .form-control {
-        margin-bottom: 2px;
-    }
-    .dropdown-menu {
-        padding: 5px;
-    }
-</style>

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue

@@ -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>

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/TransportationSelect.vue

@@ -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>