From 6a2a653e6b78676496b75f5fc5413870e5b4912f Mon Sep 17 00:00:00 2001
From: Marcel Suter <marcel.suter@nowhow.ch>
Date: Fri, 15 Nov 2024 08:28:14 +0100
Subject: [PATCH] set translation indication

---
 src/components/CompilationHeader.vue               |  6 ++++--
 src/components/CueButtonsBar.vue                   |  2 +-
 src/components/CueButtonsField.vue                 |  2 +-
 src/components/displays/ArtistDisplay.vue          |  2 +-
 src/components/displays/MeterDisplay.vue           |  2 +-
 src/components/displays/TagsDisplay.vue            |  2 +-
 src/components/editor/TagsSelector.vue             |  2 +-
 src/components/indicators/MediaSourceIndicator.vue |  2 +-
 src/components/track/MediaTrack.vue                |  4 ++--
 src/components/track/PdfTrack.vue                  |  2 ++
 src/components/track/TrackTitle.vue                | 14 +-------------
 11 files changed, 16 insertions(+), 24 deletions(-)

diff --git a/src/components/CompilationHeader.vue b/src/components/CompilationHeader.vue
index a425c751..32180e3e 100644
--- a/src/components/CompilationHeader.vue
+++ b/src/components/CompilationHeader.vue
@@ -109,7 +109,9 @@
             </template>
             <template v-else>
                 <!-- Display in non-edit view -->
-                <div class="level-item is-justify-content-flex-start">
+                <div
+                    class="notranslate level-item is-justify-content-flex-start"
+                >
                     <span class="title is-3" data-cy="compilation-title">
                         <!-- Use a placeholder to still use the height when not actual title is displayed -->
                         <template v-if="compilation.Title">
@@ -118,7 +120,7 @@
                         <template v-else>&nbsp;</template>
                     </span>
                 </div>
-                <div class="level-item">
+                <div class="notranslate level-item">
                     <p class="is-size-7">
                         <ArtistDisplay
                             class="has-cropped-text"
diff --git a/src/components/CueButtonsBar.vue b/src/components/CueButtonsBar.vue
index 8df728ab..f648558d 100644
--- a/src/components/CueButtonsBar.vue
+++ b/src/components/CueButtonsBar.vue
@@ -1,6 +1,6 @@
 <template>
     <div
-        class="cue-buttons-bar buttons field has-addons is-fullwidth is-flex-wrap-nowrap"
+        class="notranslate cue-buttons-bar buttons field has-addons is-fullwidth is-flex-wrap-nowrap"
     >
         <!-- A virtual cue button as prefix, when the first cue is not at the zero position -->
         <!-- Note: Do not crop the (non-existing) text in virtual cue buttons
diff --git a/src/components/CueButtonsField.vue b/src/components/CueButtonsField.vue
index 11ab9fc2..7321a5d4 100644
--- a/src/components/CueButtonsField.vue
+++ b/src/components/CueButtonsField.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="cue-buttons-field buttons has-gap is-fullwidth">
+    <div class="notranslate cue-buttons-field buttons has-gap is-fullwidth">
         <!-- A virtual cue button as prefix, when the first cue is not at the zero position -->
         <CueButton
             v-if="(prefixCue.Duration ?? 0 > 0) && showInitialZeroTimeCue"
diff --git a/src/components/displays/ArtistDisplay.vue b/src/components/displays/ArtistDisplay.vue
index a7e18919..43200413 100644
--- a/src/components/displays/ArtistDisplay.vue
+++ b/src/components/displays/ArtistDisplay.vue
@@ -1,5 +1,5 @@
 <template>
-    <span :class="{ 'mr-3': artist || album }">
+    <span class="notranslate" :class="{ 'mr-3': artist || album }">
         <span v-if="artist" class="is-single-line">
             <span class="has-opacity-half">by&nbsp;</span>
             <span class="is-italic">
diff --git a/src/components/displays/MeterDisplay.vue b/src/components/displays/MeterDisplay.vue
index b15e9eb6..106c8511 100644
--- a/src/components/displays/MeterDisplay.vue
+++ b/src/components/displays/MeterDisplay.vue
@@ -1,5 +1,5 @@
 <template>
-    <span v-if="meter">
+    <span v-if="meter" class="notranslate">
         <span v-if="meter?.BeatsPerMinute" class="is-single-line mr-3">
             <span class="has-opacity-half">BPM:&nbsp;</span>
             <span>{{ meter?.BeatsPerMinute }}</span>
diff --git a/src/components/displays/TagsDisplay.vue b/src/components/displays/TagsDisplay.vue
index d26f42f6..f781f353 100644
--- a/src/components/displays/TagsDisplay.vue
+++ b/src/components/displays/TagsDisplay.vue
@@ -1,6 +1,6 @@
 <template>
     <span
-        class="tags"
+        class="notranslate tags"
         :class="{
             'are-large': !small,
         }"
diff --git a/src/components/editor/TagsSelector.vue b/src/components/editor/TagsSelector.vue
index 704f7753..fbe8475d 100644
--- a/src/components/editor/TagsSelector.vue
+++ b/src/components/editor/TagsSelector.vue
@@ -1,5 +1,5 @@
 <template>
-    <TransitionGroup name="list" tag="div" class="buttons">
+    <TransitionGroup name="list" tag="div" class="notranslate buttons">
         <ToggleButton
             v-for="tag in allTags"
             :key="tag"
diff --git a/src/components/indicators/MediaSourceIndicator.vue b/src/components/indicators/MediaSourceIndicator.vue
index 2e377419..f376af80 100644
--- a/src/components/indicators/MediaSourceIndicator.vue
+++ b/src/components/indicators/MediaSourceIndicator.vue
@@ -1,7 +1,7 @@
 <template>
     <!-- align like a bulma level, vertically centered -->
     <p
-        class="control is-flex is-align-items-center"
+        class="notranslate control is-flex is-align-items-center"
         :title="
             unavailable
                 ? `Track media '${mediaSource}' is unavailable. Please reload or replace it in the editor.`
diff --git a/src/components/track/MediaTrack.vue b/src/components/track/MediaTrack.vue
index 004ac8e7..fd7a6a72 100644
--- a/src/components/track/MediaTrack.vue
+++ b/src/components/track/MediaTrack.vue
@@ -321,7 +321,7 @@
                         <!-- On mobile, the text is cropped at full width minus seek buttons, because of the level's automatic stacking,
                                     on lager viewports the text is cropped to not exceed the dynamic playhead slider -->
                         <p
-                            class="is-size-7 has-cropped-text"
+                            class="notranslate is-size-7 has-cropped-text"
                             :class="{
                                 'has-opacity-half': !canPlay,
                                 'has-text-success': playingCueIsSelected,
@@ -518,7 +518,7 @@
                                             <!-- On mobile, the text is cropped at full width minus seek buttons, because of the level's automatic stacking,
                                     on lager viewports the text is strictly cropped to 129px -->
                                             <p
-                                                class="is-size-7 has-cropped-text"
+                                                class="notranslate is-size-7 has-cropped-text"
                                                 :class="{
                                                     'has-text-success':
                                                         playingCueIsSelected,
diff --git a/src/components/track/PdfTrack.vue b/src/components/track/PdfTrack.vue
index 282ef797..5c5c14ad 100644
--- a/src/components/track/PdfTrack.vue
+++ b/src/components/track/PdfTrack.vue
@@ -59,6 +59,7 @@
                                         <!-- NOTE: Toggling the disabled attribute does not work as intended -->
                                         <a
                                             v-if="Boolean(mediaUrl)"
+                                            class="notranslate"
                                             :href="mediaUrl"
                                             target="_blank"
                                         >
@@ -66,6 +67,7 @@
                                         </a>
                                         <a
                                             v-else
+                                            class="notranslate"
                                             :href="mediaUrl"
                                             target="_blank"
                                             disabled
diff --git a/src/components/track/TrackTitle.vue b/src/components/track/TrackTitle.vue
index c8b703b0..983ae1e1 100644
--- a/src/components/track/TrackTitle.vue
+++ b/src/components/track/TrackTitle.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- Surrounding div to handle some elements together, e.g. in a bulma level -->
-    <div>
+    <div class="notranslate">
         <!-- The title is the only header element that should shrink (break on words) if necessary -->
         <TrackTitleName
             class="title is-4 mr-2"
@@ -49,23 +49,11 @@
 
 <script setup lang="ts">
 import { storeToRefs } from 'pinia';
-import { computed, onUnmounted } from 'vue';
 import TrackTitleName from '@/components/track/TrackTitleName.vue';
 import MeterDisplay from '@/components/displays/MeterDisplay.vue';
 import ArtistDisplay from '@/components/displays/ArtistDisplay.vue';
 import TagsDisplay from '@/components/displays/TagsDisplay.vue';
 import { useTrackStore } from '@/store/track/index';
-import NavButton from '@/components/buttons/NavButton.vue';
-import { mdiDotsVertical } from '@mdi/js';
-
-import DropdownMenu from '@/components/dropdown-menu/DropdownMenu.vue';
-import MenuItemContent from '@/components/dropdown-menu/MenuItemContent.vue';
-import { mdiCog, mdiInformation } from '@mdi/js';
-import type { IMediaHandler } from '@/code/media/IMediaHandler';
-import { DefaultPitchShift, DefaultPlaybackRate } from '@/store/Track';
-import SpeedKnob from '../controls/SpeedKnob.vue';
-import DropdownMenuItem from '@/components/dropdown-menu/DropdownMenuItem.vue';
-import test from 'node:test';
 
 /** Displays a track's title, including name, meter, BPM and tags.
  * @remarks This component makes some layout decisions, but intentionally color decisions.