Zuletzt bearbeitet vor einem Monat
von Daniel Quathamer

Neue Layouts in SuperX 5.1: Unterschied zwischen den Versionen
 
(42 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 5: Zeile 5:


=Implementierung=
=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==
==Allgemeines Komponenten==
Neue Templates liegen im Ordner /home/superx/git/Memtext-Interna/devel_module/kern/2021_superx_layout/
Alle eingebundenen Templates liegen im Ordner webapps/superx/xml in der Datei "nd_templates.xsl". Hier eine Übersicht wo die jew. Templates genutzt werden.
* xml/pageComponents_html5.xsl
Anmerkungen zur Tabelle:
* xml/dialogs.xsl
* x = Hier ist Template zu integrieren
Weitere Layoutdateien siehe Liste in
* Templateoriginal liegt in nd_templates.xsl<br />
* include_list.txt
==Templates==
 
{| class="wikitable"
{| class="wikitable"
|-
|-
! new design <br />templatename
! new design <br />templatename
! sx_<br />login
! sx_<br />start
! sx_<br />menue
! sx_<br />menue
! sx_<br />abfragen
! sx_<br />maske
! sx_<br />maske
! sx_man<br />_maske
!sx_man<br />_maske
!sx_<br />tabelle
! sx_man<br />_tabelle
! sx_man<br />_tabelle
! sx-tabelle
! Überschrift
! Überschrift
! Überschrift
! Überschrift
! Überschrift
|-
|-
|'''Navigation'''
|'''Allgemein '''
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
|-
| nd_pagetitle
| x
| x
| x
| x<br />
| x <br />
| x
| x
|-
| nd_breadcrumb
| 
| 
| 
| 
| x
| x <br />
| x <br />
| x
| x
|-
|nd_infotiles
| 
| 
|x <br />
| 
| 
| 
| 
Zeile 51: Zeile 57:
| 
| 
|-
|-
| nd_top_navi
|nd_modulinfo
| 
| 
|x
|x
|x
|x
|x
|x
|-
|'''Abfragen'''<br />
| 
| 
| 
| x
| x
| x
| x
| 
| 
| 
| 
Zeile 64: Zeile 75:
| 
| 
|-
|-
| nd_navi_panel
| nd_query_subdir
|x
| 
| 
| x
| x
|x
| x
| 
| 
| x <br />
| 
| 
| 
| 
Zeile 77: Zeile 84:
| 
| 
|-
|-
| nd_bottom_navi
| nd_query_list
|x
| 
| x
| x
|x
| x
| 
| 
| 
| 
| x <br />
| 
| 
| 
| 
| 
| 
|
|-
|-
| nd_orgunit_navi
|'''Buttons <br />'''
| 
| 
| 
| 
| -
| -
|x
| -
| 
| 
| 
| 
Zeile 103: Zeile 102:
| 
| 
|-
|-
|'''Allgemein '''
| nd_buttonbar_mask<br />
| 
| 
| 
| 
| x
| x <br />
| 
| 
| 
| 
|-
|nd_buttonbar_table
|<br />
| 
| 
| 
| 
| 
| 
| 
| 
|x <br />
|x <br />
|-
|nd_buttonbar_export
| 
| 
| 
| 
| 
| 
| 
| 
|x <br />
| 
| 
|-
|-
| nd_pagetitle
|nd_button_Keyfields
| 
| 
| 
|x
|x
|x
|<br />
| 
| 
| x
|-
| x
|nd_button_Print
| x
| x
| 
| 
| 
| 
Zeile 128: Zeile 144:
| 
| 
| 
| 
| x <br />
| x
|-
|-
| nd_breadcrumb
| nd_button_BackToMask
| x
| 
| x
| x
| x
| x
| 
| 
| 
| 
Zeile 141: Zeile 153:
| 
| 
| 
| 
| x <br />
| x
|-
|-
| nd_buttonbar
| nd_button_UserDoc
| 
| 
| 
| 
| 
| x
| x
| x
| x
| x <br />
| x
| x
|-
|nd_button_Bookmark
| 
| 
| 
|x
|x
|x <br />
| x
| x
|-
|nd_button_DeepLink
| 
| 
| 
| 
Zeile 154: Zeile 180:
| 
| 
| 
| 
|x <br />
|x
|-
|-
|'''Formulare'''
|nd_button_Konfig
| 
| 
| 
| 
Zeile 161: Zeile 189:
| 
| 
| 
| 
|x <br />
|x
|-
|nd_button_intoWord
| 
| 
| 
| 
Zeile 166: Zeile 198:
| 
| 
| 
| 
|x <br />
|x
|-
|nd_button_intoExcelNormal
| 
| 
|-
| nd_selectionform
| 
| 
| 
| 
| x
| x
| -
| x
| 
| 
| 
| 
|x <br />
|x
|-
|nd_button_intoExcelBig
| 
| 
| 
| 
| 
| 
|-
| nd_formsubmit
| 
| 
| 
| 
| x
|x <br />
| x
|x
| -
|-
| x
|nd_button_intoExcelNice
| 
| 
| 
| 
Zeile 193: Zeile 225:
| 
| 
| 
| 
|x <br />
|x
|-
|-
|'''Ergebnisberichte'''
|nd_button_intoPDF
| 
| 
| 
| 
| 
Zeile 201: Zeile 234:
| 
| 
| 
| 
|x <br />
|x
|-
|nd_button_intoHTML
| 
| 
| 
| 
Zeile 206: Zeile 243:
| 
| 
| 
| 
|x <br />
|x
|-
|-
|nd_breadcrumb
|nd_button_intoCSVText
| x
| 
| x
| -
| -
| x
| 
| 
| 
| 
Zeile 219: Zeile 252:
| 
| 
| 
| 
|x <br />
|x
|-
|-
| nd_legend_explanation
|nd_button_intoCSVExcel
| 
| 
| 
| 
| -
| -
| x
| x
| 
| 
| 
| 
| 
| 
|x <br />
|x
|-
|nd_button_intoXML
| 
| 
| 
| 
|-
| nd_simple_resultreport
| 
| 
| 
| 
| -
| -
| -
| x
| 
| 
|x <br />
|x
|-
|nd_button_intoMediaWiki
| 
| 
| 
| 
| 
| 
| 
|-
| nd_man_resultreport
| 
| 
| 
| 
| -
|x <br />
| -
|x
|x
| -
|-
|nd_button_Copy
| 
| 
| 
| 
Zeile 258: Zeile 288:
| 
| 
| 
| 
|x <br />
|x
|-
|-
| nd_tree_resultreport
|nd_button_MaskInfoEdit
| 
| 
| 
| 
| 
| -
| -
| -
| -
| 
| 
| 
| 
|x <br />
|x
|-
|nd_button_MaskToSachgeb
| 
| 
| 
| 
| 
| 
|-
| nd_report_navi
| 
| 
| 
| 
| -
|x <br />
| -
|x
| x
|-
| x
|nd_button_StyleToMask
| 
| 
| 
| 
Zeile 284: Zeile 315:
| 
| 
| 
| 
|x <br />
|x
|-
|-
| nd_exportbuttons
|'''Ergebnisberichte'''
| 
| 
| 
| 
Zeile 292: Zeile 325:
| 
| 
| 
| 
| 
|-
| nd_legend_explanation
| 
| 
| 
| 
Zeile 297: Zeile 333:
| 
| 
| 
| 
|x <br />
| x <br />
|-
|-
| nd_dokulinks
| nd_resultset_simple
|<br />
| 
| 
| 
| 
| 
| 
| 
| 
| x <br />
|<br />
|-
| nd_resultset_man
| 
| 
| 
| 
Zeile 308: Zeile 351:
| 
| 
| 
| 
|x <br />
| x <br />
|-
| nd_resulset_tree
| 
| 
| 
| 
|-
|'''Dialoge'''
| 
| 
| 
| 
| 
| 
|x <br />
|<br />
|-
|'''Formulare'''
| 
| 
| 
| 
Zeile 321: Zeile 370:
| 
| 
| 
| 
| 
|-
| nd_selectionform
| 
| 
| 
| 
|-
| nd_lesezeichen
| 
| 
| x <br />
| 
| 
| x
| 
| 
| x
| x
| x
|-
| nd_selectionform_man
| 
| 
| 
| 
| 
| 
| 
| 
| x <br />
| 
| 
|<br />
|-
|-
| nd_deeplink
| nd_formsubmit
|<br />
|<br />
| 
| 
| x <br />
|x <br />
| 
| 
|<br />
|-
|'''Navigation'''
| 
| 
| 
| x
| x
| 
| 
| 
| 
Zeile 350: Zeile 407:
| 
| 
|-
|-
| nd_sichtauswahl
| nd_navi_top
| 
| 
| 
| x
| x
| x
| x
| x
| x <br />
| x
| x
| x
| x
|-
|nd_navi_wam <br />
ist Bestandteil von nd_navi_top
| 
| 
| 
| 
| 
| 
Zeile 363: Zeile 426:
| 
| 
|-
|-
| nd_comboauswahl
| nd_navi_panel
| 
| x <br />
| x <br />
| x <br />
|x <br />
| x
|x<br />
|-
|<span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;">nd_navi_panel_orgunits</span>
| 
| 
| 
| 
| 
| 
| x
| 
| 
| 
| 
|x <br />
|-
| nd_navi_bottom
| x
| x
| x
| x
| x <br />
| x
| x
| x
|-
| nd_navi_resultset
| 
| 
| 
| 
| 
| 
| 
| 
| 
| x
| x <br />
|}
|}


Aktuelle Version vom 6. März 2025, 08:24 Uhr

Prinzipien

  • Minimaler Einsatz von Javascript und JS-Frameworks
  • Maximaler Einsatz von HTML 5 / CSS / Bulma
  • Responsiv

Implementierung

Allgemeines Komponenten

Alle eingebundenen Templates liegen im Ordner webapps/superx/xml in der Datei "nd_templates.xsl". Hier eine Übersicht wo die jew. Templates genutzt werden. Anmerkungen zur Tabelle:

  • x = Hier ist Template zu integrieren
  • Templateoriginal liegt in nd_templates.xsl
new design
templatename 		sx_
login 		sx_
start 		sx_
menue 		sx_
maske 		sx_man
_maske 		sx_
tabelle 		sx_man
_tabelle
Allgemein              
nd_pagetitle x x x x
 x
x x
nd_breadcrumb     x x
x
x x
nd_infotiles   x
         
nd_modulinfo     x x x x x
Abfragen
              
nd_query_subdir     x
       
nd_query_list     x
     
Buttons
             
nd_buttonbar_mask
       x x
   
nd_buttonbar_table
        x
x
nd_buttonbar_export           x
 
nd_button_Keyfields       x x
 
nd_button_Print           x
x
nd_button_BackToMask           x
x
nd_button_UserDoc       x x x
x
nd_button_Bookmark       x x x
x
nd_button_DeepLink           x
x
nd_button_Konfig           x
x
nd_button_intoWord           x
x
nd_button_intoExcelNormal           x
x
nd_button_intoExcelBig           x
x
nd_button_intoExcelNice           x
x
nd_button_intoPDF           x
x
nd_button_intoHTML           x
x
nd_button_intoCSVText           x
x
nd_button_intoCSVExcel           x
x
nd_button_intoXML           x
x
nd_button_intoMediaWiki           x
x
nd_button_Copy           x
x
nd_button_MaskInfoEdit           x
x
nd_button_MaskToSachgeb           x
x
nd_button_StyleToMask           x
x
Ergebnisberichte              
nd_legend_explanation           x
x
nd_resultset_simple
        x

nd_resultset_man           x
x
nd_resulset_tree           x

Formulare              
nd_selectionform       x
    x
nd_selectionform_man         x
 
nd_formsubmit

  x
x
 
Navigation            
nd_navi_top   x x x x
x x
nd_navi_wam

ist Bestandteil von nd_navi_top

             
nd_navi_panel   x
x
x
x
x x
nd_navi_panel_orgunits             x
nd_navi_bottom x x x x x
x x
nd_navi_resultset           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=14112“