Streamline form handling

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

@@ -1,6 +1,7 @@
 <template>
     <div id="myep-main" v-show="!loading">
         <h1>Mein Profil</h1>
+        <form @submit.prevent="saveSelections()">
             <div class="row">
                 <div class="col-xs-12 col-md-6">
                     <template v-for="selectionGroup in this.crmData.selectionGroups"
@@ -10,7 +11,7 @@
                              v-if="selection.changeable === true">
                             <label :class="{ disabled: !selection.changeable}">
                                 <input type="checkbox" class="form-control" v-model="selection.value"
-                                   :disabled="!selection.changeable" @change="saveSelections()"/>
+                                       :disabled="!selection.changeable"/>
                                 <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                                 {{ selection.name }}
                             </label>
@@ -22,14 +23,23 @@
                          v-if="action.changeable === true">
                         <label :class="{ disabled: !action.changeable}">
                             <input type="checkbox" class="form-control"
-                               v-model="action.value" :disabled="!action.changeable"
+                                   v-model="action.value" :disabled="!action.changeable"/>
-                               @change="saveSelections()"/>
                             <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                             {{ action.name }}
                         </label>
                     </div>
                 </div>
             </div>
+            <div class="row">
+                <div class="col-xs-12">
+                    <div class="form-group">
+                        <button type="submit" class="button" :disabled="loading">
+                            Speichern
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </form>
     </div>
 </template>
 

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

@@ -1,7 +1,7 @@
 <template>
     <div class="form-wrapper form--border" id="myep-main" v-show="!loading">
         <h1>Teamer</h1>
-        <form @submit="saveTeamerData()">
+        <form @submit.prevent="saveTeamerData()">
             <div class="row">
                 <div class="col-xs-12 col-md-6">
                     <h4>Fährst du Ski oder Board?</h4>