Only show environment fields in form when a new project is created

This commit is contained in:
leigh-mil 2018-10-15 14:03:13 -04:00
parent 25b84a4df6
commit b9a2d667f6

View File

@ -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>