Browse Source

Diagrammassistent mit Bulma #5

makro_datasrc
Daniel Quathamer 2 years ago
parent
commit
e83be11bed
  1. 54
      src-modules/module/viz/conf/viz.xml
  2. 97
      superx/images/information_grey_liberation.svg
  3. 80
      superx/images/more.svg
  4. 57
      superx/style/sx_viz_muster.css
  5. 43
      superx/xml/js/viz/viz_functions.js
  6. 396
      superx/xml/viz_html_chart.xsl

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

@ -1,11 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!--<!DOCTYPE module SYSTEM "../../../conf/superx-module.dtd"> --> <!--<!DOCTYPE module SYSTEM "../../../conf/superx-module.dtd"> -->
<module name="viz" version="0.1" sachgebiet_id="280" <module name="viz" version="0.1" sachgebiet_id="320"
sachgebiet="Visualisierungen" systeminfo_id="280" sachgebiet="Visualisierungen" systeminfo_id="320"
system="Visualisierungen" thema="Visualisierungen" thema_parent="Abfragen"> system="Visualisierungen" thema="Visualisierungen" thema_parent="Abfragen">
<database name="superx" system="superx"> <database name="superx" system="superx">
<sachgebiete> <sachgebiete>
<sachgebiet id="281" name="Visualisierungen Administr." <sachgebiet id="321" name="Visualisierungen Administr."
rightname="CS_BIA_STANDARDREPORTS_ADMIN[VIZ]" /> rightname="CS_BIA_STANDARDREPORTS_ADMIN[VIZ]" />
</sachgebiete> </sachgebiete>
@ -146,7 +146,7 @@ parent="Visualisierungen">Abfragen zur Administration von Visualisierungen </the
</themen> </themen>
<masken> <masken>
<!-- <!--
<maske tid="42000" name="Visualisierungen suchen" thema="Administration Visualisierungen"> <maske tid="44000" name="Visualisierungen suchen" thema="Administration Visualisierungen">
<description>Visualisierungen verwalten</description> <description>Visualisierungen verwalten</description>
<src> <src>
<path>$VIZ_PFAD/masken</path> <path>$VIZ_PFAD/masken</path>
@ -206,6 +206,7 @@ parent="Visualisierungen">Abfragen zur Administration von Visualisierungen </the
<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/viz_type_fuellen.sql" database=""/> <nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/viz_type_fuellen.sql" database=""/>
--> -->
<!--<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/sx_jobs_fuellen.sql" database=""/>--> <!--<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/sx_jobs_fuellen.sql" database=""/>-->
<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/sx_stylesheets_einfuegen.sql" database=""/>
</action> </action>
@ -220,6 +221,8 @@ parent="Visualisierungen">Abfragen zur Administration von Visualisierungen </the
</action> </action>
<action error="stop"> <action error="stop">
<nativeaction sql="" scriptfile="$VIZ_PFAD/schluesseltabellen/sx_stylesheets_einfuegen.sql" database=""/>
</action> </action>
<action> <action>
@ -241,7 +244,48 @@ parent="Visualisierungen">Abfragen zur Administration von Visualisierungen </the
<dbforms> <dbforms>
<form name="viz_chart_list"
table="viz_chart"
path="/edit/viz/viz_chart_list.jsp"
followUp=""
caption="Diagramme verwalten"
orderBy="name"
gotoHt=""
helpfile=""
maxRows="*"
mode="full">
<description>In diesem Formular können Sie Diagramme verwalten. Im Details-Formular können Sie Eigenschaften zuordnen.</description>
<filters>
</filters>
<field-selection complete="false" />
<customfield name="tid" nullFieldValue="" />
<customfield name="caption" nullFieldValue="" visibleSize="30" />
<customfield name="uniquename" nullFieldValue="" visibleSize="30" />
<customfield type="link" name="Details" path="/superx/edit/viz/viz_chart_edit.jsp" linkid="tid"/>
</form>
<form name="viz_chart_edit"
table="viz_chart"
path="/edit/viz/viz_chart_edit.jsp"
followUp=""
caption="Diagramme bearbeiten"
orderBy="caption"
gotoHt=""
helpfile=""
maxRows="1"
mode="full">
<description>In diesem Formular können Sie Diagramme verwalten.</description>
<filters>
<filter mandatory="true" type="equals">tid</filter>
</filters>
<field-selection complete="false" />
<customfield name="tid" />
<customfield name="caption" visibleSize="50" nullFieldValue="" />
<customfield name="uniquename" visibleSize="50" nullFieldValue="" />
<customfield name="viz_type_id" visibleSize="10" nullFieldValue="" />
<customfield name="preview_svg" visibleSize="80" nullFieldValue="" />
</form>
</dbforms> </dbforms>
</module> </module>

97
superx/images/information_grey_liberation.svg

@ -0,0 +1,97 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="25.452332"
version="1.1"
id="svg4"
sodipodi:docname="information_grey_modern.svg"
height="25.059399"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1021"
id="namedview6"
showgrid="true"
inkscape:zoom="5.089945"
inkscape:cx="-20.656882"
inkscape:cy="-12.298834"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4">
<inkscape:grid
type="xygrid"
id="grid824"
originx="30.179911"
originy="-9.9188668" />
</sodipodi:namedview>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:85.33333588px;line-height:1.25;font-family:'Tlwg Typo';-inkscape-font-specification:'Tlwg Typo';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
x="-61.17667"
y="6.6871934"
id="text814"><tspan
sodipodi:role="line"
id="tspan812"
x="-61.17667"
y="85.620529" /></text>
<g
id="g4339"
transform="translate(0.10078907,0.10048866)">
<g
id="g4332">
<ellipse
style="opacity:1;fill:none;fill-opacity:1;stroke:#999999;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path822"
cx="12.625377"
cy="12.429211"
rx="12.476166"
ry="12.279699" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:31.61486244px;line-height:1.25;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans Bold';letter-spacing:0px;word-spacing:0px;fill:#999999;fill-opacity:1;stroke:none;stroke-width:0.29899999;stroke-miterlimit:4;stroke-dasharray:0.29899999, 0.598;stroke-dashoffset:0"
x="5.9463921"
y="-41.334343"
id="text818"
transform="scale(1.2150512,0.82301057)"><tspan
sodipodi:role="line"
id="tspan816"
x="5.9463921"
y="-12.857116"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans Bold';fill:#999999;stroke-width:0.29899999;stroke-miterlimit:4;stroke-dasharray:0.29899999, 0.598;stroke-dashoffset:0" /><tspan
sodipodi:role="line"
x="5.9463921"
y="26.661463"
id="tspan820"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans Bold';fill:#999999;stroke-width:0.29899999;stroke-miterlimit:4;stroke-dasharray:0.29899999, 0.598;stroke-dashoffset:0">i</tspan></text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

80
superx/images/more.svg

@ -0,0 +1,80 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="56.220444mm"
height="8.3123283mm"
viewBox="0 0 56.220443 8.3123283"
version="1.1"
id="svg1472"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
sodipodi:docname="more.svg">
<defs
id="defs1466" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.35"
inkscape:cx="1123.7292"
inkscape:cy="-506.1488"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="1021"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1" />
<metadata
id="metadata1469">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(403.9093,-6.6024704)">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:51.21004105px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';letter-spacing:0px;word-spacing:0px;fill:#3273dc;fill-opacity:1;stroke:none;stroke-width:0.60011762"
x="-508.20319"
y="11.360815"
id="text2021"
transform="scale(0.81321686,1.2296843)"><tspan
sodipodi:role="line"
id="tspan2019"
x="-508.20319"
y="11.360815"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Tlwg Mono';-inkscape-font-specification:'Tlwg Mono Bold';fill:#3273dc;fill-opacity:1;stroke-width:0.60011762">...</tspan></text>
<flowRoot
xml:space="preserve"
id="flowRoot3382"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:85.33333588px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
transform="matrix(0.26458333,0,0,0.26458333,-414.00595,-7.3928561)"><flowRegion
id="flowRegion3384"><rect
id="rect3386"
width="697.14288"
height="354.28571"
x="-197.14285"
y="-53.363335" /></flowRegion><flowPara
id="flowPara3388"></flowPara></flowRoot> </g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

57
superx/style/sx_viz_muster.css

@ -0,0 +1,57 @@
/*dateispezifische Basics*/
.hero-body { margin-left: 1.5em; } /*Abstand zum Burger-Button*/
.title, .subtitle { /*für Seitentitel*/
margin-left: 0.4em;
margin-top: 0%; }
.card { /*für Cardposition, -style*/
display: flex;
flex-flow: column;
margin-left: 0em; /*1.5em bei farbigem Hintergrund*/
margin-top: 0em; /*-1.2em bei farbigem Hintergrund*/
box-shadow: none; }
/*Buttonleiste, Legende*/
.legende { /*für Berichtslegende*/
margin-left: 0.15em;
padding: 0.4rem 0.4rem 0.4rem 0.4rem; } /*für Padding: ob re un li*/
.feldname {
color: hsl(0, 0%, 29%); }
/*Tabs, Selektionsfelder-Formular*/
.label-container { /*für Responsibility der Eingabefelder*/
display: flex;
justify-content: left;
background: inherit;
min-width: 10.0em; }
.label { /*für Selektionsfeld-Bezeichner*/
font-family: sans-serif;
font-weight: normal;
font-size: 2rem;
margin-left: 1.0em;
margin-top: 0.4em; }
.control-new { /*für einheitliche Controlbreite*/
width: 17.0em;
}
.tabs {
font-family: sans-serif;
font-weight: normal; }
.tabs { /*für Tab-Namen*/
font-size: 2rem; }
.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
/*font-family: sans-serif;*/
font-size: 0.8rem;
color: black /*rgba(54, 54, 54, 0.3)*/; }
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
/*font-family: sans-serif;*/
font-size: 0.8rem;
color: black /*(54, 54, 54, 0.3);*/; }

43
superx/xml/js/viz/viz_functions.js

@ -130,7 +130,12 @@ return selectionProperties;
function showChartPropertiesForm() function showChartPropertiesForm()
{ {
document.getElementById("chartPropertiesFormDiv").style.visibility="visible"; var myDiv=document.getElementById("chartPropertiesFormDetails");
if(myDiv.style.display=="block")
myDiv.style.display="none";
else
myDiv.style.display="block";
} }
function prepareChartProperties(chartType) function prepareChartProperties(chartType)
@ -211,6 +216,9 @@ function prepareLineForm_alt()
return chartProperties; return chartProperties;
} }
function fillDataSelectionForm(formDiv) function fillDataSelectionForm(formDiv)
{
formDivElem=document.getElementById(formDiv);
if(formDivElem.style.display=="none")
{ {
var selectionProperties=[]; var selectionProperties=[];
var dimFunctions=[]; var dimFunctions=[];
@ -227,10 +235,17 @@ function fillDataSelectionForm(formDiv)
fillSelectOptions(fnSelElem,dimFunctions,false); fillSelectOptions(fnSelElem,dimFunctions,false);
} }
} }
formDivElem.style.display="block";
}
else
formDivElem.style.display="none";
} }
function selectionResultPreview(myDiv) function selectionResultPreview(myDiv)
{
myDivElem=document.getElementById(myDiv);
if(myDivElem.style.display=="none")
{ {
var selectionRs=[]; var selectionRs=[];
var selectionRsMetaData=[]; var selectionRsMetaData=[];
@ -242,7 +257,10 @@ function selectionResultPreview(myDiv)
selectionRs=fillSelectionResult(selectionRsMetaData); selectionRs=fillSelectionResult(selectionRsMetaData);
showSelectionTable("selectionResultPreviewTable",selectionRs,selectionRsMetaData,10); showSelectionTable("selectionResultPreviewTable",selectionRs,selectionRsMetaData,10);
myDivElem.style.display="block";
}
else
myDivElem.style.display="none";
} }
function fillSelectionResultMetaData() function fillSelectionResultMetaData()
{ {
@ -480,7 +498,8 @@ function showDataTable(myTableDiv,data,metadata,maxRows)
{ {
tableDiv=document.getElementById(myTableDiv); tableDiv=document.getElementById(myTableDiv);
tableDiv.innerHTML=""; //reset table if(tableDiv.innerHTML=="")
{
var rowcount=data.length; var rowcount=data.length;
if(rowcount > maxRows) if(rowcount > maxRows)
rowcount=maxRows; rowcount=maxRows;
@ -520,6 +539,9 @@ for(row=1;row<rowcount;row++)
} }
tableDiv.appendChild(tabElem); tableDiv.appendChild(tabElem);
} }
else
tableDiv.innerHTML=""; //reset table
}
function showSelectionTable(myTableDiv,data,metadata,maxRows) function showSelectionTable(myTableDiv,data,metadata,maxRows)
{ {
@ -1030,3 +1052,18 @@ function getColumnCaption(columnName)
} }
return colCaption; return colCaption;
} }
function showVizNavTab(nr)
{
for (let i = 1; i < 4; i++) {
var divName="tab-"+i;
//alert(divName);
tabDivElem=document.getElementById(divName);
if(i==nr)
tabDivElem.style.display="block";
else
tabDivElem.style.display="none";
}
}

396
superx/xml/viz_html_chart.xsl

@ -30,7 +30,7 @@ xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util
<xsl:call-template name="head_hisinone" ><xsl:with-param name="title" select="concat('Ergebnis ',/ergebnisse/ergebnis[ position()=1]/maskenname)" /></xsl:call-template> <xsl:call-template name="head_hisinone" ><xsl:with-param name="title" select="concat('Ergebnis ',/ergebnisse/ergebnis[ position()=1]/maskenname)" /></xsl:call-template>
</xsl:when> </xsl:when>
<xsl:otherwise> <xsl:otherwise>
<xsl:call-template name="head_superx" ><xsl:with-param name="title" select="concat('Ergebnis ',/ergebnisse/ergebnis[ position()=1]/maskenname)" /></xsl:call-template> <xsl:call-template name="head_superx_viz" ><xsl:with-param name="title" select="concat('Ergebnis ',/ergebnisse/ergebnis[ position()=1]/maskenname)" /></xsl:call-template>
</xsl:otherwise> </xsl:otherwise>
</xsl:choose> </xsl:choose>
<xsl:call-template name="tableCSS"></xsl:call-template> <xsl:call-template name="tableCSS"></xsl:call-template>
@ -108,9 +108,9 @@ padding:3px;
div.section div.section
{ {
margin-bottom:30px; margin-bottom:5px;
padding-bottom:10px; padding-bottom:10px;
border-bottom:thick solid gray; /*border-bottom:thick solid gray;*/
} }
</style> </style>
@ -1103,18 +1103,94 @@ var platform='superx';
<!-- start Grafik--> <!-- start Grafik-->
<xsl:for-each select="ergebnisse/ergebnis/ergebniselement"> <xsl:for-each select="ergebnisse/ergebnis/ergebniselement">
<!--<xsl:call-template name="pccustomize"><xsl:with-param name="position" select="'table_pre_title'"></xsl:with-param></xsl:call-template> <!--Beginn Selektions-Card-->
<xsl:call-template name="tablecustomize"><xsl:with-param name="position" select="'table_pre_title'"></xsl:with-param></xsl:call-template> <!--Beginn Berichtstitel, Pfad, Knopfleiste-->
--> <section class="hero-body has-background-light">
<p class="maskentitel"><xsl:value-of select="../maskenname" /></p> <div class="columns is-mobile is-left">
<xsl:call-template name="pccustomize"><xsl:with-param name="position" select="'table_post_title'"></xsl:with-param></xsl:call-template> <div class="card has-background-light">
<xsl:call-template name="tablecustomize"><xsl:with-param name="position" select="'table_post_title'"></xsl:with-param></xsl:call-template> <div class="card-content">
<p class="title is-4">Konfigurationsassistent Datenvisualisierung: <xsl:value-of select="../maskenname" /></p>
<xsl:call-template name="legende" /> <xsl:call-template name="legende" />
<!--<xsl:if test="/ergebnisse/@isMakro!='true' and /ergebnisse/ergebnis/ergebniselement/sqlerg/@istreetable!='true' and /ergebnisse/ergebnis/ergebniselement/sqlerg/@max &gt; 19"> <!--<xsl:if test="/ergebnisse/@isMakro!='true' and /ergebnisse/ergebnis/ergebniselement/sqlerg/@istreetable!='true' and /ergebnisse/ergebnis/ergebniselement/sqlerg/@max &gt; 19">
<xsl:call-template name="navigationsmenue" /> <xsl:call-template name="navigationsmenue" />
</xsl:if>--> </xsl:if>-->
<script language="Javascript"> <xsl:call-template name="buildVizRs" />
<!--Beginn NavTabs-->
<div class="tabs is-left is-small" id="viznav">
<ul>
<li data-target="viznav-tab1" id="1">
<a onclick="showVizNavTab(1);"><span>Diagramm-Daten</span></a>
</li>
<li data-target="viznav-tab2" id="2">
<a onclick="showVizNavTab(2);"><span>Diagramm-Layout</span></a>
</li>
<li data-target="viznav-tab3" id="3">
<a onclick="showVizNavTab(3);"><span>Diagramm-Nutzung</span></a>
</li>
</ul>
</div>
<div class="tab-content">
<!-- tab-1-->
<div class="viznav-tab1" id="tab-1" style="display:block"> <!--Diagramm-Daten-->
<xsl:call-template name="diagrammdaten" />
</div>
<div class="viznav-tab2" id="tab-2" style="display:none"> <!--Diagramm-Layout-->
<xsl:call-template name="diagrammlayout" />
</div>
<div class="viznav-tab3" id="tab-3" style="display:none"> <!--Diagramm-Nutzung-->
<xsl:call-template name="diagrammnutzung" />
</div>
</div><!--tab-content -->
</div> <!-- card-content -->
</div><!--card -->
</div> <!-- column -->
</section>
</xsl:for-each>
</xsl:template>
<xsl:template name="getColumnNameJS">
<xsl:param name="columnNameFromDB" />
<xsl:choose>
<xsl:when test="contains($columnNameFromDB,'?')">
<xsl:value-of select="concat('column_',@id+1)"/>
</xsl:when>
<xsl:otherwise>
<xsl:value-of select="$columnNameFromDB"/>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
<xsl:template name="head_superx_viz">
<xsl:param name="css" />
<xsl:param name="title" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</meta><!-- <link rel="stylesheet" type="text/css" href="/superx/xml/his1/css/superx_menue_html.css" /> -->
<link rel="stylesheet" type="text/css" href="../style/superx.css"/>
<link rel="stylesheet" type="text/css" href="../xml/menue_html.css"/>
<link rel="stylesheet" type="text/css" href="../xml/superxml_html.css"/>
<link rel="stylesheet" type="text/css" href="../xml/maske_html.css" />
<link rel="stylesheet" type="text/css" href="../xml/tabelle_html.css" />
<link rel="stylesheet" type="text/css" href="../xml/css/fontello-codes.css" />
<link rel="stylesheet" type="text/css" href="../xml/css/start_portlet.css" />
<link rel="stylesheet" type="text/css" href="../style/bulma.css" />
<link rel="stylesheet" type="text/css" href="../style/sx_viz_muster.css" />
</head>
</xsl:template>
<xsl:template name="buildVizRs">
<script language="Javascript">
<xsl:text> <xsl:text>
function dataRowMetaData(nr,colname,colcaption,coltype,colfunction) function dataRowMetaData(nr,colname,colcaption,coltype,colfunction)
@ -1216,22 +1292,210 @@ rs.push(new dataRow(</xsl:text><xsl:value-of select="$rownr"/>
</script> </script>
</xsl:template>
<xsl:template name="diagrammdaten">
<div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small"><strong>Datentabelle</strong></label>
</div>
<span class="separator"> </span>
<button class="button is-small is-rounded is-white is-outlined"
onClick="showDataTable('dataDivTable',rs,rsMetaData,10);"><!--is-focused-->
<span class="icon is-small"><i class="../images/more.svg"></i>
<img src="../images/more.svg" title="Laden" />
</span>
</button>
</div>
<div id="dataDiv" class="section"> <div id="dataDiv" class="section">
<div id="dataDivHeader">
<input type="button" tabindex="10010" class="sx_buttondiv_submit" value="Datentabelle anzeigen" onClick="showDataTable('dataDivTable',rs,rsMetaData,10);" />
</div>
<div id="dataDivTable" style="border:thin solid black"> <div id="dataDivTable" style="border:thin solid black">
</div> </div>
</div> </div>
<div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small"><strong>Datenset</strong></label>
</div>
<span class="separator"> </span>
<button class="button is-small is-rounded is-white is-outlined"
onClick="fillDataSelectionForm('dataSelectionFormDiv');"><!--is-focused-->
<span class="icon is-small"><i class="../images/more.svg"></i>
<img src="../images/more.svg" title="Laden" />
</span>
</button>
</div>
<div id="dataSelectionDiv" class="section"> <div id="dataSelectionDiv" class="section">
<div id="dataSelectionHeader"> <form name="dataSelectionForm" id="dataSelectionForm">
<input type="button" tabindex="10010" class="sx_buttondiv_submit" value="Datenselektion anzeigen" onClick="fillDataSelectionForm('dataSelectionFormDiv');" />
</div> <div id="dataSelectionFormDiv" style="display:none">
<div id="dataSelectionFormDiv">
<form name="dataSelectionForm">
<div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small">Dimension 1</label>
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<div class="field is-active">
<p class="control-new">
<div class="select is-small is-fullwidth is-focused">
<select class="maskinputPflicht" id="dimension1" name="dimension1"><!--tabindex="210">-->
<option class="maskinput" value="" selected="selected">Bitte wählen Sie Dimension 1</option>
</select>
</div>
</p>
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');">
<figure class="image is-24x24">
<img src="../images/information_grey_liberation.svg" />
</figure>
</span>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<div class="field is-active">
<p class="control-new">
<div class="select is-small is-fullwidth">
<select id="dimension1_fn" name="dimension1_fn"><!-- tabindex="210">-->
<option class="maskinput" value="" selected="selected">Optional: Vordefinierte Transformation</option>
</select>
</div>
</p>
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');">
<figure class="image is-24x24">
<img src="../images/information_grey_liberation.svg" />
</figure>
</span>
</div>
<div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small">Dimension 2</label>
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<div class="field is-active">
<p class="control-new">
<div class="select is-small is-fullwidth is-focused">
<select class="maskinputPflicht" id="dimension2" name="dimension2"><!--tabindex="210">-->
<option class="maskinput" value="" selected="selected">Bitte wählen Sie Dimension 1</option>
</select>
</div>
</p>
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');">
<figure class="image is-24x24">
<img src="../images/information_grey_liberation.svg" />
</figure>
</span>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<div class="field is-active">
<p class="control-new">
<div class="select is-small is-fullwidth">
<select id="dimension2_fn" name="dimension2_fn"><!-- tabindex="210">-->
<option class="maskinput" value="" selected="selected">Optional: Vordefinierte Transformation</option>
</select>
</div>
</p>
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');">
<figure class="image is-24x24">
<img src="../images/information_grey_liberation.svg" />
</figure>
</span>
</div>
<div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small">Maß</label>
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<div class="field is-active">
<p class="control-new">
<div class="select is-small is-fullwidth">
<select class="maskinputPflicht" id="measure1" name="measure1"><!-- tabindex="220" >-->
<option class="maskinput" value="" selected="selected">Bitte wählen Sie die Maßangabe</option>
</select>
</div>
</p>
</div>
<!--***Maß
<select class="maskinputPflicht" id="measure1" name="measure1" tabindex="220">
<option class="maskinput" value="" selected="selected">Bitte wählen</option></select>
<select id="measure1_fn" name="measure1_fn" tabindex="230">
<option class="maskinput" value="" selected="selected">vordefinierte Funktionen:</option></select>
Maß***-->
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');">
<figure class="image is-24x24">
<img src="../images/information_grey_liberation.svg" />
</figure>
</span>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<div class="field is-active">
<p class="control-new">
<div class="select is-small is-fullwidth is-focused">
<select id="measure1_fn" name="measure1_fn"> <!--tabindex="230">-->
<option class="maskinput" value="" selected="selected">Optional: Vordefinierte Transformation</option>
</select>
</div>
</p>
</div>
<span class="separator">&#160;</span>
<span class="separator">&#160;</span>
<span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');">
<figure class="image is-24x24">
<img src="../images/information_grey_liberation.svg" />
</figure>
</span>
</div>
<!--dq orig-->
<!--
<table> <table>
<tr><th>Dimension</th><th>Auswahl</th><th>Transformation (optional)</th></tr> <tr><th>Dimension</th><th>Auswahl</th><th>Transformation (optional)</th></tr>
<tr><td>Dimension 1:</td> <tr><td>Dimension 1:</td>
@ -1265,26 +1529,35 @@ rs.push(new dataRow(</xsl:text><xsl:value-of select="$rownr"/>
</select> </select>
</td> </td>
</tr> </tr>
</table> </table>-->
</form>
</div> </div>
</form>
</div> </div>
<div id="selectionResultPreview" class="section"> <div id="selectionResultPreview" class="section">
<div id="selectionResultPreviewHeader">
<input type="button" tabindex="10010" class="sx_buttondiv_submit" value="Selektion anzeigen" onClick="selectionResultPreview('selectionResultPreviewTable');" />
</div>
<div id="selectionResultPreviewTable" style="border:thin solid black"> <div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small"><strong>Datenvorschau</strong></label>
</div>
<span class="separator"> </span>
<button class="button is-small is-rounded is-white is-outlined"
onClick="selectionResultPreview('selectionResultPreviewTable');"><!--is-focused-->
<span class="icon is-small"><i class="../images/more.svg"></i>
<img src="../images/more.svg" title="Laden" />
</span>
</button>
</div>
<div id="selectionResultPreviewTable" style="display:none">
</div> </div>
</div> </div>
</xsl:template>
<xsl:template name="diagrammlayout">
<div id="chartProperties" class="section"> <div id="chartProperties" class="section">
<div id="chartPropertiesHeader">
<input type="button" tabindex="10010" class="sx_buttondiv_submit" value="Diagramm-Format anzeigen" onClick="showChartPropertiesForm();" />
</div>
<div id="chartPropertiesFormDiv" style="visibility:hidden">
<form name="chartPropertiesForm"> <form name="chartPropertiesForm">
<table border="0"> <table border="0">
<tr><td>Ausgabetyp:</td> <tr><td>Ausgabetyp:</td>
@ -1298,17 +1571,40 @@ rs.push(new dataRow(</xsl:text><xsl:value-of select="$rownr"/>
</td> </td>
</tr> </tr>
</table> </table>
<div id="chartPropertiesFormDetails"> <div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small"><strong>Erweiterte Layouteigenschaften</strong></label>
</div>
<span class="separator"> </span>
<a onClick="showChartPropertiesForm();"><!--is-focused-->
<span class="icon is-small"><i class="../images/more.svg"></i>
<img src="../images/more.svg" title="Laden" />
</span>
</a>
</div>
</div>
<div id="chartPropertiesFooter"> <div id="chartPropertiesFormDetails" style="display:none">
<input type="button" tabindex="10000" class="sx_buttondiv_submit" value="Diagramm erzeugen" onClick="createChart();" />
<!--<button class="sx_buttondiv_submit" onClick="showOptionsCode();">Plot-Quellcode</button>-->
</div> </div>
<div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small"><strong>Diagramm-Vorschau</strong></label>
</div>
<span class="separator"> </span>
<a onClick="createChart();" ><!--is-focused-->
<span class="icon is-small"><i class="../images/more.svg"></i>
<img src="../images/more.svg" title="Laden" />
</span>
</a>
</div>
</form> </form>
</div> </div>
</div>
<div id="chartCanvas" class="section"> <div id="chartCanvas" class="section">
<div id="chartCanvasHeader"> <div id="chartCanvasHeader">
@ -1321,28 +1617,26 @@ rs.push(new dataRow(</xsl:text><xsl:value-of select="$rownr"/>
</div> </div>
</div> </div>
</xsl:template>
<xsl:template name="diagrammnutzung">
<div id="chartSVGsrcDiv" class="section"> <div id="chartSVGsrcDiv" class="section">
<div id="chartSVGsrcDivHeader">
<button class="sx_buttondiv_submit" onClick="showSrcCode();">SVG-Quellcode</button>
</div> <div class="field is-grouped">
<div class="label-container">
<label class="label is-required is-small"><strong>SVG-Quellcode</strong></label>
</div>
<span class="separator"> </span>
<a onClick="showSrcCode();" ><!--is-focused-->
<span class="icon is-small"><i class="../images/more.svg"></i>
<img src="../images/more.svg" title="Laden" />
</span>
</a>
</div>
<div id="chartSVGsrc" style="visibility:hidden"> <div id="chartSVGsrc" style="visibility:hidden">
<textarea id="chartSrc" name="chartSrc" class="textarea" placeholder="Quellcode..." cols="100" rows="20"></textarea><button class="sx_buttondiv_submit" onClick="copySrcCode('chartSrc');">Kopieren</button> <textarea id="chartSrc" name="chartSrc" class="textarea" placeholder="Quellcode..." cols="100" rows="20"></textarea><button class="sx_buttondiv_submit" onClick="copySrcCode('chartSrc');">Kopieren</button>
</div> </div>
</div> </div>
</xsl:for-each>
</xsl:template>
<xsl:template name="getColumnNameJS">
<xsl:param name="columnNameFromDB" />
<xsl:choose>
<xsl:when test="contains($columnNameFromDB,'?')">
<xsl:value-of select="concat('column_',@id+1)"/>
</xsl:when>
<xsl:otherwise>
<xsl:value-of select="$columnNameFromDB"/>
</xsl:otherwise>
</xsl:choose>
</xsl:template> </xsl:template>
</xsl:stylesheet> </xsl:stylesheet>

Loading…
Cancel
Save