From 382356f8bc59f270f28b5cbc9466267a2bcdfa2c Mon Sep 17 00:00:00 2001 From: timotheegoguely Date: Wed, 9 Oct 2024 16:08:37 +0200 Subject: [PATCH] Add sidebar with Accordions to AddImageModal --- .../project/ClientBrief/AddImagesModal.vue | 244 ++++++++++++------ 1 file changed, 169 insertions(+), 75 deletions(-) diff --git a/src/components/project/ClientBrief/AddImagesModal.vue b/src/components/project/ClientBrief/AddImagesModal.vue index 0dac680..57c4ba1 100644 --- a/src/components/project/ClientBrief/AddImagesModal.vue +++ b/src/components/project/ClientBrief/AddImagesModal.vue @@ -15,82 +15,139 @@
  • Inspirations
    • -
    - - - - -
    - -
    -
    - -
    -
    - -
    -
    - -
    -
    - -
    - + + + + +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    + +
    + +
    + + + + {{ tab.title }} + + +
    + + +
    +
    + Sélectionner un ou plusieurs tags +
    + +
    +
    +     +     + + +     + +
    @@ -101,6 +158,10 @@ import Dialog from "primevue/dialog"; import Toast from "primevue/toast"; import { useToast } from "primevue/usetoast"; import FileUpload from "primevue/fileupload"; +import Accordion from 'primevue/accordion'; +import AccordionPanel from 'primevue/accordionpanel'; +import AccordionHeader from 'primevue/accordionheader'; +import AccordionContent from 'primevue/accordioncontent'; import { usePageStore } from "../../../stores/page"; import { ref, watch } from "vue"; @@ -116,6 +177,25 @@ const isOpen = ref(isAddImagesModalOpen); watch(isOpen, (newValue) => { emit("close"); }); + +const tabs = [ + { + "title": "1", + "value": "0" + }, + { + "title": "2", + "value": "1" + }, + { + "title": "3", + "value": "2" + }, + { + "title": "4", + "value": "3" + } +]