Fix Mirador viewer (unmounted, collection modal remove by default) + …

…fix facsimile navigation + fix padding on facsimile page + update SEO
chartes · Apr 25, 2024 · 404f138 · 404f138
1 parent a3b4988
commit 404f138
Show file tree

Hide file tree

Showing 11 changed files with 124 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
     "url": "^0.11.3",
     "vue": "^3.2.13",
     "vue-router": "^4.2.5",
+    "vue-router-sitemap": "^0.0.4",
     "vue-slider-component": "^4.1.0-beta.7",
     "vue3-carousel": "^0.3.1",
     "vuex": "^4.1.0"

diff --git a/public/index.html b/public/index.html
@@ -1,13 +1,15 @@
 <!DOCTYPE html>
-<html lang="">
+<html lang="fr">
   <head>
-      <meta charset="utf-8">
+      <title>e-NDP | Notre-Dame de Paris et son cloître (1326-1504)</title>
+      <meta charset="UTF-8">
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <meta name="viewport" content="width=device-width,initial-scale=1.0">
+      <meta name="description" content="L'application e-NDP permet d'explorer l’intégralité des 26 registres médiévaux du chapitre de Notre-Dame de Paris. La publication de ce corpus inédit, dont toutes les données sont ouvertes, participe au renouvellement de la connaissance sur l’administration de la cathédrale par les chanoines et sur la société du cloître.">
+      <meta name="keywords" content="Moyen âge, Histoire médiévale, manuscrit, Notre-Dame de Paris, Chapitres cathédraux, Registres capitulaires, ANR e-NDP, chanoines, corpus médiéval, données ouvertes">
       <link rel="icon" href="<%= BASE_URL %>favicon.ico">
       <!--<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/bulma.min.css" />-->
       <script src="https://kit.fontawesome.com/7202f6c941.js" crossorigin="anonymous"></script>
-      <title>e-NDP | Notre-Dame de Paris et son cloître (1326-1504)</title>
   </head>
   <body>
     <noscript>

diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://www.end.chartes.psl.eu/sitemap.xml
diff --git a/public/sitemap.xml b/public/sitemap.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+    <url>
+        <loc>https://www.endp.chartes.psl.eu</loc>
+    </url>
+    <url>
+        <loc>https://www.endp.chartes.psl.eu/registres</loc>
+    </url>
+    <url>
+        <loc>https://www.endp.chartes.psl.eu/persons</loc>
+    </url>
+    <url>
+        <loc>https://www.endp.chartes.psl.eu/ressources</loc>
+    </url>
+    <url>
+        <loc>https://www.endp.chartes.psl.eu/facsimile/collection/top</loc>
+    </url>
+    <url>
+        <loc>https://www.endp.chartes.psl.eu/contact</loc>
+    </url>
+    <url>
+        <loc>https://www.endp.chartes.psl.eu/credits</loc>
+    </url>
+    <url>
+        <loc>https://www.endp.chartes.psl.eu/termsofservice</loc>
+    </url>
+</urlset>
diff --git a/src/App.vue b/src/App.vue
@@ -30,7 +30,7 @@ const toggleMobileMenu = function($event) {
 const route = useRoute();
 watch(() => route.name, (nextRoute, previousRoute) => {
   isMobileMenuOpen.value = false;
-  console.log(nextRoute, previousRoute);
+  // console.log(nextRoute, previousRoute);
   if (nextRoute !== "facsimile" || previousRoute !== "facsimile") {
     window.scrollTo(0,0);
   }

diff --git a/src/components/AppMenuAside.vue b/src/components/AppMenuAside.vue
@@ -59,6 +59,7 @@ export default {
     navigateToFacSimile() {
       this.$store.commit('setEndpVolume', "collection");
       this.$store.commit('setCanvasId', "top");
+      this.$store.commit('setBtnCollectionClicked', false);
       this.$router.push('/facsimile/collection/top');
     },
   },

diff --git a/src/components/FacSimileNavigation.vue b/src/components/FacSimileNavigation.vue
@@ -60,12 +60,23 @@ export default {
     };
   },
   computed: {
-    ...mapState(["navByVolumesJSON"]),
+    ...mapState(["navByVolumesJSON", "canvasId"]),
   },
   watch: {
+    canvasId(newVal) {
+      if (newVal) {
+        if (newVal === 'top') {
+          this.openRegisters = {};
+          this.highlighted = null;
+          this.navItemsSelected = {};
+        } else {
+          this.highlightAndUnfoldSelectedNav();
+
+        }
+      }
+    },
     selectedNav(newVal) {
       if (newVal) {
-        //console.log('selectedNav.canvasID changed', newVal);
         this.highlightAndUnfoldSelectedNav();
       }
     },
@@ -74,6 +85,7 @@ export default {
 
     highlightAndUnfoldSelectedNav() {
       const {register, canvas, year} = this.selectedNav;
+      console.log('highlightAndUnfoldSelectedNav', register, canvas, year);
       if (!register || !canvas || !year) return;
 
       // close all years except the one clicked
@@ -83,6 +95,8 @@ export default {
         }
       }
 
+      this.openRegisters = {};
+
       // Assurer que le registre et l'année sont ouverts
       this.ensureOpenRegisterAndYear(register, year.split(' ')[1]);
 

diff --git a/src/store/index.js b/src/store/index.js
@@ -25,6 +25,7 @@ export default createStore({
             {iso_code: '11', name: 'Novembre'},
             {iso_code: '12', name: 'Décembre'}
         ],
+        btnCollectionClicked: false,
         // Data-driven JSON
         navByDatesJSON: navByDatesJSON,
         navByVolumesJSON: navByVolumesJSON,
@@ -50,6 +51,9 @@ export default createStore({
         },
         setEndpVolume(state, volume) {
             state.endpVolume = volume;
+        },
+        setBtnCollectionClicked(state, value) {
+            state.btnCollectionClicked = value;
         }
     },
 });
diff --git a/src/views/FacSimileView.vue b/src/views/FacSimileView.vue
@@ -9,9 +9,9 @@
 
   <!-- Mobile Title section -->
   <div class="mobile-header header">
-    <p class="facsimile-title" v-if="!registerPageDate">Collection des fac-similés de registres de conclusions capitulaires</p>
-    <p class="facsimile-title" v-if="registerPageDate">Fac-similé du registre de conclusions capitulaires {{ endpVolume }} de
-      Notre-Dame de Paris - <span class="date-title">{{ registerPageDate }}</span></p>
+    <p class="facsimile-title" v-if="canvasId === 'top'">Collection des fac-similés de registres de conclusions capitulaires</p>
+    <p class="facsimile-title" v-if="canvasId !== 'top'">Fac-similé du registre de conclusions capitulaires {{ endpVolume }} de
+      Notre-Dame de Paris <span v-if="registerPageDate">- <span class="date-title">{{ registerPageDate }}</span></span></p>
   </div>
 
   <!-- Main grid  -->
@@ -66,9 +66,9 @@
 
       <!-- Desktop Title section -->
       <div class="header">
-        <p class="facsimile-title" v-if="!registerPageDate">Collection des fac-similés de registres de conclusions capitulaires</p>
-        <p class="facsimile-title" v-if="registerPageDate">Fac-similé du registre de conclusions capitulaires {{ endpVolume }} de
-          Notre-Dame de Paris - <span class="date-title">{{ registerPageDate }}</span></p>
+        <p class="facsimile-title" v-if="canvasId === 'top'">Collection des fac-similés de registres de conclusions capitulaires</p>
+        <p class="facsimile-title" v-if="canvasId !== 'top'">Fac-similé du registre de conclusions capitulaires {{ endpVolume }} de
+          Notre-Dame de Paris <span v-if="registerPageDate">- <span class="date-title">{{ registerPageDate }}</span></span></p>
       </div>
 
       <!-- Mirador viewer section -->
@@ -143,6 +143,7 @@ export default {
       showCopyError: false,
       loadPredictionText: false,
       isNavOpen: true,
+      //btnCollectionClicked: false,
       endpVolumeManifest() {
         return this.endpVolume === "collection" || this.canvasId === "top"
             ? `${this.iiifEncService}collection/top`
@@ -187,6 +188,7 @@ export default {
   computed: {
     ...mapState(
         [
+          'btnCollectionClicked',
           'canvasId',
           'endpVolume',
           'miradorSettings',
@@ -280,7 +282,7 @@ export default {
             document: {
               collectionDialogOn: false,
             }
-          }],
+          }]
       }, [...textOverlayPlugin]);
       this.viewer.store.subscribe(() => {
         this.storeState = this.viewer.store.getState();
@@ -300,7 +302,16 @@ export default {
         // test if canvasObject is empty
         if (Object.keys(canvasObject).length === 0) {
           this.imageNakalaSrc = `${this.nakalaAppService}collection/${this.nakalaDoiImages}`;
-
+          /* A quick fix to disabled modal collection for first pass */
+          if (!this.btnCollectionClicked) {
+            try {
+              document.querySelector('.MuiButtonBase-root.MuiButton-root.MuiButton-text').click();
+              this.$store.commit('setBtnCollectionClicked', true);
+              //this.btnCollectionClicked = true;
+            } catch (e) {
+              /* do nothing */
+            }
+          }
         } else {
           this.imageNakalaSrc = nakalaUrlImageSrc;
         }
@@ -408,6 +419,7 @@ export default {
     this.$store.commit('setEndpVolume', this.$route.params.volumeIndex);
     this.$store.commit('setCanvasId', this.$route.params.canvasIndex);
     this.endpVolume = this.$route.params.volumeIndex;
+    this.$store.commit('setBtnCollectionClicked', false);
     this.initMiradorViewer();
   },
   beforeUnmount() {
@@ -715,6 +727,19 @@ tspan {
 }
 
 
+.raw-prediction-card-parent  {
+  background-color: #ffffff;
+}
+
+
+.raw-prediction-card-parent .card-header {
+  background-color: #ffffff;
+}
+
+.facsimile-columns  .column:last-child  div.raw-prediction-card-parent {
+  padding: 0 0 !important;
+}
+
 @media screen and (max-width: 1024px) {
 
   #banner-image::before {

diff --git a/src/views/RessourcesView.vue b/src/views/RessourcesView.vue
@@ -147,7 +147,7 @@
         retracer leur parcours. Chaque mention d’un événement est autant que possible liée à son attestation dans le
         fac-similé.</p>
 
-      <p>Ce travail collaboratif au long cours, initié par Darwin Smith est partagé. Toutes les informations sont accessibles par le biai d'une <a href="https://endp.chartes.psl.eu/endp-person/api/docs" target="_blank">API ouverte</a> documentée.</p>
+      <p>Ce travail collaboratif au long cours, initié par Darwin Smith est partagé. Toutes les informations sont accessibles par le biais d'une <a href="https://endp.chartes.psl.eu/endp-person/api/docs" target="_blank">API ouverte</a> documentée.</p>
 
       <br>
       <h2 class="subtitle">Autres ressources</h2>