diff --git a/assets/hadith/images/robot-indicator.svg b/assets/hadith/images/robot-indicator.svg new file mode 100644 index 0000000..1215d98 --- /dev/null +++ b/assets/hadith/images/robot-indicator.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/components/hadith/library-show/AccordionMenu..vue b/components/hadith/library-show/AccordionMenu..vue index 281a6f1..6bc7e97 100644 --- a/components/hadith/library-show/AccordionMenu..vue +++ b/components/hadith/library-show/AccordionMenu..vue @@ -44,75 +44,70 @@ const items = [ }, ]; -function toggleAccordion(id) { - const allHiddenClasses = querySelectorAll(".hidden"); - console.info(element); - - allHiddenClasses.forEach((element) => { - console.info(element); - // element.classList.remove('hidden') - }); +function toggleAccordion(id, event) { const content = document.getElementById(`content-${id}`); const icon = document.getElementById(`icon-${id}`); + event.target.classList.toggle("active"); // Toggle visibility content.classList.toggle("hidden"); // Rotate icon - icon.classList.toggle("rotate-180"); + icon.classList.toggle("active"); } - + diff --git a/pages/hadith/chat-bot.vue b/pages/hadith/chat-bot.vue index ab9512c..f6276bc 100644 --- a/pages/hadith/chat-bot.vue +++ b/pages/hadith/chat-bot.vue @@ -1,30 +1,448 @@ - - - + + + + + + diff --git a/pages/hadith/library/[id]/[slug]/index.vue b/pages/hadith/library/[id]/[slug]/index.vue index be63c2a..f1b619c 100644 --- a/pages/hadith/library/[id]/[slug]/index.vue +++ b/pages/hadith/library/[id]/[slug]/index.vue @@ -136,13 +136,13 @@ const AccordionMenu = defineAsyncComponent(() => :ui="{ footer: 'modal-footer', overlay: 'modal-overlay', - content: 'modal-content', + content: 'modal-content accordion-menu', header: 'modal-header', wrapper: 'modal-wrapper', body: 'modal-body', title: 'modal-title', description: 'modal-description', - close: 'modal-close', + close: 'modal-close ring-[white]', }" title="فهرست" :close="{ @@ -151,7 +151,6 @@ const AccordionMenu = defineAsyncComponent(() => class: 'rounded-full', }" > -