From 573c24014355c21de351ffb52b699e4552023ef9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 29 Jul 2021 09:27:00 +0200
Subject: [PATCH] WIP Migrate MyEP vue app

---
 .../ep_theme/Resources/Private/Assets/js/_myep.js  | 14 ++++++++++++++
 .../Assets/js/components/GroupsPriceCalculator.vue |  8 ++++----
 .../Resources/Private/Assets/js/myep/Address.vue   |  2 +-
 .../Resources/Private/Assets/js/myep/App.vue       |  4 ++--
 .../Private/Assets/js/myep/BookingEdit.vue         | 14 +++++++-------
 .../Resources/Private/Assets/js/myep/CrmData.vue   |  2 +-
 .../Resources/Private/Assets/js/myep/Events.vue    |  2 +-
 .../Resources/Private/Assets/js/myep/Login.vue     |  2 +-
 .../Private/Assets/js/myep/Newsletter.vue          |  2 +-
 .../Private/Assets/js/myep/Registration.vue        |  2 +-
 .../Resources/Private/Assets/js/myep/Teamer.vue    |  4 ++--
 .../Private/Assets/js/{ => myep}/api/index.js      |  0
 .../Assets/js/myep/components/MutableFields.vue    |  8 +-------
 .../js/myep/components/ParticipantDataForm.vue     |  9 ---------
 .../Assets/js/myep/components/PickupSelect.vue     | 12 ------------
 .../js/myep/components/TransportationSelect.vue    | 13 -------------
 .../Private/Assets/js/{ => myep}/router/index.js   |  0
 .../Private/Assets/js/{ => myep}/store/index.js    |  0
 18 files changed, 36 insertions(+), 62 deletions(-)
 create mode 100644 public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_myep.js
 rename public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/{ => myep}/api/index.js (100%)
 rename public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/{ => myep}/router/index.js (100%)
 rename public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/{ => myep}/store/index.js (100%)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_myep.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_myep.js
new file mode 100644
index 00000000..0cab089e
--- /dev/null
+++ b/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');
+    },
+});
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue
index 42b5cf78..43363fc5 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue
+++ b/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 { 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: {
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue
index ec18070a..be342b1e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue
+++ b/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: {
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
index c83198bb..a03f36d4 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
+++ b/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 router from '../router'
+    import store from './store'
+    import router from './router'
 
     export default {
         store,
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/BookingEdit.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/BookingEdit.vue
index 7dc6e8c2..5e074f12 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/BookingEdit.vue
+++ b/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 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)
 
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue
index c1297ecd..d4d54cbc 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue
+++ b/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 () {
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
index 3f1f8c94..d6988783 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
+++ b/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'
 
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue
index f1460c01..0017534c 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue
+++ b/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},
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Newsletter.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Newsletter.vue
index 7c77b41a..317a8a71 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Newsletter.vue
+++ b/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: {
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue
index 6b78f6ca..225fd030 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue
+++ b/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: {
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Teamer.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Teamer.vue
index 6efdc352..13e8182d 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Teamer.vue
+++ b/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: {
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/api/index.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/api/index.js
similarity index 100%
rename from public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/api/index.js
rename to public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/api/index.js
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/MutableFields.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/MutableFields.vue
index 09099689..a5bdb175 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/MutableFields.vue
+++ b/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>
\ No newline at end of file
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantDataForm.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantDataForm.vue
index 0d78cc32..44476f3b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantDataForm.vue
+++ b/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>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue
index 941d593b..4edd8e39 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue
+++ b/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>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/TransportationSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/TransportationSelect.vue
index 7625328d..7b713640 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/TransportationSelect.vue
+++ b/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>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/router/index.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/router/index.js
similarity index 100%
rename from public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/router/index.js
rename to public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/router/index.js
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/store/index.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/store/index.js
similarity index 100%
rename from public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/store/index.js
rename to public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/store/index.js