Add collapsible text component

js/components/semi_collapsible_text.js

@@ -0,0 +1,15 @@
+export default {
+  name: 'semi-collapsible-text',
+
+  data: function() {
+    return {
+      open: false,
+    }
+  },
+
+  methods: {
+    toggle: function() {
+      this.open = !this.open
+    },
+  },
+}

js/index.js

@@ -40,6 +40,7 @@ import BaseForm from './components/forms/base_form'
 import DeleteConfirmation from './components/delete_confirmation'
 import NewEnvironment from './components/forms/new_environment'
 import EnvironmentRole from './components/environment_role'
+import SemiCollapsibleText from './components/semi_collapsible_text'
 
 Vue.config.productionTip = false
 
@@ -82,6 +83,7 @@ const app = new Vue({
     nestedcheckboxinput,
     NewEnvironment,
     EnvironmentRole,
+    SemiCollapsibleText,
   },
 
   mounted: function() {