SuperX
/
viz
7
0
Fork 0
Code Issues 15 Pull Requests Projects Releases Wiki Activity
Browse Source

Layout-Bugs Assistent,Grafiken in Arbeit versteckt #14

master
Daniel Quathamer 3 days ago
parent
08ca9a1df8
commit
af5b6a920c
6 changed files with 595 additions and 345 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 107
      src-modules/module/viz/conf/viz.xml
  2. 2
      src-modules/module/viz/masken/44630_felderinfo.unl
  3. 4
      src-modules/module/viz/upgrade/viz_upgrade_man.sql
  4. 170
      superx/style/sx_viz_muster.css
  5. 4
      superx/xml/viz_components.xsl
  6. 337
      superx/xml/viz_html_chart.xsl

107
src-modules/module/viz/conf/viz.xml
Unescape View File

@ -630,6 +630,55 @@ caption="Staaten (Geocodes)" releaseUnload="demo">
</primaryKeys> </primaryKeys>
<indexes> <indexes>
</indexes>
</table>
<!-- in Planung:
<table name="viz_dashboard_menu" thema="Visualisierungen" typ="Datentabelle"
releaseUnload="demo">
<description>Dashboard-Menü Metadaten</description>
<columns>
<column name="tid" type="SERIAL" size="" default="" notnull="true" description="tid" isKey="true"/>
<column name="dashboard_id" type="INTEGER" size="255" default="" isKey="true" notnull="true" description="Dashboard" />
<column name="caption" type="VARCHAR" size="255" default="" notnull="" description="Bezeichnung" />
<column name="maskeninfo_id" type="INTEGER" size="255" default="" notnull="" description="Maske" />
<column name="js_handler" type="VARCHAR" size="255" default="" notnull="" description="Javascript Methode" />
</columns>
<primaryKeys><rs>
<row>
<fld name='table_cat'>superx</fld>
<fld name='table_schem'>superx</fld>
<fld name='table_name'>viz_dashboard_menu</fld>
<fld name='column_name'>tid</fld>
<fld name='key_seq'>1</fld>
<fld name='pk_name'>viz_dashboard_menu_pk</fld>
</row>
</rs>
</primaryKeys>
<indexes>
</indexes>
</table>
<table name="viz_dashboard_menu2element" thema="Visualisierungen" typ="Datentabelle"
releaseUnload="demo">
<description>Verlinkung Dashboard-Menü zu Elementen</description>
<columns>
<column name="tid" type="SERIAL" size="" default="" notnull="true" description="tid" isKey="true"/>
<column name="dashboard_menu_id" type="INTEGER" size="255" default="" isKey="true" notnull="true" description="Dashboard-Menü" />
<column name="dashboard_element_id" type="INTEGER" size="255" default="" isKey="true" notnull="true" description="Dashboard-Element" />
</columns>
<primaryKeys><rs>
<row>
<fld name='table_cat'>superx</fld>
<fld name='table_schem'>superx</fld>
<fld name='table_name'>viz_dashboard_menu2element</fld>
<fld name='column_name'>tid</fld>
<fld name='key_seq'>1</fld>
<fld name='pk_name'>viz_dashboard_menu2element_pk</fld>
</row>
</rs>
</primaryKeys>
<indexes>
</indexes> </indexes>
</table> </table>
<table name="viz_dashboard_element" thema="Visualisierungen" typ="Datentabelle" <table name="viz_dashboard_element" thema="Visualisierungen" typ="Datentabelle"
@ -638,6 +687,7 @@ caption="Staaten (Geocodes)" releaseUnload="demo">
<columns> <columns>
<column name="tid" type="SERIAL" size="" default="" notnull="true" description="tid" isKey="true"/> <column name="tid" type="SERIAL" size="" default="" notnull="true" description="tid" isKey="true"/>
<column name="dashboard_id" type="INTEGER" size="255" default="" isKey="true" notnull="true" description="Dashboard" /> <column name="dashboard_id" type="INTEGER" size="255" default="" isKey="true" notnull="true" description="Dashboard" />
<column name="dashboard_tab_id" type="INTEGER" size="255" default="" isKey="true" notnull="false" description="Dashboard-Tab" ><comment>(optional)</comment></column>
<column name="datasource_type" type="INTEGER" size="255" default="1" notnull="" description="Datenquelle Art" ><comment>1=Makrobericht</comment></column> <column name="datasource_type" type="INTEGER" size="255" default="1" notnull="" description="Datenquelle Art" ><comment>1=Makrobericht</comment></column>
<column name="datasource" type="VARCHAR" size="255" default="" notnull="" description="Datenquelle" ><comment>Bei Makroberichten die Ergebniselement-Nr., perspektivisch bei REST API der REST-Aufruf</comment></column> <column name="datasource" type="VARCHAR" size="255" default="" notnull="" description="Datenquelle" ><comment>Bei Makroberichten die Ergebniselement-Nr., perspektivisch bei REST API der REST-Aufruf</comment></column>
<column name="chart_id" type="INTEGER" size="255" default="" notnull="" description="Grafik" /> <column name="chart_id" type="INTEGER" size="255" default="" notnull="" description="Grafik" />
@ -667,7 +717,7 @@ caption="Staaten (Geocodes)" releaseUnload="demo">
</indexes> </indexes>
</table> </table>
-->
<views> <views>
<view name="viz_property_dimension_measure"> <view name="viz_property_dimension_measure">
@ -918,21 +968,70 @@ parent="Visualisierungen">Abfragen zur Administration von Visualisierungen </the
displayType="select" visibleFields="caption" format="%s"> displayType="select" visibleFields="caption" format="%s">
<relation-column from="tid" to="viz_property_id" /> <relation-column from="tid" to="viz_property_id" />
</relation> </relation>
</data-integrity>
<!--viz_dashboard--> <!--viz_dashboard-->
<relation from="maskeninfo" to="viz_dashboard" delete="FALSE" <relation from="maskeninfo" to="viz_dashboard" delete="FALSE"
displayType="select" visibleFields="name" format="%s"> displayType="select" visibleFields="name" format="%s">
<relation-column from="tid" to="maskeninfo_id" /> <relation-column from="tid" to="maskeninfo_id" />
</relation> </relation>
<relation from="sx_stylesheets" to="viz_dashboard" delete="FALSE"
displayType="select" visibleFields="caption" format="%s">
<relation-column from="filename" to="booklet_stylesheet" />
</relation>
<relation from="viz_dashboard" to="viz_dashboard_tab" delete="FALSE" <relation from="viz_dashboard" to="viz_dashboard_tab" delete="FALSE"
displayType="select" visibleFields="caption" format="%s"> displayType="select" visibleFields="caption" format="%s">
<relation-column from="tid" to="dashboard_id" /> <relation-column from="tid" to="dashboard_id" />
</relation> </relation>
<relation from="sx_stylesheets" to="viz_dashboard_tab" delete="FALSE"
displayType="select" visibleFields="caption" format="%s">
<relation-column from="filename" to="booklet_stylesheet" />
</relation>
<!--
<relation from="viz_dashboard" to="viz_dashboard_element" delete="FALSE"
displayType="select" visibleFields="caption" format="%s">
<relation-column from="tid" to="dashboard_id" />
</relation>
<relation from="viz_dashboard_tab" to="viz_dashboard_element" delete="FALSE"
displayType="select" visibleFields="caption" format="%s">
<relation-column from="tid" to="dashboard_tab_id" />
</relation>
<relation from="viz_chart" to="viz_dashboard_element" delete="FALSE"
displayType="select" visibleFields="caption" format="%s">
<relation-column from="tid" to="chart_id" />
</relation>
<relation from="maskeninfo" to="viz_dashboard_element" delete="FALSE"
displayType="select" visibleFields="name" format="%s">
<relation-column from="tid" to="link_maskennummer" />
</relation>
<relation from="sx_stylesheets" to="viz_dashboard_element" delete="FALSE"
displayType="select" visibleFields="caption" format="%s">
<relation-column from="filename" to="link_tablestylesheet" />
</relation>
<relation from="viz_dashboard" to="viz_dashboard_menu" delete="FALSE"
displayType="select" visibleFields="caption" format="%s">
<relation-column from="tid" to="dashboard_id" />
</relation>-->
<relation from="maskeninfo" to="viz_dashboard_tab" delete="FALSE" <relation from="maskeninfo" to="viz_dashboard_tab" delete="FALSE"
displayType="select" visibleFields="name" format="%s"> displayType="select" visibleFields="name" format="%s">
<relation-column from="tid" to="maskeninfo_id" /> <relation-column from="tid" to="maskeninfo_id" />
</relation> </relation>
<!--<relation from="maskeninfo" to="viz_dashboard_menu" delete="FALSE"
displayType="select" visibleFields="name" format="%s">
<relation-column from="tid" to="maskeninfo_id" />
</relation>
<relation from="viz_dashboard_menu" to="viz_dashboard_menu2element" delete="FALSE"
displayType="select" visibleFields="caption" format="%s">
<relation-column from="tid" to="dashboard_menu_id" />
</relation>
<relation from="viz_dashboard_element" to="viz_dashboard_menu2element" delete="FALSE"
displayType="select" visibleFields="caption" format="%s">
<relation-column from="tid" to="dashboard_element_id" />
</relation>-->
</data-integrity>
</database> </database>
@ -1255,7 +1354,7 @@ detail_chart_uniquename varchar(255)
<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/viz_properties_d3js_worldmap_fuellen.sql" database=""/> <nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/viz_properties_d3js_worldmap_fuellen.sql" database=""/>
<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/viz_properties_viz_basistools_crosstab_fuellen.sql" database=""/> <nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/viz_properties_viz_basistools_crosstab_fuellen.sql" database=""/>
<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/viz_properties_viz_basistools_simple_table_fuellen.sql.sql" database=""/> <nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/viz_properties_viz_basistools_simple_table_fuellen.sql" database=""/>
</action> </action>
<action error="stop"> <action error="stop">

2
src-modules/module/viz/masken/44630_felderinfo.unl
Unescape View File

@ -13,7 +13,7 @@ order by tid DESC;^Eintrag^<<SQL>> select tid,eintrag from semester where today(
44636^bis Fachsemester^1000^300^-1^200^100^1^integer^30^0^0^^ ^ ^ 44636^bis Fachsemester^1000^300^-1^200^100^1^integer^30^0^0^^ ^ ^
44637^Dashboard^1000^300^-1^170^150^1^char^30^1^1^<<SQL>> select uniquename,uniquename from viz_dashboard order by 2;^ ^ ^ 44637^Dashboard^1000^300^-1^170^150^1^char^30^1^1^<<SQL>> select uniquename,uniquename from viz_dashboard order by 2;^ ^ ^
44645^tablestylesheet^150^0^0^100^100^1^char^255^1^1^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M , macro_masken_bez B\ 44645^tablestylesheet^150^0^0^100^100^1^char^255^1^1^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M , macro_masken_bez B\
where S.tid=M.stylesheet_id and M.maskeninfo_id =B.maskeninfo_id1 and B.maskeninfo_id2=44630 group by 1,2,ord order by ord^hidden^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M , macro_masken_bez B\ where S.tid=M.stylesheet_id and M.maskeninfo_id =B.maskeninfo_id1 and B.maskeninfo_id2=44630 group by 1,2,ord order by ord^ ^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M , macro_masken_bez B\
where S.tid=M.stylesheet_id and M.maskeninfo_id =B.maskeninfo_id1 and B.maskeninfo_id2=44630 group by 1,2,ord order by ord limit 1^ where S.tid=M.stylesheet_id and M.maskeninfo_id =B.maskeninfo_id1 and B.maskeninfo_id2=44630 group by 1,2,ord order by ord limit 1^
44647^Grafik^1000^300^-1^170^150^1^integer^30^0^1^<<SQL>> select tid, caption from viz_chart order by 2;^hidden^ ^ 44647^Grafik^1000^300^-1^170^150^1^integer^30^0^1^<<SQL>> select tid, caption from viz_chart order by 2;^hidden^ ^
44649^Spaltenanzahl^5^350^-1^140^80^1^integer^255^0^1^<<SQL>> SELECT 0,'Dynamisch' from xdummy \ 44649^Spaltenanzahl^5^350^-1^140^80^1^integer^255^0^1^<<SQL>> SELECT 0,'Dynamisch' from xdummy \

4
src-modules/module/viz/upgrade/viz_upgrade_man.sql
Unescape View File

@ -47,3 +47,7 @@ alter table dim_studiengang add column ist_lehramt smallint default 0;
</#if> </#if>
--obsolete Masken oder in Entwicklung:
update themenbaum set gueltig_bis=date_val('01.01.2000') where maskeninfo_id=44100;
update viz_chart set chart_active=0
where uniquename in ('STUD_FAK_ABGRP_STG_SUNBURST','STUD_FAK_KURZ_PIE','STUD_FAK_KURZ_DONUT_JB');

170
superx/style/sx_viz_muster.css
Unescape View File

@ -1,3 +1,25 @@
/*Hell-/Dunkel-Modus*/ /*20251210 eingefügt*/
@media (prefers-color-scheme: dark) {
:root { color-scheme: dark; }
.label.is-small, strong {color: black !important; }
.table th { color: black !important; }
.table {--bulma-table-background-color: white !important; }
.table {--bulma-table-color: black !important; }
.table th { color: black !important; }
.box { background-color: white !important; }
.button {
border: thin solid hsl(0, 0%, 71%); /*hellgrau*/
border-radius: 0.3em; }
.select:not(.is-multiple) {
background: white;
color: black; }
textarea.editform {
color: black;
background: white;
border: thin solid hsl(0, 0%, 71%); /*hellgrau*/
border-radius: 0.3em; }
}
/*dateispezifische Basics*/ /*dateispezifische Basics*/
html, body { html, body {
height: auto; height: auto;
@ -16,12 +38,13 @@ html, body {
display: flex; display: flex;
flex-wrap: wrap; } flex-wrap: wrap; }
.card { /*für Cardposition, -style*/ /*!!!202605 deaktiviert: vgl. Zeile 373!!!*/
display: flex; /*.card { /*für Cardposition, -style*/
flex-flow: column; /* display: flex;
margin-left: 0em; /*1.5em bei farbigem Hintergrund*/ /* flex-flow: column;
margin-top: 0em; /*-1.2em bei farbigem Hintergrund*/ /* margin-left: 0em; /*1.5em bei farbigem Hintergrund*/
box-shadow: none; } /* margin-top: 0em; /*-1.2em bei farbigem Hintergrund*/
/* box-shadow: none; }
/*Buttonleiste, Legende*/ /*Buttonleiste, Legende*/
.legende { /*für Berichtslegende*/ .legende { /*für Berichtslegende*/
@ -29,16 +52,17 @@ html, body {
padding: 0.4rem 0.4rem 0.4rem 0.4rem; } /*für Padding: ob re un li*/ padding: 0.4rem 0.4rem 0.4rem 0.4rem; } /*für Padding: ob re un li*/
/*Tabs, Selektionsfelder-Formular*/ /*Tabs, Selektionsfelder-Formular*/
.label-container { /*für Responsibility der Eingabefelder*/ /*!!!202605 deaktiviert: vgl. Zeile 385!!!*/
display: flex; /*.label-container { /*für Responsibility der Eingabefelder*/
/* display: flex;
justify-content: left; justify-content: left;
background: inherit; background: inherit;
min-width: 10.0em; } min-width: 10.0em; }*/
.label { /*für Selektionsfeld-Bezeichner*/ .label { /*für Selektionsfeld-Bezeichner*/
font-family: sans-serif; font-family: sans-serif;
font-weight: normal; font-weight: normal;
font-size: 2rem; /*font-size: 2rem;*/ /* 202605 deakitviert*/
margin-left: 1.0em; margin-left: 1.0em;
margin-top: 0.4em; } margin-top: 0.4em; }
@ -166,7 +190,7 @@ html, body {
.navbar-item img, .navbar-item svg { /*20250221 eingefügt*/ .navbar-item img, .navbar-item svg { /*20250221 eingefügt*/
max-height: unset !important; } /*var(--bulma-navbar-item-img-max-height);*/ max-height: unset !important; } /*var(--bulma-navbar-item-img-max-height);*/
/*Media-queries**/ /*** Media-queries ***/
@media print{ @media print{
.dontprint {display:none;} .dontprint {display:none;}
} }
@ -216,7 +240,8 @@ html, body {
.grid { padding-top: 1.5rem; } .grid { padding-top: 1.5rem; }
} }
.buttons-container { /* 300425BF eingefügt*/ /* Button-Style und -Color*/
.buttons-container { /* 300425 eingefügt*/
display: flex; display: flex;
justify-content: flex-end; /* rechts ausrichten */ justify-content: flex-end; /* rechts ausrichten */
align-items: center; /* vertikal zentrieren */ align-items: center; /* vertikal zentrieren */
@ -228,49 +253,68 @@ html, body {
background-color: white; /*link-Blau:#3273dc; UDE-Blau:#004C93*/ background-color: white; /*link-Blau:#3273dc; UDE-Blau:#004C93*/
border-color: transparent; border-color: transparent;
color: #004C93; } color: #004C93; }
.button.is-link:hover, .button.is-link.is-hovered { .button.is-link:hover, .button.is-link.is-hovered {
background-color: #276cda; background-color: #276cda;
border-color: transparent; border-color: transparent;
color: #004C93; } color: #004C93; }
.button.is-link:focus, .button.is-link.is-focused { .button.is-link:focus, .button.is-link.is-focused {
border-color: transparent; border-color: transparent;
color: #004C93; } color: #004C93; }
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
.button.is-link:active, .button.is-link.is-active { .button.is-link:active, .button.is-link.is-active {
background-color: white; background-color: white;
border-color: transparent; border-color: transparent;
color: #004C93; } color: #004C93; }
.button.is-link[disabled], .button.is-link[disabled],
fieldset[disabled] .button.is-link { fieldset[disabled] .button.is-link {
background-color: #004C93; background-color: #004C93;
border-color: transparent; border-color: transparent;
box-shadow: none; } box-shadow: none; }
.button.is-link.is-inverted { .button.is-link.is-inverted {
background-color: #fff; background-color: #fff;
color: #004C93; } color: #004C93; }
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
background-color: #f2f2f2; } background-color: #f2f2f2; }
.button.is-link.is-inverted[disabled], .button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted { fieldset[disabled] .button.is-link.is-inverted {
background-color: #fff; background-color: #fff;
border-color: transparent; border-color: transparent;
box-shadow: none; box-shadow: none;
color: #004C93; } color: #004C93; }
.button.is-link.is-loading::after { .button.is-link.is-loading::after {
border-color: transparent transparent #fff #fff !important; } border-color: transparent transparent #fff #fff !important; }
.button.is-link.is-outlined { .button.is-link.is-outlined {
background-color: white; background-color: white;
border-color: #004C93; border-color: #004C93;
color: #004C93; } color: #004C93; }
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
.button.is-link.is-outlined:hover,
.button.is-link.is-outlined.is-hovered,
.button.is-link.is-outlined:focus,
.button.is-link.is-outlined.is-focused {
background-color: #004C93; background-color: #004C93;
border-color: #004C93; border-color: #004C93;
color: #fff; } color: #fff; }
.button.is-link.is-outlined.is-loading::after { .button.is-link.is-outlined.is-loading::after {
border-color: transparent transparent #004C93; #004C93; !important; } border-color: transparent transparent #004C93; #004C93; !important; }
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
.button.is-link.is-outlined.is-loading:hover::after,
.button.is-link.is-outlined.is-loading.is-hovered::after,
.button.is-link.is-outlined.is-loading:focus::after,
.button.is-link.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important; } border-color: transparent transparent #fff #fff !important; }
.button.is-link.is-outlined[disabled], .button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined { fieldset[disabled] .button.is-link.is-outlined {
background-color: transparent; background-color: transparent;
@ -281,21 +325,25 @@ html, body {
background-color: transparent; background-color: transparent;
border-color: #fff; border-color: #fff;
color: #fff; } color: #fff; }
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:hover,
.button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined.is-hovered,
.button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined.is-focused { .button.is-link.is-inverted.is-outlined.is-focused {
background-color: #fff; background-color: #fff;
color: #004C93; } color: #004C93; }
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading:hover::after,
.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { .button.is-link.is-inverted.is-outlined.is-loading:focus::after,
.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #004C93; #004C93; !important; } border-color: transparent transparent #004C93; #004C93; !important; }
.button.is-link.is-inverted.is-outlined { .button.is-link.is-inverted.is-outlined {
background-color: transparent; background-color: transparent;
border-color: #fff; border-color: #fff;
color: #fff; } color: #fff; }
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:hover,
.button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined.is-hovered,
.button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined:focus,
@ -305,6 +353,7 @@ html, body {
.button.is-small.is-rounded.is-link.has-tooltip-bottom { background-color: #004C93; /*UDE-Blau*/ } /*20250711 eingefügt*/ .button.is-small.is-rounded.is-link.has-tooltip-bottom { background-color: #004C93; /*UDE-Blau*/ } /*20250711 eingefügt*/
/*Buttonleiste*/
.exportoptions { .exportoptions {
margin-top: 2.0em; margin-top: 2.0em;
} }
@ -336,9 +385,10 @@ html, body {
.label-container, .button-label { /*für einh.responsive Feldbezeichner*/ .label-container, .button-label { /*für einh.responsive Feldbezeichner*/
display: flex; display: flex;
justify-content: left; justify-content: left;
background: ; background:inherit;
min-width: 10.0em; /*für kleine Viewports*/ min-width: 10.0em; /*für kleine Viewports*/
width: 10%; } /*für kleine Viewports*/ width: 12%; /*202605 geändert v ursprgl. 10%*/
}
.control-new { /*für einheitliche Controls*/ .control-new { /*für einheitliche Controls*/
min-width: 10.0em; /*für kleine Viewports*/ min-width: 10.0em; /*für kleine Viewports*/
@ -347,7 +397,9 @@ html, body {
.button { /*für Button-Bezeichner-Ausrichtung*/ .button { /*für Button-Bezeichner-Ausrichtung*/
display: flex; display: flex;
justify-content: left; } justify-content: left;
/*font-size:2em;*/ /*202605 deaktiviert*/
}
/*Erläuterungen/Legende*/ /*Erläuterungen/Legende*/
.box-new { /*für Kopfzeile mit Close-Button*/ .box-new { /*für Kopfzeile mit Close-Button*/
@ -368,6 +420,35 @@ html, body {
font-size: 1.2em; font-size: 1.2em;
font-weight: 400; font-weight: 400;
} }
/*tooltips*/
.button.has-tooltip-bottom, .button.has-tooltip-right {
height: 2.5em; /* entspricht der Höhe des Eingabeldes*/
}
[data-tooltip]:not(.is-disabled).has-tooltip-bottom::before,
[data-tooltip]:not(.is-loading).has-tooltip-bottom::before,
[data-tooltip]:not([disabled]).has-tooltip-bottom::before,
[data-tooltip]:not(.is-disabled).has-tooltip-right::before,
[data-tooltip]:not(.is-loading).has-tooltip-right::before,
[data-tooltip]:not([disabled]).has-tooltip-right::before {
display: flex;
margin: 0.5em;
position: absolute;
z-index: 1000;
padding: 1em;
background-color: #333; /*dklgrau*/
color: white;
border-radius: 0.3em;
white-space: wrap;
text-align: left;
width: 250px;
height: fit-content;
white-space: wrap; /* für Zeilenumbrüche nach Standard-Regeln*/
overflow-wrap: break-word; /* aktuell: für Umbrüche nach Standard-Regeln*/
hyphens: auto;
}
/*Datentabellen*/ /*Datentabellen*/
.table-container { .table-container {
z-index: 10; /*positioniert sich im flow hinter dem hs_header*/ z-index: 10; /*positioniert sich im flow hinter dem hs_header*/
@ -469,17 +550,16 @@ html, body {
.subheaderMaskDialogs .subheaderMaskDialogs
{background-color:#cccccc; {background-color:#cccccc;
font-weight:bolder; font-weight:bolder;
font-size:1.2rem; font-size:2rem;
/* margin-left:0;*/ /* margin-left:0;*/
margin-top:0.2em; margin-top:0.2em;
margin-bottom:0.2em; margin-bottom:0.2em;
margin-right:0px; margin-right:0px;
padding-left:0.5em; padding-left:0.5em;
} }
.viz_content
{ .viz_content { margin-left:1em; }
margin-left:1em;
}
//Für sidebar: //Für sidebar:
.card-content { .card-content {
@ -514,3 +594,47 @@ input.sideBarInput
background-color: #a6a6a6ff; /*#333;*/ background-color: #a6a6a6ff; /*#333;*/
color: white; color: white;
} }
/*****************styleanweisungen aus html-Datei*/
textarea.editform {
height: 4em;
width: 100%;
padding: 3px;
transition: all 0.5s ease;
}
textarea.editform:focus {
height: 40em;
}
.textarea, .is-small.textarea { /*20251210 eingefügt*/
color: black;
background: white;
border: thin solid hsl(0, 0%, 71%); /*hellgrau*/
border-radius: 0.3em;
}
.field.is-grouped { /*20251210 eingefügt*/
gap: 0.2rem; }
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
.node text {
pointer-events: none;
text-shadow: 0 1px 0 #fff;
}
.link {
fill: none;
stroke: #000;
stroke-opacity: .2;
}
.link:hover {
stroke-opacity: .5;
}

4
superx/xml/viz_components.xsl
Unescape View File

@ -1927,10 +1927,10 @@ Platzhalter
</xsl:if><!-- wenn JR Stylesheet --> </xsl:if><!-- wenn JR Stylesheet -->
</p> </p>
<xsl:call-template name="weiterverarbeitungHiddenInputs" > <!-- Felder sind in sidebar<xsl:call-template name="weiterverarbeitungHiddenInputs" >
<xsl:with-param name="formName" select="'Weiterverarbeitung'" /> <xsl:with-param name="formName" select="'Weiterverarbeitung'" />
<xsl:with-param name="ergebniselement_ordnr" select="0" /> <xsl:with-param name="ergebniselement_ordnr" select="0" />
</xsl:call-template> </xsl:call-template>-->
</div> </div>
</div> </div>
</div> </div>

337
superx/xml/viz_html_chart.xsl
Unescape View File

@ -206,6 +206,7 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
</div> </div>
</xsl:template> </xsl:template>
<!--Grafikdaten-->
<xsl:template name="grafikdaten"> <xsl:template name="grafikdaten">
<xsl:for-each select="ergebnis/ergebniselement"> <xsl:for-each select="ergebnis/ergebniselement">
@ -221,10 +222,10 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
<xsl:for-each select="ergebnis/ergebniselement"> <xsl:for-each select="ergebnis/ergebniselement">
<xsl:variable name="tableId"><xsl:value-of select="@ordnr"/></xsl:variable> <xsl:variable name="tableId"><xsl:value-of select="@ordnr"/></xsl:variable>
<div class="field is-grouped"> <div class="field is-grouped">
<div class="label-container"> <!--202606 entfernt: <div class="label-container">-->
<label class="label is-required is-small"><strong>Datentabelle</strong></label> <!--202606 entfernt: is-required-->
<label class="label is-small"><strong>Datentabelle</strong></label>
</div> <!--202606: entfernt:</div>-->
<!--<a onClick="exportDataTable(rs[0],rsColumnMetaData[0])">EXPORT</a>--> <!--<a onClick="exportDataTable(rs[0],rsColumnMetaData[0])">EXPORT</a>-->
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
@ -317,27 +318,26 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
<p class="card-footer-item"><button class="button is-link is-outlined is-small" type="reset">Zurücksetzen</button></p>--> <p class="card-footer-item"><button class="button is-link is-outlined is-small" type="reset">Zurücksetzen</button></p>-->
</footer> </footer>
</xsl:template> </xsl:template><!--Ende template grafikdaten-->
<!--Grafiklayout-->
<xsl:template name="grafiklayout"> <xsl:template name="grafiklayout">
<!--Formular Allg. Layoutmerkmale--> <!--Formular Allg. Layoutmerkmale-->
<div id="chartProperties"> <!--class="section">--> <div id="chartProperties"> <!--class="section">-->
<form name="chartPropertiesForm"> <form name="chartPropertiesForm">
<div class="columns"> <div class="columns">
<div class="column is-two-fifths"> <div class="column is-two-fifths"><!--column links-->
<!--<p><span class="button is-link is-outlined is-small" onClick="updateChartModel();renderChart('chartDiv',myChartModel);">Erzeugen</span></p>--> <!--<p><span class="button is-link is-outlined is-small" onClick="updateChartModel();renderChart('chartDiv',myChartModel);">Erzeugen</span></p>-->
<div class="field is-grouped"> <div class="field is-grouped">
<div class="label-container"> <div class="label-container">
<label class="label is-required is-small"><strong>Grafiktitel</strong></label> <label class="label is-small"><strong>Grafiktitel</strong></label> <!--202606 deaktiviert is-required-->
</div> </div>
<div class="field is-active"> <div class="field has-addons"> <!--202606 geändert: is-active in has-addons-->
<p class="control-new"> <!--202606 entfernt <p class="control-new">-->
<div class="chartName"> <div class="chartName">
<textarea class="textarea is-small" id="chartName" name="chartName" rows="2" cols="20" onChange="updateChartModel();renderChart('chartDiv',myChartModel);"/> <textarea class="textarea is-small" id="chartName" name="chartName"
rows="2" cols="20" onChange="updateChartModel();renderChart('chartDiv',myChartModel);" />
<input type="hidden" id="fldMaskennr"> <input type="hidden" id="fldMaskennr">
<xsl:attribute name="value"><xsl:choose> <xsl:attribute name="value"><xsl:choose>
<xsl:when test="/ergebnisse/@isMakro='true'"> <xsl:when test="/ergebnisse/@isMakro='true'">
@ -349,24 +349,24 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
</xsl:choose> </xsl:choose>
</xsl:attribute> </xsl:attribute>
</input> </input>
</div><!-- Ende chartNamne-->
<!--202606 entfernt</p>-->
</div> </div>
</p> </div><!-- Ende field is-grouped-->
</div> </div><!--Ende column is-two-fifths = column links-->
<!--202606 entfernt: <span class="separator">&#160;</span>
<span class="separator">&#160;</span>-->
</div> <div class="column"><!--column rechts-->
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<div class="column">
<div class="field is-grouped"> <div class="field is-grouped">
<div class="label-container"> <div class="label-container">
<label class="label is-required is-small"><strong>Grafiktool</strong></label> <label class="label is-small"> <!--202606 deaktiviert:is-required -->
<strong>Grafiktool</strong></label>
</div> </div>
<div class="field is-active"> <div class="field has-addons"><!--202606 geändert: is-active in has-addons-->
<p class="control-new"> <!--202606 deaktivert: <p class="control-new">-->
<div class="select is-small is-fullwidth"> <div class="select is-small is-fullwidth">
<select class="maskinputPflicht" id="fldVizRenderer" NAME="fldVizRenderer" tabindex="1" onChange="resetChartPropertiesForm(this.value);" > <select class="maskinputPflicht" id="fldVizRenderer" NAME="fldVizRenderer" tabindex="1" onChange="resetChartPropertiesForm(this.value);" >
<xsl:for-each select="/ergebnisse/ergebnis[@ordnr='0']/ergebniselement/vizRenderers/vizRenderer"> <xsl:for-each select="/ergebnisse/ergebnis[@ordnr='0']/ergebniselement/vizRenderers/vizRenderer">
@ -374,20 +374,17 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
</xsl:for-each> </xsl:for-each>
</select> </select>
</div> </div>
</p> <!--202606 deaktivert:</p>-->
</div>
<xsl:call-template name="Infobutton" /> <xsl:call-template name="Infobutton" />
</div> <!--202606: Template Infobutton in field has-addons verlagert-->
</div><!-- Ende field is-grouped-->
</div><!-- Ende column rechts-->
</div><!-- Ende columns-->
</div>
</div>
</div>
<!-- Beginn Grafikelemente+ Vorschau--> <!-- Beginn Grafikelemente+ Vorschau-->
<div class="columns"> <div class="columns">
<div class="column is-two-fifths"> <div class="column is-two-fifths">
<!-- Box Grafikelemente--> <!-- Box Grafikelemente-->
<div class="field is-grouped"> <div class="field is-grouped">
<div class="label-container"> <div class="label-container">
@ -411,10 +408,12 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
<xsl:call-template name="chartPropertiesTreeForm" /> <xsl:call-template name="chartPropertiesTreeForm" />
</xsl:otherwise> </xsl:otherwise>
</xsl:choose> </xsl:choose>
<!--Beginn Quellcode--> <!--Beginn Quellcode-->
<div class="field is-grouped"> <div class="field is-grouped">
<div class="label-container"> <div class="label-container">
<label class="label is-required is-small"><strong>Quellcode</strong></label> <label class="label is-small"><!-- 202606 entfernt: is-required -->
<strong>Quellcode</strong></label>
</div> </div>
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
@ -429,49 +428,50 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
<div id="chartModelsrcDiv"> <!--class="section">--> <div id="chartModelsrcDiv"> <!--class="section">-->
<div id="chartModelsrc" style="display:none"> <div id="chartModelsrc" style="display:none">
<textarea id="chartModelSrcCode" name="chartModelSrcCode" class="editform" placeholder="Quellcode..."> <!--cols="100" rows="20"--></textarea> <!--202606 ergänzt zu textarea: class="textarea is-small"; entfernt: class="editform"-->
<textarea class="textarea is-small" id="chartModelSrcCode" name="chartModelSrcCode"
placeholder="Quellcode ..." />
<!--202606 Separator ergänzt:-->
<span class="separator">&#160;</span>
<div class="field is-grouped"> <div class="field is-grouped">
<p class="control"> <p class="control">
<button class="button is-small is-info is-outlined" onclick="copySrcCode('chartModelSrcCode');return false;">Kopieren</button> <!--202606 Color geändert von button: is-info -->
<button class="button is-small is-link is-outlined" onclick="copySrcCode('chartModelSrcCode');return false;">Kopieren</button>
</p> </p>
<p class="control"> <p class="control">
<button class="button is-small is-info is-inverted is-outlined" onclick="loadChartModelCode('chartModelSrcCode','chartDiv');return false;">Einspielen</button> <!--202606 Style u color geändert von button: is-small is-info is-inverted is-outlined-->
<button class="button is-small is-link is-outlined" onclick="loadChartModelCode('chartModelSrcCode','chartDiv');return false;">Einspielen</button>
</p> </p>
</div> </div>
<!--<a class="button" onClick="copySrcCode('chartModelSrcCode');">Kopieren</a>--> <!--<a class="button" onClick="copySrcCode('chartModelSrcCode');">Kopieren</a>-->
</div><!-- Ende chartModelsrc-->
</div><!-- Ende chartModelsrcDiv-->
</div><!--column is-two-fifths-->
<div class="column"><!--column rechts-->
</div>
</div>
</div>
<div class="column">
<div class="label-container"> <div class="label-container">
<label class="label is-required is-small"><strong>Grafikvorschau</strong></label> <label class="label is-required is-small"><strong>Grafikvorschau</strong></label>
</div> </div>
<!--202606 deaktiviert:<span class="separator">&#160;</span>-->
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<span class="separator">&#160;</span> <!--202606: rect-height geänd. von 450px-->
<div id="chartCanvas"> <div id="chartCanvas">
<div id="chartDiv" style="width:800px;height:600px;"> <div id="chartDiv" style="width:800px;height:600px;">
<svg> <svg><rect x="0" y="0" width="650" height="600" fill="#cccccc"></rect></svg>
<rect x="0" y="0" width="650" height="450" fill="#cccccc"></rect> </div>
</svg></div>
</div> </div>
<xsl:call-template name="chartLoadMenu" /> <xsl:call-template name="chartLoadMenu" />
<!--Beginn chartCode--> <!--Beginn chartCode-->
<div class="field is-grouped" id="chartCodeDiv"> <!--20251210 entfernt: style="display:block">--> <div class="field is-grouped" id="chartCodeDiv"> <!--20251210 entfernt: style="display:block">-->
<div class="label-container"> <div class="label-container">
<label class="label is-required is-small"><strong>Chart-Code</strong></label> <!--202606: deaktiviert: is-required-->
<label class="label is-small"><strong>Chart-Code</strong></label>
</div> </div>
<span class="separator">&#160;</span> <!--202606 deaktivier<span class="separator">&#160;</span>-->
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<a onClick="showChartCode();"> <a onClick="showChartCode();">
<span class="icon"> <span class="icon">
@ -479,29 +479,32 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
</span> </span>
</a> </a>
<div id="chartCodeTextAreaDiv" style="display:none"> <div id="chartCodeTextAreaDiv" style="display:none">
<textarea id="chartCodeTextArea" name="chartCodeTextArea" class="editform" placeholder="Chart-Quellcode..." > <!--readonly="readonly" disabled="disabled" cols="100" rows="20"--> <!--202606 geändert: class="editform/ergänzt style-->
</textarea> <textarea id="chartCodeTextArea" name="chartCodeTextArea" class="textarea is-small"
style="margin-left:1em;" placeholder="Chart-Code..." /><!--readonly="readonly" disabled="disabled" cols="100" rows="20"-->
<!--202606 ergänzt für Abstand zu den Buttons: -->
<span class="separator">&#160;</span>
<div class="field is-grouped"> <div class="field is-grouped">
<!--202606 ergänzt für Buttonausrichtung links: -->
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<p class="control"> <p class="control">
<button class="button is-small is-info is-outlined" onclick="copySrcCode('chartCodeTextArea');return false;">Kopieren</button> <!--202606 color geändert von: button is-info-->
<button class="button is-small is-link is-outlined" onclick="copySrcCode('chartCodeTextArea');return false;">Kopieren</button>
</p> </p>
<p class="control"> <p class="control">
<button class="button is-small is-info is-inverted is-outlined" onclick="loadNativeCode('chartCodeTextArea','chartDiv');return false;">Laden</button> <!--202606 color u Style geändert von: button is-info is-inverted is-outlined-->
<button class="button is-small is-link is-outlined" onclick="loadNativeCode('chartCodeTextArea','chartDiv');return false;">Laden</button>
</p> </p>
</div>
</div>
</div>
</div>
</div><!--Ende Eigenschaften + Vorschau viewBox="0 0 650 450"-->
</form>
</div> </div>
</div><!--Ende chartCodeTextAreaDiv-->
</div><!--Ende field is-grouped-->
</div><!--Ende column rechs-->
</div><!--Ende columns-->
</form><!--Ende chartPropertiesForm-->
</div><!--Ende chartProperties-->
<!-- <!--
<div class="label-container"> <div class="label-container">
@ -565,8 +568,6 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
<div id="chartPropertiesFormDetails" style="display:none"> </div> <div id="chartPropertiesFormDetails" style="display:none"> </div>
--> -->
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
@ -593,33 +594,32 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
</div> </div>
--> -->
<!--footer (BF nach unten verschoben)--> <!--footer (BF nach unten verschoben)-->
</xsl:template> <!-- Ende Template Grafiklayout-->
<!--Grafiknutzung-->
</xsl:template>
<xsl:template name="grafiknutzung"> <xsl:template name="grafiknutzung">
<!-- Aufruf/Anzeige Diagramm-Vorschau--> <!-- Aufruf/Anzeige Diagramm-Vorschau-->
<div class="field is-grouped"> <div class="field is-grouped">
<div class="label-container"> <div class="label-container">
<label class="label is-required is-small"><strong>Grafikvorschau</strong><span class="separator">&#160;</span> <!--202606 entfernt zu label: is-required -->
<label class="label is-small"><strong>Grafikvorschau</strong>
<!--202606 deaktiviert: <span class="separator">&#160;</span>-->
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<a <a onClick="showChartDiv('chartDiv2'); renderChart('chartDiv2',myChartModel);">
onClick="showChartDiv('chartDiv2'); renderChart('chartDiv2',myChartModel);">
<span class="icon"> <span class="icon">
<img src="../images/icons/more.svg" title="Laden" /> <img src="../images/icons/more.svg" title="Laden" />
</span> </span>
</a></label> </a>
</label>
</div> </div>
<!--<button class="button is-small is-rounded is-white is-outlined" <!--<button class="button is-small is-rounded is-white is-outlined"
onClick="createChart('chartDiv2');"> onClick="createChart('chartDiv2');">
<span class="icon is-small"><i class="../images/more.svg"></i> <span class="icon is-small"><i class="../images/more.svg"></i>
<img src="../images/more.svg" title="Laden" /> <img src="../images/more.svg" title="Laden" />
</span> </span>
</button>--> </button>-->
</div><!-- Ende field is-grouped-->
</div>
<div id="chartCanvas"> <!--class="section"--> <div id="chartCanvas"> <!--class="section"-->
<!--<div id="chartCanvasHeader"> </div>--> <!--<div id="chartCanvasHeader"> </div>-->
@ -633,52 +633,57 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
<!-- Aufruf/Anzeige SVG-Quellcode--> <!-- Aufruf/Anzeige SVG-Quellcode-->
<div class="field is-grouped"> <div class="field is-grouped">
<div class="label-container"> <div class="label-container">
<label class="label is-required is-small"><strong>Grafikcode (svg)</strong> <!--202606 entfernt zu label: is-required -->
<label class="label is-small"><strong>Grafikcode (svg)</strong>
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<a <a onClick="showSrcCode(myChartModel.renderer);">
onClick="showSrcCode(myChartModel.renderer);">
<span class="icon"> <span class="icon">
<img src="../images/icons/more.svg" title="Laden" /> <img src="../images/icons/more.svg" title="Laden" />
</span> </span>
</a> </a>
</label> </label>
</div> </div>
</div> </div>
<div id="chartSVGsrcDiv"> <!--class="section">--> <div id="chartSVGsrcDiv"> <!--class="section">-->
<div id="chartSVGsrc" style="display:none"> <div id="chartSVGsrc" style="display:none">
<textarea id="chartSrc" name="chartSrc" class="textarea" placeholder="Quellcode..."> <!--cols="100" rows="20"--></textarea><!--<button class="sx_buttondiv_submit" onClick="copySrcCode('chartSrc');">Kopieren</button>--> <!--202606 ergänzt zu textarea: is-small-->
<textarea id="chartSrc" name="chartSrc" class="textarea is-small" placeholder="Grafikcode (svg)..." />
<!--cols="100" rows="20"--><!--<button class="sx_buttondiv_submit" onClick="copySrcCode('chartSrc');">Kopieren</button>-->
</div> </div>
</div> </div>
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<!-- Aufruf/Anzeige SVG-Quellcode--> <!-- Grafikdefintion-->
<div class="field is-grouped"> <div class="field is-grouped">
<div class="label-container"> <div class="label-container">
<label class="label is-required is-small"><strong>Grafikdefinition speichern</strong> <!--202606 entfernt zu label: is-required -->
<label class="label is-small">
<strong>Grafikdefinition speichern</strong>
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<a <a onClick="showVizChartSaveDialog('showLoadSaveDialogDiv');">
onClick="showVizChartSaveDialog('showLoadSaveDialogDiv');">
<span class="icon"> <span class="icon">
<img src="../images/icons/more.svg" title="Laden" /> <img src="../images/icons/more.svg" title="Laden" />
</span> </span>
</a> </a>
</label> </label>
</div> </div>
</div><!-- Ende field is-grouped-->
</div>
<div id="showLoadSaveDialog"> <!--class="section">--> <div id="showLoadSaveDialog"> <!--class="section">-->
<div id="showLoadSaveDialogDiv" style="display:none"> <div id="showLoadSaveDialogDiv" style="display:none">
<div class="field is-horizontal"> <div class="field is-horizontal">
<div class="field-label is-normal"> <div class="field-label is-normal">
<label class="label has-tooltip-bottom" data-tooltip="Gafikdefinition, die Sie gerade erstellt haben, in der Datenbank speichern. Sie müssen einen Namen und Schlüssel vergeben, und können entscheiden ob die entworfene Grafik eine Normalansicht ist oder eine Miniatur. Das eigentliche Speichern geschieht im Folgedialog.">Grafikdefinition speichern:</label> <!--202606: geändert: has-tooltip-bottom-->
<label class="label has-tooltip-right"
data-tooltip="Gafikdefinition, die Sie gerade erstellt haben, in der Datenbank speichern. Sie müssen einen Namen und Schlüssel vergeben, und können entscheiden ob die entworfene Grafik eine Normalansicht ist oder eine Miniatur.
Das eigentliche Speichern geschieht im Folgedialog.">Grafikdefinition speichern:
</label>
</div> </div>
<div class="field-body"> <div class="field-body">
<div class="field is-narrow"> <div class="field is-narrow">
<p class="control"> <p class="control">
@ -694,43 +699,39 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
</div> </div>
<div class="field is-narrow"> <div class="field is-narrow">
<p class="control"> <p class="control">
<a target="nextedit" onclick="openVizChartDBForm(document.getElementById('viz_chart_id').value)"> <a target="nextedit" onclick="openVizChartDBForm(document.getElementById('viz_chart_id').value)">
<img src="../images/pencil.svg" class="svg_icon" border="0" alt="Bearbeiten" title="Aufruf des Formulars um Metadaten zu bearbeiten und zu speichern" /></a> <img src="../images/pencil.svg" class="svg_icon" border="0" alt="Bearbeiten" title="Aufruf des Formulars um Metadaten zu bearbeiten und zu speichern" /></a>
</p> </p>
</div> </div>
</div> </div><!-- Ende field-body-->
</div> </div><!-- Ende field is-horizontal-->
<div class="field is-horizontal"> <div class="field is-horizontal">
<div class="field-label is-normal"> <div class="field-label is-normal">
<label class="label"></label> <label class="label"></label>
</div> </div>
<div class="field-body"> <div class="field-body">
<div class="field is-narrow"> <div class="field is-narrow">
<p class="control">(Im nachfolgenden Dialog können Sie weitere Metadaten bearbeiten)</p> <p class="control">(Im nachfolgenden Dialog können Sie weitere Metadaten bearbeiten)</p>
</div> </div>
</div> </div><!-- Ende field-body-->
</div> </div><!-- Ende field is-horizontal-->
<!--<div class="field"> <!--<div class="field">
<div class="label">Oder neue Grafik: </div><div class="input"> <div class="label">Oder neue Grafik: </div>-->
<!--<div class="input">
<input name="viz_chart_new_uniquename" id="viz_chart_new_uniquename" type="text" /> <input name="viz_chart_new_uniquename" id="viz_chart_new_uniquename" type="text" />
Link... Link...</div>
</div>
</div>--> </div>-->
</div> </div><!-- Ende showLoadSaveDialogDiv-->
</div> </div><!-- Ende showLoadSaveDialog-->
</xsl:template> <!--Ende template Grafiknutzung-->
</xsl:template>
<xsl:template name="Infobutton"> <xsl:template name="Infobutton">
<xsl:param name="targetUrl" select="'http://www.superx-projekt.de/doku/viz_modul/nutzung/f_Grafiklayout.htm'" /> <xsl:param name="targetUrl" select="'http://www.superx-projekt.de/doku/viz_modul/nutzung/f_Grafiklayout.htm'" />
<!--202606 entfernt:<span class="separator">&#160;</span>-->
<span class="separator">&#160;</span>
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<span class="info"> <span class="info">
@ -743,13 +744,16 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
<img src="../images/information_grey_liberation.svg" /> <img src="../images/information_grey_liberation.svg" />
</figure> </figure>
</span> </span>
</xsl:template> </xsl:template><!-- Ende template infobutton-->
<!--VIZ-Legende-->
<xsl:template name="legende_viz"> <xsl:template name="legende_viz">
<xsl:param name="ordnr" /> <xsl:param name="ordnr" />
<xsl:variable name="legendeDivId"><xsl:text>legende</xsl:text><xsl:value-of select="$ordnr" /></xsl:variable> <xsl:variable name="legendeDivId"><xsl:text>legende</xsl:text><xsl:value-of select="$ordnr" />
<a> </xsl:variable>
<xsl:attribute name="onClick"><xsl:text>toggleLegendeDisplay('</xsl:text><xsl:value-of select="$legendeDivId" /><xsl:text>');</xsl:text></xsl:attribute> <a><xsl:attribute name="onClick"><xsl:text>toggleLegendeDisplay('</xsl:text><xsl:value-of select="$legendeDivId" /><xsl:text>');</xsl:text></xsl:attribute>
<span class="button is-link modal-button">Legende ...</span></a> <span class="button is-link modal-button">Legende ...</span>
</a>
<div style="display:none"> <div style="display:none">
<xsl:attribute name="id"><xsl:value-of select="$legendeDivId" /></xsl:attribute> <xsl:attribute name="id"><xsl:value-of select="$legendeDivId" /></xsl:attribute>
@ -783,23 +787,28 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
</xsl:for-each> </xsl:for-each>
User: <xsl:value-of select="/ergebnisse/user"/>&#160; User: <xsl:value-of select="/ergebnisse/user"/>&#160;
Stand: <xsl:value-of select="../stand" /></p> Stand: <xsl:value-of select="../stand" />
</p>
<xsl:if test="../hinweis != ''"> <xsl:if test="../hinweis != ''">
<xsl:call-template name="newline_to_br"> <xsl:call-template name="newline_to_br">
<xsl:with-param name="string" select="../hinweis" /> <xsl:with-param name="string" select="../hinweis" />
</xsl:call-template> </xsl:call-template>
</xsl:if> </xsl:if>
</div><!--Ende style-->
</xsl:template><!-- Ende template legende_viz-->
</div>
</xsl:template>
<xsl:template name="ChartTypeSelection"> <xsl:template name="ChartTypeSelection">
<div class="field" id="fldChartTypeSelection"><!-- style="display:none;"--> <div class="field" id="fldChartTypeSelection"><!-- style="display:none;"-->
<div class="label-container" lang="de"><span class="labelNormal has-tooltip-bottom" data-tooltip="Nur für Grafiktool Plot: Übersicht Grafikelemente, wählen Sie ein Element zum Bearbeiten, oder erzeugen einen neuen Grafikelementtyp. Sie können auch mehrere erzeugen bzw. entfernen mit dem + bzw - Button"> <div class="label-container" lang="de">
Grafikelement</span></div> <!--202606: geändert: has-tooltip-bottom -->
<span class="labelNormal has-tooltip-right"
data-tooltip="Nur für Grafiktool Plot: Übersicht Grafikelemente, wählen Sie ein Element zum Bearbeiten, oder erzeugen einen neuen Grafikelementtyp. Sie können auch mehrere erzeugen bzw. entfernen mit dem + bzw - Button">
Grafikelement</span>
</div>
<div class="control"> <div class="control">
<div class="field"><div class="control is-expanded"> <div class="field">
<div class="control is-expanded">
<div class="select is-small is-fullwidth is-focused"> <div class="select is-small is-fullwidth is-focused">
<select id="chartElementID" name="chartElementID" <select id="chartElementID" name="chartElementID"
onchange="loadChartElementConfig(this);"> onchange="loadChartElementConfig(this);">
@ -817,14 +826,11 @@ Stand: <xsl:value-of select="../stand" /></p>
<img src="../images/minus-circled.svg" width="12" height="12" title="Ausgewähltes Element entfernen" /> <img src="../images/minus-circled.svg" width="12" height="12" title="Ausgewähltes Element entfernen" />
</a> </a>
</div> </div>
</div><!-- Ende field-->
</div><!-- Ende control-->
</div><!--Ende field fldChartTypeSelection-->
</xsl:template><!-- Ende template ChartTypeSelection-->
</div>
</div>
</div><!--ende Feld Grafikelemente-->
</xsl:template>
<xsl:template name="chartPropertiesFormPlotD3" > <xsl:template name="chartPropertiesFormPlotD3" >
<div id="ChartElementsDiv" style="display:none" class="box"> <div id="ChartElementsDiv" style="display:none" class="box">
@ -836,7 +842,8 @@ Stand: <xsl:value-of select="../stand" /></p>
<!--Beginn Layoutmerkmale--> <!--Beginn Layoutmerkmale-->
<div class="field is-grouped"> <div class="field is-grouped">
<div class="label-container"> <div class="label-container">
<label class="label is-required is-small"><strong>Allgem. Layoutmerkmale</strong></label> <!--202606 entfernt:is-required -->
<label class="label is-small"><strong>Allgem. Layoutmerkmale</strong></label>
</div> </div>
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
@ -864,10 +871,10 @@ Stand: <xsl:value-of select="../stand" /></p>
<!--Beginn Layoutmerkmale--> <!--Beginn Layoutmerkmale-->
<!--Beginn Layoutmerkmale--> <!--Beginn Layoutmerkmale-->
<div class="field is-grouped"> <div class="field is-grouped">
<div class="label-container"> <div class="label-container"><!--202606 entfernt:is-required-->
<label class="label is-required is-small"><strong>Layoutmerkmale</strong></label> <label class="label is-small">
<strong>Layoutmerkmale</strong></label>
</div> </div>
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
@ -881,14 +888,17 @@ Stand: <xsl:value-of select="../stand" /></p>
<div id="chartPropertiesTreeFormElementsDiv"> </div> <div id="chartPropertiesTreeFormElementsDiv"> </div>
</div> </div>
</xsl:template> </xsl:template>
<xsl:template name="chartLoadMenu"> <xsl:template name="chartLoadMenu">
<div class="field is-grouped"> <div class="field is-grouped">
<div class="label-container"> <div class="label-container">
<label class="label has-tooltip-bottom" data-tooltip="Grafikdefinition aus der Datenbank speichern. Es werden die Grafikdefinitionen angezeigt, die zu der jew. Maskennnummer passen. Sie können entscheiden ob die Miniatur- oder Normalansicht geladen wird. Nach dem Laden sehen Sie direkt eine Vorschau, und wenn Sie oben links auf die Grafikelemente klicken, können Sie die Grafik weiter bearbeiten."> <!--202606 ergänzt zu label: is-small; geändert: has-tooltip-bottom -->
<label class="label is-small has-tooltip-right"
data-tooltip="Grafikdefinition aus der Datenbank speichern. Es werden die Grafikdefinitionen angezeigt, die zu der jew. Maskennnummer passen. Sie können entscheiden ob die Miniatur- oder Normalansicht geladen wird. Nach dem Laden sehen Sie direkt eine Vorschau, und wenn Sie oben links auf die Grafikelemente klicken, können Sie die Grafik weiter bearbeiten.">
<strong>Grafikdefinition laden</strong></label> <strong>Grafikdefinition laden</strong></label>
</div> </div>
<span class="separator">&#160;</span> <!--202606 deaktiviert:<span class="separator">&#160;</span>-->
<span class="separator">&#160;</span> <span class="separator">&#160;</span>
<a onClick="showLoadMenu();"> <a onClick="showLoadMenu();">
@ -897,31 +907,44 @@ Stand: <xsl:value-of select="../stand" /></p>
</span> </span>
</a> </a>
</div> </div>
<div id="loadMenu" class="field is-horizontal" style="display:none"> <div id="loadMenu" class="field is-horizontal" style="display:none">
<div class="field-label is-normal"> <!--202606 entfernt:<div class="field-label is-normal"></div>-->
</div>
<div class="field-body"> <div class="field-body">
<div class="field is-narrow"> <!--202606 entfernt: <div class="field is-narrow">-->
<p class="control"> <p class="control">
<select class="select" name="viz_chart_id_load" id="viz_chart_id_load"><option>Keine Auswahl möglich</option></select> <!--202606 ergänzt: 2x separator -->
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<!-- 202606 ergänzt: is-small-->
<select class="select is-small" name="viz_chart_id_load" id="viz_chart_id_load">
<option>Keine Auswahl möglich</option>
</select>
</p> </p>
</div> <!--202606 ergänzt: 1x separator-->
<div class="field is-narrow"> <span class="separator">&#160;</span>
<!--202606 entfernt:</div>-->
<!--202606 entfernt:<div class="field is-narrow">-->
<p class="control"> <p class="control">
<select class="select" name="viz_chart_variant_load" id="viz_chart_variant_load"> <!-- 202606 ergänzt: is-small-->
<select class="select is-small" name="viz_chart_variant_load" id="viz_chart_variant_load">
<option value="chartmodel">Normalgröße</option> <option value="chartmodel">Normalgröße</option>
<option value="chartmodel_miniature">Miniatur</option></select> <option value="chartmodel_miniature">Miniatur</option></select>
</p> </p>
</div> <!--202606 ergänzt: 1x separator-->
<div class="field is-narrow"> <span class="separator">&#160;</span>
<!--202606 entfernt:</div>-->
<!--202606 entfernt:<div class="field is-narrow">-->
<p class="control"> <p class="control">
<!--202606 geändert von: button is-inverted, is-info, has-tooltip.bottom is-outlined-->
<button class="button is-info is-inverted has-tooltip-bottom is-outlined" onclick="loadVizChartDef();return false;" <button class="button is-small is-link is-outlined has-tooltip-right" onclick="loadVizChartDef();return false;"
data-tooltip="Achtung: wenn Sie auf Laden klicken, wird der etwaig vorhandene Grafikentwurf überschrieben!">Laden</button> data-tooltip="Achtung: wenn Sie auf Laden klicken, wird der etwaig vorhandene Grafikentwurf überschrieben!">Laden</button>
</p> </p>
</div> <!--202606 entfernt:</div>-->
</div> </div><!--Ende field-body-->
</div> </div><!--Ende loadMenu bzw. field is-horizontal-->
</xsl:template> </xsl:template><!--Ende template chartLoadMenu = Grafikdefinition laden-->
</xsl:stylesheet> </xsl:stylesheet>

Write Preview
Loading…
Cancel
Save