Neue Layouts in SuperX 5.1

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-tabelle	sx_man _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