add keyboard shortcuts for bulk-printing

Author: guFalcon

README.md

@@ -45,6 +45,13 @@ If you'd like to host your own files, you'll have to fork this repository.
 	* Font-size
 	* Line-spacing
 	* Light-Mode / Dark-Mode
+### Shortcuts
+In view-mode, when visiting your web-page containing the rendered Markdown files, you may use the following keyboard-shortcuts:
+
+| Keys                          | Explanation                                                                                                                   |
+| ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------- |
+| CTRL + ALT + d                | Opens the `print-the-document-as-pdf` view in the same window you are currently in, without opening it in a new tab.          |
+| CTRL + ALT + p                | Opens the `print-the-document-as-presentation` view in the same window you are currently in, without opening it in a new tab. |
 ## Technical Explanation
 The purpose of this repository is to provide a platform for all lecture-notes and interactive material for the teacher and students.
 It hides behind a configurable Keycloak Authorization Server (version >16 as far as I can tell, most current version is recommended) and thus your material is not publicly available, circumventing various license's restrictions.

obsidian-page.js

@@ -10,6 +10,32 @@ window.addEventListener("scroll", function () {
   markTopAnchor();
 });
 
+/**
+ * Opens print-document-as-pdf or print-presentation-as-pdf page in new tab.
+ */
+window.addEventListener(
+  "keydown",
+  (event) => {
+    if (event.defaultPrevented) {
+      return; // Do nothing if the event was already processed
+    }
+    if (event.ctrlKey && event.altKey) {
+      if (event.key === "p" || event.key === "P") {
+        console.log("Opening print-presentation page");
+        openAsPresentation(true, true);
+        event.preventDefault();
+      }
+      if (event.key === "d" || event.key === "d") {
+        console.log("Opening print-document page");
+        openAsDocument(true);
+        event.preventDefault();
+      }
+      return;
+    }
+  },
+  true
+);
+
 function markTopAnchor() {
   const mainAnchors = document.querySelectorAll(".docanchor");
   const sidebarAnchors = document.querySelectorAll(".sidebar-anchors a");
@@ -165,19 +191,27 @@ function toggleTopdownMenu() {
   }
 }
 
-function openAsPresentation(print) {
+function openAsPresentation(print, sameWindow = false) {
   let url = new URL(window.location.href);
   if (print) {
-    url.searchParams.set("print-pdf", "true")
+    url.searchParams.set("print-pdf", "true");
   }
   url.searchParams.set("reveal", "true");
-  window.open(url, "_blank");
+  if (sameWindow) {
+    window.location.href = url;
+  } else {
+    window.open(url, "_blank");
+  }
 }
 
-function openAsDocument() {
+function openAsDocument(sameWindow = false) {
   const url = new URL(window.location.href);
   url.searchParams.set("document", "true");
-  window.open(url, "_blank");
+  if (sameWindow) {
+    window.location.href = url;
+  } else {
+    window.open(url, "_blank");
+  }
 }
 
 let mainFontsArray = [];
@@ -386,27 +420,36 @@ function toggleViewExam() {
 }
 
 /*
-* This script is used to resize the right panel by dragging the border.
-*/
+ * This script is used to resize the right panel by dragging the border.
+ */
 const BORDER_SIZE = 4;
 const panel = document.getElementById("sidebar");
 
 let m_pos;
-function resize(e){
+function resize(e) {
   const dx = m_pos - e.x;
   m_pos = e.x;
-  panel.style.width = (parseInt(getComputedStyle(panel, '').width) - dx) + "px";
+  panel.style.width = parseInt(getComputedStyle(panel, "").width) - dx + "px";
 }
 
-panel.addEventListener("mousedown", function(e){
-  const cs = getComputedStyle(panel, '')
-  const w = parseInt(cs.width) + parseInt(cs.paddingLeft) + parseInt(cs.paddingRight)
-  if (e.offsetX >= w - BORDER_SIZE) {
-    m_pos = e.x;
-    document.addEventListener("mousemove", resize, false);
-  }
-}, false);
+panel.addEventListener(
+  "mousedown",
+  function (e) {
+    const cs = getComputedStyle(panel, "");
+    const w =
+      parseInt(cs.width) + parseInt(cs.paddingLeft) + parseInt(cs.paddingRight);
+    if (e.offsetX >= w - BORDER_SIZE) {
+      m_pos = e.x;
+      document.addEventListener("mousemove", resize, false);
+    }
+  },
+  false
+);
 
-document.addEventListener("mouseup", function(){
-  document.removeEventListener("mousemove", resize, false);
-}, false);
+document.addEventListener(
+  "mouseup",
+  function () {
+    document.removeEventListener("mousemove", resize, false);
+  },
+  false
+);

obsidian.js

@@ -1228,12 +1228,12 @@ async function getTopdownMenu(req) {
         : ""
     }
     <div style="padding: 0px; margin: 0px; margin-left: 0px; margin-top: 25px; margin-bottom: -10px; text-align: left; display: flex;">
-      <button class="sl-button" style="height: 32px; margin: 0px;" onclick="openAsPresentation(true)">${lucideIcon(
+      <button class="sl-button" style="height: 32px; margin: 0px;" onclick="openAsPresentation(true, false)">${lucideIcon(
         "Printer"
       )}
       ${lucideIcon("Presentation")}
       </button>
-      <button class="sl-button" style="height: 32px; margin: 0px; margin-left: 6px" onclick="openAsDocument(true)">${lucideIcon(
+      <button class="sl-button" style="height: 32px; margin: 0px; margin-left: 6px" onclick="openAsDocument(false)">${lucideIcon(
         "Printer"
       )}
       ${lucideIcon("ReceiptText")}