studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

remove warnings due to type checks

Browse source
This commit is contained in:
isUnknown 2025-09-09 09:37:34 +02:00
parent ff4f62870f
commit 6291f3259a
7 changed files with 63 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/ProjectRequestDialog.vue
View file

@ -4,7 +4,7 @@
v-model:visible="isOpen" v-model:visible="isOpen"
modal modal
:draggable="false" :draggable="false"
dismissableMask="true" :dismissableMask="true"
header="Demander la création d’un projet" header="Demander la création d’un projet"
class="dialog" class="dialog"
:closeOnEscape="true" :closeOnEscape="true"
@ -44,7 +44,7 @@
id="project-dtl" id="project-dtl"
class="w-full text-left rounded-md border border-grey-200 text-grey-800 p-12" class="w-full text-left rounded-md border border-grey-200 text-grey-800 p-12"
style="align-self: flex-start" style="align-self: flex-start"
:class="{ 'selected': isDTLEnabled }" :class="{ selected: isDTLEnabled }"
> >
<input id="dtl" type="checkbox" v-model="isDTLEnabled" /> <input id="dtl" type="checkbox" v-model="isDTLEnabled" />
<label <label
@ -78,20 +78,20 @@
</template> </template>
<script setup> <script setup>
import Dialog from "primevue/dialog"; import Dialog from 'primevue/dialog';
import { ref, watch } from "vue"; import { ref, watch } from 'vue';
import { useApiStore } from "../stores/api"; import { useApiStore } from '../stores/api';
const title = ref(""); const title = ref('');
const details = ref(""); const details = ref('');
const isDTLEnabled = ref(false); const isDTLEnabled = ref(false);
const api = useApiStore(); const api = useApiStore();
const isOpen = ref(true); const isOpen = ref(true);
const emits = defineEmits("close"); const emits = defineEmits('close');
watch(isOpen, (newValue) => { watch(isOpen, (newValue) => {
if (!newValue) { if (!newValue) {
emits("close"); emits('close');
} }
}); });
@ -102,7 +102,7 @@ async function handleSubmit() {
isDTLEnabled: isDTLEnabled.value, isDTLEnabled: isDTLEnabled.value,
}; };
const response = await api.post(formData, "request-project-creation.json"); const response = await api.post(formData, 'request-project-creation.json');
isOpen.value = false; isOpen.value = false;
} }
</script> </script>

2
src/components/design-to-light/OptimizationRequestDialog.vue
View file

@ -4,7 +4,7 @@
v-model:visible="isOpen" v-model:visible="isOpen"
modal modal
:draggable="false" :draggable="false"
dismissableMask="true" :dismissableMask="true"
header="Demander un rendez-vous" header="Demander un rendez-vous"
class="dialog" class="dialog"
:closeOnEscape="true" :closeOnEscape="true"

31
src/components/project/PhysicalSample.vue
View file

@ -4,20 +4,27 @@
v-model:visible="isOpen" v-model:visible="isOpen"
modal modal
:draggable="false" :draggable="false"
dismissableMask="true" :dismissableMask="true"
class="dialog" class="dialog"
:closeOnEscape="true" :closeOnEscape="true"
:style="'--cover: url('+physicalSample.cover+')'" :style="'--cover: url(' + physicalSample.cover + ')'"
> >
<template #header> <template #header>
<h2 class="text-lg font-serif">{{ physicalSample.title }}</h2> <h2 class="text-lg font-serif">{{ physicalSample.title }}</h2>
<time class="font-medium text-sm py-8" :datetime="physicalSample.date">{{ physicalSample.date }}</time> <time class="font-medium text-sm py-8" :datetime="physicalSample.date">{{
physicalSample.date
}}</time>
<p>{{ physicalSample.description }}</p> <p>{{ physicalSample.description }}</p>
</template> </template>
<div class="overflow-y h-full mt-32 pb-32"> <div class="overflow-y h-full mt-32 pb-32">
<div class="masonry flow pb-32"> <div class="masonry flow pb-32">
<template v-for="(item, index) in physicalSample.files" :key="item.id"> <template v-for="(item, index) in physicalSample.files" :key="item.id">
<img class="rounded-xl" :src="item.url" :alt="item.alt" :data-id="item.id" /> <img
class="rounded-xl"
:src="item.url"
:alt="item.alt"
:data-id="item.id"
/>
</template> </template>
</div> </div>
</div> </div>
@ -25,11 +32,11 @@
</template> </template>
<script setup> <script setup>
import Dialog from "primevue/dialog"; import Dialog from 'primevue/dialog';
import { ref, watch } from "vue"; import { ref, watch } from 'vue';
import { useDialogStore } from "../../stores/dialog"; import { useDialogStore } from '../../stores/dialog';
import { useRoute, useRouter } from "vue-router"; import { useRoute, useRouter } from 'vue-router';
import { usePageStore } from "../../stores/page.js"; import { usePageStore } from '../../stores/page.js';
// Variables // Variables
const router = useRouter(); const router = useRouter();

12
src/components/project/Project.vue
View file

@ -39,16 +39,16 @@
</template> </template>
<script setup> <script setup>
import dayjs from "dayjs"; import dayjs from 'dayjs';
import "dayjs/locale/fr"; import 'dayjs/locale/fr';
import { useProjectStore } from "../../stores/project"; import { useProjectStore } from '../../stores/project';
dayjs.locale("fr"); dayjs.locale('fr');
const { project } = defineProps({ project: Array }); const { project } = defineProps({ project: Object });
const frenchFormattedModified = dayjs(project.modified).format( const frenchFormattedModified = dayjs(project.modified).format(
"dddd D MMMM YYYY" 'dddd D MMMM YYYY'
); );
const { stepsLabels, setStatus, isEmptyBrief } = useProjectStore(); const { stepsLabels, setStatus, isEmptyBrief } = useProjectStore();

24
src/components/project/TitledPdfWrapper.vue
View file

@ -4,7 +4,7 @@
v-model:visible="isOpen" v-model:visible="isOpen"
modal modal
:draggable="false" :draggable="false"
dismissableMask="true" :dismissableMask="true"
header="Titre du PDF" header="Titre du PDF"
class="dialog" class="dialog"
:class="[ :class="[
@ -43,15 +43,15 @@
</template> </template>
<script setup> <script setup>
import Dialog from "primevue/dialog"; import Dialog from 'primevue/dialog';
import PdfViewer from "./PdfViewer.vue"; import PdfViewer from './PdfViewer.vue';
import DTLPanel from "../design-to-light/DTLPanel.vue"; import DTLPanel from '../design-to-light/DTLPanel.vue';
import { computed, ref, watch } from "vue"; import { computed, ref, watch } from 'vue';
import { useDialogStore } from "../../stores/dialog"; import { useDialogStore } from '../../stores/dialog';
import { useRoute, useRouter } from "vue-router"; import { useRoute, useRouter } from 'vue-router';
import { storeToRefs } from "pinia"; import { storeToRefs } from 'pinia';
import { useApiStore } from "../../stores/api"; import { useApiStore } from '../../stores/api';
import { usePageStore } from "../../stores/page"; import { usePageStore } from '../../stores/page';
const { openedFile, isCommentsOpen } = storeToRefs(useDialogStore()); const { openedFile, isCommentsOpen } = storeToRefs(useDialogStore());
@ -74,7 +74,7 @@ watch(isOpen, (newValue) => {
openedFile.value = route.query.fileIndex openedFile.value = route.query.fileIndex
? dialog.content.files[route.query.fileIndex] ? dialog.content.files[route.query.fileIndex]
: dialog.content.files.find((file) => file.type === "document"); : dialog.content.files.find((file) => file.type === 'document');
const correspondingDTLProposal = computed(() => { const correspondingDTLProposal = computed(() => {
if (!hasDTLProposal.value || !isOpen.value || !openedFile.value) return false; if (!hasDTLProposal.value || !isOpen.value || !openedFile.value) return false;
@ -91,7 +91,7 @@ const correspondingDTLProposal = computed(() => {
// Functions // Functions
async function validate() { async function validate() {
const response = await api.validateBrief( const response = await api.validateBrief(
route.path + "/client-brief", route.path + '/client-brief',
route.fullPath route.fullPath
); );
if (response.success) { if (response.success) {

28
src/components/project/brief/add-images-modal/AddImagesModal.vue
View file

@ -3,7 +3,7 @@
id="add-images" id="add-images"
v-model:visible="isOpen" v-model:visible="isOpen"
:draggable="false" :draggable="false"
dismissableMask="true" :dismissableMask="true"
modal modal
header="Ajouter des images" header="Ajouter des images"
class="bg-white | text-grey-800 | rounded-2xl | overflow-hidden | p-32" class="bg-white | text-grey-800 | rounded-2xl | overflow-hidden | p-32"
@ -74,22 +74,22 @@
</template> </template>
<script setup> <script setup>
import Dialog from "primevue/dialog"; import Dialog from 'primevue/dialog';
import ImagesEditPanel from "./ImagesEditPanel.vue"; import ImagesEditPanel from './ImagesEditPanel.vue';
import { ref, watch } from "vue"; import { ref, watch } from 'vue';
import { storeToRefs } from "pinia"; import { storeToRefs } from 'pinia';
import { useAddImagesModalStore } from "../../../../stores/addImagesModal"; import { useAddImagesModalStore } from '../../../../stores/addImagesModal';
const { isAddImagesModalOpen } = defineProps({ const { isAddImagesModalOpen } = defineProps({
isAddImagesModalOpen: Boolean, isAddImagesModalOpen: Boolean,
}); });
const emit = defineEmits("close"); const emit = defineEmits('close');
const { activeTab, activeTabId, tabs } = storeToRefs(useAddImagesModalStore()); const { activeTab, activeTabId, tabs } = storeToRefs(useAddImagesModalStore());
const isOpen = ref(isAddImagesModalOpen); const isOpen = ref(isAddImagesModalOpen);
watch(isOpen, () => { watch(isOpen, () => {
emit("close"); emit('close');
}); });
function close() { function close() {
@ -107,7 +107,7 @@ const deleteIsOpen = false;
padding-top: var(--space-16); padding-top: var(--space-16);
row-gap: var(--space-32); row-gap: var(--space-32);
} }
#add-images [data-pc-section="content"] { #add-images [data-pc-section='content'] {
height: calc(100% - 3.75rem); height: calc(100% - 3.75rem);
} }
#add-images nav li > span { #add-images nav li > span {
@ -127,7 +127,7 @@ const deleteIsOpen = false;
border-left-color: var(--color-grey-800); border-left-color: var(--color-grey-800);
} }
#add-images nav > ul > li.active > span::before { #add-images nav > ul > li.active > span::before {
content: ""; content: '';
width: 2px; width: 2px;
position: absolute; position: absolute;
top: 0; top: 0;
@ -148,7 +148,7 @@ const deleteIsOpen = false;
border-left-width: 2px; border-left-width: 2px;
} }
#add-images [data-pc-name="fileupload"] button { #add-images [data-pc-name='fileupload'] button {
padding: 3rem; padding: 3rem;
aspect-ratio: 1/1; aspect-ratio: 1/1;
} }
@ -161,12 +161,12 @@ const deleteIsOpen = false;
width: 100%; width: 100%;
} }
#delete-image [data-pc-section="footer"] { #delete-image [data-pc-section='footer'] {
display: flex; display: flex;
gap: var(--space-16); gap: var(--space-16);
margin-top: var(--space-32); margin-top: var(--space-32);
} }
#delete-image [data-pc-name="pcclosebutton"] { #delete-image [data-pc-name='pcclosebutton'] {
display: none; display: none;
} }
#delete-image_header { #delete-image_header {
@ -174,7 +174,7 @@ const deleteIsOpen = false;
font-size: var(--text-lg); font-size: var(--text-lg);
} }
.with-sidebar[data-side="right"] > * { .with-sidebar[data-side='right'] > * {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
} }

2
src/components/project/virtual-sample/VirtualSample.vue
View file

@ -4,7 +4,7 @@
v-model:visible="isOpen" v-model:visible="isOpen"
modal modal
:draggable="false" :draggable="false"
dismissableMask="true" :dismissableMask="true"
header="Titre du rendu" header="Titre du rendu"
class="dialog" class="dialog"
:class="[ :class="[