Merge pull request #815 from dod-ccpo/add-new-env-app-settings

Add New Environment via app settings

templates/fragments/applications/add_new_environment.html

@@ -0,0 +1,42 @@
+{% from "components/alert.html" import Alert %}
+{% from 'components/save_button.html' import SaveButton %}
+{% from "components/text_input.html" import TextInput %}
+
+<new-environment inline-template>
+  <div>
+    <div v-if="open">
+      <form method='POST' id="add-new-env" action='{{ url_for("applications.new_environment", application_id=application.id) }}' autocomplete="off" enctype="multipart/form-data">
+        {{ new_env_form.csrf_token }}
+
+        <div class="accordion-table__item-content new-env">
+          {{ Alert(
+            title=("portfolios.applications.create_new_env" | translate),
+            message=("portfolios.applications.create_new_env_info" | translate )
+          ) }}
+          <div class="h4">{{ "portfolios.applications.enter_env_name" | translate }}</div>
+            {{ TextInput(new_env_form.name, label="", validation="requiredField") }}
+        </div>
+        <div class="panel__footer">
+          <div class="action-group">
+            <div class='action-group-cancel'>
+              <a class='action-group-cancel__action icon-link icon-link--default' v-on:click="toggle">
+                {{ "common.cancel" | translate }}
+              </a>
+              {{ SaveButton(text=('common.save' | translate), element="input", form="add-new-env") }}
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+
+    <div v-else class="panel__footer">
+      <div class="action-group">
+        <a class='icon-link' v-on:click="toggle">
+          {{ "portfolios.applications.add_environment" | translate }}
+          {{ Icon('plus') }}
+        </a>
+      </div>
+    </div>
+  </div>
+</new-environment>
+

templates/fragments/applications/edit_environments.html

@@ -115,10 +115,10 @@
 
           {{
             DeleteConfirmation(
-              modal_id=delete_modal_environment_id,
+              modal_id=delete_environment_modal_id,
               delete_text=('portfolios.applications.environments.delete.button' | translate),
               delete_action= url_for('applications.delete_environment', environment_id=env['id']),
-              form=form
+              form=edit_form
             )
           }}
         {% endcall %}
@@ -126,11 +126,3 @@
     </ul>
   </div>
 </div>
-<div class="panel__footer">
-  <div class="action-group">
-    <a class='icon-link'>
-      {{ "portfolios.applications.add_environment" | translate }}
-      {{ Icon('plus') }}
-    </a>
-  </div>
-</div>

templates/fragments/applications/edit_team.html

@@ -1,4 +1,5 @@
 {% from "components/options_input.html" import OptionsInput %}
+{% from "components/toggle_list.html" import ToggleButton, ToggleSection %}
 
 {{ team_form.csrf_token }}