RK-14201-remove-all-option

.jenkins/Jenkinsfile.test

@@ -1,7 +1,7 @@
 regressionTest {
     FILE_PATH =  "app.py"
-    LINE_NUM =  "114"
-    SHA =  "6833c3840a3542adddde98bceaa1aa715d49cf29b5295b6b3e84817a0b967129"
+    LINE_NUM =  "118"
+    SHA =  "5fcb058ac94ae67512e5c48d720980c6796152fd6f822aea80dfd7cf3c6008cd"
     LANG = "Python"
     BACKGROUND_IMAGE_CMD = "python /app/app.py &"
     URL_FOR_TRIGGER = "http://localhost:5000/todos"

app.py

@@ -74,6 +74,10 @@ def clear_completed():
     todo = [t for t in todos if not t['completed']]
     return '', 204
 
+@app.route('/todos/remove_all', methods=['DELETE'])
+def remove_all():
+    Store.getInstance().todos = []
+    return '', 204
 
 @app.route('/todos', methods=['UPDATE'])
 def update_todo():

static/css/style.css

@@ -373,6 +373,11 @@ html .clear-completed:active {
 	text-decoration: underline;
 }
 
+.clear-all-items {
+	cursor: pointer;
+}
+
+
 /*
 	Hack to remove background from Mobile Safari.
 	Can't use it globally since it destroys checkboxes in Firefox

static/index.html

@@ -42,6 +42,7 @@ <h1>todos</h1>
         </section>
         <footer class="info">
             <p>Double-click to edit a todo</p>
+            <p v-on:click="removeAll" class="clear-all-items">Click here to remove all items</p>
         </footer>
 
     </div>

static/js/app.js

@@ -61,6 +61,12 @@ $().ready(() => {
           method: 'DELETE'
         });
         this.reloadOnFinish(action);
+      },
+       removeAll() {
+          const action = $.ajax('/todos/remove_all', {
+              method: 'DELETE'
+          });
+          this.reloadOnFinish(action);
       },
       updateTodo(todo) {
         const action = $.ajax('/todos', {