Zuletzt bearbeitet vor einem Monat
von Daniel Quathamer

Neue Layouts in SuperX 5.1: Unterschied zwischen den Versionen

Zeile 56: Zeile 56:
|-
|-
| nd_breadcrumb
| nd_breadcrumb
|
| 
|
| 
| x
| x
| x
| x
Zeile 76: Zeile 76:
|-
|-
| nd_query_dir
| nd_query_dir
|
| 
| x
| x
Zeile 95: Zeile 95:
|  
|  
|-
|-
|'''Buttons'''
|'''Buttons <br />'''
Zeile 105: Zeile 105:
|-
|-
|<span style="background-color: rgb(255, 255, 0);" data-mce-style="background-color: #ffff00;"> nd_buttonbar</span>
|<span style="background-color: rgb(255, 255, 0);" data-mce-style="background-color: #ffff00;"> nd_buttonbar (vs. -table/-maske ?)<br /></span>
Zeile 133: Zeile 133:
| 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
Zeile 158: Zeile 158:
|
| 
| ?
| ?
| ?
| ?
Zeile 168: Zeile 168:
|
| 
| ?  
| ?
| ?
| ?
| ?
| ?
Zeile 188: Zeile 188:
|
| 
|
| 
|x
|x
Zeile 198: Zeile 198:
|
| 
|
| 
| x
| x
|
| 
|-
|-
| nd_resultset_man
| nd_resultset_man
|
| 
|
| 
Zeile 218: Zeile 218:
|
| 
|
| 
|x
|x
|
| 
|-
|-
|'''Formulare'''
|'''Formulare'''
Zeile 238: Zeile 238:
|
| 
| x
| x
Zeile 248: Zeile 248:
|
| 
|
| 
| x
| x
Zeile 258: Zeile 258:
| x
| x
| ?
| ?
|
| 
| x
| x
Zeile 275: Zeile 275:
|-
|-
| nd_navi_top
| nd_navi_top
|
| 
| x
| x
| x
| x
Zeile 284: Zeile 284:
| x
| x
|-
|-
| nd_navi_panel
|<span style="background-color: rgb(255, 255, 0);" data-mce-style="background-color: #ffff00;"> nd_navi_panel_queries</span>
|
| 
| x
| x
| x
| x
| x
| x
| x
| x
|<br />
| x
| x
| x
| x
|<br />
|-
|<span style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 0);" data-mce-style="color: #000000; background-color: #ffff00;">nd_navi_panel_kenn_man</span>
|<span style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 0);" data-mce-style="color: #000000; background-color: #ffff00;">x</span>
|<span style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 0);" data-mce-style="color: #000000; background-color: #ffff00;">x</span>
|-
|-
| nd_navi_bottom
| nd_navi_bottom
Zeile 307: Zeile 317:
|
| 
|
| 
Zeile 317: Zeile 327:
|
| 
|
| 
| x
| x

Version vom 28. Januar 2024, 17:03 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 (vs. -table/-maske ?)
      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_queries   x x x
x x
nd_navi_panel_kenn_man         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