Simplify code

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

@@ -19,8 +19,7 @@
                     </template>
                 </div>
                 <div class="col-xs-12 col-md-6">
-                    <div class="checkbox" v-for="action in crmData.actions"
+                    <div class="checkbox" v-for="action in crmData.actions" v-if="action.changeable === true">
-                         v-if="action.changeable === true">
                         <label :class="{ disabled: !action.changeable}">
                             <input type="checkbox" class="form-control"
                                    v-model="action.value" :disabled="!action.changeable"/>
@@ -56,18 +55,6 @@
             }
         },
         created () {
-            this.load()
-        },
-        methods: {
-            ...mapMutations(['beginLoading', 'endLoading', 'alert']),
-            getClient () {
-                return axios.create({
-                    headers: {
-                        'Authorization': 'Bearer ' + this.authToken
-                    }
-                });
-            },
-            load () {
             this.beginLoading();
 
             return this.getClient().get('/api/crm-selections')
@@ -82,6 +69,15 @@
                     this.endLoading()
                 });
         },
+        methods: {
+            ...mapMutations(['beginLoading', 'endLoading', 'alert']),
+            getClient () {
+                return axios.create({
+                    headers: {
+                        'Authorization': 'Bearer ' + this.authToken
+                    }
+                });
+            },
             save () {
                 this.beginLoading();
 

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

@@ -61,11 +61,6 @@
 			}
         },
         created () {
-            this.load()
-        },
-        methods: {
-            ...mapMutations(['beginLoading', 'endLoading', 'alert']),
-            load () {
             this.beginLoading();
 
             const client = axios.create({
@@ -86,6 +81,8 @@
                     this.endLoading();
                 });
         },
+        methods: {
+            ...mapMutations(['beginLoading', 'endLoading', 'alert']),
             formatBookingDate (date) {
                 if (!date) {
                     return '-'

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

@@ -60,9 +60,13 @@
                             {{ timeFrame | period }}
                         </label>
                     </div>
-                    <form-checkbox :value.sync="userData.monthLong">
+                    <div class="checkbox">
+                        <label>
+                            <input type="checkbox" class="form-control" v-model="userData.monthLong"/>
+                            <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                             Ich habe Zeit und würde gerne über einen Monat am Stück in eine Destination.
-                    </form-checkbox>
+                        </label>
+                    </div>
                 </div>
             </div>
             <div class="row">
@@ -84,12 +88,10 @@
     import dayjs from 'dayjs'
     import 'dayjs/locale/de'
     import FormGroup from './components/FormGroup';
-    import FormCheckbox from './components/FormCheckbox';
 
     export default {
         components: {
-            FormGroup,
+            FormGroup
-            FormCheckbox
         },
         data () {
             return {
@@ -112,19 +114,6 @@
                     }
                 });
             },
-            load () {
-                this.beginLoading();
-
-                return this.getClient().get('/api/teamer-data')
-                    .then(response => {
-                        this.abilities = response.data.abilities;
-                        this.timeFrames = response.data.timeFrames;
-                        this.jobProfiles = response.data.jobProfiles;
-                    }).catch(error => {
-                    }).finally(() => {
-                        this.endLoading();
-                    });
-            },
             save () {
                 const data = {
                     abilities: this.userData.abilities,
@@ -156,7 +145,17 @@
             }
         },
         created () {
-            this.load()
+            this.beginLoading();
+
+            return this.getClient().get('/api/teamer-data')
+                .then(response => {
+                    this.abilities = response.data.abilities;
+                    this.timeFrames = response.data.timeFrames;
+                    this.jobProfiles = response.data.jobProfiles;
+                }).catch(error => {
+                }).finally(() => {
+                    this.endLoading();
+                });
         },
         computed: {
             ...mapState(['userData', 'loading', 'authToken'])