improve photobooth-app/photobooth-app#251

photobooth-app · Apr 25, 2024 · f0240f1 · f0240f1
1 parent 8c7a457
commit f0240f1
Show file tree

Hide file tree

Showing 15 changed files with 38 additions and 36 deletions.
diff --git a/src/layouts/AdminLayout.vue b/src/layouts/AdminLayout.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-layout view="hHh lpR fFf">
+  <q-layout id="admin-layout" view="hHh lpR fFf">
     <q-header elevated class="bg-secondary text-white">
       <q-toolbar class="q-pa-none">
         <q-tabs mobile-arrows shrink>

diff --git a/src/layouts/GalleryLayout.vue b/src/layouts/GalleryLayout.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-layout view="hHh lpR fFf">
+  <q-layout id="gallery-layout" view="hHh lpR fFf">
     <q-page-container>
       <router-view />
 

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-layout view="hHh lpR fFf">
+  <q-layout id="main-layout" view="hHh lpR fFf">
     <q-page-container>
       <router-view />
 

diff --git a/src/layouts/SlideshowLayout.vue b/src/layouts/SlideshowLayout.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-layout view="hHh lpR fFf">
+  <q-layout id="slideshow-layout" view="hHh lpR fFf">
     <q-page-container class="fullscreen">
       <router-view />
 

diff --git a/src/layouts/StandaloneLayout.vue b/src/layouts/StandaloneLayout.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-layout view="hHh lpR fFf">
+  <q-layout id="standalone-layout" view="hHh lpR fFf">
     <q-page-container>
       <router-view />
     </q-page-container>

diff --git a/src/pages/AdminFilesPage.vue b/src/pages/AdminFilesPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-page padding>
+  <q-page id="admin-files-page" padding>
     <div class="q-pa-md">
       <q-breadcrumbs gutter="sm" style="cursor: pointer">
         <q-breadcrumbs-el :label="$t('TITLE_FILES_WORKING_DIR')" icon="home" @click="onBreadcrumbClick(-1)" />

diff --git a/src/pages/AdminHelpPage.vue b/src/pages/AdminHelpPage.vue
@@ -1,6 +1,6 @@
 <!-- eslint-disable -->
 <template>
-  <q-page padding>
+  <q-page id="admin-help-page" padding>
     <h4>Getting started?</h4>
     <p>You made it here, so congrats: You got the app work on your computer 🎉. How to continue?</p>
     <ul>

diff --git a/src/pages/AdminPage.vue b/src/pages/AdminPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-page padding>
+  <q-page id="admin-page" padding>
     <q-card class="q-pa-md">
       <div class="text-h5">{{ $t('TITLE_SERVER_CONTROL') }}</div>
       <div class="row">

diff --git a/src/pages/ConfigPage.vue b/src/pages/ConfigPage.vue
@@ -1,28 +1,30 @@
 <template>
-  <div v-if="!isLoadingState">
-    <json-forms
-      :data="configurationStore.configuration"
-      :ajv="ajv"
-      :renderers="renderers"
-      :schema="schema"
-      :uischema="cuischema"
-      @change="onChange"
-    />
-  </div>
-  <div v-else class="q-pa-md flex flex-center">
-    <div>
-      <q-spinner-gears size="xl" color="primary" />
+  <q-page id="config-page">
+    <div v-if="!isLoadingState">
+      <json-forms
+        :data="configurationStore.configuration"
+        :ajv="ajv"
+        :renderers="renderers"
+        :schema="schema"
+        :uischema="cuischema"
+        @change="onChange"
+      />
     </div>
-  </div>
-
-  <q-page-sticky position="bottom-right" :offset="[18, 18]">
-    <div class="q-gutter-sm">
-      <!-- linter error, see open issue: https://github.com/intlify/vue-i18n-next/issues/1403-->
-      <q-btn :label="$t('BTN_LABEL_RESET_CONFIG')" @click="remoteProcedureCall('/api/admin/config/reset')" />
-      <q-btn :label="$t('BTN_LABEL_RESTORE_CONFIG')" @click="configurationStore.getConfig('current')" />
-      <q-btn color="primary" :label="$t('BTN_LABEL_PERSIST_CONFIG')" @click="configurationStore.saveConfig()" />
+    <div v-else class="q-pa-md flex flex-center">
+      <div>
+        <q-spinner-gears size="xl" color="primary" />
+      </div>
     </div>
-  </q-page-sticky>
+
+    <q-page-sticky position="bottom-right" :offset="[18, 18]">
+      <div class="q-gutter-sm">
+        <!-- linter error, see open issue: https://github.com/intlify/vue-i18n-next/issues/1403-->
+        <q-btn :label="$t('BTN_LABEL_RESET_CONFIG')" @click="remoteProcedureCall('/api/admin/config/reset')" />
+        <q-btn :label="$t('BTN_LABEL_RESTORE_CONFIG')" @click="configurationStore.getConfig('current')" />
+        <q-btn color="primary" :label="$t('BTN_LABEL_PERSIST_CONFIG')" @click="configurationStore.saveConfig()" />
+      </div>
+    </q-page-sticky>
+  </q-page>
 </template>
 <script lang="ts">
 import { ref, computed } from 'vue';

diff --git a/src/pages/GalleryPage.vue b/src/pages/GalleryPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-page padding>
+  <q-page id="gallery-page" padding>
     <div v-if="!isGalleryEmpty" class="row justify-center q-gutter-sm">
       <q-intersection v-for="(item, index) in mediacollectionStore.collection" :key="item.id" once class="preview-item">
         <q-card class="q-ma-sm" @click="openPic(index)">

diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-page class="q-pa-none column full-height">
+  <q-page id="index-page" class="q-pa-none column full-height">
     <!-- lowest layer: preview stream -->
 
     <div id="preview-stream-wrapper" :class="{ mirroreffect: livestreamMirror }">

diff --git a/src/pages/ItemApprovalPage.vue b/src/pages/ItemApprovalPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-page class="fullscreen flex flex-center">
+  <q-page id="itemapproval-page" class="fullscreen flex flex-center">
     <q-img :src="imgToApproveSrc" fit="contain" style="height: 95%" />
     <!-- video approval not yet supported -->
 

diff --git a/src/pages/ItemPresenterPage.vue b/src/pages/ItemPresenterPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-page class="q-pa-none fullscreen">
+  <q-page id="itempresenter-page" class="q-pa-none fullscreen">
     <gallery-image-detail
       :item-repository="[stateStore.last_captured_mediaitem]"
       :index-selected="0"

diff --git a/src/pages/SlideshowPage.vue b/src/pages/SlideshowPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-page class="full-height">
+  <q-page id="slideshow-page" class="full-height">
     <gallery-image-detail
       :show-toolbar="false"
       :slideshow-timeout="5000"

diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-page padding>
+  <q-page id="status-page" padding>
     <div class="row col-xs-12 col-sm-4 col-md-3 col-lg-3">
       <q-card class="q-mr-md q-mb-md">
         <q-card-section>