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