K (→Templates) |
|||
Zeile 29: | Zeile 29: | ||
! sx_maske | ! sx_maske | ||
! sx_man<br />_maske | ! sx_man<br />_maske | ||
! sx_man<br />_tabelle | |||
! sx-tabelle | ! sx-tabelle | ||
! Überschrift | ! Überschrift | ||
! Überschrift | ! Überschrift | ||
Zeile 65: | Zeile 65: | ||
| x | | x | ||
| x | | x | ||
| x | |x | ||
| x | | x | ||
| Beispiel | | Beispiel | ||
Zeile 77: | Zeile 77: | ||
| x | | x | ||
| x | | x | ||
| x | |x | ||
| x | | x | ||
| Beispiel | | Beispiel | ||
Zeile 89: | Zeile 89: | ||
| - | | - | ||
| - | | - | ||
|x | |||
| - | | - | ||
| Beispiel | | Beispiel | ||
| Beispiel | | Beispiel | ||
Zeile 113: | Zeile 113: | ||
| x | | x | ||
| x | | x | ||
| x | |x | ||
| x | | x | ||
| Beispiel | | Beispiel | ||
Zeile 125: | Zeile 125: | ||
| x | | x | ||
| x | | x | ||
| x | |x | ||
| x | | x | ||
| Beispiel | | Beispiel | ||
Zeile 137: | Zeile 137: | ||
| x | | x | ||
| x | | x | ||
| x | |x | ||
| x | | x | ||
| Beispiel | | Beispiel | ||
Zeile 161: | Zeile 161: | ||
| x | | x | ||
| x | | x | ||
|- | |||
|x<br /> | |x<br /> | ||
| Beispiel | | Beispiel | ||
| Beispiel | | Beispiel | ||
Zeile 173: | Zeile 173: | ||
| x | | x | ||
| x | | x | ||
|- | |||
|x<br /> | |x<br /> | ||
| Beispiel | | Beispiel | ||
| Beispiel | | Beispiel | ||
Zeile 197: | Zeile 197: | ||
|x | |x | ||
| - | | - | ||
|- | |||
|x | |x | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
|- | |- | ||
| nd_legend_explanation | | nd_legend_explanation | ||
Zeile 209: | Zeile 209: | ||
| - | | - | ||
| - | | - | ||
| x | |x | ||
| x | | x | ||
| Beispiel | | Beispiel | ||
Zeile 221: | Zeile 221: | ||
| - | | - | ||
| - | | - | ||
|- | |||
| x | | x | ||
| Beispiel | | Beispiel | ||
| Beispiel | | Beispiel | ||
Zeile 233: | Zeile 233: | ||
| - | | - | ||
| - | | - | ||
|x | |||
| - | | - | ||
| Beispiel | | Beispiel | ||
| Beispiel | | Beispiel | ||
Zeile 245: | Zeile 245: | ||
| - | | - | ||
| - | | - | ||
| - | |- | ||
| - | | - | ||
| Beispiel | | Beispiel | ||
Zeile 257: | Zeile 257: | ||
| - | | - | ||
| - | | - | ||
| x | |x | ||
| x | | x | ||
| Beispiel | | Beispiel | ||
Zeile 352: | Zeile 352: | ||
| | | | ||
|x | |x | ||
| | |||
| | | | ||
|x | |x | ||
| | | | ||
| | | |
Version vom 24. Januar 2024, 16:27 Uhr
Prinzipien
- Minimaler Einsatz von Javascript und JS-Frameworks
- Maximaler Einsatz von HTML 5 / CSS / Bulma
- Responsiv
Implementierung
Generierung und Test
Erster Startpunkt ist der Downloadbereich. Hier gibt es eigene XSL Stylsesheets, zuerst einmal nur für die Maske 520 Downloads. Aktueller Ort:
/home/superx/git/Memtext-Interna/devel_module/kern/2021_superx_layout/
Generierung auf V2/Community Server (in Short):
cd /home/superx/git/Memtext-Interna/devel_module/kern/2021_superx_layout/ git pull rsync_to_community.x
Danach im Browser den Webanwendung Manager Cache leeren und die Maske neu öffnen.
Allgemeines Komponenten
Neue Templates liegen im Ordner /home/superx/git/Memtext-Interna/devel_module/kern/2021_superx_layout/
- xml/pageComponents_html5.xsl
- xml/dialogs.xsl
Weitere Layoutdateien siehe Liste in
- include_list.txt
Templates
new design templatename |
sx_menue | sx_maske | sx_man _maske |
sx_man _tabelle |
sx-tabelle | Überschrift | Überschrift | Überschrift | Überschrift | Überschrift |
---|---|---|---|---|---|---|---|---|---|---|
Navigation | ||||||||||
nd_top_navi | x | x | x | x | x | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel |
nd_navi_panel | x | x | x | x | x | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel |
nd_bottom_navi | x | x | x | x | x | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel |
nd_orgunit_navi | - | - | x | - | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel | |
Allgemein |
||||||||||
nd_pagetitle | x | x | x | x | x | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel |
nd_breadcrumb | x | x | x | x | x | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel |
nd_buttonbar | x | x | x | x | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel | |
Formulare | ||||||||||
nd_selectionform | x | x | ||||||||
x |
Beispiel | Beispiel | Beispiel | Beispiel | Beispiel | |||||
nd_formsubmit | x | x | ||||||||
x |
Beispiel | Beispiel | Beispiel | Beispiel | Beispiel | |||||
Ergebnisberichte | ||||||||||
nd_breadcrumb | x | x | - | |||||||
x | ||||||||||
nd_legend_explanation | - | - | x | x | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel | |
nd_simple_resultreport | - | - | ||||||||
x | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel | |||||
nd_man_resultreport | - | - | x | - | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel | |
nd_tree_resultreport | - | - | ||||||||
- | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel | |||||
nd_report_navi | - | - | x | x | Beispiel | Beispiel | Beispiel | Beispiel | Beispiel | |
nd_exportbuttons | ||||||||||
nd_dokulinks | ||||||||||
Dialoge | ||||||||||
nd_lesezeichen | x | x | x | |||||||
nd_deeplink | x | x | ||||||||
nd_sichtauswahl | x | x | x | x | ||||||
nd_comboauswahl | x | x |
Masken
Neue Templates liegen im Ordner /home/superx/git/Memtext-Interna/devel_module/kern/2021_superx_layout/
- xml/maske_html_download.xsl
Für den öffentlichen Downloadbereich ohne Login ist eine daraus generierte Datei vorhanden:
- xml/download_mask.htm
Diese Datei wird generiert mit
. SQL_ENV_COMMUNITY cd /home/superx/git/Memtext-Interna/devel_module/kern/2021_superx_layout/xml sx_transform.x -IN:downloads_maske.xml -XSL:maske_html_download.xsl -OUT:download_mask.htm -method:html
Danach müssen die versteckten Felder
<input type="hidden" name="kennung" value="anonym"> <input type="hidden" name="passwort" value="anfang12"> <input type="hidden" name="maxoffset" value="1000">
unterhalb des <form>-Elements ergänzt werden, und das form-action auf einen relativen Link umgesetzt werden:
<form name="maske" id="SuperXMaske" method="post" charset="UTF-8" action="../servlet/SuperXmlTabelle">...
Tabellen
Neue Templates liegen im Ordner /home/superx/git/Memtext-Interna/devel_module/kern/2021_superx_layout/
- xml/tabelle_html_download.xsl
Diese Datei wird zum Testen generiert mit
. SQL_ENV_COMMUNITY cd /home/superx/git/Memtext-Interna/devel_module/kern/2021_superx_layout/xml sx_transform.x -IN:downloads_tabelle.xml -XSL:tabelle_html_download.xsl -OUT:test.htm -method:html