Zuletzt bearbeitet vor einem Monat
von Daniel Quathamer

Neue Layouts in SuperX 5.1: Unterschied zwischen den Versionen
Zeile 38: Zeile 38:
! Überschrift
! Überschrift
|-
|-
|'''Navigation'''
 
|'''Allgemein '''
| 
| 
| 
| 
Zeile 51: Zeile 52:
| 
| 
|-
|-
| nd_top_navi
| nd_pagetitle
|x
|x
| 
| 
Zeile 64: Zeile 65:
| 
| 
|-
|-
| nd_navi_panel
| nd_breadcrumb
|x
| x
| 
| 
| x
| x
| x
| x
|x
| x
| x
| x
| 
| 
Zeile 77: Zeile 78:
| 
| 
|-
|-
| nd_bottom_navi
|'''Buttons'''
|x
| 
| 
| 
| 
| 
| 
| 
| x
| x
|x
| x
| 
| 
| 
| 
Zeile 90: Zeile 91:
| 
| 
|-
|-
| nd_orgunit_navi
| nd_buttonbar
| 
| 
| 
| 
| -
| x
| -
| x
|x
| x
| -
| x
| 
| 
| 
| 
Zeile 103: Zeile 104:
| 
| 
|-
|-
|'''Allgemein '''
| nd_exportbuttons
| 
| 
| 
| 
Zeile 116: Zeile 117:
| 
| 
|-
|-
| nd_pagetitle
| nd_dokulinks
|x
| 
| 
| x
| x
| x
| x
| 
| 
| 
| 
Zeile 128: Zeile 124:
| 
| 
| 
| 
|-
| nd_breadcrumb
| x
| 
| x
| x
| x
| x
| 
| 
| 
| 
Zeile 142: Zeile 130:
| 
| 
|-
|-
| nd_buttonbar
| nd_lesezeichen
| 
| 
| 
| 
| x
| x
| x
| 
| x
| x
| x
| x
Zeile 155: Zeile 143:
| 
| 
|-
|-
|'''Formulare'''
| nd_deeplink
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| x
| x
| 
| 
| 
| 
Zeile 168: Zeile 156:
| 
| 
|-
|-
| nd_selectionform
| nd_sichtauswahl
| 
| 
| 
| 
| x
| x
| x
| x
| -
| x
| x
| x
| 
| 
Zeile 181: Zeile 169:
| 
| 
|-
|-
| nd_formsubmit
| nd_comboauswahl
| 
| 
| 
| 
| x
| x
| 
| 
| x
| x
| -
| x
| 
| 
| 
| 
| 
Zeile 201: Zeile 188:
| 
| 
| 
| 
| 
| 
| 
| 
| 
|-
|nd_breadcrumb
| x
| 
| x
| -
| -
| x
| 
| 
| 
| 
Zeile 233: Zeile 207:
| 
| 
|-
|-
| nd_simple_resultreport
| nd_resultreport_simple
| 
| 
| 
| 
Zeile 246: Zeile 220:
| 
| 
|-
|-
| nd_man_resultreport
| nd_resultreport_man
| 
| 
| 
| 
| -
| -
| -
| -
|x
| x
| -
| -
| 
| 
Zeile 259: Zeile 233:
| 
| 
|-
|-
| nd_tree_resultreport
| nd_resultreport_tree
| 
| 
| 
| 
Zeile 272: Zeile 246:
| 
| 
|-
|-
| nd_report_navi
|'''Formulare'''
| 
| 
| 
| 
| -
| -
| x
| x
| 
| 
| 
| 
Zeile 284: Zeile 254:
| 
| 
| 
| 
|-
| nd_exportbuttons
| 
| 
| 
| 
| 
| 
| 
| 
|-
| nd_selectionform_sos
| 
| 
| 
| 
| x
| x
| -
| x
| 
| 
| 
| 
Zeile 298: Zeile 272:
| 
| 
|-
|-
| nd_dokulinks
| nd_selectionform_man
| 
| 
| x
| x
| -
| x
| 
| 
| 
| 
| 
| 
| 
| 
| 
|-
| nd_formsubmit
| 
| 
| 
| 
| x
| x
| -
| x
| 
| 
| 
| 
Zeile 311: Zeile 298:
| 
| 
|-
|-
|'''Dialoge'''
|'''Navigation'''
| 
| 
| 
| 
Zeile 324: Zeile 311:
| 
| 
|-
|-
| nd_lesezeichen
| nd_navi_top
| 
| x
| 
| 
| x
| x
| 
| x
| x
| x
| x
| x
Zeile 337: Zeile 324:
| 
| 
|-
|-
| nd_deeplink
| nd_navi_panel
| 
| x
| 
| 
| 
| 
| x
| x
| x
| x
| x
| x
Zeile 350: Zeile 337:
| 
| 
|-
|-
| nd_sichtauswahl
| nd_navi_bottom
| 
| x
| 
| 
| x
| x
Zeile 363: Zeile 350:
| 
| 
|-
|-
| nd_comboauswahl
| nd_navi_orgunits
| 
| 
| 
| 
| -
| -
| x
| x
| -
| 
| 
| 
| 
| 
| 
| 
|-
| nd_navi_report
| 
| 
| -
| -
| x
| x
| x
| 
| 
Zeile 374: Zeile 374:
| 
| 
| 
| 
| 
|-
|}
|}


Version vom 26. Januar 2024, 13:37 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_
abfragen 		sx_
maske 		sx_man
_maske 		sx_man
_tabelle 		sx-tabelle Überschrift Überschrift Überschrift Überschrift Überschrift
Allgemein                      
nd_pagetitle x   x x x x          
nd_breadcrumb x   x x x x          
Buttons                      
nd_buttonbar     x x x x          
nd_exportbuttons                      
nd_dokulinks                      
nd_lesezeichen     x   x x          
nd_deeplink         x x          
nd_sichtauswahl     x x x x          
nd_comboauswahl     x     x        
Ergebnisberichte                      
nd_legend_explanation     - - x x          
nd_resultreport_simple     - - - x          
nd_resultreport_man     - - x -          
nd_resultreport_tree     - - - -          
Formulare                      
nd_selectionform_sos     x x - x          
nd_selectionform_man     x x - x          
nd_formsubmit     x x - x          
Navigation                      
nd_navi_top x   x x x x          
nd_navi_panel x   x x x x          
nd_navi_bottom x   x x x x          
nd_navi_orgunits     - - x -          
nd_navi_report     - - 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
Abgerufen von „https://superxhosting.de/wiki/index.php?title=Neue_Layouts_in_SuperX_5.1&oldid=12189“