4f8cbc2b68
Templates and fragments that relate to specific resources (portfolios, applications, task orders) should reside in directories named for the relevant resource. This also matches the way the application routes are distributed among modules named for each resource type.
73 lines
3.0 KiB
HTML
73 lines
3.0 KiB
HTML
{% extends "applications/base.html" %}
|
|
|
|
{% from "components/alert.html" import Alert %}
|
|
{% from "components/icon.html" import Icon %}
|
|
{% from "components/modal.html" import Modal %}
|
|
{% from 'components/save_button.html' import SaveButton %}
|
|
|
|
{% set secondary_breadcrumb = 'portfolios.applications.new_application_title' | translate %}
|
|
|
|
{% block application_content %}
|
|
|
|
{% set modalName = "newApplicationConfirmation" %}
|
|
{% include "fragments/flash.html" %}
|
|
|
|
<div class='subheading'>{{ 'portfolios.applications.settings_heading' | translate }}</div>
|
|
<application-environments inline-template v-bind:initial-data='{{ form.data|tojson }}'>
|
|
<form method="POST" action="{{ url_for('applications.view_new_application_step_2', portfolio_id=portfolio.id, application_id=application_id) }}" v-on:submit="handleSubmit">
|
|
<div class="panel">
|
|
<div class="panel__content">
|
|
{{ form.csrf_token }}
|
|
<div> {# this extra div prevents this bug: https://www.pivotaltracker.com/story/show/160768940 #}
|
|
<div v-cloak v-for="title in errors" :key="title">
|
|
{{ Alert(message=None, level="error", vue_template=True) }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="application-list-item">
|
|
<header>
|
|
<h2 class="block-list__title">{{ 'portfolios.applications.environments_heading' | translate }}</h2>
|
|
<p>
|
|
{{ 'portfolios.applications.environments_description' | translate }}
|
|
</p>
|
|
</header>
|
|
|
|
<ul>
|
|
<li v-for="(environment, i) in environments" class="application-edit__env-list-item">
|
|
<div class="usa-input">
|
|
<label :for="'environment_names-' + i">Environment Name</label>
|
|
<input type="text" :id="'environment_names-' + i" v-model="environment.name" @input="onInput" placeholder="e.g. Development, Staging, Production"/> <input type="hidden" :name="'environment_names-' + i" v-model="environment.name"/>
|
|
</div>
|
|
<div class="application-edit__env-list-item-block">
|
|
<button v-on:click="removeEnvironment(i)" v-if="environments.length > 1" type="button" class="application-edit__env-list-item__remover">
|
|
{{ Icon('trash') }}
|
|
<span>Remove</span>
|
|
</button>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="block-list__footer">
|
|
<button
|
|
v-on:click="addEnvironment"
|
|
class="icon-link"
|
|
tabindex="0"
|
|
type="button">
|
|
{{ 'portfolios.applications.add_another_environment' | translate }}
|
|
{{ Icon("plus") }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<span class="action-group">
|
|
{% block next_button %}
|
|
{{ SaveButton(text=('portfolios.applications.create_button_text' | translate)) }}
|
|
{% endblock %}
|
|
</span>
|
|
</form>
|
|
</application-environments>
|
|
|
|
{% endblock %}
|