feat(search.html): update to disable and show loading state w/load more button; improve fuzzy search + debounce

This commit is contained in:
Cory Dransfeldt 2025-05-29 10:03:35 -07:00
parent 63db0cf32a
commit 8a6e84cb35
No known key found for this signature in database
35 changed files with 119 additions and 395 deletions

View file

@ -14,4 +14,4 @@
decoding="async"
width="720"
height="480"
/>
>

View file

@ -1,9 +1,12 @@
{%- for block in blocks -%}
{%- case block.type -%}
{%- when "youtube_player" -%}
{% render "blocks/youtube-player.liquid",
url:block.url
{%- when "calendar_banner" -%}
{% render "blocks/banners/calendar.liquid",
url:block.url,
text:block.text
%}
{%- when "divider" -%}
{{ block.markup | markdown }}
{%- when "forgejo_banner" -%}
{% render "blocks/banners/forgejo.liquid",
url:block.url
@ -12,6 +15,14 @@
{% render "blocks/banners/github.liquid",
url:block.url
%}
{%- when "hero" -%}
{% render "blocks/hero.liquid",
globals:globals,
image:block.image,
alt:block.alt
%}
{%- when "markdown" -%}
{{ block.text | markdown }}
{%- when "npm_banner" -%}
{% render "blocks/banners/npm.liquid",
url:block.url,
@ -22,15 +33,9 @@
url:block.url,
text:block.text
%}
{%- when "hero" -%}
{% render "blocks/hero.liquid",
globals:globals,
image:block.image,
alt:block.alt
{%- when "youtube_player" -%}
{% render "blocks/youtube-player.liquid",
url:block.url
%}
{%- when "markdown" -%}
{{ block.text | markdown }}
{%- when "divider" -%}
{{ block.markup | markdown }}
{%- endcase -%}
{%- endfor -%}

View file

@ -4,7 +4,6 @@
require __DIR__ . "/../../server/utils/init.php";
use App\Classes\ArtistFetcher;
use voku\helper\HtmlMin;
$requestUri = $_SERVER["REQUEST_URI"];
$url = trim(parse_url($requestUri, PHP_URL_PATH), "/");
@ -21,7 +20,6 @@
$page = $artist;
extract(setupPageMetadata($page, $requestUri));
ob_start();
header("Cache-Control: public, max-age=3600");
header("Expires: " . gmdate("D, d M Y H:i:s", time() + 3600) . " GMT");

View file

@ -4,7 +4,6 @@
require __DIR__ . "/../../server/utils/init.php";
use App\Classes\BookFetcher;
use voku\helper\HtmlMin;
$requestUri = $_SERVER["REQUEST_URI"];
$url = trim(parse_url($requestUri, PHP_URL_PATH), "/");
@ -22,7 +21,6 @@
$globals = $page["globals"];
extract(setupPageMetadata($page, $requestUri));
ob_start();
header("Cache-Control: public, max-age=3600");
header("Expires: " . gmdate("D, d M Y H:i:s", time() + 3600) . " GMT");

View file

@ -4,7 +4,6 @@
require __DIR__ . "/../../server/utils/init.php";
use App\Classes\GenreFetcher;
use voku\helper\HtmlMin;
$requestUri = $_SERVER["REQUEST_URI"];
$url = trim(parse_url($requestUri, PHP_URL_PATH), "/");
@ -21,8 +20,6 @@
$globals = $page["globals"];
extract(setupPageMetadata($page, $requestUri));
ob_start();
header("Cache-Control: public, max-age=3600");
header("Expires: " . gmdate("D, d M Y H:i:s", time() + 3600) . " GMT");

View file

@ -4,7 +4,6 @@
require __DIR__ . "/../../server/utils/init.php";
use App\Classes\MovieFetcher;
use voku\helper\HtmlMin;
$requestUri = $_SERVER["REQUEST_URI"];
$url = trim(parse_url($requestUri, PHP_URL_PATH), "/");
@ -22,7 +21,6 @@
$globals = $page["globals"];
extract(setupPageMetadata($page, $requestUri));
ob_start();
header("Cache-Control: public, max-age=3600");
header("Expires: " . gmdate("D, d M Y H:i:s", time() + 3600) . " GMT");

View file

@ -4,7 +4,6 @@
require __DIR__ . "/../../server/utils/init.php";
use App\Classes\ShowFetcher;
use voku\helper\HtmlMin;
$requestUri = $_SERVER["REQUEST_URI"];
$url = trim(parse_url($requestUri, PHP_URL_PATH), "/");
@ -22,7 +21,6 @@
$globals = $page["globals"];
extract(setupPageMetadata($page, $requestUri));
ob_start();
header("Cache-Control: public, max-age=3600");
header("Expires: " . gmdate("D, d M Y H:i:s", time() + 3600) . " GMT");

View file

@ -5,7 +5,6 @@
use App\Classes\TagFetcher;
use App\Classes\GlobalsFetcher;
use voku\helper\HtmlMin;
$requestUri = $_SERVER["REQUEST_URI"];
$url = trim(parse_url($requestUri, PHP_URL_PATH), "/");
@ -63,7 +62,6 @@
];
extract(setupPageMetadata($page, $requestUri));
ob_start();
header("Cache-Control: public, max-age=3600");
header("Expires: " . gmdate("D, d M Y H:i:s", time() + 3600) . " GMT");

View file

@ -6,10 +6,10 @@
"
sizes="(max-width: 450px) 100px, 200px"
class="icon" src="{{ globals.avatar_header }}?class=w100&v={% appVersion %}"
alt="{{ globals.site_name }}"
alt="An avatar representing {{ globals.site_name }}"
width="100"
height="145"
/>
>
<span>Cory</span> <span>Dransfeldt</span>
{%- endcapture -%}
<section class="main-title">

View file

@ -37,7 +37,7 @@
decoding="async"
width="{{ width }}"
height="{{ height }}"
/>
>
</div>
</a>
{%- endfor -%}

View file

@ -15,7 +15,7 @@
decoding="async"
width="64"
height="64"
/>
>
</a>
<div class="meta-text">
<a class="title" href="{{ item.chart.url }}">{{ item.chart.title }}</a>