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

fix #27 - virtual sample / static view : tabs working

Browse source
This commit is contained in:
isUnknown 2024-11-27 15:59:13 +01:00
parent 4bed4ff919
commit 9a6b4387f1
4 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/content/projects/1_miss-dior-blooming-bouquet/4_virtual-sample/1_gernet-vernant-1964-evolution-idees-grece-chine_bude_0004-5527_1964_num_1_3_4085.pdf Normal file
View file

Binary file not shown.

1
public/content/projects/1_miss-dior-blooming-bouquet/4_virtual-sample/1_gernet-vernant-1964-evolution-idees-grece-chine_bude_0004-5527_1964_num_1_3_4085.pdf.txt Normal file
View file

@ -0,0 +1 @@
Uuid: pXjr94mzDdcxVMVv

2
public/content/projects/1_miss-dior-blooming-bouquet/4_virtual-sample/virtual-sample.txt
View file

@ -6,7 +6,7 @@ Rawglass: - file://inTVYmCtOtEsv5eV
---- ----
Finishedglass: Finishedglass: - file://pXjr94mzDdcxVMVv
---- ----

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

@ -5,9 +5,10 @@
id="verre-brut-label" id="verre-brut-label"
type="button" type="button"
role="tab" role="tab"
aria-selected="true" :aria-selected="activeTab === 'rawGlass' ? true : false"
aria-controls="verre-brut" aria-controls="verre-brut"
tabindex="-1" tabindex="-1"
@click="activeTab = 'rawGlass'"
> >
<span class="label">Verre brut</span> <span class="label">Verre brut</span>
</button> </button>
@ -16,17 +17,27 @@
id="verre-paracheve-label" id="verre-paracheve-label"
type="button" type="button"
role="tab" role="tab"
aria-selected="false" :aria-selected="activeTab === 'finishedGlass' ? true : false"
aria-controls="verre-paracheve" aria-controls="verre-paracheve"
@click="activeTab = 'finishedGlass'"
> >
<span class="label">Verre parachevé</span> <span class="label">Verre parachevé</span>
</button> </button>
</header> </header>
<div class="dialog__inner" id="verre-brut"> <div class="dialog__inner" id="verre-brut">
<VPdfViewer <VPdfViewer
v-if="activeTab === 'rawGlass'"
:darkMode="true" :darkMode="true"
:initialThumbnailsVisible="true" :initialThumbnailsVisible="true"
:src="openedFile.url" :src="step.files.static.rawGlass.url"
local="fr_FR"
@loaded="onPdfLoaded"
/>
<VPdfViewer
v-if="activeTab === 'finishedGlass'"
:darkMode="true"
:initialThumbnailsVisible="true"
:src="step.files.static.finishedGlass.url"
local="fr_FR" local="fr_FR"
@loaded="onPdfLoaded" @loaded="onPdfLoaded"
/> />
@ -40,11 +51,10 @@ import { VPdfViewer, useLicense } from "@vue-pdf-viewer/viewer";
const { step } = useVirtualSampleStore(); const { step } = useVirtualSampleStore();
const activeTab = ref(Object.keys(step.files.static)[0]); const activeTab = ref(Object.keys(step.files.static)[0]);
const openedFile = ref(step.files.static[activeTab.value]);
</script> </script>
<style scoped> <style scoped>
@import '../../../assets/css/src/2.blocks.pdf-viewer.css'; @import "../../../assets/css/src/2.blocks.pdf-viewer.css";
.dialog__inner { .dialog__inner {
background-color: inherit; background-color: inherit;