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

fix #138

Browse source
This commit is contained in:
isUnknown 2025-03-07 17:29:11 +01:00
parent 432f718b14
commit f34ceb1559
5 changed files with 38 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/components/project/PdfViewer.vue
View file

@ -15,21 +15,22 @@
@click="isCommentsOpen = !isCommentsOpen"
>
<span class="sr-only"
>{{ isCommentsOpen ? "Masquer" : "Afficher" }} les commentaires</span
>{{ isCommentsOpen ? 'Masquer' : 'Afficher' }} les commentaires</span
>
</button>
<Comments v-if="isCommentsOpen" />
</template>
<script setup>
import Comments from "../comments/Comments.vue";
import { ref, watch } from "vue";
import { useDialogStore } from "../../stores/dialog";
import { storeToRefs } from "pinia";
import { VPdfViewer, useLicense } from "@vue-pdf-viewer/viewer";
import { useRoute, useRouter } from "vue-router";
import Comments from '../comments/Comments.vue';
import { ref, watch } from 'vue';
import { useDialogStore } from '../../stores/dialog';
import { storeToRefs } from 'pinia';
import { VPdfViewer, useLicense } from '@vue-pdf-viewer/viewer';
import { useRoute, useRouter } from 'vue-router';
const licenseKey = import.meta.env.VITE_VPV_LICENSE ?? 'd0ab730a-ebba-4060-856c-76d322565645';
const licenseKey =
import.meta.env.VITE_VPV_LICENSE ?? 'd0ab730a-ebba-4060-856c-76d322565645';
useLicense({ licenseKey });
const { openedFile, isCommentsOpen, comments, draftComment } = storeToRefs(
@ -40,14 +41,14 @@ const currentPageIndex = ref(1);
// Functions
const onPdfLoaded = () => {
const wrapper = document.querySelector(".vpv-pages-inner-container");
const wrapper = document.querySelector('.vpv-pages-inner-container');
const observer = new IntersectionObserver(
(entries) => {
entries.forEach((entry, index) => {
if (entry.intersectionRatio > 0.5) {
currentPageIndex.value = parseInt(
entry.target.getAttribute("aria-label").split(" ")[1]
entry.target.getAttribute('aria-label').split(' ')[1]
);
}
});
@ -59,7 +60,7 @@ const onPdfLoaded = () => {
);
const observePages = () => {
const pages = document.querySelectorAll(".vpv-page-inner-container");
const pages = document.querySelectorAll('.vpv-page-inner-container');
pages.forEach((page) => {
if (!page.__observed__) {
observer.observe(page);
@ -81,5 +82,5 @@ const onPdfLoaded = () => {
</script>
<style scoped>
@import "../../assets/css/src/2.blocks.pdf-viewer.css";
@import '../../assets/css/src/2.blocks.pdf-viewer.css';
</style>

16
src/components/project/virtual-sample/StaticView.vue
View file

@ -30,22 +30,22 @@
</template>
<script setup>
import { ref, watch } from "vue";
import { useVirtualSampleStore } from "../../../stores/virtualSample";
import PdfViewer from "../PdfViewer.vue";
import { storeToRefs } from "pinia";
import { useDialogStore } from "../../../stores/dialog";
import { ref, watch } from 'vue';
import { useVirtualSampleStore } from '../../../stores/virtualSample';
import PdfViewer from '../PdfViewer.vue';
import { storeToRefs } from 'pinia';
import { useDialogStore } from '../../../stores/dialog';
const { step } = useVirtualSampleStore();
const { step } = storeToRefs(useVirtualSampleStore());
const { openedFile, activeTracks } = storeToRefs(useDialogStore());
const activeTab = ref(Object.keys(step.files.static)[0]);
const activeTab = ref(Object.keys(step.value.files.static)[0]);
activeTracks.value = [];
watch(
activeTab,
(newVal) => {
openedFile.value = step.files.static[newVal];
openedFile.value = step.value.files.static[newVal];
},
{ immediate: true }
);

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

@ -122,6 +122,7 @@ const { isCommentsOpen, isCommentPanelEnabled, activeTracks, openedFile } =
const { page } = storeToRefs(usePageStore());
isLoopAnimationEnabled.value = false;
activeTab.value = 'dynamic';
// Variables
const router = useRouter();