let projects configure item- and manifest labels ++ npm update

package-lock.json

@@ -1318,9 +1318,9 @@
       }
     },
     "@quasar/extras": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/@quasar/extras/-/extras-1.6.4.tgz",
-      "integrity": "sha512-OfVlzQhrIo4XImyVARvje85bf8D/OOYprUYjRNypEED5v64xt4nrT0lsh2wivleh7hwE9x22jQCB3o4GMLWkvg=="
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@quasar/extras/-/extras-1.7.0.tgz",
+      "integrity": "sha512-3G/tQZiyrSNuwkFXVBdAH9WYYTMY0mwf9nCp23jTzqH7MjUbs6RTujFN+urKlyQ7fZRLXmdWvo34z3+DgrUmqQ=="
     },
     "@quasar/fastclick": {
       "version": "1.1.4",

package.json

@@ -13,7 +13,7 @@
     "lint": "eslint --ext .js,.vue src"
   },
   "dependencies": {
-    "@quasar/extras": "^1.6.4",
+    "@quasar/extras": "^1.7.0",
     "openseadragon": "^2.4.2",
     "quasar": "^1.9.16"
   },

src/App.vue

@@ -3,6 +3,7 @@
     <q-layout view="hHh lpr fff">
       <Header
         :collectiontitle="collectiontitle"
+        :config="config"
         :itemurls="itemurls"
         :manifests="manifests"
         :pagelabel="pagelabel"
@@ -12,6 +13,7 @@
       <q-page-container>
         <router-view
           :collection="collection"
+          :config="config"
           :contenturl="contenturl"
           :imageurl="imageurl"
           :language="itemlanguage"
@@ -102,7 +104,7 @@ export default {
         urls.push(
           {
             label: obj.id,
-            labelKey: ctr += 1,
+            labelKey: `${this.config.itemlabel} ${ctr += 1}`,
             handler: (node) => {
               if (this.itemurl === node.label) {
                 return;

src/components/metadata.vue

@@ -35,7 +35,7 @@
     <q-list>
       <q-item>
         <q-item-section class="text-h6 caps">
-          Manuscript {{ sequenceindex + 1 }} / {{ manifests.length }}
+          {{ config.manifestlabel }} {{ sequenceindex + 1 }} / {{ manifests.length }}
         </q-item-section>
       </q-item>
       <q-item>
@@ -51,7 +51,7 @@
     <q-list>
       <q-item>
         <q-item-section class="text-h6 caps">
-          Page {{ itemindex + 1 }} / {{ itemcount }}
+          {{ config.itemlabel }} {{ itemindex + 1 }} / {{ itemcount }}
         </q-item-section>
       </q-item>
       <q-item>
@@ -75,6 +75,7 @@ export default {
   name: 'Metadata',
   props: {
     collection: Object,
+    config: Object,
     language: String,
     manifests: Array,
     pagelabel: String,

src/components/navbar.vue

@@ -22,10 +22,11 @@
     <q-input
       color="teal"
       class="q-mb-md"
+      dense
+      min="1"
       standout
       type="number"
-      placeholder="Page"
-      dense
+      :placeholder="config.itemlabel"
       >
       <template v-slot:append>
         <q-icon

src/components/quasar-header.vue

@@ -20,6 +20,7 @@
           justify-xs-center
           row-sm
           "
+        :config="config"
         :itemurls="itemurls"
         :manifests="manifests"
       />
@@ -42,20 +43,21 @@
 
 <script>
 import Infobar from '@/components/infobar.vue';
+// import Language from '@/components/language.vue';
 import Navbar from '@/components/navbar.vue';
 import Togglebar from '@/components/togglebar.vue';
-// import Language from '@/components/language.vue';
 
 export default {
   name: 'Header',
   components: {
     Infobar,
+    // Language,
     Navbar,
     Togglebar,
-    // Language,
   },
   props: {
     collectiontitle: String,
+    config: Object,
     itemurls: Array,
     manifests: Array,
     pagelabel: String,

src/index.template.html

@@ -23,7 +23,9 @@
 
     <script id="emo-config" type="application/json">
     {
-      "entrypoint": "https://ahikar-test.sub.uni-goettingen.de/api/textapi/ahikar/3r9ps/collection.json"
+      "entrypoint": "https://ahikar-test.sub.uni-goettingen.de/api/textapi/ahikar/3r9ps/collection.json",
+      "itemlabel": "Page",
+      "manifestlabel": "Manuscript"
     }
     </script>
 

src/mixins/navigation.js

 export default {
   props: {
+    config: Object,
     itemurls: Array,
     manifests: Array,
   },
@@ -23,13 +24,13 @@ export default {
 
       return this.sequenceindex < this.sequencecount - 1
       && lastindexes[this.sequenceindex] === this.itemindex
-        ? 'Next Manifest'
-        : 'Next Item';
+        ? `Next ${this.config.manifestlabel}`
+        : `Next ${this.config.itemlabel}`;
     },
     captionprev() {
       return this.sequenceindex > 0 && this.firstiteminsequence === this.itemindex
-        ? 'Prev Manifest'
-        : 'Prev Item';
+        ? `Prev ${this.config.manifestlabel}`
+        : `Prev ${this.config.itemlabel}`;
     },
     computedsequenceindex() {
       const itemcount = this.itemspersequence;

src/views/quasar-mainview.vue

@@ -46,6 +46,7 @@
 
                 <Metadata v-if="manifests.length"
                   :collection="collection"
+                  :config="config"
                   :language="language"
                   :manifests="manifests"
                   :pagelabel="pagelabel"
@@ -78,6 +79,7 @@ export default {
   },
   props: {
     collection: Object,
+    config: Object,
     contenturl: String,
     imageurl: String,
     language: String,