Zuletzt bearbeitet vor einem Monat
von Daniel Quathamer

Neue Layouts in SuperX 5.1: Unterschied zwischen den Versionen
Zeile 26: Zeile 26:
|-
|-
! new design <br />templatename
! new design <br />templatename
!sx_menue
!sx_<br />menue
! sx_maske
 
 
!sx_<br />abfragen
 
 
! sx_<br />maske
! sx_man<br />_maske
! sx_man<br />_maske
! sx_man<br />_tabelle
! sx_man<br />_tabelle
Zeile 38: Zeile 43:
|-
|-
|'''Navigation'''
|'''Navigation'''
| 
| 
| 
| 
| 
Zeile 51: Zeile 57:
| nd_top_navi
| nd_top_navi
|x
|x
| 
| x
| x
| x
| x
| x
| x
| x
| x
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
| nd_navi_panel
| nd_navi_panel
|x
|x
| 
| x
| x
| x
| x
|x
|x
| x
| x
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
| nd_bottom_navi
| nd_bottom_navi
|x
|x
| 
| x
| x
| x
| x
|x
|x
| x
| x
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
| nd_orgunit_navi
| nd_orgunit_navi
| 
| 
| 
| -
| -
Zeile 91: Zeile 101:
|x
|x
| -
| -
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
|'''Allgemein '''  
|'''Allgemein '''
| 
| 
| 
| 
| 
Zeile 111: Zeile 122:
| nd_pagetitle
| nd_pagetitle
|x
|x
| 
| x
| x
| x
| x
| x
| x
| x
| x
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
| nd_breadcrumb
| nd_breadcrumb
| x
| x
| 
| x
| x
| x
| x
| x
| x
| x
| x
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
| nd_buttonbar
| nd_buttonbar
| 
| 
| 
| x
| x
Zeile 139: Zeile 153:
| x
| x
| x
| x
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
|'''Formulare'''
|'''Formulare'''
| 
| 
| 
| 
| 
Zeile 158: Zeile 173:
|-
|-
| nd_selectionform
| nd_selectionform
| 
| 
| 
| x
| x
Zeile 163: Zeile 179:
| -
| -
| x
| x
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
| nd_formsubmit
| nd_formsubmit
| 
| 
| 
| x
| x
Zeile 175: Zeile 192:
| -
| -
| x
| x
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
|'''Ergebnisberichte'''
|'''Ergebnisberichte'''
| 
| 
| 
| 
| 
Zeile 195: Zeile 213:
|nd_breadcrumb
|nd_breadcrumb
| x
| x
| 
| x
| x
| -
| -
Zeile 206: Zeile 225:
|-
|-
| nd_legend_explanation
| nd_legend_explanation
| 
| 
| 
| -
| -
Zeile 211: Zeile 231:
| x
| x
| x
| x
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
| nd_simple_resultreport
| nd_simple_resultreport
| 
| 
| 
| -
| -
Zeile 223: Zeile 244:
| -
| -
| x
| x
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
| nd_man_resultreport
| nd_man_resultreport
| 
| 
| 
| -
| -
Zeile 235: Zeile 257:
|x
|x
| -
| -
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
| nd_tree_resultreport
| nd_tree_resultreport
| 
| 
| 
| -
| -
Zeile 247: Zeile 270:
| -
| -
| -
| -
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
| nd_report_navi
| nd_report_navi
| 
| 
| 
| -
| -
Zeile 259: Zeile 283:
| x
| x
| x
| x
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
| Beispiel
| 
|-
|-
| nd_exportbuttons
| nd_exportbuttons
| 
| 
| 
| 
| 
Zeile 287: Zeile 312:
| 
| 
| 
| 
|
| 
| 
|-
|-
|'''Dialoge'''
|'''Dialoge'''
| 
| 
| 
| 
| 
Zeile 302: Zeile 329:
|-
|-
| nd_lesezeichen
| nd_lesezeichen
| 
| 
| 
| x
| x
Zeile 314: Zeile 342:
|-
|-
| nd_deeplink
| nd_deeplink
| 
| 
| 
| 
| 
Zeile 326: Zeile 355:
|-
|-
| nd_sichtauswahl
| nd_sichtauswahl
| 
| 
| 
| x
| x
Zeile 338: Zeile 368:
|-
|-
| nd_comboauswahl
| nd_comboauswahl
| 
| 
| 
| x
| x
Zeile 347: Zeile 378:
| 
| 
| 
| 
|- 
|}
|}


Version vom 24. Januar 2024, 16:43 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
Navigation                      
nd_top_navi x   x x x x          
nd_navi_panel x   x x x x          
nd_bottom_navi x   x x x x          
nd_orgunit_navi     - - x -          
Allgemein                      
nd_pagetitle x   x x x x          
nd_breadcrumb x   x x x x          
nd_buttonbar     x x x x          
Formulare                      
nd_selectionform     x x - x          
nd_formsubmit     x x - x          
Ergebnisberichte                      
nd_breadcrumb x   x - - x          
nd_legend_explanation     - - x x          
nd_simple_resultreport     - - - x          
nd_man_resultreport     - - x -          
nd_tree_resultreport     - - - -          
nd_report_navi     - - x x          
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
Abgerufen von „https://superxhosting.de/wiki/index.php?title=Neue_Layouts_in_SuperX_5.1&oldid=12182“