KKlochko
/
simple-cljs-blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update ids for the preview modal in the admin panel.

Browse Source
main
KKlochko 1 year ago
parent 7991d55600
commit 74f220bcc8
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File

2
views/admin_article_preview_content.hbs
Unescape View File

@ -1,3 +1,3 @@
<p id="read-drawer-label-content" class="mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400"> <p id="read-drawer-content" class="mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400">
{{ article.content }} {{ article.content }}
</p> </p>

6
views/admin_panel.hbs
Unescape View File

@ -129,21 +129,21 @@
</div> </div>
<!-- Preview Drawer --> <!-- Preview Drawer -->
<div id="drawer-read-product-advanced" <div id="drawer-read-article-advanced"
x-data="{ title: '', created: '' }" x-data="{ title: '', created: '' }"
@preview_article.window="title = $event.detail.title; created = $event.detail.created;" @preview_article.window="title = $event.detail.title; created = $event.detail.created;"
class="overflow-y-auto fixed top-0 left-0 z-40 p-4 w-full max-w-lg h-screen bg-white transition-transform -translate-x-full dark:bg-gray-800" tabindex="-1" aria-labelledby="drawer-label" aria-hidden="true"> class="overflow-y-auto fixed top-0 left-0 z-40 p-4 w-full max-w-lg h-screen bg-white transition-transform -translate-x-full dark:bg-gray-800" tabindex="-1" aria-labelledby="drawer-label" aria-hidden="true">
<div> <div>
<h4 id="read-drawer-label" class="mb-1.5 leading-none text-xl font-semibold text-gray-900 dark:text-white" x-text="title"></h4> <h4 id="read-drawer-label" class="mb-1.5 leading-none text-xl font-semibold text-gray-900 dark:text-white" x-text="title"></h4>
</div> </div>
<button type="button" data-drawer-dismiss="drawer-read-product-advanced" aria-controls="drawer-read-product-advanced" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 absolute top-2.5 right-2.5 inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white"> <button type="button" data-drawer-dismiss="drawer-read-article-advanced" aria-controls="drawer-read-article-advanced" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 absolute top-2.5 right-2.5 inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white">
<svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg> </svg>
<span class="sr-only">Close menu</span> <span class="sr-only">Close menu</span>
</button> </button>
<h2 class="mb-2 font-semibold leading-none text-gray-900 dark:text-white" x-text="created"></h2> <h2 class="mb-2 font-semibold leading-none text-gray-900 dark:text-white" x-text="created"></h2>
<p id="read-drawer-label-content" class="mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400"> <p id="read-drawer-content" class="mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400">
</p> </p>
</div> </div>

8
views/partials/article_row.hbs
Unescape View File

@ -19,12 +19,12 @@
Edit Edit
</button> </button>
<button type="button" <button type="button"
@click="$dispatch('preview_article', { title: '{{ article.title }}', created: created })" @click="$dispatch('preview_article', { title: title, created: created })"
hx-get="/htmx/admin/modals/article/content/{{ article.id }}/" hx-get="/htmx/admin/modals/article/content/{{ article.id }}/"
hx-swap="outerHTML" hx-swap="outerHTML"
hx-target="#read-drawer-label-content" hx-target="#read-drawer-content"
data-drawer-target="drawer-read-product-advanced" data-drawer-target="drawer-read-article-advanced"
data-drawer-show="drawer-read-product-advanced" data-drawer-show="drawer-read-article-advanced"
class="py-2 px-3 flex items-center text-sm font-medium text-center text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"> class="py-2 px-3 flex items-center text-sm font-medium text-center text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="w-4 h-4 mr-2 -ml-0.5"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="w-4 h-4 mr-2 -ml-0.5">
<path d="M12 15a3 3 0 100-6 3 3 0 000 6z" /> <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" />

Write Preview
Loading…
Cancel
Save