@ -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:30 px; margin-bottom:5 px;
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 > 19"> <!-- <xsl:if test="/ergebnisse/@isMakro!='true' and /ergebnisse/ergebnis/ergebniselement/sqlerg/@istreetable!='true' and /ergebnisse/ergebnis/ergebniselement/sqlerg/@max > 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 id= "dataSelectionDiv" class= "section" > <div class= "field is-grouped" >
<div id= "dataSelectionHeader" > <div class= "label-container" >
<input type= "button" tabindex= "10010" class= "sx_buttondiv_submit" value= "Datenselektion anzeigen" onClick= "fillDataSelectionForm('dataSelectionFormDiv');" /> <label class= "label is-required is-small" > <strong > Datenset</strong> </label>
</div>
</div> <span class= "separator" > </span>
<div id= "dataSelectionFormDiv" > <button class= "button is-small is-rounded is-white is-outlined"
<form name= "dataSelectionForm" > 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" >
<form name= "dataSelectionForm" id= "dataSelectionForm" >
<div id= "dataSelectionFormDiv" style= "display:none" >
<div class= "field is-grouped" >
<div class= "label-container" >
<label class= "label is-required is-small" > Dimension 1</label>
</div>
<span class= "separator" >   </span>
<span class= "separator" >   </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" >   </span>
<span class= "separator" >   </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" >   </span>
<span class= "separator" >   </span>
<span class= "separator" >   </span>
<span class= "separator" >   </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" >   </span>
<span class= "separator" >   </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" >   </span>
<span class= "separator" >   </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" >   </span>
<span class= "separator" >   </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" >   </span>
<span class= "separator" >   </span>
<span class= "separator" >   </span>
<span class= "separator" >   </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" >   </span>
<span class= "separator" >   </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" >   </span>
<span class= "separator" >   </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" >   </span>
<span class= "separator" >   </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" >   </span>
<span class= "separator" >   </span>
<span class= "separator" >   </span>
<span class= "separator" >   </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" >   </span>
<span class= "separator" >   </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>
