Change triage on select change, no need to click to submit

SamStudio8 · Jun 20, 2014 · ff8d76d · ff8d76d
1 parent fcdf3ef
commit ff8d76d
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 15 deletions.
diff --git a/templates/base/base.html b/templates/base/base.html
@@ -39,6 +39,8 @@
                             </li>
                             <li><a href="{% url 'task:dashboard' %}"><span class="glyphicon glyphicon-th"></span> Dashboard</a></li>
                             <li><a href="{% url 'task:calendar' %}"><span class="glyphicon glyphicon-calendar"></span> Calendar</a></li>
+                            <li><a href="{% url 'task:housekeeping' %}"><span class="glyphicon glyphicon-leaf"></span> Housekeeping</a></li>
+
                         {% endif %}
                     </ul>
                     <ul class="nav navbar-nav navbar-right">

diff --git a/templates/task/housekeeping.html b/templates/task/housekeeping.html
@@ -31,6 +31,11 @@ <h1>Housekeeping</h1>
         });
     });
 
+    $(document).ready(function() {
+        $('select').change(function(){
+            $(this).parents('form').submit();
+        });
+    });
     $(document).ready(function() {
         $(".triage-form").submit(function(e){
             url = $(this).attr('action');
@@ -57,21 +62,25 @@ <h1>Housekeeping</h1>
                     {% else %}
                         <div class="item">
                     {% endif %}
-                            <h3>{{ task.name }}</h3>
-                            <p>{{ task.description }}</p>
-                        {{ forloop.counter }} of {{ no_triage.count }}
-                        <form class="triage-form" action="{% url 'task:edit_task' task.tasklist.user.username task.local_id %}" method="post" role="form">
-                            {% csrf_token %}
-                            <input type="hidden" name="form_type" value="hk-triage" />
-
-                            <select class="select form-control" name="triage" required>
-                                <option value="">Triage</option>
-                                {% for triage in user.triages.all %}
-                                    <option value={{ triage.id }}>{{ triage.name }}</option>
-                                {% endfor %}
-                            </select>
-                            <button type="submit" class="btn btn-success btn-block">Triage Task</button>
-                        </form>
+                            <div class="row">
+                                <div class="col-md-6 col-md-push-3">
+                                    <div class="text-center">
+                                        <h3>{{ task.name }}</h3>
+                                        <p>{{ task.description }}</p>
+                                        {{ forloop.counter }} of {{ no_triage.count }}
+                                    </div>
+                                    <form class="triage-form" action="{% url 'task:edit_task' task.tasklist.user.username task.local_id %}" method="post" role="form">
+                                        {% csrf_token %}
+                                        <input type="hidden" name="form_type" value="hk-triage" />
+                                        <select class="select form-control" name="triage" required>
+                                            <option value="">Triage</option>
+                                            {% for triage in user.triages.all %}
+                                                <option value={{ triage.id }}>{{ triage.name }}</option>
+                                            {% endfor %}
+                                        </select>
+                                    </form>
+                                </div>
+                            </div>
                     </div>
                 {% endfor %}
             </div>