From 68e45303c69e072c0b3a0c607b639b01e0851a55 Mon Sep 17 00:00:00 2001 From: KevinMidboe Date: Fri, 27 Dec 2019 22:18:45 +0100 Subject: [PATCH 01/13] Filtering for search in autocomplete dropdown. - Accessibility - Tabindex updated for search to have priority over nav items. - Aria label - Search icon clickable for searching. - Filter for adult and searchType. - When clicking a autocomplete search result, the clicked item is set as selectedResult. - Remove duplicates from elastic search result. - Added filter parameters to our $router.push function. --- src/components/SearchInput.vue | 120 ++++++++++++++++++++++++++++----- 1 file changed, 105 insertions(+), 15 deletions(-) diff --git a/src/components/SearchInput.vue b/src/components/SearchInput.vue index 93aabfd..0f5a07e 100644 --- a/src/components/SearchInput.vue +++ b/src/components/SearchInput.vue @@ -1,13 +1,14 @@ - From 83751a4e3e7d0168dba1e7ee5cc4109197f43eda Mon Sep 17 00:00:00 2001 From: Kevin Date: Mon, 20 Jan 2020 19:15:42 +0100 Subject: [PATCH 08/13] Update .drone.yml --- .drone.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/.drone.yml b/.drone.yml index 7c4cdfd..bbaa84c 100644 --- a/.drone.yml +++ b/.drone.yml @@ -22,3 +22,4 @@ trigger: event: include: - pull_request + - push From a7e6d25d3fd34377a82fed4a2d0dbd437a37c215 Mon Sep 17 00:00:00 2001 From: KevinMidboe Date: Fri, 31 Jan 2020 21:53:52 +0100 Subject: [PATCH 09/13] Lazy loading for list items. This is somewhat inefficient because each list item has its own instance of a intersectionObserver. Improvements include: - Poster has placeholder image as source from mount - When component mounts we attach the observer - When observerd in viewport find - Find the correct image height based on the placeholders height - Change src to dynamic poster url --- src/components/MoviesListItem.vue | 75 +++++++++++++++++++++++++------ 1 file changed, 61 insertions(+), 14 deletions(-) diff --git a/src/components/MoviesListItem.vue b/src/components/MoviesListItem.vue index 5a2ac51..6a46f92 100644 --- a/src/components/MoviesListItem.vue +++ b/src/components/MoviesListItem.vue @@ -1,11 +1,12 @@