Merge pull request #29 from karl-kraus/bk/dev

merge latest dev version
karl-kraus · Jun 18, 2024 · 97e0dbc · 97e0dbc
2 parents 4e7dc60 + 3bf84f1
commit 97e0dbc
Show file tree

Hide file tree

Showing 32 changed files with 604 additions and 254 deletions.
diff --git a/html/css/micro-editor.css b/html/css/micro-editor.css
diff --git a/html/css/micro-editor.css.map b/html/css/micro-editor.css.map
diff --git a/html/css/style.css b/html/css/style.css
diff --git a/html/css/style.css.map b/html/css/style.css.map
diff --git a/html/images/rechtsakten_karl_kraus_logo.svg b/html/images/rechtsakten_karl_kraus_logo.svg
diff --git a/html/js/osd_select.js b/html/js/osd_select.js
@@ -55,11 +55,13 @@ const Pager = (() => {
   var tileSources = [];
   if (document.getElementById("page-selector")) {
     [...document.getElementById("page-selector").options].map(o => {
+      if (o.value) {
       var imageURL = {
         type: 'image',
         url: o.value
       };
       tileSources.push(imageURL)
+      }
     })
   }
 
@@ -68,13 +70,15 @@ const Pager = (() => {
   initialize osd
   ##################################################################
   */
+ if (tileSources.length > 0) {
   var viewer = OpenSeadragon({
     id: 'container_facs_1',
     prefixUrl: 'https://cdnjs.cloudflare.com/ajax/libs/openseadragon/4.0.0/images/',
     sequenceMode: true,
     showNavigator: false,
     tileSources: tileSources
   });
+}
   /*
   ##################################################################
   remove container holding the images url
@@ -100,8 +104,8 @@ const Pager = (() => {
     mutations.forEach(mutation => {
       if (mutation.type === "attributes") {
         reader_page = reader.getAttribute("data-page")
-        if (viewer.currentPage !== reader_page - 1) {
-          viewer.goToPage(reader_page - 1)
+        if (viewer?.currentPage !== reader_page - 1) {
+          viewer?.goToPage(reader_page - 1)
         }
         if (pageSelector.selectedIndex !== reader_page - 1) {
           pageSelector.selectedIndex = reader_page - 1
@@ -132,10 +136,10 @@ const Pager = (() => {
   var prevPageButton = document.querySelector("#prevPage");
   var nextPageButton = document.querySelector("#nextPage");
 
-  prev.addEventListener("click", () => {
+  prev?.addEventListener("click", () => {
     prevPageButton.click();
   });
-  next.addEventListener("click", () => {
+  next?.addEventListener("click", () => {
     nextPageButton.click();
   });
 
@@ -255,8 +259,8 @@ const Pager = (() => {
         el.classList.add("d-none")
       }
       )
-      document.getElementById(`page_${pageNr}`).classList.remove("d-none")
-      document.getElementById(`page_${pageNr}`).classList.add("d-block")
+      document.getElementById(`page_${pageNr}`)?.classList.remove("d-none")
+      document.getElementById(`page_${pageNr}`)?.classList.add("d-block")
     }
   }
 

diff --git a/scss/micro-editor.scss b/scss/micro-editor.scss
@@ -266,12 +266,14 @@ br {
 }
 
 .rdg {
-  background: $rdg-bg;
+  background: $rdg-bg;  
+  max-width:10rem;
 }
 .marginalie-text.marginRight, .rdg {
   padding-top: .2rem;
   position: absolute;
   font-size: 80%;
+  right: 7rem;
 }
 
 .marginalie-text.marginLeft, .rdg.marginLeft {