Only show environment fields in form when a new project is created
This commit is contained in:
parent
25b84a4df6
commit
b9a2d667f6
@ -48,31 +48,33 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="block-list project-list-item">
|
{% if new_project %}
|
||||||
<header class="block-list__header block-list__header--grow">
|
<div class="block-list project-list-item">
|
||||||
<h2 class="block-list__title">Project Environments</h2>
|
<header class="block-list__header block-list__header--grow">
|
||||||
<p>
|
<h2 class="block-list__title">Project Environments</h2>
|
||||||
Each environment created within a project is an enclave of cloud resources that is logically separated from each other for increased security.
|
<p>
|
||||||
</p>
|
Each environment created within a project is an enclave of cloud resources that is logically separated from each other for increased security.
|
||||||
</header>
|
</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(environment, i) in environments" class="block-list__item project-edit__env-list-item">
|
<li v-for="(environment, i) in environments" class="block-list__item project-edit__env-list-item">
|
||||||
<div class="usa-input">
|
<div class="usa-input">
|
||||||
<label :for="'environment_names-' + i">Environment Name</label>
|
<label :for="'environment_names-' + i">Environment Name</label>
|
||||||
<input type="text" :name="'environment_names-' + i" :id="'environment_names-' + i" v-model="environment.name" placeholder="e.g. Development, Staging, Production">
|
<input type="text" :name="'environment_names-' + i" :id="'environment_names-' + i" v-model="environment.name" placeholder="e.g. Development, Staging, Production">
|
||||||
</div>
|
</div>
|
||||||
<button v-on:click="removeEnvironment(i)" v-if="environments.length > 1" type="button" class='project-edit__env-list-item__remover'>
|
<button v-on:click="removeEnvironment(i)" v-if="environments.length > 1" type="button" class='project-edit__env-list-item__remover'>
|
||||||
{{ Icon('trash') }}
|
{{ Icon('trash') }}
|
||||||
<span>Remove</span>
|
<span>Remove</span>
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div class="block-list__footer">
|
<div class="block-list__footer">
|
||||||
<button v-on:click="addEnvironment" class="icon-link" tabindex="0" type="button">Add another environment</button>
|
<button v-on:click="addEnvironment" class="icon-link" tabindex="0" type="button">Add another environment</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
{% endif %}
|
||||||
|
|
||||||
<div class="action-group">
|
<div class="action-group">
|
||||||
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ action_text }} Project</button>
|
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ action_text }} Project</button>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user