add functional tabs

Author: runnabro

client/directives/components/newContainer/forms/configureNewServiceView.jade

@@ -1,5 +1,6 @@
 header.grid-block.vertical.align-center.modal-header(
   ng-if = "$root.featureFlags.composeEditing"
+  ng-init = "state.selectedTab = 'compose'"
 )
   .container-title-wrapper
     .server-status-card-pop-over.no-touching
@@ -12,20 +13,28 @@ header.grid-block.vertical.align-center.modal-header(
     )
 
   .row.modal-tabs.tabs-all.grid-block.clearfix
-    button.btn.btn-radio.grid-block.vertical
+    button.btn.btn-radio.grid-block.vertical(
+      ng-class = "{'active': state.selectedTab === 'compose'}"
+      ng-click = "state.selectedTab = 'compose'"
+    )
       svg.iconnables.grid-content
         use(
           xlink:href = "#icons-compose"
         )
       .btn-text.grid-content Compose Files
-    button.btn.btn-radio.grid-block.vertical
+    button.btn.btn-radio.grid-block.vertical(
+      ng-class = "{'active': state.selectedTab === 'env'}"
+      ng-click = "state.selectedTab = 'env'"
+    )
       svg.iconnables.grid-content
         use(
           xlink:href = "#icons-environment-variable"
         )
       .btn-text.grid-content Environment Variables
 
-section.grid-block.vertical.modal-body
+section.grid-block.vertical.modal-body(
+  ng-init = "state.selectedTab = 'compose'"
+)
 
   svg.iconnables.icons-close(
     ng-click = "NCC.close()"
@@ -35,7 +44,9 @@ section.grid-block.vertical.modal-body
       xlink:href = "#icons-close"
     )
 
-  .grid-block.vertical.modal-form.no-border
+  .grid-block.vertical.modal-form.no-border(
+    ng-if = "state.selectedTab === 'compose'"
+  )
     .label-tabs.grid-block(
       ng-if = "!$root.featureFlags.composeEditing"
     )
@@ -112,6 +123,12 @@ section.grid-block.vertical.modal-body
       state = "NCC.state"
     )
 
+  .modal-form(
+    ng-form = "envVarForm"
+    ng-include = "'viewFormEnvironmentVariables'"
+    ng-if = "state.selectedTab === 'env'"
+  )
+
 footer.modal-footer.clearfix
   button.btn.btn-md.gray.btn-cancel.float-left(
     ng-click = "NCC.close()"