multi-step form modal with basic implementation for adding new member

js/components/forms/multi_step_modal_form.js

@@ -0,0 +1,43 @@
+import FormMixin from '../../mixins/form'
+import textinput from '../text_input'
+import optionsinput from '../options_input'
+import Selector from '../selector'
+import Modal from '../../mixins/modal'
+import toggler from '../toggler'
+
+export default {
+  name: 'multi-step-modal-form',
+
+  mixins: [FormMixin, Modal],
+
+  components: {
+    toggler,
+    Modal,
+    Selector,
+    textinput,
+    optionsinput,
+  },
+
+  props: {},
+
+  data: function() {
+    return {
+      step: 0,
+    }
+  },
+
+  mounted: function() {
+    return {}
+  },
+
+  methods: {
+    next: function() {
+      this.step += 1
+    },
+    goToStep: function(step) {
+      this.step = step
+    },
+  },
+
+  computed: {},
+}

js/index.js

@@ -18,6 +18,7 @@ import toggler from './components/toggler'
 import NewApplication from './components/forms/new_application'
 import EditEnvironmentRole from './components/forms/edit_environment_role'
 import EditApplicationRoles from './components/forms/edit_application_roles'
+import MultiStepModalForm from './components/forms/multi_step_modal_form'
 import funding from './components/forms/funding'
 import uploadinput from './components/upload_input'
 import Modal from './mixins/modal'
@@ -59,6 +60,7 @@ const app = new Vue({
     LocalDatetime,
     EditEnvironmentRole,
     EditApplicationRoles,
+    MultiStepModalForm,
     ConfirmationPopover,
     funding,
     uploadinput,