✨ close #157

src/components/Layout.vue

@@ -78,9 +78,7 @@
         <template v-if="annotationStore.hasVideo">
           <VideoLoaderV2 v-if="useV2"/>
           <VideoLoaderV1 v-else/>
-          <ActionThumbnailPreview v-if="preferenceStore.actions"/>
         </template>
-        <ActionLabelThumbnailPreview v-if="preferenceStore.actions"/>
         <router-view></router-view>
       </q-page>
     </q-page-container>
@@ -106,8 +104,6 @@
 <script setup>
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
-import ActionThumbnailPreview from '~/components/ActionThumbnailPreview.vue'
-import ActionLabelThumbnailPreview from '~/components/ActionLabelThumbnailPreview.vue'
 import VideoLoaderV1 from '~/components/VideoLoaderV1.vue'
 import VideoLoaderV2 from '~/components/VideoLoaderV2.vue'
 import { useAnnotationStore } from '~/store/annotation.js'

src/pages/annotation/ActionTable.vue

@@ -218,6 +218,7 @@
       </q-tr>
     </template>
   </q-table>
+  <ActionThumbnailPreview/>
 </template>
 
 <script setup>
@@ -227,6 +228,7 @@ import utils from '~/libs/utils.js'
 import { useAnnotationStore } from '~/store/annotation.js'
 import { useConfigurationStore } from '~/store/configuration.js'
 import { useMainStore } from '~/store/index.js'
+import ActionThumbnailPreview from '~/components/ActionThumbnailPreview.vue'
 
 const annotationStore = useAnnotationStore()
 const configurationStore = useConfigurationStore()

src/pages/configuration/ActionLabelTable.vue

@@ -49,6 +49,7 @@
       </q-td>
     </template>
   </TableBase>
+  <ActionLabelThumbnailPreview/>
 </template>
 
 <script setup>
@@ -57,6 +58,7 @@ import { computed } from 'vue'
 import utils from '~/libs/utils.js'
 import TableBase from '~/pages/configuration/components/TableBase.vue'
 import { useConfigurationStore } from '~/store/configuration.js'
+import ActionLabelThumbnailPreview from '~/components/ActionLabelThumbnailPreview.vue'
 
 // Action
 const columnList = [