From fa75292e22ead9c9de700a440750f45d7844eac1 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Wed, 25 Sep 2019 14:28:03 +0100
Subject: [PATCH] Add remove option for new depicts list.

---
 static/js/app.js    | 3 +++
 templates/item.html | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index a195ec2..0585498 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -6,6 +6,9 @@ var app = new Vue({
     new_depicts: [],
   },
   methods: {
+    remove(index) {
+        this.$delete(this.new_depicts, index);
+    },
     add_depicts(hit) {
       this.new_depicts.push(hit);
       this.hits = [];
diff --git a/templates/item.html b/templates/item.html
index 8a32a57..eea38f2 100644
--- a/templates/item.html
+++ b/templates/item.html
@@ -62,10 +62,11 @@
       <div id="app" class="mt-2">
         <h3>what can you see in this painting?</h3>
 
-        <div v-for="hit in new_depicts">
+        <div v-for="(hit, index) in new_depicts">
           <div>
             {{ hit.label }}
             <span v-if="hit.alt_label">({{ hit.alt_label }})</span>
+            <a href="#" @click.prevent="remove(index)" >remove</a>
             &mdash; {{ hit.count }} existing paintings
             ({{ hit.qid }})
             <a :href="'https://www.wikidata.org/wiki/' + hit.qid">view on Wikidata</a>
@@ -79,7 +80,7 @@
         <div id="item-list">
           <div v-for="hit in hits">
             <div>
-              <a href="#" @click="add_depicts(hit)">{{ hit.label }}</a>
+              <a href="#" @click.prevent="add_depicts(hit)">{{ hit.label }}</a>
               <span v-if="hit.alt_label">({{ hit.alt_label }})</span>
               &mdash; {{ hit.count }} existing paintings
               ({{ hit.qid }})