pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling new project form

Browse Source
This commit is contained in:
richard-dds 2018-08-23 10:33:40 -04:00
parent dd80b9c558
commit 2daad4d057
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
templates/workspace_project_new.html
View File

@ -34,14 +34,22 @@
</header>
<ul>
<li v-for="(environment, i) in environments" class="block-list__item">
{{ form.environment_names.label }}
<textarea :name="'environment_names-' + i" :id="'environment_names-' + i" v-model="environment.name"></textarea>
<span class="icon-link icon-link--danger icon-link--vertical" v-on:click="removeEnvironment(i)">{{ Icon('x') }} Remove</span>
<li v-for="(environment, i) in environments" class="block-list__item project-edit__env-list-item">
<div class="usa-input">
<label :for="'environment_names-' + i">Environment Name</span>
<input type="text" :name="'environment_names-' + i" :id="'environment_names-' + i" v-model="environment.name"></input>
</div>
<button v-on:click="removeEnvironment(i)" type="button" class='project-edit__env-list-item__remover'>
{{ Icon('trash') }}
<span>Remove</span>
</button>
</li>
</ul>
{{ form.environment_names.errors }}
{% for error in form.environment_names.errors %}
<span>{{ error }}</span>
{% endfor %}
<div class="block-list__footer">
<a v-on:click="addEnvironment" class="icon-link">Add another environment</a>
</div>