Adds generic search thumbnail retrieval

arches/app/media/js/views/components/search/search-results.js

@@ -189,16 +189,22 @@ function($, _, BaseFilter, bootstrap, arches, select2, ko, koMapping, GraphModel
                         return acc;
                     }, []);
 
-                    this.searchResults.results.hits.hits.forEach(function(result){
+                    this.searchResults.results.hits.hits.forEach(async function(result){
                         var graphdata = _.find(viewdata.graphs, function(graphdata){
                             return result._source.graph_id === graphdata.graphid;
                         });
                         var point = null;
                         if (result._source.points.length > 0) {
                             point = result._source.points[0].point;
                         }
+
+                        const thumbnailUrl = `/thumbnail/${result._source.resourceinstanceid}`;
+                        const thumbnailResponse = arches.searchThumbnails == 'True' ? await fetch(thumbnailUrl, {method: 'HEAD'}): undefined;
+                        const thumbnail = thumbnailResponse && thumbnailResponse.ok ? thumbnailUrl: undefined;
+
                         this.results.push({
                             displayname: result._source.displayname,
+                            thumbnail: thumbnail,
                             resourceinstanceid: result._source.resourceinstanceid,
                             displaydescription: result._source.displaydescription,
                             alternativelanguage: result._source.displayname_language != arches.activeLanguage,

arches/app/templates/javascript.htm

@@ -989,6 +989,7 @@
         active-language="{{ app_settings.ACTIVE_LANGUAGE }}"
         active-language-dir="{{ app_settings.ACTIVE_LANGUAGE_DIR }}"
         languages='{{ app_settings.LANGUAGES }}'
+        search-thumbnails='{{ app_settings.SEARCH_THUMBNAILS }}'
         mapbox-api-key="{{ map_info.mapbox_api_key }}"
         mapbox-glyphs="{{ map_info.mapbox_glyphs }}"
         mapbox-sprites="{{ map_info.mapbox_sprites }}"

arches/app/templates/views/components/search/search-results.htm

@@ -5,19 +5,24 @@
 <div id="search-results-list" data-bind="foreach: results, visible: true" style="display: none;">
 
     <div class="search-listing" data-bind="event: { mouseover: mouseoverInstance, mouseout: mouseoverInstance('')}, css: {'selected': selected()}">
-        <h3 
-            class="search-listing-title" 
-            data-bind="css: {'i18n-alt': $parent.alternativelanguage}"
-        >
-            <a class="search-candidate-title" href="" data-bind="click: $parent.viewReport.bind($parent)">
-                <i class="search-listing-icon" data-bind="css: iconclass"></i> 
-                <span data-bind="text: displayname"></span>
-            </a>
-        </h3>
+        <div style="display: flex">
+            <div style="flex: 1">
+                <h3 
+                    class="search-listing-title" 
+                    data-bind="css: {'i18n-alt': $parent.alternativelanguage}"
+                >
+                    <a class="search-candidate-title" href="" data-bind="click: $parent.viewReport.bind($parent)">
+                        <i class="search-listing-icon" data-bind="css: iconclass"></i> 
+                        <span data-bind="text: displayname"></span>
+                    </a>
+                </h3>
 
-        <div class="search-listing-body" data-bind="html: displaydescription">
+                <div class="search-listing-body" data-bind="html: displaydescription">
+
+                </div>
+            </div>
+            <div style="display: flex; align-items: center; margin: 10px;" data-bind="visible: thumbnail"><img style="max-width: 60px;" data-bind="attr:{src: thumbnail}"></div>
         </div>
-
         <div class="search-listing-footer">
             <div style="flex-grow: 1;">
                 <!--ko if: provisional_resource == 'true' -->

arches/app/utils/context_processors.py

@@ -73,6 +73,7 @@ def app_settings(request=None):
             "VERSION": __version__,
             "APP_VERSION": settings.APP_VERSION,
             "APP_NAME": settings.APP_NAME,
+            "SEARCH_THUMBNAILS": settings.SEARCH_THUMBNAILS,
             "GOOGLE_ANALYTICS_TRACKING_ID": settings.GOOGLE_ANALYTICS_TRACKING_ID,
             "USE_SEMANTIC_RESOURCE_RELATIONSHIPS": settings.USE_SEMANTIC_RESOURCE_RELATIONSHIPS,
             "SEARCH_EXPORT_IMMEDIATE_DOWNLOAD_THRESHOLD": settings.SEARCH_EXPORT_IMMEDIATE_DOWNLOAD_THRESHOLD,

arches/app/utils/search_thumbnail_fetcher.py

@@ -0,0 +1,16 @@
+import base64
+import copy
+import re
+from typing import List, Tuple
+from urllib.error import HTTPError
+from requests.exceptions import ConnectionError
+import requests
+from urllib.parse import urlparse, urlunparse
+
+class SearchThumbnailFetcher(object):
+    def __init__(self, resource):
+        self.resource = resource
+
+    def get_thumbnail(self, retrieve=False):
+        pass
+

arches/app/utils/search_thumbnail_fetcher_factory.py

@@ -0,0 +1,39 @@
+from logging import Logger
+import logging
+from typing import Callable
+from arches.app.models.resource import Resource
+
+from arches.app.utils.search_thumbnail_fetcher import SearchThumbnailFetcher
+
+logger = logging.getLogger(__name__)
+
+class SearchThumbnailFetcherFactory(object):
+    registry = {}
+
+    @classmethod
+    def register(cls, name:str):
+        def inner_wrapper(wrapped_class: SearchThumbnailFetcher) -> Callable:
+            if name in cls.registry:
+                logger.warning('Search Thumbnail Fetcher %s already exists. Will replace it', name)
+            cls.registry[name] = wrapped_class
+            return wrapped_class
+
+        return inner_wrapper
+
+    @classmethod
+    def create_thumbnail_fetcher(cls, resource_id: str, **kwargs) -> SearchThumbnailFetcher:
+        """ Factory command to create the template engine """
+        resource = Resource.objects.get(resourceinstanceid=resource_id)
+        try:
+            search_thumbnail_fetcher_class = cls.registry[str(resource.graph_id)]
+            search_thumbnail_fetcher = search_thumbnail_fetcher_class(resource, **kwargs)
+            return search_thumbnail_fetcher
+        except KeyError:
+            pass # there is no thumbnail fetcher registered for the graph requested
+
+        try:
+            search_thumbnail_fetcher_class = cls.registry['default']
+            search_thumbnail_fetcher = search_thumbnail_fetcher_class(resource, **kwargs)
+            return search_thumbnail_fetcher
+        except KeyError:
+            return None # there is no default thumbnail fetcher registered, return false.

arches/app/views/manifest_manager.py

@@ -218,7 +218,7 @@ def change_canvas_label(manifest, canvas_id, label):
                 else:
                     logger.warning("filetype unacceptable: " + f.name)
 
-            pres_dict = create_manifest(name=name, canvases=canvases)
+            pres_dict = create_manifest(name=name, canvases=canvases, file_url=canvases[0]['thumbnail']['service']['@id'])
             manifest = models.IIIFManifest.objects.create(label=name, description=desc, manifest=pres_dict)
             manifest_id = manifest.id
 

arches/app/views/thumbnail.py

@@ -0,0 +1,31 @@
+from django.views.generic import View
+from django.http import HttpResponse, HttpResponseNotFound
+from arches.app.utils.search_thumbnail_fetcher_factory import SearchThumbnailFetcherFactory
+
+class ThumbnailView(View):
+
+    def head(self, request, resource_id):
+        fetcher = self.get_thumbnail_fetcher(resource_id)
+        if fetcher is None:
+            return HttpResponseNotFound()
+        thumbnail = fetcher.get_thumbnail(False)
+        if thumbnail is not None:
+            return HttpResponse()
+        else:
+            return HttpResponseNotFound()
+
+    def get(self, request, resource_id):
+        fetcher = self.get_thumbnail_fetcher(resource_id)
+        if fetcher is None:
+            return HttpResponseNotFound()
+
+        thumbnail = fetcher.get_thumbnail(True)
+        if thumbnail is not None:
+            return HttpResponse(thumbnail[0], content_type=thumbnail[1])
+        else:
+            return HttpResponseNotFound()
+
+    def get_thumbnail_fetcher(self, resource_id):
+        factory = SearchThumbnailFetcherFactory()
+        fetcher = factory.create_thumbnail_fetcher(resource_id)
+        return fetcher

arches/install/arches-templates/project_name/settings.py-tpl

@@ -108,6 +108,8 @@ DATABASES = {
     }
 }
 
+SEARCH_THUMBNAILS = False
+
 INSTALLED_APPS = (
     "webpack_loader",
     "django.contrib.admin",

arches/settings.py

@@ -66,6 +66,7 @@
 
 ELASTICSEARCH_HTTP_PORT = 9200  # this should be in increments of 200, eg: 9400, 9600, 9800
 SEARCH_BACKEND = "arches.app.search.search.SearchEngine"
+SEARCH_THUMBNAILS = False
 # see http://elasticsearch-py.readthedocs.org/en/master/api.html#elasticsearch.Elasticsearch
 ELASTICSEARCH_HOSTS = [{"scheme": "https", "host": "localhost", "port": ELASTICSEARCH_HTTP_PORT}]
 

arches/urls.py

@@ -25,6 +25,7 @@
 from arches.app.views.admin import ReIndexResources, ClearUserPermissionCache
 from arches.app.views.etl_manager import ETLManagerView
 from arches.app.views.file import FileView, TempFileView
+from arches.app.views.thumbnail import ThumbnailView
 from arches.app.views.graph import (
     GraphDesignerView,
     GraphSettingsView,
@@ -277,6 +278,7 @@
     re_path(r"^history/$", ResourceActivityStreamCollectionView.as_view(), name="as_stream_collection"),
     re_path(r"^history/(?P<page>[0-9]+)$", ResourceActivityStreamPageView.as_view(), name="as_stream_page"),
     re_path(r"^icons$", IconDataView.as_view(), name="icons"),
+    re_path(r"^thumbnail/(?P<resource_id>%s)$" % uuid_regex, ThumbnailView.as_view(), name="thumbnail"),
     # Uncomment the admin/doc line below to enable admin documentation:
     # re_path(r'^admin/doc/', include('django.contrib.admindocs.urls')),
     # Uncomment the next line to enable the admin: