Zuletzt bearbeitet vor einem Monat
von Daniel Quathamer

Neue Layouts in SuperX 5.1: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Zeile 30: Zeile 30:
! sx_<br />abfragen
! sx_<br />abfragen
! sx_<br />maske
! sx_<br />maske
! sx_man<br />_maske
!sx_man<br />_maske
 
 
!sx_<br />tabelle
 
 
!sx_baum<br />_tabelle
 
 
! sx_man<br />_tabelle
! sx_man<br />_tabelle
! sx_baum<br />_tabelle
! sx_<br />tabelle
|-
|-
|'''Allgemein '''
|'''Allgemein '''
| 
| 
|
| 
| 
| 
| 
| 
Zeile 48: Zeile 54:
| x
| x
| x
| x
| 
|x
| x
| x
| x
| x
| x
|x
| 
|x
|x
|x
|-
|-
| nd_breadcrumb
| nd_breadcrumb
|<br />
|<br />
|x
| x
| x
| x
|x
| 
|x
| x
|x
| x
|x
| x
| x
| 
|-
|-
|'''Abfragen'''
|'''Abfragen'''
| 
| 
|
| 
| 
| 
| 
| 
Zeile 76: Zeile 82:
|-
|-
| nd_query_dir
| nd_query_dir
| x
|<br />
| x
| 
| 
|x
| 
| 
| 
| 
Zeile 87: Zeile 93:
| nd_query_list
| nd_query_list
| 
| 
| 
|x
| 
| 
| 
| 
Zeile 92: Zeile 100:
| 
| 
|  
|  
| 
| 
|-
|-
|'''Buttons'''
|'''Buttons'''
| 
| 
| 
| 
|
| 
| 
| 
| 
| 
Zeile 105: Zeile 111:
| 
| 
|-
|-
| nd_buttonbar
|<span style="background-color: rgb(255, 255, 0);" data-mce-style="background-color: #ffff00;"> nd_buttonbar</span>
| 
| 
| 
|
| 
| 
| x
| x
|x
|x
|x
| x
| x
| x
| x
| 
|-
|-
| nd_exportbuttons
| nd_exportbuttons
| 
| 
|
| 
| 
| 
| 
Zeile 124: Zeile 127:
| 
| 
| 
| 
|x
|x
|x
|-
|-
| nd_dokulinks
| nd_dokulinks
Zeile 129: Zeile 135:
| 
| 
| 
| 
| 
|x
| 
|x
| 
|x
| 
|x
| 
|x <br />
|-
|-
| nd_lesezeichen
|<span style="background-color: rgb(255, 255, 0);" data-mce-style="background-color: #ffff00;"> nd_lesezeichen</span>
| 
| 
| 
| 
|<br />
|x
|x
|x
|x
| x
| x
| 
| x
| x
| 
| 
|-
|-
| nd_deeplink
| nd_deeplink
Zeile 149: Zeile 155:
| 
| 
| 
| 
| 
|x
|x
|x
|x
| x
| x
| x
| 
| 
|-
|-
| nd_sichtauswahl
|<span style="background-color: rgb(255, 255, 0);" data-mce-style="background-color: #ffff00;"> nd_sichtauswahl</span>
| 
| 
| x
| x
| x
| x
| 
| 
| 
| 
|<br />
|?
|?
|?
|?
|?<br />
|-
|-
| nd_comboauswahl
|<span style="background-color: rgb(255, 255, 0);" data-mce-style="background-color: #ffff00;"> nd_comboauswahl</span>
| 
| 
| x
| 
| 
| x
| 
| 
| 
| 
|<br />
|? <br />
|?
|?
|?
|?
|-
|-
|'''Ergebnisberichte'''
|'''Ergebnisberichte'''
Zeile 188: Zeile 194:
| 
| 
| 
| 
| -
|<br />
| -
|<br />
| x
| 
|x
|x
| x
| x
| 
| 
|-
|-
| nd_resultset_simple
| nd_resultset_simple
| 
| 
| 
| 
| -
|<br />
| -
|<br />
| -
| x
| 
| 
|x
| 
| 
|<br />
|-
|-
| nd_resultset_man
| nd_resultset_man
| 
| 
| 
| 
| -
|<br />
| -
|<br />
| x
| 
| -
| 
| 
| 
| 
| x
|-
|-
| nd_resulset_tree
| nd_resulset_tree
| 
| 
| 
| 
| -
|<br />
| -
|<br />
| -
| -
| 
| 
| 
| 
|x
|<br />
|-
|-
|'''Formulare'''
|'''Formulare'''
Zeile 238: Zeile 244:
| 
| 
| 
| 
|<br />
| x
| x
| x
| -
| x
| 
| 
| 
| 
| 
| x
|-
|-
| nd_selectionform_man
| nd_selectionform_man
| 
| 
| 
| 
| x
|<br />
| x
|<br />
| -
|x
| x
| 
| 
| 
| 
| x
|-
|-
| nd_formsubmit
| nd_formsubmit
|x<br />
|?
|<br />
| x
| 
| 
| 
| 
| 
| x
| x
| x
| -
| x
| 
| 
|-
|-
|'''Navigation'''
|'''Navigation'''
| 
| 
| 
| 
| 
Zeile 275: Zeile 282:
|-
|-
| nd_navi_top
| nd_navi_top
| x
|<br />
| 
|x
| x
| x
| x
| x
| x
|x
|x
|x
| x
| x
| 
| 
| 
|-
|-
| nd_navi_panel
| nd_navi_panel
| x
|<br />
| 
|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
| x
| 
| 
| 
|-
|-
Zeile 307: Zeile 317:
| 
| 
| 
| 
| -
|<br />
| -
|<br />
| x
| 
| -
| 
| 
| 
|x<br />
| 
| 
|-
|-
Zeile 317: Zeile 328:
| 
| 
| 
| 
| -
|<br />
| -
|<br />
| 
|x
|x
| x
| x
| x
| 
| 
| 
|}
|}

Version vom 28. 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_
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
Abgerufen von „https://superxhosting.de/wiki/index.php?title=Neue_Layouts_in_SuperX_5.1&oldid=12197“