| Zeile 31: | Zeile 31: | ||
! sx_<br />maske | ! sx_<br />maske | ||
!sx_man<br />_maske | !sx_man<br />_maske | ||
!sx_<br />tabelle | !sx_<br />tabelle | ||
!sx_baum<br />_tabelle | !sx_baum<br />_tabelle | ||
! sx_man<br />_tabelle | ! sx_man<br />_tabelle | ||
|- | |- | ||
| Zeile 54: | Zeile 48: | ||
| x | | x | ||
| x | | x | ||
| x | | x | ||
|x | | x | ||
|x | | x | ||
|x | | x | ||
|x | | x | ||
| x | |||
|- | |- | ||
| nd_breadcrumb | | nd_breadcrumb | ||
| | | | ||
| | | | ||
|x | | x | ||
| x | |||
| x | |||
| x | |||
| x | |||
| x | | x | ||
|- | |- | ||
|'''Abfragen''' | |'''Abfragen''' | ||
| Zeile 82: | Zeile 76: | ||
|- | |- | ||
| nd_query_dir | | nd_query_dir | ||
| | | | ||
| | | | ||
|x | | x | ||
| | | | ||
| | | | ||
| Zeile 94: | Zeile 88: | ||
| | | | ||
| | | | ||
|x | | x | ||
| | | | ||
| | | | ||
| Zeile 116: | Zeile 110: | ||
| | | | ||
| x | | x | ||
|x | | x | ||
|x | | x | ||
|x | | x | ||
| x | | x | ||
|- | |- | ||
| Zeile 127: | Zeile 121: | ||
| | | | ||
| | | | ||
|x | | x | ||
|x | | x | ||
|x | | x | ||
|- | |- | ||
| nd_dokulinks | | nd_dokulinks | ||
| Zeile 135: | Zeile 129: | ||
| | | | ||
| | | | ||
|x | | x | ||
|x | | x | ||
|x | | x | ||
|x | | x | ||
|x | | x | ||
|- | |- | ||
|<span style="background-color: rgb(255, 255, 0);" data-mce-style="background-color: #ffff00;"> nd_lesezeichen</span> | |<span style="background-color: rgb(255, 255, 0);" data-mce-style="background-color: #ffff00;"> nd_lesezeichen</span> | ||
| | | | ||
| | | | ||
| | | | ||
|x | | x | ||
|x | | x | ||
|x | | x | ||
|x | | x | ||
| x | | x | ||
|- | |- | ||
| Zeile 164: | Zeile 158: | ||
| | | | ||
| | | | ||
| | | | ||
|? | | ? | ||
|? | | ? | ||
|? | | ? | ||
|? | | ? | ||
|? | | ? | ||
|- | |- | ||
|<span style="background-color: rgb(255, 255, 0);" data-mce-style="background-color: #ffff00;"> nd_comboauswahl</span> | |<span style="background-color: rgb(255, 255, 0);" data-mce-style="background-color: #ffff00;"> nd_comboauswahl</span> | ||
| | | | ||
| | | | ||
| | | | ||
|? | | ? | ||
|? | | ? | ||
|? | | ? | ||
|? | | ? | ||
|? | |? | ||
|- | |- | ||
| Zeile 194: | Zeile 188: | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
|x | |x | ||
| Zeile 204: | Zeile 198: | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
|x | | x | ||
| | | | ||
| | | | ||
|- | |- | ||
| nd_resultset_man | | nd_resultset_man | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| Zeile 224: | Zeile 218: | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
|x | |x | ||
| | | | ||
|- | |- | ||
|'''Formulare''' | |'''Formulare''' | ||
| Zeile 244: | Zeile 238: | ||
| | | | ||
| | | | ||
| | | | ||
| x | | x | ||
| | | | ||
| Zeile 254: | Zeile 248: | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
|x | | x | ||
| | | | ||
| | | | ||
| Zeile 262: | Zeile 256: | ||
|- | |- | ||
| nd_formsubmit | | nd_formsubmit | ||
|x | | x | ||
|? | | ? | ||
| | | | ||
| x | | x | ||
| | | | ||
| Zeile 272: | Zeile 266: | ||
|- | |- | ||
|'''Navigation''' | |'''Navigation''' | ||
| | | | ||
| | | | ||
| Zeile 282: | Zeile 275: | ||
|- | |- | ||
| nd_navi_top | | nd_navi_top | ||
| | | | ||
|x | | x | ||
| x | |||
| x | |||
| x | |||
| x | | x | ||
| x | | x | ||
| x | | x | ||
|- | |- | ||
| nd_navi_panel | | nd_navi_panel | ||
| | | | ||
|x | | x | ||
| x | |||
| x | |||
| x | |||
| x | | x | ||
| x | | x | ||
| x | | x | ||
|- | |- | ||
| nd_navi_bottom | | nd_navi_bottom | ||
| x | | x | ||
| x | | x | ||
| x | | x | ||
| x | | x | ||
| | | x | ||
| x | |||
| x | |||
| x | |||
|- | |- | ||
| nd_navi_orgunits | | nd_navi_orgunits | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
|x | | x | ||
|- | |- | ||
| nd_navi_resultset | | nd_navi_resultset | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| | | | ||
| x | | x | ||
| | | x | ||
| x | |||
|} | |} | ||
Version vom 28. Januar 2024, 16:48 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_ login |
sx_ menue |
sx_ abfragen |
sx_ maske |
sx_man _maske |
sx_ tabelle |
sx_baum _tabelle |
sx_man _tabelle |
|---|---|---|---|---|---|---|---|---|
| Allgemein | ||||||||
| nd_pagetitle | x | x | x | x | x | x | x | x |
| nd_breadcrumb | x | x | x | x | x | x | ||
| Abfragen | ||||||||
| nd_query_dir | x | |||||||
| nd_query_list | x | |||||||
| Buttons | ||||||||
| nd_buttonbar | x | x | x | x | x | |||
| nd_exportbuttons | x | x | x | |||||
| nd_dokulinks | x | x | x | x | x | |||
| nd_lesezeichen | x | x | x | x | x | |||
| nd_deeplink | x | x | x | x | x | |||
| nd_sichtauswahl | ? | ? | ? | ? | ? | |||
| nd_comboauswahl | ? | ? | ? | ? | ? | |||
| Ergebnisberichte | ||||||||
| nd_legend_explanation | x | x | x | |||||
| nd_resultset_simple | x | |||||||
| nd_resultset_man | x | |||||||
| nd_resulset_tree | x | |||||||
| Formulare | ||||||||
| nd_selectionform_sos | x | x | ||||||
| nd_selectionform_man | x | x | ||||||
| nd_formsubmit | x | ? | x | x | ||||
| Navigation | ||||||||
| nd_navi_top | x | x | x | x | x | x | x | |
| nd_navi_panel | x | x | x | x | x | x | x | |
| nd_navi_bottom | x | x | x | x | x | x | x | x |
| nd_navi_orgunits | x | |||||||
| nd_navi_resultset | x | 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