update

2026-04-22 22:33:46 +02:00
parent 7bf1e0dbb2
commit d4822fc8dc
5156 changed files with 829337 additions and 44 deletions
--- a/2026/web/empfang.html
+++ b/2026/web/empfang.html
@@ -8,6 +8,8 @@
 <style>
 *{box-sizing:border-box;margin:0;padding:0}
 html,body{height:100%;overflow:hidden}
+/* rem bezieht sich auf html — muss mit Basisschrift (9pt) übereinstimmen, bis applyFontSize() läuft */
+html{font-size:9pt}
 body{font-family:'Segoe UI',system-ui,sans-serif;background:#f0f4f8;color:#1a2a3a;font-size:9pt;display:flex;flex-direction:column}

 /* === Header === */
@@ -16,6 +18,7 @@ header h1{font-size:1.2rem;font-weight:600;letter-spacing:.3px;white-space:nowra
 .header-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
 .hbtn{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:5px;padding:3px 9px;font-size:.78rem;cursor:pointer;transition:background .15s;white-space:nowrap}
 .hbtn:hover{background:rgba(255,255,255,.15)}
+.hbtn.on{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.55)}
 .hbtn.muted{opacity:.5}
 .hbtn.active-sort{background:rgba(255,255,255,.25)}
 .badge{background:rgba(255,255,255,.2);border-radius:16px;padding:3px 12px;font-size:.8rem}
@@ -181,6 +184,21 @@ header h1{font-size:1.2rem;font-weight:600;letter-spacing:.3px;white-space:nowra
 .login-btn:hover{background:#4A7A9E}
 .login-error{color:#dc3545;font-size:.82rem;margin-top:8px;min-height:1.2em}
 .login-switch{text-align:center;margin-top:14px;font-size:.82rem;color:#6a8a9a}
+
+/* Neuer Chat (Popup) */
+.new-chat-overlay{position:fixed;inset:0;background:rgba(26,42,58,.45);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}
+.new-chat-overlay.hidden{display:none!important}
+.new-chat-box{background:#fff;border-radius:12px;padding:22px 24px;max-width:400px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.15)}
+.new-chat-box h3{font-size:1.1rem;color:#1a4d6d;margin-bottom:8px}
+.new-chat-box p{font-size:.85rem;color:#6a8a9a;margin-bottom:14px;line-height:1.45}
+.nc-opt{display:block;margin:8px 0;font-size:.88rem;cursor:pointer}
+.nc-opt input{margin-right:8px}
+#nc-peer-select{width:100%;margin-top:10px;padding:8px;border:1px solid #d0dce8;border-radius:6px;font-size:.88rem;font-family:inherit}
+.nc-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
+.nc-btns button{padding:8px 16px;border-radius:8px;font-size:.85rem;cursor:pointer;font-family:inherit}
+.nc-btns .nc-cancel{background:#eef2f6;color:#3a5a7a;border:1px solid #d0dce8}
+.nc-btns .nc-go{background:#5B8DB3;color:#fff;border:none;font-weight:600}
+#reply-att-hint{font-size:.72rem;color:#5B8DB3;min-height:1em;margin:4px 0 0 2px}
 .login-switch a{color:#5B8DB3;cursor:pointer;text-decoration:underline}

 /* Registrierung: Überschrift, Fließtext, Labels, Felder, Button, Link – alles 9pt */
@@ -259,17 +277,19 @@ header h1{font-size:1.2rem;font-weight:600;letter-spacing:.3px;white-space:nowra
 <header>
  <h1>AZA &ndash; Empfang</h1>
  <div class="header-right">
-    <div class="font-ctrl" title="Schriftgr&ouml;sse">
+    <div class="font-ctrl" id="font-ctrl-wrap" title="Schriftgr&ouml;sse der ganzen Seite (100% = Standard). Mit Pfeilen vergr&ouml;ssern oder verkleinern.">
      <span>Aa</span>
-      <span id="font-size-display">9</span>
-      <button onclick="changeFontSize(1)">&#9650;</button>
-      <button onclick="changeFontSize(-1)">&#9660;</button>
+      <span id="font-size-display">100%</span>
+      <button type="button" onclick="changeFontSize(1)" aria-label="Schrift gr&ouml;sser">&#9650;</button>
+      <button type="button" onclick="changeFontSize(-1)" aria-label="Schrift kleiner">&#9660;</button>
    </div>
+    <button class="hbtn" onclick="openNewChatDialog()" title="Neuen Chat in eigenem Fenster">+ Neuer Chat</button>
    <button class="hbtn" id="sound-btn" onclick="toggleSound()" title="Ton an/aus">&#128276; Ton</button>
    <div class="vol-ctrl" title="Lautst&auml;rke">
      <input type="range" id="vol-slider" min="0" max="300" step="5" oninput="setVolume(this.value)">
      <span id="vol-display">100%</span>
    </div>
+    <button type="button" class="hbtn" id="shell-pin-btn" onclick="toggleShellPin()" style="display:none" title="Immer im Vordergrund" aria-pressed="false">&#128204;</button>
    <button class="hbtn" id="sort-btn" onclick="toggleSort()" title="Sortierung">&#8645;</button>
    <span class="badge" id="count-badge">&ndash;</span>
    <button class="hbtn" onclick="toggleSettings()" title="Einstellungen">&#9881;</button>
@@ -336,6 +356,9 @@ header h1{font-size:1.2rem;font-weight:600;letter-spacing:.3px;white-space:nowra
      <div class="sb-item" data-view="archiv" onclick="setView('archiv')">
        <span class="sb-icon">&#128193;</span> Archiv
      </div>
+      <div class="sb-add" onclick="openNewChatDialog()" title="Chat in neuem Fenster oder Tab">
+        <span>+</span> Neuer Chat
+      </div>
      <div class="sb-section">Benutzer</div>
      <div id="sb-users"></div>
      <div class="sb-add" onclick="toggleSbAddUser()">
@@ -358,7 +381,8 @@ header h1{font-size:1.2rem;font-weight:600;letter-spacing:.3px;white-space:nowra
      <div class="conv-empty">Nachrichten werden geladen&hellip;</div>
    </div>
    <div id="chat-input-bar">
-      <textarea id="reply-text" placeholder="Nachricht schreiben..." rows="1" onkeydown="if(event.key==='Enter'&&!event.shiftKey){sendReply();event.preventDefault()}" oninput="autoGrowTextarea(this)"></textarea>
+      <textarea id="reply-text" placeholder="Nachricht schreiben… (Bild: einfügen oder hier ablegen)" rows="1" onkeydown="if(event.key==='Enter'&&!event.shiftKey){sendReply();event.preventDefault()}" oninput="autoGrowTextarea(this)"></textarea>
+      <div id="reply-att-hint"></div>
      <div class="input-btns">
        <button class="btn-dictate" id="dictate-btn" onclick="toggleDictation()">&#127908;</button>
        <button class="btn-send" onclick="sendReply()">Senden</button>
@@ -380,6 +404,22 @@ header h1{font-size:1.2rem;font-weight:600;letter-spacing:.3px;white-space:nowra

 </div>

+<div id="new-chat-overlay" class="new-chat-overlay hidden" onclick="if(event.target===this)closeNewChatDialog()">
+  <div class="new-chat-box" onclick="event.stopPropagation()">
+    <h3>Neuer Chat</h3>
+    <p>W&auml;hlen Sie, wo der Chat laufen soll. Es &ouml;ffnet sich ein <strong>zus&auml;tzliches Fenster</strong> (Browser oder Desktop-H&uuml;lle) &mdash; Sie k&ouml;nnen dort in Ruhe schreiben, <strong>Bilder per Drag &amp; Drop oder Strg+V</strong> einf&uuml;gen.</p>
+    <label class="nc-opt"><input type="radio" name="nc-mode" value="general" checked onchange="syncNcPeerSelect()"> Allgemein (wie Kanal &bdquo;Allgemein&ldquo;)</label>
+    <label class="nc-opt"><input type="radio" name="nc-mode" value="dm" onchange="syncNcPeerSelect()"> Direkt mit Benutzer</label>
+    <select id="nc-peer-select" disabled aria-label="Benutzer w&auml;hlen">
+      <option value="">&mdash; Benutzer w&auml;hlen &mdash;</option>
+    </select>
+    <div class="nc-btns">
+      <button type="button" class="nc-cancel" onclick="closeNewChatDialog()">Abbrechen</button>
+      <button type="button" class="nc-go" onclick="launchNewChatWindow()">Fenster &ouml;ffnen</button>
+    </div>
+  </div>
+</div>
+
 <div class="admin-overlay" id="admin-overlay">
  <div class="admin-panel">
    <div class="admin-header">
@@ -399,7 +439,7 @@ header h1{font-size:1.2rem;font-weight:600;letter-spacing:.3px;white-space:nowra

 <div class="status-bar">
  <span>Aktualisiert alle 10 Sek.</span>
-  <span style="opacity:.5" id="ui-version">v2026.04.20</span>
+  <span style="opacity:.5" id="ui-version">v2026.04.22</span>
 </div>

 <script>
@@ -422,10 +462,13 @@ var previousThreadIds = new Set();
 var justSentReply = false;
 var pollTimer = null;
 var userPollTimer = null;
+var pendingReplyAttachments = [];
+var REPLY_ATTACH_MAX_BYTES = 2 * 1024 * 1024;

 var soundEnabled = localStorage.getItem('empfang_sound') !== 'off';
 var audioCtx = null;
-var currentFontSize = parseInt(localStorage.getItem('empfang_font_size'), 10) || 9;
+var EMPFANG_FONT_BASE_PT = 9;
+var currentFontSize = parseInt(localStorage.getItem('empfang_font_size'), 10) || EMPFANG_FONT_BASE_PT;
 var volume = parseFloat(localStorage.getItem('empfang_volume') || '1.0');
 var repeatMs = parseInt(localStorage.getItem('empfang_repeat_ms') || '30000', 10);
 var repeatInterval = null;
@@ -692,7 +735,7 @@ function renderResetPasswordForm(resetToken) {
    '<p>Bitte w\u00e4hlen Sie ein neues Passwort (min. 4 Zeichen).</p>' +
    '<div class="login-field"><label>Neues Passwort</label><input type="password" id="reset-pass" autocomplete="new-password"></div>' +
    '<div class="login-field"><label>Neues Passwort best\u00e4tigen</label><input type="password" id="reset-pass2" autocomplete="new-password"></div>' +
-    '<button class="login-btn" onclick="doResetPassword(\'' + resetToken + '\')">Neues Passwort speichern</button>' +
+    '<button class="login-btn" onclick="doResetPassword(\'' + resetToken + '\')">Neues Passwort festlegen</button>' +
    '<div class="login-error" id="login-error"></div>';
  document.getElementById('reset-pass').focus();
 }
@@ -895,6 +938,8 @@ async function doLogout() {
  updateSortBtn();
  updateSoundBtn();
  applyFontSize();
+  setupReplyBarDropPaste();
+  initShellPinUi();

  var urlParams = new URLSearchParams(window.location.search);
  var resetToken = urlParams.get('reset_token');
@@ -1038,9 +1083,13 @@ async function loadMessages() {
    allMessages.forEach(function(m) { if (!m.thread_id) m.thread_id = m.id; });

    if (currentSession) {
+      var myName = currentSession.display_name;
      allMessages = allMessages.filter(function(m) {
        var rcpt = m.extras && m.extras.recipient;
-        return !rcpt || rcpt === currentSession.display_name || rcpt === 'Alle';
+        var abs = m.absender || '';
+        var senderCore = abs.split('(')[0].trim();
+        var iAmSender = senderCore === myName;
+        return !rcpt || rcpt === 'Alle' || rcpt === myName || iAmSender;
      });
    }

@@ -1243,12 +1292,24 @@ function renderConversation(tid) {
    var sortedReplies = sortNewestFirst ? t.replies.slice().reverse() : t.replies;
    sortedReplies.forEach(function(r) {
      var isFromEmpfang = (r.absender || '').includes('Empfang');
+      var attHtml = '';
+      var ratt = r.extras && r.extras.attachments;
+      if (ratt && ratt.length) {
+        ratt.forEach(function(a) {
+          if (a.data && a.name && /\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(a.name)) {
+            var ext = a.name.split('.').pop().toLowerCase();
+            var mime = ext === 'png' ? 'image/png' : (ext === 'gif' ? 'image/gif' : 'image/jpeg');
+            attHtml += '<div style="margin-top:6px"><img src="data:' + mime + ';base64,' + a.data +
+              '" alt="' + esc(a.name) + '" style="max-width:100%;max-height:220px;border-radius:6px"></div>';
+          }
+        });
+      }
      html += '<div class="conv-msg ' + (isFromEmpfang ? 'from-me' : 'from-other') + '">' +
        '<div class="conv-msg-meta">' +
          '<span class="conv-msg-sender">' + esc(r.absender || '') + '</span>' +
          '<span>' + esc(r.zeitstempel || r.empfangen || '') + '</span>' +
        '</div>' +
-        '<div class="conv-msg-text">' + esc(r.kommentar || '') + '</div>' +
+        '<div class="conv-msg-text">' + esc(r.kommentar || '') + '</div>' + attHtml +
      '</div>';
    });
  }
@@ -1269,11 +1330,105 @@ function toggleConvField(labelEl) {
 /* ===================================================================
   INLINE REPLY
   =================================================================== */
+function updateReplyAttHint() {
+  var el = document.getElementById('reply-att-hint');
+  if (!el) return;
+  el.textContent = pendingReplyAttachments.length
+    ? pendingReplyAttachments.length + ' Bild(er) angeh\u00e4ngt'
+    : '';
+}
+
+function queueReplyImageFiles(files) {
+  Array.from(files || []).forEach(function(file) {
+    if (!file.type || file.type.indexOf('image/') !== 0) return;
+    if (file.size > REPLY_ATTACH_MAX_BYTES) return;
+    var fr = new FileReader();
+    fr.onload = function() {
+      var s = fr.result || '';
+      var i = s.indexOf(',');
+      pendingReplyAttachments.push({
+        name: file.name || 'bild.png',
+        data: i >= 0 ? s.slice(i + 1) : s
+      });
+      updateReplyAttHint();
+    };
+    fr.readAsDataURL(file);
+  });
+}
+
+function setupReplyBarDropPaste() {
+  var ta = document.getElementById('reply-text');
+  var bar = document.getElementById('chat-input-bar');
+  if (!ta || !bar) return;
+  ta.addEventListener('paste', function(e) {
+    var items = e.clipboardData && e.clipboardData.items;
+    if (!items) return;
+    for (var i = 0; i < items.length; i++) {
+      if (items[i].type && items[i].type.indexOf('image/') === 0) {
+        e.preventDefault();
+        var f = items[i].getAsFile();
+        if (f) queueReplyImageFiles([f]);
+      }
+    }
+  });
+  bar.addEventListener('dragover', function(e) { e.preventDefault(); });
+  bar.addEventListener('drop', function(e) {
+    e.preventDefault();
+    if (e.dataTransfer && e.dataTransfer.files) queueReplyImageFiles(e.dataTransfer.files);
+  });
+}
+
+function openNewChatDialog() {
+  if (!currentSession) {
+    showLoginOverlay();
+    return;
+  }
+  var sel = document.getElementById('nc-peer-select');
+  sel.innerHTML = '<option value="">\u2014 Benutzer w\u00e4hlen \u2014</option>';
+  (practiceUsers || []).forEach(function(u) {
+    if (!u || u.display_name === currentSession.display_name) return;
+    var o = document.createElement('option');
+    o.value = u.display_name;
+    o.textContent = u.display_name + (u.role ? ' (' + u.role + ')' : '');
+    sel.appendChild(o);
+  });
+  var gr = document.querySelector('input[name="nc-mode"][value="general"]');
+  if (gr) gr.checked = true;
+  syncNcPeerSelect();
+  document.getElementById('new-chat-overlay').classList.remove('hidden');
+}
+
+function closeNewChatDialog() {
+  document.getElementById('new-chat-overlay').classList.add('hidden');
+}
+
+function syncNcPeerSelect() {
+  var mode = (document.querySelector('input[name="nc-mode"]:checked') || {}).value;
+  document.getElementById('nc-peer-select').disabled = mode !== 'dm';
+}
+
+function launchNewChatWindow() {
+  var mode = (document.querySelector('input[name="nc-mode"]:checked') || {}).value || 'general';
+  var peer = (document.getElementById('nc-peer-select').value || '').trim();
+  if (mode === 'dm' && !peer) {
+    alert('Bitte einen Benutzer ausw\u00e4hlen.');
+    return;
+  }
+  closeNewChatDialog();
+  var q = mode === 'general' ? 'mode=general' : ('mode=dm&peer=' + encodeURIComponent(peer));
+  var url = window.location.origin + '/empfang/chatwin.html?' + q;
+  var wname = 'aza_empfang_chat_' + String(peer || 'allgemein').replace(/\W/g, '_') + '_' + Date.now();
+  var w = window.open(url, wname, 'width=560,height=720,menubar=no,toolbar=no,scrollbars=yes,resizable=yes');
+  if (!w) {
+    alert('Das Chat-Fenster wurde blockiert. Bitte Popups f\u00fcr diese Seite erlauben, oder die Adresse manuell \u00f6ffnen:\n\n' + url);
+  }
+}
+
 async function sendReply() {
  if (!activeThreadId || !currentSession) return;
  var ta = document.getElementById('reply-text');
  var text = ta.value.trim();
-  if (!text) return;
+  if (!text && !pendingReplyAttachments.length) return;
  stopDictation();

  var t = allThreads.find(function(th){ return th.tid === activeThreadId; });
@@ -1281,12 +1436,19 @@ async function sendReply() {
  var replyToAbsender = t ? (t.root.absender || '') : '';

  try {
+    var extras = { reply_to: activeThreadId, reply_to_absender: replyToAbsender };
+    if (pendingReplyAttachments.length) {
+      extras.attachments = pendingReplyAttachments.slice();
+      pendingReplyAttachments = [];
+      updateReplyAttHint();
+    }
    var payload = {
      medikamente: '', therapieplan: '', procedere: '',
-      kommentar: text, patient: '',
+      kommentar: text || (extras.attachments && extras.attachments.length ? '\u200b' : ''),
+      patient: '',
      absender: absenderName,
      zeitstempel: new Date().toISOString().slice(0,19).replace('T',' '),
-      extras: { reply_to: activeThreadId, reply_to_absender: replyToAbsender }
+      extras: extras
    };
    var r = await apiFetch(API_BASE + '/send', {
      method: 'POST',
@@ -1417,6 +1579,51 @@ async function doCleanup() {
  }
 }

+/* ===================================================================
+   DESKTOP-HÜLLE (pywebview): immer im Vordergrund
+   =================================================================== */
+var shellPinBusy = false;
+function initShellPinUi() {
+  var b = document.getElementById('shell-pin-btn');
+  if (!b) return;
+  var api = window.pywebview && pywebview.api;
+  if (!api || typeof api.toggle_on_top !== 'function' || typeof api.get_on_top !== 'function') {
+    b.style.display = 'none';
+    return;
+  }
+  b.style.display = '';
+  updateShellPinBtn();
+}
+async function updateShellPinBtn() {
+  var b = document.getElementById('shell-pin-btn');
+  if (!b || b.style.display === 'none') return;
+  try {
+    var v = await pywebview.api.get_on_top();
+    if (v) {
+      b.classList.add('on');
+      b.title = 'Immer im Vordergrund (aktiv)';
+      b.setAttribute('aria-pressed', 'true');
+    } else {
+      b.classList.remove('on');
+      b.title = 'Immer im Vordergrund';
+      b.setAttribute('aria-pressed', 'false');
+    }
+  } catch (e) {}
+}
+async function toggleShellPin() {
+  if (shellPinBusy) return;
+  var b = document.getElementById('shell-pin-btn');
+  if (!b || b.style.display === 'none') return;
+  var api = window.pywebview && pywebview.api;
+  if (!api || typeof api.toggle_on_top !== 'function') return;
+  shellPinBusy = true;
+  try {
+    await api.toggle_on_top();
+    await updateShellPinBtn();
+  } catch (e) {}
+  shellPinBusy = false;
+}
+
 /* ===================================================================
   SOUND
   =================================================================== */
@@ -1501,9 +1708,16 @@ function onRepeatChange() {
   FONT / UI
   =================================================================== */
 function applyFontSize() {
-  document.body.style.fontSize = currentFontSize + 'pt';
-  document.getElementById('font-size-display').textContent = currentFontSize;
-  localStorage.setItem('empfang_font_size', currentFontSize);
+  var fs = currentFontSize + 'pt';
+  /* rem bezieht sich auf <html>: nur body zu setzen skaliert die meisten Inhalte nicht */
+  document.documentElement.style.fontSize = fs;
+  document.body.style.fontSize = fs;
+  var pct = Math.round((currentFontSize / EMPFANG_FONT_BASE_PT) * 100);
+  var disp = document.getElementById('font-size-display');
+  if (disp) disp.textContent = pct + '%';
+  var wrap = document.getElementById('font-ctrl-wrap');
+  if (wrap) wrap.title = 'Schriftgröße: ' + pct + '% (' + currentFontSize + ' pt, 100% = ' + EMPFANG_FONT_BASE_PT + ' pt)';
+  localStorage.setItem('empfang_font_size', String(currentFontSize));
 }
 function changeFontSize(d) {
  currentFontSize = Math.max(5, Math.min(20, currentFontSize + d));
@@ -2077,6 +2291,10 @@ try {
 function notifyOtherTabs() {
  try { if (bc) bc.postMessage('reload'); } catch(e) {}
 }
+
+try {
+  window.addEventListener('pywebviewready', function() { initShellPinUi(); });
+} catch (e) {}
 </script>
 </body>
 </html>