Improve the contact import UI

praekeltfoundation · Dec 10, 2013 · 261d07a · 261d07a
1 parent 1e761ff
commit 261d07a
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/go/contacts/templates/contacts/includes/tools.html b/go/contacts/templates/contacts/includes/tools.html
@@ -99,8 +99,8 @@ <h3>Schedule CSV Export of Contacts</h3>
                 {% csrf_token %}
                 <div class="modal-body">
                     <p><span class="help-block">
-                      The file is potentially quite large and as a result the export 
-                      will be done in the background. When completed the results will 
+                      The file is potentially quite large and as a result the export
+                      will be done in the background. When completed the results will
                       be sent to you as a CSV file attached to an email.
                     </span><br/></p>
                 </div>
@@ -125,20 +125,27 @@ <h3>Please match the sample to the fields provided</h3>
                     <fieldset>
                       <table class="table table-bordered table-striped">
                         <tbody>
+                            <thead>
+                            <tr>
+                                <th>Field</th>
+                                <th>Mapping</th>
+                                <th>Format</th>
+                            </tr>
+                            </thead>
                             {% for column, value in contact_data_row.items %}
                               <tr>
-                                <td>
+                                <td>{{ value }}</td>
+                                  <td>
                                     <select class="form-control" name="column-{{ forloop.counter0 }}">
-                                        <option value="">Please Select:</option>
+                                        <option value="" disabled>Please Select:</option>
                                         {% for header, label in contact_data_headers.items %}
                                         <option {% if header == column %}selected="true"{% endif %}value="{{ header }}">{{ label }}</option>
                                         {% endfor %}
                                     </select>
                                 </td>
-                                <td>{{ value }}</td>
                                 <td>
                                     <select class="form-control" name="normalize-{{ forloop.counter0 }}">
-                                      <option value="">Please Select:</option>
+                                      <option value="" disabled>Please Select:</option>
                                       {% for name, label in field_normalizer %}
                                       <option value="{{name}}">{{label}}</option>
                                       {% endfor %}