This commit is contained in:
giles 2024-09-15 22:52:52 +01:00
parent 8487b210a8
commit b5fe9586a8
1 changed files with 84 additions and 95 deletions

View File

@ -1,73 +1,65 @@
<article class="single {{post_class}}"> <article class="single {{post_class}}">
{{#match @page.show_title_and_feature_image}} {{#match @page.show_title_and_feature_image}}
<header class="single-header gh-canvas"> <header class="single-header gh-canvas">
{{#is "post"}} {{#is "post"}}
<div class="single-meta"> <div class="single-meta">
<!-- <!--
<span class="single-meta-item single-meta-date"> <span class="single-meta-item single-meta-date">
<time datetime="{{date format="YYYY-MM-DD"}}"> <time datetime="{{date format="YYYY-MM-DD"}}">
{{date published_at}} {{date published_at}}
</time> </time>
</span> </span>
--> -->
<span class="single-meta-item single-meta-length"> <span class="single-meta-item single-meta-length">
{{reading_time}} {{reading_time}}
</span> </span>
{{#primary_tag}} {{#primary_tag}}
<span class="single-meta-item single-meta-tag"> <span class="single-meta-item single-meta-tag">
<a class="post-tag post-tag-{{slug}}" href="{{url}}">{{name}}</a> <a class="post-tag post-tag-{{slug}}" href="{{url}}">{{name}}</a>
</span> </span>
{{/primary_tag}} {{/primary_tag}}
</div> </div>
{{/is}} {{/is}}
<h1 class="single-title">{{title}}</h1> <h1 class="single-title">{{title}}</h1>
{{#if custom_excerpt}} <div id="total-rose-ash-shop" hx-get="shop/orders/total"
<div class="single-excerpt"> hx-trigger="load delay:1ms, configured from:body, ordered from:body delay:1ms, paid from:body"
{{custom_excerpt}} hx-swap="innerHTML">
</div> </div>
<div id="order-rose-ash-shop" hx-get="order"
hx-trigger="load delay:1ms, configured from:body, paid from:body, ordered from:body delay:1ms"
hx-on::config-request="event.detail.path = !(new URLSearchParams(window.location.search).get('order')) ? 'shop/order/?embed=true' : 'shop/order/?embed=true&orderId=' + new URLSearchParams(window.location.search).get('order');"
hx-swap="innerHTML">
</div>
{{#if custom_excerpt}}
<div class="single-excerpt">
{{custom_excerpt}}
</div>
{{/if}}
<div id="order-detail-rose-ash-shop" hx-get="order" hx-trigger="load delay:1ms, paid from:body"
hx-on::config-request="event.detail.path = new URLSearchParams(window.location.search).get('order') ? 'shop/order/' + new URLSearchParams(window.location.search).get('order')+ '/?embed=true' : null; //6a919002-94eb-467d-a226-5dd05b7f44a3 '"
hx-on::confirm=" if (!new URLSearchParams(window.location.search).get('order')) { event.preventDefault(); }"
hx-swap="innerHTML">
</div>
{{#if feature_image}}
{{#unless no_image}}
<figure class="single-media kg-width-{{width}}">
<img srcset="{{> " srcset"}}" sizes="(min-width: 1023px) 920px, calc(90vw)"
src="{{img_url feature_image size=" l"}}"
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
{{#if feature_image_caption}}
<figcaption>{{feature_image_caption}}</figcaption>
{{/if}} {{/if}}
<div </figure>
id="total-rose-ash-shop" {{/unless}}
hx-get="shop/orders/total" {{/if}}
hx-trigger="load delay:1ms, configured from:body, ordered from:body delay:1ms, paid from:body" </header>
hx-swap="innerHTML"
>
</div>
<div
id="order-rose-ash-shop"
hx-get="order"
hx-trigger="load delay:1ms, configured from:body, paid from:body, ordered from:body delay:1ms"
hx-on::config-request = "event.detail.path = !(new URLSearchParams(window.location.search).get('order')) ? 'shop/order/?embed=true' : 'shop/order/?embed=true&orderId=' + new URLSearchParams(window.location.search).get('order');"
hx-swap="innerHTML"
>
</div>
<div
id="order-detail-rose-ash-shop"
hx-get="order"
hx-trigger="load delay:1ms, paid from:body"
hx-on::config-request="event.detail.path = new URLSearchParams(window.location.search).get('order') ? 'shop/order/' + new URLSearchParams(window.location.search).get('order')+ '/?embed=true' : null; //6a919002-94eb-467d-a226-5dd05b7f44a3 '"
hx-on::confirm = " if (!new URLSearchParams(window.location.search).get('order')) { event.preventDefault(); }"
hx-swap="innerHTML"
>
</div>
{{#if feature_image}}
{{#unless no_image}}
<figure class="single-media kg-width-{{width}}">
<img srcset="{{> "srcset"}}" sizes="(min-width: 1023px) 920px, calc(90vw)" src="{{img_url feature_image size="l"}}" alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
{{#if feature_image_caption}}
<figcaption>{{feature_image_caption}}</figcaption>
{{/if}}
</figure>
{{/unless}}
{{/if}}
</header>
{{/match}} {{/match}}
<div class="single-content gh-content gh-canvas"> <div class="single-content gh-content gh-canvas">
@ -76,58 +68,55 @@
{{#is "post"}} {{#is "post"}}
<div class="gh-canvas"> <div class="gh-canvas">
<footer class="single-footer"> <footer class="single-footer">
<div class="single-footer-left"> <div class="single-footer-left">
{{#prev_post}} {{#prev_post}}
<div class="navigation navigation-previous"> <div class="navigation navigation-previous">
<a class="navigation-link" href="{{url}}" aria-label="Previous post"> <a class="navigation-link" href="{{url}}" aria-label="Previous post">
<span class="navigation-icon">{{> "icons/arrow-left"}}</span> <span class="navigation-icon">{{> "icons/arrow-left"}}</span>
</a> </a>
</div>
{{/prev_post}}
</div> </div>
{{/prev_post}}
</div>
<div class="single-footer-middle"> <div class="single-footer-middle">
{{#if @custom.show_author}} {{#if @custom.show_author}}
<div class="single-footer-top"> <div class="single-footer-top">
<h3 class="single-footer-title">Published by:</h3> <h3 class="single-footer-title">Published by:</h3>
<div class="author-list"> <div class="author-list">
{{#foreach authors}} {{#foreach authors}}
<div class="author-image-placeholder u-placeholder square"> <div class="author-image-placeholder u-placeholder square">
<a href="{{url}}" title="{{name}}"> <a href="{{url}}" title="{{name}}">
{{#if profile_image}} {{#if profile_image}}
<img class="author-image u-object-fit" src="{{img_url profile_image size="xs"}}" alt="{{name}}" loading="lazy"> <img class="author-image u-object-fit" src="{{img_url profile_image size=" xs"}}"
alt="{{name}}" loading="lazy">
{{else}} {{else}}
<span class="u-object-fit">{{> "icons/avatar"}}</span> <span class="u-object-fit">{{> "icons/avatar"}}</span>
{{/if}} {{/if}}
</a> </a>
</div> </div>
{{/foreach}} {{/foreach}}
</div>
</div> </div>
{{/if}}
</div> </div>
{{/if}}
</div>
<div class="single-footer-right"> <div class="single-footer-right">
{{#next_post}} {{#next_post}}
<div class="navigation navigation-next"> <div class="navigation navigation-next">
<a class="navigation-link" href="{{url}}" aria-label="Next post"> <a class="navigation-link" href="{{url}}" aria-label="Next post">
<span class="navigation-icon">{{> "icons/arrow-right"}}</span> <span class="navigation-icon">{{> "icons/arrow-right"}}</span>
</a> </a>
</div>
{{/next_post}}
</div> </div>
{{/next_post}} </footer>
<div id="configure-product" name="configure-product" hx-get="shop/configure?embed" hx-trigger="load">
</div>
<div id="orders-rose-ash-shop" hx-get="shop/orders" hx-trigger="load, paid from:body, configured from:body"
hx-swap="innerHTML">
</div> </div>
</footer>
<div id="configure-product" name="configure-product" hx-get="shop/configure?embed" hx-trigger="load">
</div>
<div
id="orders-rose-ash-shop"
hx-get="shop/orders"
hx-trigger="load, paid from:body, configured from:body"
hx-swap="innerHTML"
>
</div>
</div> </div>
{{/is}} {{/is}}