reorganize add images components
This commit is contained in:
parent
2f96f3f901
commit
14878fb3f2
6 changed files with 11 additions and 10 deletions
|
|
@ -1 +1,5 @@
|
||||||
|
Title: Réalisation
|
||||||
|
|
||||||
|
----
|
||||||
|
|
||||||
Uuid: rVtGY13I3P0Pi1pE
|
Uuid: rVtGY13I3P0Pi1pE
|
||||||
|
|
@ -51,7 +51,7 @@ import Header from "./Header.vue";
|
||||||
import { usePageStore } from "../../../stores/page";
|
import { usePageStore } from "../../../stores/page";
|
||||||
import { ref } from "vue";
|
import { ref } from "vue";
|
||||||
import ImageDetailsModal from "./ImageDetailsModal.vue";
|
import ImageDetailsModal from "./ImageDetailsModal.vue";
|
||||||
import AddImagesModal from "./AddImagesModal.vue";
|
import AddImagesModal from "./add-images-modal/AddImagesModal.vue";
|
||||||
|
|
||||||
const { page } = usePageStore();
|
const { page } = usePageStore();
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -37,7 +37,7 @@ import Dialog from "primevue/dialog";
|
||||||
import ImagesResources from "./ImagesResources.vue";
|
import ImagesResources from "./ImagesResources.vue";
|
||||||
import ImagesEditPanel from "./ImagesEditPanel.vue";
|
import ImagesEditPanel from "./ImagesEditPanel.vue";
|
||||||
import MyImages from "./MyImages.vue";
|
import MyImages from "./MyImages.vue";
|
||||||
import { usePageStore } from "../../../stores/page";
|
import { usePageStore } from "../../../../stores/page";
|
||||||
import { ref, watch } from "vue";
|
import { ref, watch } from "vue";
|
||||||
|
|
||||||
const { isAddImagesModalOpen, images } = defineProps({
|
const { isAddImagesModalOpen, images } = defineProps({
|
||||||
|
|
@ -106,8 +106,8 @@ import Accordion from "primevue/accordion";
|
||||||
import AccordionPanel from "primevue/accordionpanel";
|
import AccordionPanel from "primevue/accordionpanel";
|
||||||
import AccordionHeader from "primevue/accordionheader";
|
import AccordionHeader from "primevue/accordionheader";
|
||||||
import AccordionContent from "primevue/accordioncontent";
|
import AccordionContent from "primevue/accordioncontent";
|
||||||
import { usePageStore } from "../../../stores/page";
|
import { usePageStore } from "../../../../stores/page";
|
||||||
import { toPascalCase } from "../../../helpers";
|
import { toPascalCase } from "../../../../helpers";
|
||||||
import debounce from "lodash/debounce";
|
import debounce from "lodash/debounce";
|
||||||
|
|
||||||
const { images } = defineProps({
|
const { images } = defineProps({
|
||||||
|
|
@ -1,8 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div class="auto-grid" style="--min: 15rem; --gap: 0.5rem">
|
||||||
class="auto-grid"
|
|
||||||
style="--min: 15rem; --gap: 0.5rem"
|
|
||||||
>
|
|
||||||
<figure v-for="image in images" class="image">
|
<figure v-for="image in images" class="image">
|
||||||
<img :src="image.url" alt="" />
|
<img :src="image.url" alt="" />
|
||||||
</figure>
|
</figure>
|
||||||
|
|
@ -11,7 +8,7 @@
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref } from "vue";
|
import { ref } from "vue";
|
||||||
import { useApiStore } from "../../../stores/api";
|
import { useApiStore } from "../../../../stores/api";
|
||||||
|
|
||||||
const { params } = defineProps({
|
const { params } = defineProps({
|
||||||
params: Object,
|
params: Object,
|
||||||
|
|
@ -49,7 +49,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { usePageStore } from "../../../stores/page";
|
import { usePageStore } from "../../../../stores/page";
|
||||||
import Toast from "primevue/toast";
|
import Toast from "primevue/toast";
|
||||||
import { useToast } from "primevue/usetoast";
|
import { useToast } from "primevue/usetoast";
|
||||||
import FileUpload from "primevue/fileupload";
|
import FileUpload from "primevue/fileupload";
|
||||||
Loading…
Add table
Add a link
Reference in a new issue