From 880d40d5ece6ff43131df1f5253c9aa0f92fc3a3 Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Wed, 24 Oct 2018 16:37:19 -0400
Subject: [PATCH] Use hidden input to track environment names

Since we're using ally.js for modals, when the modal is open, other
elements are disabled. Since the form is submitted when the "Create"
button is clicked and browsers do not submit disabled form fields, the
form was not submitting environment names when creating a project.

This workaround creates hidden inputs to track the environment names.
Since they're hidden, they are not disabled by ally.js, so the fields
are properly submitted.

This should be the only form affected, since this is the only form
submitted via a modal button.
---
 templates/workspaces/projects/new.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/templates/workspaces/projects/new.html b/templates/workspaces/projects/new.html
index 9a83ae40..3de2650b 100644
--- a/templates/workspaces/projects/new.html
+++ b/templates/workspaces/projects/new.html
@@ -57,7 +57,8 @@
           <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</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" :id="'environment_names-' + i" v-model="environment.name" placeholder="e.g. Development, Staging, Production"/>
+              <input type="hidden" :name="'environment_names-' + i" v-model="environment.name"/>
             </div>
             <button v-on:click="removeEnvironment(i)" v-if="environments.length > 1" type="button" class='project-edit__env-list-item__remover'>
               {{ Icon('trash') }}