From d8cdd268d592c2f200fc336f4d6b714242178658 Mon Sep 17 00:00:00 2001
From: Scot Hacker <shacker@birdhouse.org>
Date: Sat, 24 Mar 2018 16:42:16 -0700
Subject: [PATCH] Bootstrap external ticket view

---
 todo/templates/todo/add_task_external.html | 61 ++++++++--------------
 1 file changed, 22 insertions(+), 39 deletions(-)

diff --git a/todo/templates/todo/add_task_external.html b/todo/templates/todo/add_task_external.html
index b0f6d0d..8e68849 100644
--- a/todo/templates/todo/add_task_external.html
+++ b/todo/templates/todo/add_task_external.html
@@ -9,56 +9,39 @@
   <form action="" method="POST">
     {% csrf_token %}
 
-    {% comment %}
-            
-    {% if task.note %}
-      <div class="task_note">
-        <strong>Note:</strong>
-        {{ task.note|safe|urlize|linebreaks }}</div>
-    {% endif %}
-
     <h3>File Trouble Ticket</h3>
-    <p>Do you have a support issue?
-      <br/>
-      Use this form to report the difficulty - we'll get right back to you.
+    <p>
+      Have a support issue? Use this form to report the difficulty - we'll get right back to you.
     </p>
 
     {% if form.errors %}
       {% for error in form.errors %}
         <ul class="errorlist">
           <li>
-            <strong>The
-              {{ error|escape }}
-              field is required.</strong>
+            <strong>The {{ error|escape }} field is required.</strong>
           </li>
         </ul>
       {% endfor %}
     {% endif %}
 
-    <table>
-      <tr>
-        <td>Summary:</td>
-        <td>{{ form.title }}
-          <br/>
-          Include the workstation number in your summary, e.g.
-          <br/>
-          "Radio Lab # 4: Purple smoke pouring out the back."
-        </td>
-      </tr>
+    <form action="" name="add_task" method="post">
+        {% csrf_token %}
+        <div class="form-group">
+          <label for="id_title" name="title">Subject</label>
+          <input type="text" class="form-control" id="id_title" name="title" required placeholder="Our spaceship doesn't go"
+            value="{% if form.title.value %}{{ form.title.value }}{% endif %}">
+        </div>
+        <div class="form-group">
+          <label for="id_note">Description</label>
+          <textarea class="form-control" id="id_note" name="note" rows="5"
+            aria-describedby="inputNoteHelp">{% if form.note.value %}{{ form.note.value }}{% endif %}</textarea>
+          <small id="inputNoteHelp" class="form-text text-muted">
+            Describe the issue. Please include essential details.
+          </small>
+        </div>
 
-      <tr>
-        <td valign="top">Note:</td>
-        <td valign="top">{{ form.note }}<br/>
-          Please describe the problem.
-        </td>
-      </tr>
+        <input type="hidden" id="id_priority" name="priority" value="50">
+        <p><input type="submit" class="btn btn-primary" name="add_task" value="Submit"></p>
+    </form>
 
-    </table>
-    <p><input type="submit" class="btn btn-primary" name="add_task" value="Submit"></p>
-    {% endcomment %}
-
-    {{ form.as_p }}
-    <p><input type="submit" class="btn btn-primary" name="add_task" value="Submit"></p>
-
-  </form>
-{% endblock %}
\ No newline at end of file
+{% endblock %}