Remove form mixin from toggler component

js/components/toggler.js

@@ -1,12 +1,10 @@
-import FormMixin from '../mixins/form'
 import optionsinput from './options_input'
 import textinput from './text_input'
+import BaseForm from './forms/base_form'
 
 export default {
   name: 'toggler',
 
-  mixins: [FormMixin],
-
   props: {
     initialSelectedSection: {
       type: String,
@@ -18,6 +16,7 @@ export default {
     optionsinput,
     textinput,
     optionsinput,
+    BaseForm,
     toggler: this,
   },
 

templates/applications/fragments/environments.html

@@ -78,6 +78,7 @@
                     {% call ToggleSection(section_name="edit") %}
                       <ul>
                         <li class="accordion-table__item-toggle-content__expanded">
+                          <base-form inline-template>
                             <form action="{{ url_for('applications.update_environment', environment_id=env['id']) }}" method="post" v-on:submit="handleSubmit">
                               {{ edit_form.csrf_token }}
                               {{ TextInput(edit_form.name, validation='requiredField', optional=False) }}
@@ -87,6 +88,7 @@
                                 )
                               }}
                             </form>
+                          </base-form>
                         </li>
                       </ul>
                     {% endcall %}