This commit is contained in:
isUnknown 2025-02-05 11:31:43 +01:00
parent c73b9d671b
commit 38bd0d0823

View file

@ -14,14 +14,15 @@
</button> </button>
</div> </div>
<button <button
v-if="tracks.length > 1"
class="btn | ml-auto" class="btn | ml-auto"
:class="{ 'btn--secondary': isCompareModeEnabled }" :class="{ 'btn--secondary': isCompareModeEnabled }"
@click="isCompareModeEnabled = !isCompareModeEnabled" @click="isCompareModeEnabled = !isCompareModeEnabled"
> >
<span>{{ <span>{{
isCompareModeEnabled isCompareModeEnabled
? "Quitter le mode comparer" ? 'Quitter le mode comparer'
: "Comparer les pistes" : 'Comparer les pistes'
}}</span> }}</span>
</button> </button>
</header> </header>
@ -46,12 +47,12 @@
</div> </div>
</template> </template>
<script setup> <script setup>
import { ref, computed, watch } from "vue"; import { ref, computed, watch } from 'vue';
import { storeToRefs } from "pinia"; import { storeToRefs } from 'pinia';
import { usePageStore } from "../../../stores/page"; import { usePageStore } from '../../../stores/page';
import Interactive360 from "./Interactive360.vue"; import Interactive360 from './Interactive360.vue';
import { useDialogStore } from "../../../stores/dialog"; import { useDialogStore } from '../../../stores/dialog';
import { useVirtualSampleStore } from "../../../stores/virtualSample"; import { useVirtualSampleStore } from '../../../stores/virtualSample';
const { page } = storeToRefs(usePageStore()); const { page } = storeToRefs(usePageStore());
const { isCommentsOpen, isCommentPanelEnabled, activeTracks } = storeToRefs( const { isCommentsOpen, isCommentPanelEnabled, activeTracks } = storeToRefs(
@ -62,7 +63,7 @@ const { isCompareModeEnabled } = storeToRefs(useVirtualSampleStore());
const tracks = computed( const tracks = computed(
() => () =>
page.value.steps.find((step) => step.slug === "virtual-sample").files page.value.steps.find((step) => step.slug === 'virtual-sample').files
.dynamic .dynamic
); );