Refactor to work with vue 2 with just one root element

1 files changed, 24 insertions, 0 deletions

diff --git a/app/assets/javascripts/environments/stores/environments_store.js.es6 b/app/assets/javascripts/environments/stores/environments_store.js.es6
index b8fe25ef313..928786f0741 100644
--- a/app/assets/javascripts/environments/stores/environments_store.js.es6
+++ b/app/assets/javascripts/environments/stores/environments_store.js.es6
@@ -64,6 +64,8 @@
             acc.push({
               name: environment.environment_type,
               children: [environment],
+              isOpen: false,
+              'vue-isChildren': environment['vue-isChildren'],
             });
           }
         } else {
@@ -79,6 +81,28 @@
     },
 
     /**
+     * Toggles folder open property given the environment type.
+     *
+     * @param  {String} envType
+     * @return {Array}
+     */
+    toggleFolder(envType) {
+      const environments = this.state.environments;
+
+      const environmnetsCopy = environments.map((env) => {
+        if (env['vue-isChildren'] === true && env.name === envType) {
+          env.isOpen = !env.isOpen;
+        }
+
+        return env;
+      });
+
+      this.state.environments = environmnetsCopy;
+
+      return environmnetsCopy;
+    },
+
+    /**
      * Given an array of environments, returns the number of environments
      * that have the given state.
      *