NAK-Reinickendorf/intranet
2
0
Fork 0
Code Issues 2 Pull Requests Actions Projects 1 Wiki Activity

Merge pull request 'project/developerpanel - all necessary websites linked' (#7) from feature/new-developerpanel into main

Browse Source 
Reviewed-on: #7
Reviewed-by: Markus von Hobe <markus.vonhobe@gmail.com>
This commit was merged in pull request #7.
This commit is contained in:
markusvonhobe
2026-08-28 23:23:43 +02:00
parent e5e8efe2d2 e1109a07ef
commit 3c56459cb8
4 changed files with 31 additions and 342 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/intranet_repo/projects/developerpanel/developer.php
+26 -92
View File
@@ -1,112 +1,46 @@
<?php /* Name: developer.php
Beschreibung: Entwicklungsprozess (Bearbeitungsseite)
- inkl. Aufruf von button_edit.php */
Beschreibung: Entwickler-Anwendungen */
// Initialisierung
require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/general_files/initialise.php';
?>
// Zugriff nur für Entwickler
if (!isset($groups["Entwickler"]) || $groups["Entwickler"] != 1) {
header("Location: {$g_httpHomePath}");
exit();
}
?>
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<?php require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/projects/_central/php/html_head.php'; ?>
</head>
<body class="theme-green">
<?php require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/projects/_central/php/header.php'; ?>
<?php /* Besondere Entwickler-Rechte checken */
// Fetch user details
$sql = "SELECT * FROM user_permissions up INNER JOIN user_general_information ugi ON up.user_id = ugi.user_id WHERE up.user_id = {$_SESSION["user_id"]}";
$result = $pdo->query($sql);
$isDeveloper = $result->fetch(PDO::FETCH_ASSOC);
<div class="header_title ht_dev" id="header_title">
<span class="header_title_text">Entwickler</span>
</div>
// Check if the user has developer access (Entwickler = 1)
if ($isDeveloper["Entwickler"] == 1) {
$sql_groups = "SELECT * FROM user_permissions";
$stmt = $pdo->prepare($sql_groups);
$stmt->execute();
$groups = $stmt->fetchAll(PDO::FETCH_ASSOC);
<div class="mainpage" id="mainpage">
<div class="mainpage_container">
<button type="button" class="button_mainpage unselectable bg_green" onclick="window.open('https://git.pelpino.de/NAK-Reinickendorf/intranet', '_blank', 'noopener,noreferrer');">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="32" height="32" aria-hidden="true" focusable="false"><path d="M23.546 10.93 13.067.452a1.55 1.55 0 0 0-2.188 0L8.708 2.627l2.76 2.76a1.838 1.838 0 0 1 2.327 2.341l2.658 2.66a1.837 1.837 0 1 1-1.102 1.033L12.87 8.94v6.526a1.837 1.837 0 1 1-1.512-.053V8.828a1.838 1.838 0 0 1-.999-2.409L7.636 3.697.45 10.881a1.55 1.55 0 0 0 0 2.188l10.48 10.48a1.55 1.55 0 0 0 2.186 0l10.43-10.43a1.55 1.55 0 0 0 0-2.188Z"/></svg>
<div class="text">Git Repository</div>
</button>
} else {
header("Location: {$g_httpHomePath}");
exit();
}
?>
<button type="button" class="button_mainpage unselectable bg_green" onclick="window.open('https://pgadmin.pelpino.de/', '_blank', 'noopener,noreferrer');">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="32" height="32" aria-hidden="true" focusable="false"><path d="M12 2C7.03 2 3 3.79 3 6v12c0 2.21 4.03 4 9 4s9-1.79 9-4V6c0-2.21-4.03-4-9-4Zm0 2c4.42 0 7 .99 7 2s-2.58 2-7 2-7-.99-7-2 2.58-2 7-2Zm0 16c-4.42 0-7-.99-7-2v-2.13C6.63 16.57 9.14 17 12 17s5.37-.43 7-1.13V18c0 1.01-2.58 2-7 2Zm0-5c-4.42 0-7-.99-7-2v-2.13C6.63 11.57 9.14 12 12 12s5.37-.43 7-1.13V13c0 1.01-2.58 2-7 2Z"/></svg>
<div class="text">Postgres-Datenbank</div>
</button>
<?php // Es folgen ab hier die HTML-Ausgaben beginnend mit dem HTML-Header: ?>
<?php require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/projects/_central/php/header.php'; ?>
<?php // Header (erweitert): Titel der Seite mit Funktionsaufruf ?>
<div class="header_title ht_dev text_white" id="header_title">
<div class="flexrow fullwidth" style="justify-content:space-between !important;">
<div class="header_title_text">Entwicklungsprozess</div>
<div class="small_text" style="margin-right:8px;margin-left:8px;align-self:center;">
<?php echo "$p_nac_base // $p_version ($p_status)" ?>
<button type="button" class="button_mainpage unselectable bg_green" onclick="window.location.href='/intranet_repo/projects/intranet/index.php';">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="32" height="32" aria-hidden="true" focusable="false"><path d="M3 3h5v18H3V3Zm6.5 0h5v11h-5V3ZM16 3h5v7h-5V3Zm0 8.5h5V21h-5v-9.5ZM9.5 15.5h5V21h-5v-5.5Z"/></svg>
<div class="text">Kanban-Board</div>
</button>
</div>
</div>
</div>
<?php // Die oberen Standard-Overlays müssen vor dem Content-Bereich platziert sein. ?>
<div class="content" id="base">
<div class="content_flexcontainer">
<div class="flexright">
<?php // Info-Panel einbinden
require_once 'developer_info.php'; ?>
<?php // Info-Panel einbinden
//require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/_templates/playground/table_openClose.php'; ?>
</div>
<div class="flexleft">
<?php // TODO: Durch die Developer-Textpanels iterieren
// TODO: Dev-Texte werden später noch in die Datenbank integriert
$edit_id = 1;
$filename = "work/todo.txt";
$filecontent = file_get_contents($filename);
$filecontent_output = markdownFormat($filecontent);
if (isset($_POST['speichern'])) {
$filecontent = $_POST['filecontent'];
file_put_contents($filename, $filecontent); //Speichern + Bearbeitungsmodus verlassen
header("Location: {$g_httpCurrentCleanUrl}");
exit();
}
?>
<div class="content_panel" id="1">
<div class="flexrow_right fullwidth">
<?php require $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/projects/_central/php/snippets/button_edit.php'; ?>
</div>
<?php if ( (isset($_GET['action']) && $_GET['action'] == 'edit') &&
(isset($edit_id) && $edit_id == 1) ) { ?>
<form class="display_within_dev" action="" method="post" id="<?php echo $edit_id; ?>">
<textarea id="filecontent" name="filecontent" autofocus><?php echo $filecontent; ?></textarea>
<div>
<input class="button" type="submit" value="Speichern" name="speichern">
<input class="button" type="button" value="Abbrechen" onclick="window.location.href=window.location.href.split('?')[0];">
</div>
</form>
<?php } else { ?>
<div class="content_panel_output"><?php echo $filecontent_output; ?></div>
<?php } ?>
</div>
</div>
</div>
</div> <!-- EOD: content -->
<?php require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/projects/_central/php/footer.php'; ?>
<?php require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/projects/_central/php/footer.php'; ?>
</body>
</html>
web/intranet_repo/projects/developerpanel/developer_info.php
-70
View File
@@ -1,70 +0,0 @@
<?php /* Name: developer_info.php
Beschreibung: Serverinformationen und Entwicklungsübersicht */
?>
<?php
$label1 = "Allgemein";
$label_class1 = "text_green";
$array_admin1 = [
"Name" => "Max Mustermann",
"Alter" => 30,
"Beruf" => "Softwareentwickler",
// Weitere Daten ...
];
?>
<?php // Info-Panel einbinden
// require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/_templates/playground/table_openClose.php'; ?>
<?php
$label2 = "Kundendaten";
$label_class2 = "text_blue";
$array_admin2 = [
"Kundennummer" => "12345",
"Name" => "Erika Musterfrau",
"E-Mail" => "erika@example.com",
// Weitere Daten ...
];
?>
<?php // Info-Panel einbinden
// require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/_templates/playground/table_openClose.php'; ?>
<div class="content_panel" id="data">
<table>
<thead>
<tr>
<th colspan="2">
<label class="text_green">Allgemeines</label>
</th>
</tr>
</thead>
<tbody>
<?php foreach ($array_admin as $key => $value): ?>
<tr>
<td><?= $key ?></td>
<td><?= nvl($value, '---') ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<table>
<thead>
<tr>
<th colspan="2">
<label class="text_green">Serverinformationen</label>
</th>
</tr>
</thead>
<tbody>
<?php foreach ($array_dev as $key => $value): ?>
<tr>
<td><?= $key ?></td>
<td><?= nvl($value, '---') ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
web/intranet_repo/projects/developerpanel/work/sources.txt
-16
View File
@@ -1,16 +0,0 @@
<h2>Grafiken</h2>
**SVG**
https://www.svgrepo.com/
- Iconsax Bold Oval Icons Collection
-- https://www.svgrepo.com/collection/iconsax-bold-oval-icons/
- Lightning Design Utility Icons Collection
-- https://www.svgrepo.com/collection/lightning-design-utility-icons/
- Bootstrap UI Icons Collection
-- https://www.svgrepo.com/collection/bootstrap-ui-icons/
- Zest Interface Icons Collection
-- https://www.svgrepo.com/collection/zest-interface-icons/
web/intranet_repo/projects/developerpanel/work/todo.txt
-159
View File
@@ -1,159 +0,0 @@
<h2>Relaunch: Einführung (Aufgaben Samu)</h2>
**Umstrukturierung: SeelsorgePlaner**
- projects\seelsorge\besuchsstellen.php (und die eingebundenen Unterseiten):
:: Fortsetzung Technik:
:::: 1. Bei Klicken auf Buttons und Bilder auf der aktuellen Ansicht verbleiben, anstelle auf die Startseite (active) zu wechseln (AJAX Funktion).
:::: 2. Sicherung: Aufruf aller Seiten zu Seelsorge nur für Amtsgeschwister !!!
- Alle Objekte die über den Browser theoretisch aufgerufen werden können: -> Sicherheit, dass kein Quellcode gelesen werden kann. Routing ggf. auf LogIn-Seite.
- Web-Server: Kein Laden eines Objektordners. Damit keine Dateien gesichtet oder explizit heruntergeladen werden können.
- Analyse: Mehrfach-Codes -> Optimierung: Auslagern in separate Files (snippets-Ordner)
*Admin-Seite*
- Profil als Pop-Up (analog Besuchsstellen-Seite)
*Seelsorge-Seiten*
- Workaround zu openCloseProfile ggf. optimieren oder besser neue Lösung schaffen.
*Prüfung*
- Alle Buttons prüfen. Ist die Textgröße in den Buttons für Bildschirm und Handy okay?
**Fehlerbehebung (SAMU) **
- Bugfix: *visit.php*
-- Nach einer Aktion (Erneuern/Priorisieren) wird die Seite neu geladen für den Fokus auf Datensatz. Das funktioniert aktuell nicht wg. Seitenverlinkung auf seelsorge.php. Hier brauchen wir einen neuen Denkansatz. Wie gestalten wir das? Ist ggf. doch eine Aufteilung der Seitenbereiche zurück auf zwei extra Seiten notwendig oder gibt es die Möglichkeit dies per Javascript zu steuern, indem beim Neuladen der Seite die zu aktivierenden Elemente bekannt sind und ein-/ausgeblendet werden? Kann auf ein Neuladen der Seite verzichtet werden, indem per AJAX nur der Inhalt aktualisiert wird?
- *calender_edit.php*
-- Datum in der Vergangenheit sind anwählbar im Edit-Modus. Erst ab dem aktuellen Tag darf das möglich sein.
** Datenbankanbindung der Verfügbarkeiten (Samu) --> "greenbox" auf Kalender-Item **
- Datenabfrage: bei abgelaufenen Tagen keine Prüfung auf Verfügbarkeit nötig -> ohne "greenbox"
** Fehlerbereinigung Browser: Alle bekannten Browser checken**
- Style-Fehler/-Optimierung melden und ggf. von Markus korrigieren lassen
**Bug auf Developer-Seite: (Hilfe durch Samu)**
- Wenn Cookie *modus=edit* und Seite verlassen wird, bleibt das Cookie erhalten.
-- Reset des Cookies beim Verlassen der Seite. Allerdings muss das Cookie bestehen bleiben, wenn weiterhin bearbeitet werden soll. Andere Cookies müssen ebenfalls resettet werden, die nichts mit anderen Seiten zu tun haben. Können wir dazu bestimmte Modi einsetzen? z. B. "modus=dev_edit" oder Kombi-Prüfung auf pageFile+modus?
-- Fehler beim Speichern beheben
-- Welche Lösungsansätze haben wir, um die einzelnen Aufgaben der ToDo-Liste zentral (und nur online) zu pflegen?
:: Einzelne Datensätze?
:: Einzelne Textdateien in einem geschützten Dateiordner?
** Seite Kalender: (Mitarbeit durch Samu)**
-- **Absprache:** Ist das Kalenderblatt final?
-- Was wollen wir ggf. in der zweiten Übersicht der Verfügbarkeiten oder einer zusätzlichen Sidebar auflisten? (Feiertage, besondere Termine aus dem CKalender)
:: >> Welche Informationen sind wichtig / welche sind nicht erforderlich?
:: >> Was erledigen wir im nächsten Release?
:: **Auflistung aller Besuchsstellen mit:**
-- Speicherung von "Letzter Besuch"?
<h2>Weiterentwicklung (Markus)</h2>
** Layout verfeinern **
- admin.php << Adminseite sowie seelsorge.php << Besuchsstellen-Seite:
-- Tabelle, bei Cursor-Tasten drücken: rauf/runter -> Markierung der Tabellenzeile wechseln
- Farben über Farbdefinitionen (var)
- Farben vereinheitlichen z.b. #00000 -> black-variable
** Kleine Optimierung:**
- Wiederholte absolute Pfade in Variablen speichern:
-- ../general_files
-- ../_central
-- ../intranet
-- ../kalli
-- ../seelsorge
-- ../authorization
- Wiederholte Codes in extra Code-Snippets auslagern:
-- z. B. admin.php: Bildausgabe
- Anstelle von "exit;" schreiben wir "exit();"
**Kalender:**
- Aufnahme Ferienzeiten Berlin/Brandenburg
<HR>
<h2>2. Release: Nice-to-have´s und Umsetzung von neuen Anforderungen</h2>
** Neue Seite: Chat**
- Implementierung des Chats
- Chatverlauf mit Datum, Uhrzeit, Nachricht, Autor, Profilbild und Möglichkeit zur Texteingabe
- Chatmöglichkeit mit jedem User oder nur Funktionsträger oder auschließlich nur für Amtsgeschwister?
** Kalli **
- Datum und Uhrzeit Felder direkt anwählbar? Denn es muss zweimal in das Feld geklickt werden.
- Bei nicht Media Felder nebeneinander darstellen? Ggf. Padding in Statusmeldung-Feld erhöhen?
** Seite Kalender:**
- CKalender-Einbindung: Welche Infos zur entsprechenden Rolle (Chorsänger, Putzgruppe, Technik) wollen wir zur Ausgabe bringen?
- Neben Kalenderblatt: Sidebar mit nächsten Feiertagen, Ferien, besondere Termine als Vorschau (mit welchem Zeitraum)
- Bessere Darstellung der Feiertage bei @media?
-- Zum Beispiel: Bei Media ausblenden der Feiertage und kleinen rosa Punkt anzeigen. Feiertag in Verfügbarkeit anzeigen.
** Seite Besuchsstellen (bzw. erweiterte Adminseite) **
- Sollen Administratoren Datensätze löschen und bearbeiten? Betrifft alle Daten: Priesterbezirk, Adresse, Kommunikationsdaten und Hinweis
-- für Priesterbezirk benötigen wir eine Auswahlfunktion, um den neuen Priester einzusetzen.
- Sollen Hinweistexte verkürtzt dargestellt und ausklappbar sein? Button mit Pfeil nach unten/oben.
-- Umsetzungsmöglichkeit: Button über Wechsel der Klasse mit enthaltenen bgimage. Text: Mit Display none, opacity 0. wird dann zu Display Block mit opacity 1.
- Aktions-Buttons nicht mit Text sondern Symbole und Toolbartext einblenden für eine kompaktere Darstellung? Oder dies bei @media für eine bessere Übersichtlichkeit?
** Seitenbereich Kalendertag **
- Macht eine Sidebar-Darstellung des Kalenderblatts Sinn und wäre es damit komfortabler? --> Mini-Kalender zum betreffenden Monat und Anklick-Möglichkeit zum Wechsel des Kalendertages in einer kleineren kompakten Ansicht. Oder sogar wählbar mit Vergrößern/Verkleinern-Button?
** Datenausgabe formatiert anzeigen**
- z. B. Telefonnummern. Was ist dafür notwendig, gibt es dazu verfügbare Funktionen (oder reguläre Ausdrücke)? Eventuell gibt es etwas externes, was wir einbinden können?
** Optimierung profile.php**
- Nach Bestätigung der Änderung Statuszeile/Overlay einblenden (ggf. nach ein paar Sekunden wegblenden)
** Style- Optimierung **
- Dunkelmodus anbieten und für jeden User speichern, ob hell/dunkel
- Profilfotos in thumbnails dublizieren. Nur in der maximal notwendigen Auflösung werden für die Ausgabe verwendet. Reichen 100x100px aus?
- Content-Bereich vergrößern/verschieben indem das Menü ausgeblendet wird. Beim Zeigen mit der Maus auf den Bereich soll es wieder angezeigt werden, Sliden. Oder durch Klicken kann der Bereich rein und raus geschoben werden, wobei sich der Content-Bereich anpasst.
- Entweder beim Scrollen innerhalb von FORM (das mit content_fullsize umschlossen ist) und mindestens die Seitengröße hat (ggf. ist ein Scrollbalken vorhanden) Schaltfläche mit scrollToTop oder ähnliches einblenden. Alternativ festen Button einsetzen.
- Layout: Farben: Prüfung/Korrektur auf richtigen Farbcode bzw. Farbverbesserung
- overlay_message.php: OK-Button oder ähnliches anstelle des Exit-Buttons?
-- Oder automatisches Ausblenden z. B. nach 2 bis 4 Sekunden (ggf. Message links unten kurz ein und wieder ausblenden - evntl. bei kleinen Bildschirmen anders formatiert anzeigen) - aös animierte Darstellung mit grünem oder weißen Haken.
** Seite Admin **
- Vorschlag: Nutzer als Blöcke untereinander bei Media. Onclick Element um Berechtigungen als Liste einzublenden. Bearbeitungs-Button um Einträge zu ändern, Toogle Button zum Bedienen. Entweder sofortige Speicherung oder Bestätigungs-Button?
** Seite Developer **
- Farbe azure harmony einsetzen für Schattierungen anstelle von #DDDDDD.
<h2>3. Release: - IDEE - Eigenständiges KALLI und Ablösung von CKalender</H2>
- Alle CKalender Funktionen werden adaptiert.
- Generischer Aufbau der HTML-Ausgabe anhand der Datenbankinhalte.
-- Online-Verwaltung von Terminarten
-- Online-Verwaltung von Nutzergruppen
-- Nutzerverwaltung: Ansicht und Bedienung vereinfachen und je nach Medium anders darstellen -> One-Button-Mechanik...
-- Aufteilung der Administration in mehrere Ebenen und ansprechendes Seitenmenü.
- Profil, eigenes: An/abwahl von Kontaktmedien: WhatsApp, Signal etc. -> Button mit Hintergrund mit Hovertext / oder als Text mit Tooglebar?
- Admin . Tabelle nach Namen sortieren
- w3schools.com CSS Templates einsetzen
- Kalendarium: Brauchen wir einen Countdown zum Reload? Wenn nein, Funktionen, Content und SVG löschen
- Seelsorge Menü - Javascript: auch bei Rezise nachjustieren
-- Bottom von Indikatorstreifen an menu-item ausrichten, zumindest bei @media
**Alle Codes optmieren**
- Feiertage: Berliner und regionale Feiertage vervollständigen. Ggf. andere API nutzen.
- Profilseite, persönliche: Alle Amtsgeschwister haben die Möglichkeit Ihre Zeitpräferenzen in Wochentagen (Buttons) und Uhrzeit von/bis (normale Uhrzeit-Felder) einzutragen - hier: Erweitern der Datenbank
**Anfragemöglichkeit für Amtsgeschwister**
-- Routenplaner: Eigene Adresse -> Amtsgeschwister-Adresse -> Besuchsstelle
... Kontaktaufnahem über Chat ...
- **profile.php**
- Änderung des Passwortes ermöglichen?
<h2>Ideen</h2>
**Feedback-Formular am Seitenrand**
- Jeder Nutzer kann den Entwicklern eine Info senden. Besonders am Anfang können Fehler auftreten. Beim Senden werden alle Entwickler per E-Mail und/oder Push-Notifikation informiert.
- Ggf. Hilfe und Feedback mit Fragezeichen-Button innerhalb des Profilmenüs
- Menü: Zurück-Button rechts oder links anbieten im Menütitel?
** Suchfunktion **
- Suche oder Filtermöglichkeit in den Tabellen von Besuchsstellen und/oder Admin anbieten?
** Sidbar **
Wenn mehr Seiten hinzu kommen werden: Header Menü als SideMenü. Menü-Symbol (3 Linien), beim Klicken Menü nach rechts anzeigen, Animation (rotieren). Bei erneuten klicken Pfeil nach links. Hoch runter Buttons bei möglichen Unterseiten mit Animation (rotieren).
** Darstellung von Buttons für Aktionen **
Wenn Anzahl der Buttons/Links auf einer Seite mehr werden, dann zumindest bei Media Aktionen und Hyperlinks nur als Symbol anzeigen und bei Hover Text einblenden.