gh-23 Added docid to search results and link from search results to t…

…he annotation on the annotator tab.
kingsdigitallab · Sep 15, 2023 · 648f017 · 648f017
1 parent 32ca318
commit 648f017
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/app/assets/search.js b/app/assets/search.js
@@ -124,10 +124,22 @@ createApp({
       this.results = this.itemsjs.search()
     },
     getThumbUrlFromItem(item) {
-      let ret = null;
+      let ret = null
       let crop = item.box.substring(11)
       ret = `${item.img}/${crop}/,48/0/default.jpg`
 
+      return ret
+    },
+    getDocIdFromItem(item) {
+      let ret = item.doc.replace(/^.*id=/, '')
+      return ret
+    },
+    getAnnotatorLinkFromItem(item) {
+      // TODO: remove hard-coded assumptions.
+      // the transforms (obj, img) should be more dynamic than that.
+      let ret = ''
+      let annotatorImageId = item.img.replace('_tiled.tif', `.jpg`).replace(/^.*\//, '')
+      ret = `/annotator.html?obj=http://sicily.classics.ox.ac.uk/inscription/${this.getDocIdFromItem(item)}&img=${annotatorImageId}&ann=${item.id}`
       return ret
     }
   }

diff --git a/app/search.html b/app/search.html
@@ -83,7 +83,9 @@ <h2 class="title is-3">Annotations ({{ pagination.total }})</h2>
                   <div class="media">
                     <div class="media-left">
                       <figure class="image">
-                        <img :src="getThumbUrlFromItem(item)" alt="Placeholder image">
+                        <a :href="getAnnotatorLinkFromItem(item)">
+                          <img :src="getThumbUrlFromItem(item)" alt="Placeholder image">
+                        </a>
                       </figure>
                     </div>
                     <div class="media-content">
@@ -92,7 +94,12 @@ <h2 class="title is-3">Annotations ({{ pagination.total }})</h2>
                     </div>
                   </div>                
 
+                  <div class="content">
+                    {{ getDocIdFromItem(item) }}
+                  </div>
+
                 </div>         
+
               </span>
             </div>
           </div>