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