From bbd20e6c43178d80423b753f3e0ae3ad5f35e4fc Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Mon, 7 Oct 2019 11:46:42 +0100
Subject: [PATCH] Warn user when no matching depicts items.

---
 templates/item.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/templates/item.html b/templates/item.html
index 9180648..28a5575 100644
--- a/templates/item.html
+++ b/templates/item.html
@@ -127,9 +127,9 @@
 
         <button type="submit" v-if="new_depicts.length" class="btn btn-primary">add these to painting on Wikidata</button>
 
-        <input class="form-control-lg mt-2 w-100" autofocus autocomplete="off" v-model.trim="searchTerms" @input="search" />
+        <input class="form-control-lg my-2 w-100" autofocus autocomplete="off" v-model.trim="searchTerms" @input="search" />
 
-        <div id="item-list">
+        <div v-if="hits.length" id="item-list">
           <div v-for="hit in hits">
             <div>
               <a href="#" @click.prevent="add_depicts(hit)">{{ hit.label }}</a>
@@ -141,7 +141,10 @@
             <div v-if="hit.description">
               <div class="description">{{ hit.description }}</div>
             </div>
-          </div>
+          </div> <! -- end for -->
+        </div>
+        <div v-else-if="searchTerms.length >= 3">
+          no matching depicts found
         </div>
       </div>
       {% endraw %}