Echarts Viewer for bar/line/pie #11

src-modules/module/viz/conf/viz.xml

@@ -127,6 +127,8 @@ rightname="CS_BIA_STANDARDREPORTS_ADMIN[VIZ]" />
 	<column name="renderer_id" type="INTEGER" size="" default="" notnull="false" description="Renderer"  isKey="true"/>
 	<column name="chartmodel_miniature" type="TEXT" size="255" default=""	notnull="" description="Quellcode des Diagramms (Miniatur)" />
 	<column name="chart_position" type="CHAR" size="10" default=""	notnull="" description="Position des Diagramms"><comment>CENTER,TOP,BOTTOM,LEFT,RIGHT,INLINE</comment></column>
+	<column name="chart_active" type="SMALLINT" size="2"
+				default="1" notnull="false" description="Grafik aktiv"></column>
 
 	
 	</columns>
@@ -444,7 +446,12 @@ parent="Visualisierungen">Abfragen zur Administration von Visualisierungen </the
 					<path>$VIZ_PFAD/masken</path>
 				</src>
 			</maske>				
-			</masken>	
+<maske tid="44630" name="VIZ-Dashboard Settings" thema="Initialisierung für Makroberichte">
+				<description> </description>
+				<src>
+					<path>$VIZ_PFAD/masken</path>
+				</src>
+			</maske>			</masken>	
 
   
 <data-integrity>
@@ -678,6 +685,7 @@ parent="Visualisierungen">Abfragen zur Administration von Visualisierungen </the
 <customfield name="tid" nullFieldValue="" />
 <customfield name="caption" nullFieldValue="" visibleSize="30" />
 <customfield name="uniquename" nullFieldValue="" visibleSize="30" />
+<customfield name="chart_active" nullFieldValue="" visibleSize="30" />
 <customfield type="link" name="Details" path="/superx/edit/viz/viz_chart_edit.jsp" linkid="tid"/>
 </form>
 <form name="viz_chart_edit"
@@ -708,6 +716,7 @@ mode="full">
 <customfield name="chartmodel_miniature" visibleSize="10" nullFieldValue="" />
 <customfield name="preview_svg" visibleSize="80" nullFieldValue="" />
 <customfield name="chart_position" visibleSize="10" nullFieldValue="" />
+<customfield name="chart_active" nullFieldValue="" visibleSize="30" />
 
 </form>
 

src-modules/module/viz/masken/44190_felderinfo.unl

@@ -17,7 +17,7 @@ order by 1;^^<<SQL>> SELECT 3,'3-spaltig' from xdummy^
 44204^Schlüssel anzeigen^150^0^0^100^100^1^integer^30^1^1^<<SQL>> select 1,'Ja' from xdummy union select 0,'Nein' from xdummy^hidden^<<SQL>>  select 1,'Ja' from xdummy^
 44205^tablestylesheet^150^0^0^100^100^1^char^255^1^1^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44190 order by ord^ ^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44190 order by ord limit 1^
 44207^Grafik^1000^300^-1^170^150^1^integer^30^0^1^<<SQL>> select tid, caption from viz_chart order by 2;^hidden^ ^
-44208^Jahrgang^42^350^-1^140^180^1^sql^30^0^999^<<SQL>> select attributevalue from personattribute_value_list where personattributetype_id = (select personattributetype_id from personattributetype where attributevalue = 'Jahrgang');^^^
+44208^Jahr^110^0^0^140^80^1^integer^30^0^13^ ^ ^ ^
 44209^Semestertyp^5^350^-1^140^80^1^integer^255^0^1^<<SQL>> select 1,'nur Sommersemester' from xdummy union select 2,'nur Wintersemester' from xdummy^Eintrag^<<SQL>>  select 2,'nur Wintersemester' from xdummy^
 44210^##line##^30^0^0^100^100^1^char^5000^0^8^^^1^
 44211^Abschluss^7^0^0^140^170^5^char^30^0^1^<<SQL>> select abint,dtxt from k_abint order by 2;^^^

src-modules/module/viz/masken/44220_felderinfo.unl

@@ -18,12 +18,12 @@ order by sortnr, caption limit 1\
 44223^Abschluss^40^0^0^100^200^3^char^1500^0^1^<<SQL>> select apnr, druck from cifx where key=35 order by 2;^ ^ ^
 44224^bis Fachsemester^1000^300^-1^200^100^1^integer^30^0^13^^ ^ ^
 44225^Grafik^4000^300^-1^170^150^1^char^30^0^1^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44220 order by 2;^^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44220 order by 2 limit 1;^
-44226^Hochschulzugangsberechtigung^120^300^-1^200^200^1^sql^30^0^1^hs_zugangsber^apnr, eintrag^ ^
 44227^Bis Semester^20^350^-1^140^80^1^integer^30^0^1^<<SQL>> select tid, eintrag from semester order by tid DESC;^ ^<<SQL>> select tid,eintrag from semester where today() between sem_beginn  and sem_ende;^
 44228^Staatsangehörigkeit^150^0^0^140^150^10^char^30^0^12^<<SQL>> select tid,name,sortnr from sichten where art='SOS-Staaten-Sicht' order by 3,2;^ ^ ^
 44229^Studiengang^25^0^0^140^150^50^char^1000^0^12^<<SQL>> select tid,name,sortnr from sichten where art in ('SOS-Kostenstellen-Sicht', 'SOS-Studiengang-Sicht') order by 3,2;^ ^ ^
 44230^tablestylesheet^150^0^0^100^100^1^char^255^1^1^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44220 order by ord^ ^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44220 order by ord limit 1^
 44231^Stichtag^23^330^-1^130^100^1^sql^30^1^1^<<SQL>> select tid, name  from sos_stichtag where stichtagsart='Studierende';^ ^<<SQL>> select tid, name  from sos_stichtag where stichtagsart='Studierende' and appl_key='0';^
 44232^Hörerstatus^200^330^-1^140^150^1^sql^30^0^1^<<SQL>> select apnr, eintrag from hoererstatus order by 2^apnr, eintrag^<<SQL>> select apnr, eintrag from hoererstatus  where eintrag='alle';^
+44233^Jahr^110^0^0^140^80^1^integer^30^0^13^ ^ ^ ^
 44238^Köpfe oder Fälle ?^0^0^0^140^150^1^sql^70^0^1^<<SQL>> select apnr, eintrag from koepfe_oder_faelle order by 2^apnr, eintrag^<<SQL>> select apnr, eintrag from koepfe_oder_faelle where eintrag = 'Fälle';^
 44242^Geschlecht^110^0^0^140^80^1^integer^30^0^1^<<SQL>> SELECT apnr,druck FROM cif where key = 9003 and apnr between 1 and 4 order by 1;^ ^ ^

src-modules/module/viz/masken/44220_masken_felder_bez.unl

@@ -4,12 +4,12 @@
 44220^44223^
 44220^44224^
 44220^44225^
-44220^44226^
 44220^44227^
 44220^44228^
 44220^44229^
 44220^44230^
 44220^44231^
 44220^44232^
+44220^44233^
 44220^44238^
 44220^44242^

src-modules/module/viz/masken/44250_felderinfo.unl

@@ -19,12 +19,12 @@ limit 1\
 44253^Abschluss^40^0^0^100^200^3^char^1500^0^1^<<SQL>> select apnr, druck from cifx where key=35 order by 2;^ ^ ^
 44254^bis Fachsemester^1000^300^-1^200^100^1^integer^30^0^13^^ ^ ^
 44255^Grafik^4000^300^-1^170^150^1^char^30^0^1^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44250 order by 2;^^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44250 order by 2 limit 1;^
-44256^Hochschulzugangsberechtigung^120^300^-1^200^200^1^sql^30^0^1^hs_zugangsber^apnr, eintrag^ ^
 44257^Bis Semester^20^350^-1^140^80^1^integer^30^0^1^<<SQL>> select tid, eintrag from semester order by tid DESC;^ ^<<SQL>> select tid,eintrag from semester where today() between sem_beginn  and sem_ende;^
 44258^Staatsangehörigkeit^150^0^0^140^150^10^char^30^0^12^<<SQL>> select tid,name,sortnr from sichten where art='SOS-Staaten-Sicht' order by 3,2;^ ^ ^
 44259^Studiengang^25^0^0^140^150^50^char^1000^0^12^<<SQL>> select tid,name,sortnr from sichten where art in ('SOS-Kostenstellen-Sicht', 'SOS-Studiengang-Sicht') order by 3,2;^ ^ ^
 44260^tablestylesheet^150^0^0^100^100^1^char^255^1^1^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44250 order by ord^ ^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44100 order by ord limit 1^
 44261^Stichtag^23^330^-1^130^100^1^sql^30^1^1^<<SQL>> select tid, name  from sos_stichtag where stichtagsart='Studierende';^ ^<<SQL>> select tid, name  from sos_stichtag where stichtagsart='Studierende' and appl_key='0';^
 44262^Hörerstatus^200^330^-1^140^150^1^sql^30^0^1^<<SQL>> select apnr, eintrag from hoererstatus order by 2^apnr, eintrag^<<SQL>> select apnr, eintrag from hoererstatus  where eintrag='alle';^
+44263^Jahr^110^0^0^140^80^1^integer^30^0^0^ ^ ^ ^
 44268^Köpfe oder Fälle ?^0^0^0^140^150^1^sql^70^0^1^<<SQL>> select apnr, eintrag from koepfe_oder_faelle order by 2^apnr, eintrag^<<SQL>> select apnr, eintrag from koepfe_oder_faelle where eintrag = 'Fälle';^
 44272^Geschlecht^110^0^0^140^80^1^integer^30^0^1^<<SQL>> SELECT apnr,druck FROM cif where key = 9003 and apnr between 1 and 4 order by 1;^ ^ ^

src-modules/module/viz/masken/44250_masken_felder_bez.unl

@@ -4,12 +4,12 @@
 44250^44253^
 44250^44254^
 44250^44255^
-44250^44256^
 44250^44257^
 44250^44258^
 44250^44259^
 44250^44260^
 44250^44261^
 44250^44262^
+44250^44263^
 44250^44268^
 44250^44272^

src-modules/module/viz/masken/44280_felderinfo.unl

@@ -17,13 +17,13 @@ order by sortnr, caption limit 1\
 44282^Fächer^30^0^0^130^200^6^char^1000^0^12^<<SQL>> select tid,name,sortnr from sichten where art='Fächer-Sicht' order by 3,2;^ ^ ^
 44283^Abschluss^40^0^0^100^200^3^char^1500^0^1^<<SQL>> select apnr, druck from cifx where key=35 order by 2;^ ^ ^
 44284^bis Fachsemester^1000^300^-1^200^100^1^integer^30^0^13^^ ^ ^
-44285^Grafik^4000^300^-1^170^150^1^char^30^0^1^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44280 order by 2;^^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44280 order by 2 limit 1;^
-44286^Hochschulzugangsberechtigung^120^300^-1^200^200^1^sql^30^0^1^hs_zugangsber^apnr, eintrag^ ^
+44285^Grafik^4000^300^-1^170^150^1^char^30^0^1^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44280 and chart_active=1 order by 2;^^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44280  and chart_active=1 order by 2 limit 1;^
 44287^Bis Semester^20^350^-1^140^80^1^integer^30^0^1^<<SQL>> select tid, eintrag from semester order by tid DESC;^ ^<<SQL>> select tid,eintrag from semester where today() between sem_beginn  and sem_ende;^
 44288^Staatsangehörigkeit^150^0^0^140^150^10^char^30^0^12^<<SQL>> select tid,name,sortnr from sichten where art='SOS-Staaten-Sicht' order by 3,2;^ ^ ^
 44289^Studiengang^25^0^0^140^150^50^char^1000^0^12^<<SQL>> select tid,name,sortnr from sichten where art in ('SOS-Kostenstellen-Sicht', 'SOS-Studiengang-Sicht') order by 3,2;^ ^ ^
 44290^tablestylesheet^150^0^0^100^100^1^char^255^1^1^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44280 order by ord^ ^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44280 order by ord limit 1^
 44291^Stichtag^23^330^-1^130^100^1^sql^30^1^1^<<SQL>> select tid, name  from sos_stichtag where stichtagsart='Studierende';^ ^<<SQL>> select tid, name  from sos_stichtag where stichtagsart='Studierende' and appl_key='0';^
-44292^Hörerstatus^200^330^-1^140^150^1^sql^30^0^1^<<SQL>> select apnr, eintrag from hoererstatus order by 2^apnr, eintrag^<<SQL>> select apnr, eintrag from hoererstatus  where eintrag='alle';^
+44292^Hörerstatus^200^330^-1^140^150^1^sql^30^0^1^<<SQL>> select apnr, eintrag from hoererstatus order by 2^ ^<<SQL>> select apnr, eintrag from hoererstatus  where eintrag='alle';^
+44293^Jahr^110^0^0^140^80^1^integer^30^0^13^ ^ ^ ^
 44298^Köpfe oder Fälle ?^0^0^0^140^150^1^sql^70^0^1^<<SQL>> select apnr, eintrag from koepfe_oder_faelle order by 2^apnr, eintrag^<<SQL>> select apnr, eintrag from koepfe_oder_faelle where eintrag = 'Fälle';^
 44302^Geschlecht^110^0^0^140^80^1^integer^30^0^1^<<SQL>> SELECT apnr,druck FROM cif where key = 9003 and apnr between 1 and 4 order by 1;^ ^ ^

src-modules/module/viz/masken/44280_masken_felder_bez.unl

@@ -4,12 +4,12 @@
 44280^44283^
 44280^44284^
 44280^44285^
-44280^44286^
 44280^44287^
 44280^44288^
 44280^44289^
 44280^44290^
 44280^44291^
 44280^44292^
+44280^44293^
 44280^44298^
 44280^44302^

src-modules/module/viz/masken/44570_felderinfo.unl

@@ -9,7 +9,7 @@
 44580^Filter Studierende^119^0^0^140^150^1^sql^20^0^999^<<SQL>> SELECT id,caption from sx_repository where aktiv =1 and today() between gueltig_seit and gueltig_bis and art='SOS_STUD_FILTER' order by 2;^^^
 44581^Geschlecht^37^0^0^140^80^1^integer^30^0^999^<<SQL>> SELECT apnr,druck FROM cif where key = 9003 and apnr between 1 and 4 order by 1;^^^
 44583^Studiengang^6^0^0^140^150^50^char^30^0^12^<<SQL>> select tid,name,sortnr from sichten where art in ('SOS-Kostenstellen-Sicht', 'SOS-Studiengang-Sicht') order by 3,2;^^^
-44584^Schlüssel anzeigen^150^0^0^100^100^1^integer^30^1^1^<<SQL>> select 1,'Ja' from xdummy union select 0,'Nein' from xdummy^hidden^<<SQL>>  select 1,'Ja' from xdummy^
+44584^Jahr^110^0^0^140^80^1^integer^30^0^13^ ^ ^ ^
 44585^tablestylesheet^150^0^0^100^100^1^char^255^1^1^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44570 order by ord^ ^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44570 order by ord limit 1^
 44587^Grafik^1000^300^-1^170^150^1^char^30^0^1^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44570 order by 2;^ ^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44570 order by 2 limit 1;^
 44588^Spaltenlayout^3000^350^-1^140^180^1^char^30^1^1^<<SQL>>SELECT uniquename,\

src-modules/module/viz/masken/44600_felderinfo.unl

@@ -17,13 +17,13 @@ order by sortnr, caption limit 1\
 44602^Fächer^30^0^0^130^200^6^char^1000^0^12^<<SQL>> select tid,name,sortnr from sichten where art='Fächer-Sicht' order by 3,2;^ ^ ^
 44603^Abschluss^40^0^0^100^200^3^char^1500^0^1^<<SQL>> select apnr, druck from cifx where key=35 order by 2;^ ^ ^
 44604^bis Fachsemester^1000^300^-1^200^100^1^integer^30^0^0^^ ^ ^
-44605^Grafik^4000^300^-1^170^150^1^char^30^0^1^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44280 order by 2;^ ^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44280 order by 2 limit 1;^
-44606^Hochschulzugangsberechtigung^120^300^-1^200^200^1^sql^30^0^1^hs_zugangsber^apnr, eintrag^ ^
+44605^Grafik^4000^300^-1^170^150^1^char^30^0^1^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44600 and chart_active=1 order by 2;^ ^<<SQL>> select uniquename, caption from viz_chart where maskeninfo_id=44600 and chart_active=1order by 2 limit 1;^
 44607^Bis Semester^20^350^-1^140^80^1^integer^30^0^1^<<SQL>> select tid, eintrag from semester order by tid DESC;^ ^<<SQL>> select tid,eintrag from semester where today() between sem_beginn  and sem_ende;^
 44608^Staatsangehörigkeit^150^0^0^140^150^10^char^30^0^12^<<SQL>> select tid,name,sortnr from sichten where art='SOS-Staaten-Sicht' order by 3,2;^ ^ ^
 44609^Studiengang^25^0^0^140^150^50^char^1000^0^12^<<SQL>> select tid,name,sortnr from sichten where art in ('SOS-Kostenstellen-Sicht', 'SOS-Studiengang-Sicht') order by 3,2;^ ^ ^
 44610^tablestylesheet^150^0^0^100^100^1^char^255^1^1^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44600 order by ord^ ^<<SQL>> select filename,caption from sx_stylesheets S, sx_mask_style M where S.tid=M.stylesheet_id and M.maskeninfo_id=44600 order by ord limit 1^
 44611^Stichtag^23^330^-1^130^100^1^sql^30^1^1^<<SQL>> select tid, name  from sos_stichtag where stichtagsart='Studierende';^ ^<<SQL>> select tid, name  from sos_stichtag where stichtagsart='Studierende' and appl_key='0';^
 44612^Hörerstatus^200^330^-1^140^150^1^sql^30^0^1^<<SQL>> select apnr, eintrag from hoererstatus order by 2^apnr, eintrag^<<SQL>> select apnr, eintrag from hoererstatus  where eintrag='alle';^
+44613^Jahr^110^0^0^140^80^1^integer^30^0^0^ ^ ^ ^
 44618^Köpfe oder Fälle ?^0^0^0^140^150^1^sql^70^0^1^<<SQL>> select apnr, eintrag from koepfe_oder_faelle order by 2^apnr, eintrag^<<SQL>> select apnr, eintrag from koepfe_oder_faelle where eintrag = 'Fälle';^
 44622^Geschlecht^110^0^0^140^80^1^integer^30^0^1^<<SQL>> SELECT apnr,druck FROM cif where key = 9003 and apnr between 1 and 4 order by 1;^ ^ ^

src-modules/module/viz/masken/44600_masken_felder_bez.unl

@@ -4,12 +4,12 @@
 44600^44603^
 44600^44604^
 44600^44605^
-44600^44606^
 44600^44607^
 44600^44608^
 44600^44609^
 44600^44610^
 44600^44611^
 44600^44612^
+44600^44613^
 44600^44618^
 44600^44622^

src-modules/module/viz/schluesseltabellen/sx_stylesheets_einfuegen.sql

@@ -42,7 +42,10 @@
 {"mask":"44570", "filename":"viz_html_chart_viewer.xsl", "ord":"1"},
 {"mask":"44570", "filename":"viz_html_chart_viewer_mask.xsl", "ord":"30"},
 {"mask":"44570", "filename":"viz_html_chart_viewer_mask_and_table.xsl", "ord":"40"},
-{"mask":"44600", "filename":"tabelle_html_datenblatt.xsl", "ord":"1"}
+{"mask":"44600", "filename":"tabelle_html_datenblatt.xsl", "ord":"10"},
+{"mask":"44600", "filename":"viz_html_chart_viewer.xsl", "ord":"1"},
+{"mask":"44600", "filename":"viz_html_chart_viewer_mask.xsl", "ord":"30"},
+{"mask":"44600", "filename":"viz_html_chart_viewer_mask_and_table.xsl", "ord":"40"}
 ] />
 
 <#assign stylesheet = [

superx/xml/viz_components.xsl

@@ -786,7 +786,7 @@ and (@renderer_uniquename='plot' or @renderer_uniquename='d3js') ]">
   </div>
     <div class="box">
       <div id="{concat('modalCardImage',$ergebniselement_ordnr)}">
-      Picture placeholder
+      
       </div>
       </div>
     </div>
@@ -811,7 +811,7 @@ and (@renderer_uniquename='plot' or @renderer_uniquename='d3js') ]">
 </xsl:attribute>
       <!--<div id="{concat('chartDiv',$ergebniselement_ordnr)}">
 </div>-->
-      Picture placeholder
+      
       </div>
       </div>
       
@@ -889,7 +889,7 @@ Stand: <xsl:value-of select="../stand" /></p>
      </header>
     <section class="modal-card-body">
       <div id="{concat('modalCardImage',$ergebniselement_ordnr)}">
-      Picture placeholder
+      
       </div>
       </section>
     <footer class="modal-card-foot"></footer>
@@ -912,7 +912,7 @@ Stand: <xsl:value-of select="../stand" /></p>
         <!-- content -->
         
       <div id="{concat('modalCardDetailImage',$ergebniselement_ordnr)}">
-      Picture placeholder
+      
       </div>
        </section>
     <footer class="modal-card-foot">
@@ -1350,6 +1350,30 @@ Platzhalter
 </xsl:variable>
 <xsl:if test="contains($importD3js,'true')">
 <script language="Javascript" type="text/javascript" src="../xml/js/viz/d3.min.js" />
+<script language="Javascript" type="text/javascript" src="../xml/js/viz/d3-sankey.js" />
+<style type="text/css">
+
+.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;
+}
+</style>
 </xsl:if>
 <xsl:variable name="importPlot">
 <xsl:call-template name="isRendererNeeded">

superx/xml/viz_html_chart.xsl

@@ -46,7 +46,8 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
 <xsl:call-template name="nd_htmlscript" />
 <xsl:call-template name="nd_tableJavascript" />
 <xsl:call-template name="nd_tableCSS" />
-<xsl:call-template name="tableJavascript_viz"></xsl:call-template> 
+<xsl:call-template name="importVizViewer"></xsl:call-template>
+<script language="Javascript" type="text/javascript" src="../xml/js/viz/viz_functions.js" />
 
 <body  class="has-navbar-fixed-top" onload="document.getElementById('progressbar').style.display='none';tableonload();initThemenbaumJs();"> 
 <!--#Template Beginn Top-Navigation-->

superx/xml/viz_html_chart_viewer.xsl

@@ -48,7 +48,6 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
 <xsl:call-template name="nd_htmlscript" />
 <xsl:call-template name="nd_tableJavascript" />
 <xsl:call-template name="nd_tableCSS" />
-<xsl:call-template name="ude_tableCSS" />
 <xsl:call-template name="importVizViewer"></xsl:call-template> 
 
 <body  class="has-navbar-fixed-top" onload="document.getElementById('progressbar').style.display='none';initPage();"> 
@@ -181,236 +180,6 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
 </div>
 </header>
 </xsl:template>
-<xsl:template name="ude_tableCSS">
-<!-- aus 800000280_datencockpit.xsl -->
-		<style type="text/css">
-.dojoDialog {background : #eee;	border : 1px solid #999;-moz-border-radius : 5px;padding : 4px;width:650;height:420px;overflow:scroll}
-.treebutton {
-      border:none;
-      margin: 0 4px 0 0;
-    }
- @media print{
-.dontprint{display:none;}
-}
-
-/*Cockpit-Header*/
-.hs_header {
-  position: fixed; 
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 20;	 /*positioniert sich im flow am nähesten zum Betrachter*/ 
-}
-
-.cockpit_title {
-   color: #004C93;
-   font-size: 3.0em;
-   font-weight: 800;
-}   
-
-.hs_header_box1 {	   	/*für Balken-Box über/unter Cockpittitel*/
-   background: #004C93;
-   height: 1.0rem; 
-}
-
-.hs_header_box2 {	   	/*für Logo-/Cockpittitel-Box*/
-   display: flex;
-   height: 4.0rem; 
-   padding: 0.3rem 17.0rem 0rem 9.0rem;   /*für Padding: ob re un li*/
-   align-items: center;		    /*für vertikale Ausrichtung d Elemente*/
-   justify-content: space-between;  /*für gleichm. Leerraum zw. Elementen*/
-   background-color: white;
-}
-
-
-/*Buttons mit is-link=UDE-Blau*/
-.button.is-link {
-    background-color: #004C93;         /*link-Blau:#3273dc; UDE-Blau:#004C93*/
-    border-color: transparent;
-    color: #fff; }
-  .button.is-link:hover, .button.is-link.is-hovered {
-      background-color: #276cda;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-link:focus, .button.is-link.is-focused {
-      border-color: transparent;
-      color: #fff; }
-      .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); }
-    .button.is-link:active, .button.is-link.is-active {
-      background-color: #2366d1;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-link[disabled],
-    fieldset[disabled] .button.is-link {
-      background-color: #004C93;
-      border-color: transparent;
-      box-shadow: none; }
-    .button.is-link.is-inverted {
-      background-color: #fff;
-      color: #004C93; }
-      .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
-        background-color: #f2f2f2; }
-      .button.is-link.is-inverted[disabled],
-      fieldset[disabled] .button.is-link.is-inverted {
-        background-color: #fff;
-        border-color: transparent;
-        box-shadow: none;
-        color: #004C93; }
-    .button.is-link.is-loading::after {
-      border-color: transparent transparent #fff #fff !important; }
-    .button.is-link.is-outlined {
-      background-color: transparent;
-      border-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 {
-        background-color: #004C93;
-        border-color: #004C93;
-        color: #fff; }
-      .button.is-link.is-outlined.is-loading::after {
-        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 {
-        border-color: transparent transparent #fff #fff !important; }
-      .button.is-link.is-outlined[disabled],
-      fieldset[disabled] .button.is-link.is-outlined {
-        background-color: transparent;
-        border-color: #004C93;
-        box-shadow: none;
-        color: #004C93; }
-    .button.is-link.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: #fff;
-      color: #fff; }
-      .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
-        background-color: #fff;
-        color: #004C93; }
-      .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:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #004C93; #004C93; !important; }  
-     
-.exportoptions {
-   margin-top: 2.0em; 
-}
-   
-.buttonlist{			/*für resposive Buttonleiste*/
-   display: flex; 
-   flex-flow: no wrap;
-   justify-content: flex-start;
-   padding: 0.3rem 0rem 0.3rem 0rem; /*für Padding: ob re un li*/
-   }
-   
-.buttonlist img { 		/*für Icongröße in Buttonleiste*/
-    height: 2.5rem; 
-    width: auto; 
-    margin-top: 0em; }
-    
-/*Auswahlfelder*/
-.card {				/*für Auswahlfeldercard-Position*/
-   display: flex;
-   flex-flow: column;
-   margin-left: 0em;		
-   margin-top: 8em; 		
-   min-width: 10.0em;
-   width: 100%; 
-   } 		
-   
-.label-container, .button-label { /*für einh.responsive Feldbezeichner*/
-   display: flex;
-   justify-content: left;
-   background: ;	
-   min-width: 10.0em;		/*für kleine Viewports*/
-   width: 10%; }		/*für kleine Viewports*/
-   
-.control-new { 			/*für einheitliche Controls*/
-   min-width: 10.0em; 		/*für kleine Viewports*/
-   width: 10%; 			/*für große Viewports*/
-   }
-   
-.button {			/*für Button-Bezeichner-Ausrichtung*/
-   display: flex;
-   justify-content: left; }
- 
-/*Erläuterungen/Legende*/
-.box-new {			/*für Kopfzeile mit Close-Button*/
-   display: flex;
-   justify-content: space-between;
-   font-weight: bold;
-}	
-
-.leg_erl {
-  background-color: whitesmoke; /*für Abschnitthintergrund, Schrift*/ 
-  font-size: 0.8em;
-}
- 
-.dl_title {			/*für Texthervorhebungen*/ 
-   display: flex;
-   justify-content: center;
-   background: inherit;	
-   font-size: 1.2em;
-   font-weight: 400;   
- }
- /*Datentabellen*/
-.table-container {
-   z-index: 10; /*positioniert sich im flow hinter dem hs-header*/ 
-}
- table.ergtabelle tr.listRowOdd td.leer
- {
- border:thin solid white;
- background-color:white;
- }
-  table.ergtabelle tr.listRowEven td.leer
- {
- border:thin solid white;
- background-color:white;
- }
- table.ergtabelle tr td.leer
- {
- border:thin solid white;
- background-color:white;
- }
- table.ergtabelle tr th.leer
- {
- border:thin solid white;
- background-color:white;
- }
-  table.ergtabelle tr th.header
- {
- vertical-align:center;
-text-align:center;
- 
- }
- 
-  table.ergtabelle
- {
- border:thin solid white;
- }
- 
- /* Zahlen rechtsbündig:*/
-   table.ergtabelle tbody tr.listRowEven td.integer
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowOdd td.integer
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowEven td.decimal
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowOdd td.decimal
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-</style>
-</xsl:template>
 
 <xsl:template name="buildVizMetadata">
 <xsl:variable name="vizInitialName">

superx/xml/viz_html_chart_viewer_grid.xsl

@@ -48,7 +48,7 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
 <xsl:call-template name="nd_htmlscript" />
 <xsl:call-template name="nd_tableJavascript" />
 <xsl:call-template name="nd_tableCSS" />
-<xsl:call-template name="ude_tableCSS" />
+
 <xsl:call-template name="importVizViewer"></xsl:call-template> 
 
 <body  class="has-navbar-fixed-top" onload="document.getElementById('progressbar').style.display='none';initPage();"> 
@@ -223,236 +223,6 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
 </div>
 </header>
 </xsl:template>
-<xsl:template name="ude_tableCSS">
-<!-- aus 800000280_datencockpit.xsl -->
-		<style type="text/css">
-.dojoDialog {background : #eee;	border : 1px solid #999;-moz-border-radius : 5px;padding : 4px;width:650;height:420px;overflow:scroll}
-.treebutton {
-      border:none;
-      margin: 0 4px 0 0;
-    }
- @media print{
-.dontprint{display:none;}
-}
-
-/*Cockpit-Header*/
-.hs_header {
-  position: fixed; 
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 20;	 /*positioniert sich im flow am nähesten zum Betrachter*/ 
-}
-
-.cockpit_title {
-   color: #004C93;
-   font-size: 3.0em;
-   font-weight: 800;
-}   
-
-.hs_header_box1 {	   	/*für Balken-Box über/unter Cockpittitel*/
-   background: #004C93;
-   height: 1.0rem; 
-}
-
-.hs_header_box2 {	   	/*für Logo-/Cockpittitel-Box*/
-   display: flex;
-   height: 4.0rem; 
-   padding: 0.3rem 17.0rem 0rem 9.0rem;   /*für Padding: ob re un li*/
-   align-items: center;		    /*für vertikale Ausrichtung d Elemente*/
-   justify-content: space-between;  /*für gleichm. Leerraum zw. Elementen*/
-   background-color: white;
-}
-
-
-/*Buttons mit is-link=UDE-Blau*/
-.button.is-link {
-    background-color: #004C93;         /*link-Blau:#3273dc; UDE-Blau:#004C93*/
-    border-color: transparent;
-    color: #fff; }
-  .button.is-link:hover, .button.is-link.is-hovered {
-      background-color: #276cda;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-link:focus, .button.is-link.is-focused {
-      border-color: transparent;
-      color: #fff; }
-      .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); }
-    .button.is-link:active, .button.is-link.is-active {
-      background-color: #2366d1;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-link[disabled],
-    fieldset[disabled] .button.is-link {
-      background-color: #004C93;
-      border-color: transparent;
-      box-shadow: none; }
-    .button.is-link.is-inverted {
-      background-color: #fff;
-      color: #004C93; }
-      .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
-        background-color: #f2f2f2; }
-      .button.is-link.is-inverted[disabled],
-      fieldset[disabled] .button.is-link.is-inverted {
-        background-color: #fff;
-        border-color: transparent;
-        box-shadow: none;
-        color: #004C93; }
-    .button.is-link.is-loading::after {
-      border-color: transparent transparent #fff #fff !important; }
-    .button.is-link.is-outlined {
-      background-color: transparent;
-      border-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 {
-        background-color: #004C93;
-        border-color: #004C93;
-        color: #fff; }
-      .button.is-link.is-outlined.is-loading::after {
-        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 {
-        border-color: transparent transparent #fff #fff !important; }
-      .button.is-link.is-outlined[disabled],
-      fieldset[disabled] .button.is-link.is-outlined {
-        background-color: transparent;
-        border-color: #004C93;
-        box-shadow: none;
-        color: #004C93; }
-    .button.is-link.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: #fff;
-      color: #fff; }
-      .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
-        background-color: #fff;
-        color: #004C93; }
-      .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:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #004C93; #004C93; !important; }  
-     
-.exportoptions {
-   margin-top: 2.0em; 
-}
-   
-.buttonlist{			/*für resposive Buttonleiste*/
-   display: flex; 
-   flex-flow: no wrap;
-   justify-content: flex-start;
-   padding: 0.3rem 0rem 0.3rem 0rem; /*für Padding: ob re un li*/
-   }
-   
-.buttonlist img { 		/*für Icongröße in Buttonleiste*/
-    height: 2.5rem; 
-    width: auto; 
-    margin-top: 0em; }
-    
-/*Auswahlfelder*/
-.card {				/*für Auswahlfeldercard-Position*/
-   display: flex;
-   flex-flow: column;
-   margin-left: 0em;		
-   margin-top: 8em; 		
-   min-width: 10.0em;
-   width: 100%; 
-   } 		
-   
-.label-container, .button-label { /*für einh.responsive Feldbezeichner*/
-   display: flex;
-   justify-content: left;
-   background: ;	
-   min-width: 10.0em;		/*für kleine Viewports*/
-   width: 10%; }		/*für kleine Viewports*/
-   
-.control-new { 			/*für einheitliche Controls*/
-   min-width: 10.0em; 		/*für kleine Viewports*/
-   width: 10%; 			/*für große Viewports*/
-   }
-   
-.button {			/*für Button-Bezeichner-Ausrichtung*/
-   display: flex;
-   justify-content: left; }
- 
-/*Erläuterungen/Legende*/
-.box-new {			/*für Kopfzeile mit Close-Button*/
-   display: flex;
-   justify-content: space-between;
-   font-weight: bold;
-}	
-
-.leg_erl {
-  background-color: whitesmoke; /*für Abschnitthintergrund, Schrift*/ 
-  font-size: 0.8em;
-}
- 
-.dl_title {			/*für Texthervorhebungen*/ 
-   display: flex;
-   justify-content: center;
-   background: inherit;	
-   font-size: 1.2em;
-   font-weight: 400;   
- }
- /*Datentabellen*/
-.table-container {
-   z-index: 10; /*positioniert sich im flow hinter dem hs-header*/ 
-}
- table.ergtabelle tr.listRowOdd td.leer
- {
- border:thin solid white;
- background-color:white;
- }
-  table.ergtabelle tr.listRowEven td.leer
- {
- border:thin solid white;
- background-color:white;
- }
- table.ergtabelle tr td.leer
- {
- border:thin solid white;
- background-color:white;
- }
- table.ergtabelle tr th.leer
- {
- border:thin solid white;
- background-color:white;
- }
-  table.ergtabelle tr th.header
- {
- vertical-align:center;
-text-align:center;
- 
- }
- 
-  table.ergtabelle
- {
- border:thin solid white;
- }
- 
- /* Zahlen rechtsbündig:*/
-   table.ergtabelle tbody tr.listRowEven td.integer
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowOdd td.integer
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowEven td.decimal
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowOdd td.decimal
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-</style>
-</xsl:template>
 
 <xsl:template name="buildVizMetadata">
 <xsl:variable name="vizInitialName">

superx/xml/viz_html_chart_viewer_mask.xsl

@@ -48,7 +48,6 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
 <xsl:call-template name="nd_htmlscript" />
 <xsl:call-template name="nd_tableJavascript" />
 <xsl:call-template name="nd_tableCSS" />
-<xsl:call-template name="ude_tableCSS" />
 <xsl:call-template name="importVizViewer"></xsl:call-template> 
 
 <body  class="has-navbar-fixed-top" onload="document.getElementById('progressbar').style.display='none';initPage();"> 
@@ -185,236 +184,6 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
 </div>
 </header>
 </xsl:template>
-<xsl:template name="ude_tableCSS">
-<!-- aus 800000280_datencockpit.xsl -->
-		<style type="text/css">
-.dojoDialog {background : #eee;	border : 1px solid #999;-moz-border-radius : 5px;padding : 4px;width:650;height:420px;overflow:scroll}
-.treebutton {
-      border:none;
-      margin: 0 4px 0 0;
-    }
- @media print{
-.dontprint{display:none;}
-}
-
-/*Cockpit-Header*/
-.hs_header {
-  position: fixed; 
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 20;	 /*positioniert sich im flow am nähesten zum Betrachter*/ 
-}
-
-.cockpit_title {
-   color: #004C93;
-   font-size: 3.0em;
-   font-weight: 800;
-}   
-
-.hs_header_box1 {	   	/*für Balken-Box über/unter Cockpittitel*/
-   background: #004C93;
-   height: 1.0rem; 
-}
-
-.hs_header_box2 {	   	/*für Logo-/Cockpittitel-Box*/
-   display: flex;
-   height: 4.0rem; 
-   padding: 0.3rem 17.0rem 0rem 9.0rem;   /*für Padding: ob re un li*/
-   align-items: center;		    /*für vertikale Ausrichtung d Elemente*/
-   justify-content: space-between;  /*für gleichm. Leerraum zw. Elementen*/
-   background-color: white;
-}
-
-
-/*Buttons mit is-link=UDE-Blau*/
-.button.is-link {
-    background-color: #004C93;         /*link-Blau:#3273dc; UDE-Blau:#004C93*/
-    border-color: transparent;
-    color: #fff; }
-  .button.is-link:hover, .button.is-link.is-hovered {
-      background-color: #276cda;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-link:focus, .button.is-link.is-focused {
-      border-color: transparent;
-      color: #fff; }
-      .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); }
-    .button.is-link:active, .button.is-link.is-active {
-      background-color: #2366d1;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-link[disabled],
-    fieldset[disabled] .button.is-link {
-      background-color: #004C93;
-      border-color: transparent;
-      box-shadow: none; }
-    .button.is-link.is-inverted {
-      background-color: #fff;
-      color: #004C93; }
-      .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
-        background-color: #f2f2f2; }
-      .button.is-link.is-inverted[disabled],
-      fieldset[disabled] .button.is-link.is-inverted {
-        background-color: #fff;
-        border-color: transparent;
-        box-shadow: none;
-        color: #004C93; }
-    .button.is-link.is-loading::after {
-      border-color: transparent transparent #fff #fff !important; }
-    .button.is-link.is-outlined {
-      background-color: transparent;
-      border-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 {
-        background-color: #004C93;
-        border-color: #004C93;
-        color: #fff; }
-      .button.is-link.is-outlined.is-loading::after {
-        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 {
-        border-color: transparent transparent #fff #fff !important; }
-      .button.is-link.is-outlined[disabled],
-      fieldset[disabled] .button.is-link.is-outlined {
-        background-color: transparent;
-        border-color: #004C93;
-        box-shadow: none;
-        color: #004C93; }
-    .button.is-link.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: #fff;
-      color: #fff; }
-      .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
-        background-color: #fff;
-        color: #004C93; }
-      .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:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #004C93; #004C93; !important; }  
-     
-.exportoptions {
-   margin-top: 2.0em; 
-}
-   
-.buttonlist{			/*für resposive Buttonleiste*/
-   display: flex; 
-   flex-flow: no wrap;
-   justify-content: flex-start;
-   padding: 0.3rem 0rem 0.3rem 0rem; /*für Padding: ob re un li*/
-   }
-   
-.buttonlist img { 		/*für Icongröße in Buttonleiste*/
-    height: 2.5rem; 
-    width: auto; 
-    margin-top: 0em; }
-    
-/*Auswahlfelder*/
-.card {				/*für Auswahlfeldercard-Position*/
-   display: flex;
-   flex-flow: column;
-   margin-left: 0em;		
-   margin-top: 8em; 		
-   min-width: 10.0em;
-   width: 100%; 
-   } 		
-   
-.label-container, .button-label { /*für einh.responsive Feldbezeichner*/
-   display: flex;
-   justify-content: left;
-   background: ;	
-   min-width: 10.0em;		/*für kleine Viewports*/
-   width: 10%; }		/*für kleine Viewports*/
-   
-.control-new { 			/*für einheitliche Controls*/
-   min-width: 10.0em; 		/*für kleine Viewports*/
-   width: 10%; 			/*für große Viewports*/
-   }
-   
-.button {			/*für Button-Bezeichner-Ausrichtung*/
-   display: flex;
-   justify-content: left; }
- 
-/*Erläuterungen/Legende*/
-.box-new {			/*für Kopfzeile mit Close-Button*/
-   display: flex;
-   justify-content: space-between;
-   font-weight: bold;
-}	
-
-.leg_erl {
-  background-color: whitesmoke; /*für Abschnitthintergrund, Schrift*/ 
-  font-size: 0.8em;
-}
- 
-.dl_title {			/*für Texthervorhebungen*/ 
-   display: flex;
-   justify-content: center;
-   background: inherit;	
-   font-size: 1.2em;
-   font-weight: 400;   
- }
- /*Datentabellen*/
-.table-container {
-   z-index: 10; /*positioniert sich im flow hinter dem hs-header*/ 
-}
- table.ergtabelle tr.listRowOdd td.leer
- {
- border:thin solid white;
- background-color:white;
- }
-  table.ergtabelle tr.listRowEven td.leer
- {
- border:thin solid white;
- background-color:white;
- }
- table.ergtabelle tr td.leer
- {
- border:thin solid white;
- background-color:white;
- }
- table.ergtabelle tr th.leer
- {
- border:thin solid white;
- background-color:white;
- }
-  table.ergtabelle tr th.header
- {
- vertical-align:center;
-text-align:center;
- 
- }
- 
-  table.ergtabelle
- {
- border:thin solid white;
- }
- 
- /* Zahlen rechtsbündig:*/
-   table.ergtabelle tbody tr.listRowEven td.integer
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowOdd td.integer
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowEven td.decimal
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowOdd td.decimal
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-</style>
-</xsl:template>
 
 <xsl:template name="buildVizMetadata">
 <xsl:variable name="vizInitialName">

superx/xml/viz_html_chart_viewer_mask_and_table.xsl

@@ -48,7 +48,6 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
 <xsl:call-template name="nd_htmlscript" />
 <xsl:call-template name="nd_tableJavascript" />
 <xsl:call-template name="nd_tableCSS" />
-<xsl:call-template name="ude_tableCSS" />
 <xsl:call-template name="importVizViewer"></xsl:call-template> 
 
 <body  class="has-navbar-fixed-top" onload="document.getElementById('progressbar').style.display='none';initPage();"> 
@@ -187,236 +186,7 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
 </div>
 </header>
 </xsl:template>
-<xsl:template name="ude_tableCSS">
-<!-- aus 800000280_datencockpit.xsl -->
-		<style type="text/css">
-.dojoDialog {background : #eee;	border : 1px solid #999;-moz-border-radius : 5px;padding : 4px;width:650;height:420px;overflow:scroll}
-.treebutton {
-      border:none;
-      margin: 0 4px 0 0;
-    }
- @media print{
-.dontprint{display:none;}
-}
-
-/*Cockpit-Header*/
-.hs_header {
-  position: fixed; 
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 20;	 /*positioniert sich im flow am nähesten zum Betrachter*/ 
-}
-
-.cockpit_title {
-   color: #004C93;
-   font-size: 3.0em;
-   font-weight: 800;
-}   
-
-.hs_header_box1 {	   	/*für Balken-Box über/unter Cockpittitel*/
-   background: #004C93;
-   height: 1.0rem; 
-}
-
-.hs_header_box2 {	   	/*für Logo-/Cockpittitel-Box*/
-   display: flex;
-   height: 4.0rem; 
-   padding: 0.3rem 17.0rem 0rem 9.0rem;   /*für Padding: ob re un li*/
-   align-items: center;		    /*für vertikale Ausrichtung d Elemente*/
-   justify-content: space-between;  /*für gleichm. Leerraum zw. Elementen*/
-   background-color: white;
-}
-
 
-/*Buttons mit is-link=UDE-Blau*/
-.button.is-link {
-    background-color: #004C93;         /*link-Blau:#3273dc; UDE-Blau:#004C93*/
-    border-color: transparent;
-    color: #fff; }
-  .button.is-link:hover, .button.is-link.is-hovered {
-      background-color: #276cda;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-link:focus, .button.is-link.is-focused {
-      border-color: transparent;
-      color: #fff; }
-      .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); }
-    .button.is-link:active, .button.is-link.is-active {
-      background-color: #2366d1;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-link[disabled],
-    fieldset[disabled] .button.is-link {
-      background-color: #004C93;
-      border-color: transparent;
-      box-shadow: none; }
-    .button.is-link.is-inverted {
-      background-color: #fff;
-      color: #004C93; }
-      .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
-        background-color: #f2f2f2; }
-      .button.is-link.is-inverted[disabled],
-      fieldset[disabled] .button.is-link.is-inverted {
-        background-color: #fff;
-        border-color: transparent;
-        box-shadow: none;
-        color: #004C93; }
-    .button.is-link.is-loading::after {
-      border-color: transparent transparent #fff #fff !important; }
-    .button.is-link.is-outlined {
-      background-color: transparent;
-      border-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 {
-        background-color: #004C93;
-        border-color: #004C93;
-        color: #fff; }
-      .button.is-link.is-outlined.is-loading::after {
-        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 {
-        border-color: transparent transparent #fff #fff !important; }
-      .button.is-link.is-outlined[disabled],
-      fieldset[disabled] .button.is-link.is-outlined {
-        background-color: transparent;
-        border-color: #004C93;
-        box-shadow: none;
-        color: #004C93; }
-    .button.is-link.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: #fff;
-      color: #fff; }
-      .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
-        background-color: #fff;
-        color: #004C93; }
-      .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:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #004C93; #004C93; !important; }  
-     
-.exportoptions {
-   margin-top: 2.0em; 
-}
-   
-.buttonlist{			/*für resposive Buttonleiste*/
-   display: flex; 
-   flex-flow: no wrap;
-   justify-content: flex-start;
-   padding: 0.3rem 0rem 0.3rem 0rem; /*für Padding: ob re un li*/
-   }
-   
-.buttonlist img { 		/*für Icongröße in Buttonleiste*/
-    height: 2.5rem; 
-    width: auto; 
-    margin-top: 0em; }
-    
-/*Auswahlfelder*/
-.card {				/*für Auswahlfeldercard-Position*/
-   display: flex;
-   flex-flow: column;
-   margin-left: 0em;		
-   margin-top: 8em; 		
-   min-width: 10.0em;
-   width: 100%; 
-   } 		
-   
-.label-container, .button-label { /*für einh.responsive Feldbezeichner*/
-   display: flex;
-   justify-content: left;
-   background: ;	
-   min-width: 10.0em;		/*für kleine Viewports*/
-   width: 10%; }		/*für kleine Viewports*/
-   
-.control-new { 			/*für einheitliche Controls*/
-   min-width: 10.0em; 		/*für kleine Viewports*/
-   width: 10%; 			/*für große Viewports*/
-   }
-   
-.button {			/*für Button-Bezeichner-Ausrichtung*/
-   display: flex;
-   justify-content: left; }
- 
-/*Erläuterungen/Legende*/
-.box-new {			/*für Kopfzeile mit Close-Button*/
-   display: flex;
-   justify-content: space-between;
-   font-weight: bold;
-}	
-
-.leg_erl {
-  background-color: whitesmoke; /*für Abschnitthintergrund, Schrift*/ 
-  font-size: 0.8em;
-}
- 
-.dl_title {			/*für Texthervorhebungen*/ 
-   display: flex;
-   justify-content: center;
-   background: inherit;	
-   font-size: 1.2em;
-   font-weight: 400;   
- }
- /*Datentabellen*/
-.table-container {
-   z-index: 10; /*positioniert sich im flow hinter dem hs-header*/ 
-}
- table.ergtabelle tr.listRowOdd td.leer
- {
- border:thin solid white;
- background-color:white;
- }
-  table.ergtabelle tr.listRowEven td.leer
- {
- border:thin solid white;
- background-color:white;
- }
- table.ergtabelle tr td.leer
- {
- border:thin solid white;
- background-color:white;
- }
- table.ergtabelle tr th.leer
- {
- border:thin solid white;
- background-color:white;
- }
-  table.ergtabelle tr th.header
- {
- vertical-align:center;
-text-align:center;
- 
- }
- 
-  table.ergtabelle
- {
- border:thin solid white;
- }
- 
- /* Zahlen rechtsbündig:*/
-   table.ergtabelle tbody tr.listRowEven td.integer
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowOdd td.integer
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowEven td.decimal
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-    table.ergtabelle tbody tr.listRowOdd td.decimal
- {
- text-align:right;
-empty-cells:show
-vertical-align:center;
- }
-</style>
-</xsl:template>
 
 <xsl:template name="buildVizMetadata">
 <xsl:variable name="vizInitialName">