slight css fix for the accesability of the script

Web/app.py

@@ -289,7 +289,7 @@ SCHEDULER_INTERVAL = cfg.SCHEDULER_INTERVAL_MIN
 SSL_CERT = cfg.SSL_CERT
 SSL_KEY = cfg.SSL_KEY
 
-LIBRARY_ITEM_TYPES = ['book', 'cd', 'dvd', 'other', 'schoolbook']
+LIBRARY_ITEM_TYPES = ('book', 'cd', 'dvd', 'other', 'schoolbook', 'Buch', 'Schulbuch', 'schulbuch')
 INVOICE_CURRENCY = 'EUR'
 
 NOTIFICATION_STATUS_CACHE_TTL = max(3, int(os.getenv('INVENTAR_NOTIFICATION_STATUS_CACHE_TTL', '8')))
@@ -3212,7 +3212,7 @@ def api_library_items():
         ausleihungen_db = db['ausleihungen']
 
         query = {
-            'ItemType': {'$in': ['book', 'cd', 'dvd', 'other', 'schoolbook']},
+            'ItemType': {'$in': ['book', 'cd', 'dvd', 'other', 'schoolbook', 'schulbuch', 'Buch', 'Schulbuch']},
             'IsGroupedSubItem': {'$ne': True},
             'Deleted': {'$ne': True}
         }

Web/modules/database/items.py

@@ -24,7 +24,7 @@ import Web.modules.database.settings as cfg
 from Web.modules.database.settings import MongoClient
 
 
-LIBRARY_ITEM_TYPES = ('book', 'cd', 'dvd', 'other', 'schoolbook')
+LIBRARY_ITEM_TYPES = ('book', 'cd', 'dvd', 'other', 'schoolbook', 'Buch', 'Schulbuch', 'schulbuch')
 
 
 def _non_library_query(extra_query=None):

Web/templates/library_table.html

@@ -4,6 +4,58 @@
 
 {% block content %}
 <style>
+    /* 1. The Dark Background Overlay */
+    .modal {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100vw;
+        height: 100vh;
+        background-color: rgba(0, 0, 0, 0.6);
+        /* Ensure display is controlled by JS, but set up for centering */
+        align-items: center; 
+        justify-content: center;
+        z-index: 1000;
+    }
+    
+    /* 2. The White Modal Box */
+    .modal-content {
+        background-color: #fff;
+        padding: 20px;
+        width: 80%;
+        max-width: 600px;
+        border-radius: 8px;
+        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+        
+        /* These three lines are the magic for a fixed header + scrolling body */
+        display: flex;
+        flex-direction: column;
+        max-height: 85vh; /* Prevents the box from being taller than the screen */
+    }
+    
+    /* 3. The Close Button */
+    .close {
+        align-self: flex-end; /* Pushes the 'x' to the right side */
+        color: #aaa;
+        font-size: 28px;
+        font-weight: bold;
+        cursor: pointer;
+        line-height: 1;
+        margin-bottom: 10px;
+    }
+    
+    .close:hover,
+    .close:focus {
+        color: #000;
+        text-decoration: none;
+    }
+    
+    /* 4. The Scrollable Content Area */
+    #detailContent {
+        overflow-y: auto; /* Adds the scrollbar ONLY if the text is too long */
+        padding-right: 10px; /* Optional: adds a little breathing room for the scrollbar */
+    }
+
     /* Library table-only view styles */
     .library-table-container {
         max-width: 1400px;
@@ -451,7 +503,7 @@
                 <option value="card_only">Nur Ausweis erfassen</option>
                 <option value="quick_toggle">Schnellmodus: Ausweis + Mediencode</option>
             </select>
-            <input type="text" id="activeStudentCard" placeholder="Aktiver Ausweis (gescannt)">
+            <input type="text" id="activeStudentCard" placeholder="Aktiver Ausweis (gescannt)" readonly>
             <button id="resetCardBtn" class="button" type="button">Ausweis löschen</button>
             <button id="toggleScannerBtn" class="button" type="button">Scanner starten</button>
         </div>
@@ -548,7 +600,6 @@
     </div>
 </div>
 
-<script src="https://cdn.jsdelivr.net/npm/@ericblade/quagga2/dist/quagga.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@ericblade/quagga2/dist/quagga.js"></script>
 <script>
     // =========================================================================

update.sh

@@ -623,6 +623,7 @@ EOF
     log_message "Update completed successfully to release $latest_tag"
 
     sudo ./opt/Inventarsystem/restart.sh
+    echo "Restart of the Server Completet"
 }
 
 main "$@"