Zuletzt bearbeitet vor 7 Monaten
von Daniel Quathamer

Neue Layouts in SuperX 5.1: Unterschied zwischen den Versionen
Zeile 25: Zeile 25:
{| class="wikitable"
{| class="wikitable"
|-
|-
! new design <br>templatename
! new design <br />templatename
! sx_maske
! sx_maske
! sx_man<br />_maske
! sx_man<br />_maske
Zeile 149: Zeile 149:
| x
| x
| x
| x
| -
|x<br />
| -
| -
| Beispiel
| Beispiel
Zeile 160: Zeile 160:
| x
| x
| x
| x
| -
|x<br />
| -
| -
| Beispiel
| Beispiel
Zeile 173: Zeile 173:
| 
| 
| 
| 
| 
| 
| 
| 
| 
|-
|nd_breadcrumb
|x
|-
|x
|-
| 
| 
| 
| 
Zeile 233: Zeile 244:
| 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
| 
| 
| 
| 
| 
| 
|}
|}


Version vom 24. Januar 2024, 11:44 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_maske sx_man
_maske 		sx-tabelle sx_man
_tabelle 		Überschrift Überschrift Überschrift Überschrift Überschrift
Navigation                  
nd_top_navi x x x x Beispiel Beispiel Beispiel Beispiel Beispiel
nd_navi_panel x x x x Beispiel Beispiel Beispiel Beispiel Beispiel
nd_bottom_navi 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 Beispiel Beispiel Beispiel Beispiel Beispiel
nd_breadcrumb 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
         
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
Abgerufen von „https://superxhosting.de/wiki/index.php?title=Neue_Layouts_in_SuperX_5.1&oldid=12177“