Add back expandable folders behavior

2 files changed, 13 insertions, 0 deletions

diff --git a/app/assets/javascripts/environments/components/environments_table.js b/app/assets/javascripts/environments/components/environments_table.js
index 338dff40bc9..486389973d3 100644
--- a/app/assets/javascripts/environments/components/environments_table.js
+++ b/app/assets/javascripts/environments/components/environments_table.js
@@ -53,6 +53,15 @@ export default {
             :can-create-deployment="canCreateDeployment"
             :can-read-environment="canReadEnvironment"
             :service="service"></tr>
+
+          <tr v-if="model.isOpen && model.children && model.children.length > 0"
+            is="environment-item"
+            v-for="children in model.children"
+            :model="children"
+            :toggleRow="toggleRow.bind(children)"
+            :can-create-deployment="canCreateDeploymentParsed"
+            :can-read-environment="canReadEnvironmentParsed"
+            :service="service"></tr>
         </template>
       </tbody>
     </table>
diff --git a/app/assets/javascripts/environments/stores/environments_store.js b/app/assets/javascripts/environments/stores/environments_store.js
index 3c3084f3b78..f05fe6e60ae 100644
--- a/app/assets/javascripts/environments/stores/environments_store.js
+++ b/app/assets/javascripts/environments/stores/environments_store.js
@@ -85,4 +85,8 @@ export default class EnvironmentsStore {
     this.state.stoppedCounter = count;
     return count;
   }
+
+  toggleRow(name) {
+
+  }
 }