Use new-environment component to toggle

- Moves the form to the innermost place it can go

js/components/forms/new_environment.js

@@ -0,0 +1,24 @@
+import FormMixin from '../../mixins/form'
+import textinput from '../text_input'
+
+export default {
+  name: 'new-environment',
+
+  mixins: [FormMixin],
+
+  components: {
+    textinput,
+  },
+
+  data: function() {
+    return {
+      open: false,
+    }
+  },
+
+  methods: {
+    toggle: function() {
+      this.open = !this.open
+    },
+  },
+}

js/index.js

@@ -38,6 +38,7 @@ import SidenavToggler from './components/sidenav_toggler'
 import KoReview from './components/forms/ko_review'
 import BaseForm from './components/forms/base_form'
 import DeleteConfirmation from './components/delete_confirmation'
+import NewEnvironment from './components/forms/new_environment'
 
 Vue.config.productionTip = false
 
@@ -78,6 +79,7 @@ const app = new Vue({
     BaseForm,
     DeleteConfirmation,
     nestedcheckboxinput,
+    NewEnvironment,
   },
 
   mounted: function() {