Visualisierungsmodul für SuperX
http://www.superx-projekt.de/doku/viz_modul/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
795 lines
27 KiB
795 lines
27 KiB
<?xml version="1.0" encoding="UTF-8"?> |
|
<xsl:stylesheet version="1.0" |
|
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:HtmlUtils="de.superx.util.HtmlUtils"> |
|
<xsl:import href="xsl_functions.xsl" /> |
|
<xsl:import href="resultset_html.xsl" /> |
|
<xsl:import href="interLinks_html.xsl" /> |
|
<xsl:import href="pageComponents_html.xsl" /> |
|
<xsl:import href="pageComponents_html_final.xsl" /> |
|
<xsl:import href="menue_html_dojo.xsl" /> |
|
<xsl:import href="viz_components.xsl" /> |
|
<!--In diesem Stylesheet können Sie individuelle templates unterbringen, |
|
die in ihrer Präzedenz das normale Stylesheet |
|
pageComponents_html.xsl überragt. --> |
|
<xsl:import href="pageComponents_html_final.xsl" /> |
|
|
|
<xsl:decimal-format name="German" grouping-separator="." NaN="" zero-digit ="0" decimal-separator="," /> |
|
|
|
<!-- wichtig für DOJO!--> |
|
<xsl:output method="xml" media-type="text/html" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" |
|
doctype-system="DTD/xhtml1-strict.dtd" cdata-section-elements="script style" indent="yes" encoding="UTF-8"/> |
|
<xsl:variable name="defaultRenderer" select="'plot'" /> |
|
<xsl:variable name="availableRendererPlot" select="'true'" /> |
|
<xsl:variable name="availableRendererD3" select="'true'" /> |
|
<xsl:template match="/"> |
|
<xsl:call-template name="table"/> |
|
</xsl:template> |
|
|
|
<!-- start table main--> |
|
<xsl:template name="table"> |
|
<html> |
|
<xsl:choose> |
|
<xsl:when test="/ergebnisse/@hisinone_active='true'"> |
|
<xsl:call-template name="head_hisinone_viz" ><xsl:with-param name="title" select="concat('Ergebnis ',/ergebnisse/ergebnis[ position()=1]/maskenname)" /></xsl:call-template> |
|
</xsl:when> |
|
<xsl:otherwise> |
|
<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:choose> |
|
|
|
<xsl:call-template name="tableJavascript_viz"></xsl:call-template> |
|
|
|
<!-- start Body--> |
|
<body onload="document.getElementById('progressbar').style.display='none';"> <!-- tableonload definiert in pageComponents.pccustomize position table_post_javascript --> |
|
<div id="progressbar" style="position:absolute; width:150px; height:150px; left:200px; top:200px; background:#AAAAAA"> |
|
<p> <b>Laden...</b><br/><img src="../images/progress_bar.gif"></img><br/></p></div> |
|
|
|
<xsl:if test="/ergebnisse/@showNavigation='true'"> |
|
<xsl:for-each select="/ergebnisse/menue"> |
|
<xsl:call-template name="menuFrame" /> |
|
</xsl:for-each> |
|
</xsl:if> |
|
<div> |
|
<xsl:if test="/ergebnisse/@showNavigation='true'"> |
|
<xsl:attribute name="class"><xsl:text>page-wrap</xsl:text></xsl:attribute> |
|
<xsl:for-each select="/ergebnisse/menue"> |
|
<xsl:call-template name="topbar_menue" /> |
|
</xsl:for-each> |
|
</xsl:if> |
|
|
|
<div> |
|
<xsl:if test="/ergebnisse/@showNavigation='true'"> |
|
<xsl:attribute name="id"><xsl:text>wrapper</xsl:text></xsl:attribute> |
|
</xsl:if> |
|
<xsl:call-template name="viz_canvas"/> |
|
<xsl:call-template name="bottombar" /> |
|
<xsl:comment>customfooter</xsl:comment> |
|
</div> |
|
</div> |
|
<xsl:call-template name="footer" /> |
|
</body> |
|
<!-- end body --> |
|
</html> |
|
</xsl:template> |
|
<!-- end main --> |
|
|
|
|
|
|
|
|
|
<xsl:template name="viz_canvas"> |
|
<xsl:if test="/ergebnisse/@isMakro='true'"> |
|
<h1><xsl:value-of select="/ergebnisse/makro/name" /></h1> |
|
</xsl:if> |
|
<p></p> |
|
<xsl:call-template name="buildVizMetadata" /> |
|
|
|
<!-- end Kopf--> |
|
<!-- start Grafik--> |
|
<xsl:for-each select="ergebnisse"> |
|
|
|
<!--Beginn Selektions-Card--> |
|
<!--Beginn Berichtstitel, Pfad, Knopfleiste--> |
|
<section class="hero-body has-background-light"> |
|
<div class="columns is-mobile is-left"> |
|
<div class="card has-background-light"> |
|
<div class="card-content"> |
|
<p class="title is-4">Konfigurationsassistent Datenvisualisierung</p> |
|
|
|
<!--Beginn NavTabs--> |
|
<div class="tabs is-left is-small" id="viznav"> |
|
<ul> |
|
<li data-target="viznav-tab1" id="1"> |
|
<a onclick="showVizNavTab(1);"><span>Grafikdaten</span></a> |
|
</li> |
|
<li data-target="viznav-tab2" id="2"> |
|
<a onclick="updateChartModel();renderChart('chartDiv',myChartModel);showVizNavTab(2);"><span>Grafiklayout</span></a> |
|
</li> |
|
<li data-target="viznav-tab3" id="3"> |
|
<a onclick="showVizNavTab(3);"><span>Grafiknutzung</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="grafikdaten" /> |
|
|
|
</div> |
|
<div class="viznav-tab2" id="tab-2" style="display:none"> <!--Diagramm-Layout--> |
|
<xsl:call-template name="grafiklayout" /> |
|
|
|
|
|
</div> |
|
<div class="viznav-tab3" id="tab-3" style="display:none"> <!--Diagramm-Nutzung--> |
|
<xsl:call-template name="grafiknutzung" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div><!--tab-content --> |
|
</div> <!-- card-content --> |
|
</div><!--card --> |
|
</div> <!-- column --> |
|
</section> |
|
</xsl:for-each> |
|
</xsl:template> |
|
|
|
|
|
<xsl:template name="topbar_menue_hisinone"> |
|
<div class="header_hisinone"> |
|
<div class="logo"> |
|
<a href="/_HISINONE_/pages/cs/sys/portal/hisinoneStartPage.faces" target="_parent" style="float:left;"> |
|
<img src="../xml/his1/images/logos/hisinone_schriftzug_portal.svg" alt="Zur HISinOne Startseite" class="logoPortal" title="Zur HISinOne Startseite" border="0" /> |
|
</a> |
|
<div class="browserback_tooltip"> |
|
<span class="browserback_tooltiptext">Browser Zurück ist deaktiviert. Bitte das Menü zur Navigation benutzen!</span> |
|
</div> |
|
<ul class="nav" style="float:left;"> |
|
<!-- <li class="topMenuList"> |
|
<a class="topMenuLink" href="/qisserver/pages/cs/sys/portal/hisinoneStartPage.faces" target="_parent">Startseite</a> |
|
</li>--> |
|
|
|
<li class="open-menu"> |
|
<a class="topMenuLink" href="#leftpanel3">Navigation ein/aus</a> |
|
</li> |
|
<li class="close-menu"> |
|
<a class="topMenuLink" href="#">Navigation ein/aus</a> |
|
</li> |
|
<!-- |
|
<li class="topMenuList"> |
|
<a class="topMenuLink" href="javascript:lesezeichen_erstellen();" id="btnBookmark" target="_parent">Lesezeichen</a> |
|
|
|
</li> |
|
--> |
|
</ul> |
|
</div><h1 style="padding-top:25px">Business Intelligence</h1> |
|
<div style="float:right;"> |
|
<img src="../images/icons/arrow_left_fat.svg" width="10" height="10" alt=" " title=" " border="0" style="vertical-align:bottom;"/> |
|
<a tabindex="30" href="/superx/servlet/SuperXmlAbmeldung" target="_parent" style="cursor:pointer; font-weight: bold;">Abmelden von Standardberichte</a> |
|
</div> |
|
<div class="services"> |
|
<ol> |
|
<li> |
|
|
|
</li> |
|
</ol> |
|
</div> |
|
<!-- <div style="clear: both;"></div> --> |
|
</div> |
|
</xsl:template> |
|
|
|
<xsl:template name="grafikdaten"> |
|
|
|
<xsl:for-each select="ergebnis/ergebniselement"> |
|
<p class="title is-5"><xsl:value-of select="../maskenname" /></p> |
|
<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:call-template name="navigationsmenue" /> |
|
</xsl:if>--> |
|
</xsl:for-each> |
|
<span class="separator"> </span> |
|
|
|
<!--Aufruf/Anzeige Diagrammdaten--> |
|
<xsl:for-each select="ergebnis/ergebniselement"> |
|
<xsl:variable name="tableId"><xsl:value-of select="@ordnr"/></xsl:variable> |
|
<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> |
|
<span class="separator"> </span> |
|
|
|
<a> |
|
<xsl:attribute name="onClick"> |
|
<xsl:text>showDataTable('dataDivTable</xsl:text> |
|
<xsl:value-of select="$tableId"/> |
|
<xsl:text>',</xsl:text> |
|
<xsl:value-of select="$tableId"/> |
|
<xsl:text>,rs[</xsl:text><xsl:value-of select="$tableId"/><xsl:text>],rsColumnMetaData[</xsl:text><xsl:value-of select="$tableId"/><xsl:text>],10);</xsl:text> |
|
</xsl:attribute> |
|
<span class="icon"> |
|
<img src="../images/icons/more.svg" title="Laden" /> |
|
</span> |
|
</a> |
|
|
|
</div> |
|
|
|
<div id="dataDiv"> <!--class="section">--> |
|
<div id="{concat('dataDivTable',$tableId)}"> <!--style="border:thin solid black">--> |
|
</div> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
|
|
</xsl:for-each> |
|
|
|
<!--Aufruf/Anzeige Formular Datenauswahl |
|
|
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Daten-Transformation</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
|
|
<a |
|
onClick="fillDataTransformationForm('dataSelectionFormDiv',0);"> |
|
<span class="icon"> |
|
<img src="../images/icons/more.svg" title="Laden" /> |
|
</span> |
|
</a> |
|
|
|
</div> |
|
|
|
<div id="dataSelectionDiv"> |
|
<form name="dataSelectionForm" id="dataSelectionForm"> |
|
|
|
<div id="dataSelectionFormDiv" style="display:none"> |
|
|
|
|
|
|
|
</div> |
|
</form> |
|
</div> |
|
--> |
|
<!--Ende Formular Datenauswahl--> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<!--Aufruf/Anzeige Daten-Vorschau--> |
|
<!--<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Daten-Vorschau</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
<a |
|
onClick="selectionResultPreview('selectionResultPreviewTable');"> |
|
<span class="icon"> |
|
<img src="../images/icons/more.svg" title="Laden" /> |
|
</span> |
|
</a> |
|
|
|
</div> |
|
|
|
<div id="selectionResultPreview"> |
|
<div id="selectionResultPreviewTable" style="display:none"></div> |
|
</div> |
|
--> |
|
<!--footer--> |
|
<footer class="card-footer"> |
|
<!--<p class="card-footer-item"><button class="button is-link is-outlined is-small" onclick="selectionResultPreview('selectionResultPreviewTable');">Daten-Vorschau</button></p>--> |
|
<p class="card-footer-item"><button class="button is-link is-outlined is-small" type="submit">Speichern</button></p> |
|
<p class="card-footer-item"><button class="button is-link is-outlined is-small" type="reset">Zurücksetzen</button></p> |
|
</footer> |
|
|
|
</xsl:template> |
|
|
|
<xsl:template name="grafiklayout"> |
|
|
|
<!--Formular Allg. Layoutmerkmale--> |
|
<div id="chartProperties"> <!--class="section">--> |
|
<form name="chartPropertiesForm"> |
|
<div class="columns"> |
|
<div class="column is-four-fifth"> |
|
|
|
<!--<p><span class="button is-link is-outlined is-small" onClick="updateChartModel();renderChart('chartDiv',myChartModel);">Erzeugen</span></p>--> |
|
|
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Grafiktitel</strong></label> |
|
</div> |
|
|
|
<div class="field is-active"> |
|
<p class="control-new"> |
|
<div class="chartName"> |
|
<textarea class="textarea is-small" id="chartName" name="chartName" rows="2" cols="20" onChange="updateChartModel();renderChart('chartDiv',myChartModel);"/> |
|
</div> |
|
</p> |
|
</div> |
|
<xsl:call-template name="Infobutton" /> |
|
|
|
</div> |
|
</div> |
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<div class="column"> |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Grafiktool</strong></label> |
|
</div> |
|
|
|
<div class="field is-active"> |
|
<p class="control-new"> |
|
<div class="select is-small is-fullwidth"> |
|
<select class="maskinputPflicht" id="fldVizRenderer" NAME="fldVizRenderer" tabindex="1" onChange="resetChartPropertiesForm(this.value);" > |
|
<xsl:for-each select="/ergebnisse/ergebnis[@ordnr='0']/ergebniselement/vizRenderers/vizRenderer"> |
|
<option class="maskinput" value="{@uniquename}"><xsl:value-of select="@caption" /></option> |
|
</xsl:for-each> |
|
</select> |
|
</div> |
|
</p> |
|
</div> |
|
<xsl:call-template name="Infobutton" /> |
|
|
|
</div> |
|
|
|
</div> |
|
</div> |
|
<!-- Beginn Grafikelemente+ Vorschau--> |
|
<div class="columns"> |
|
<div class="column is-four-fifth"> |
|
<!-- Box Grafikelemente --> |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Grafikelemente</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<a onClick="showChartPropertiesFormDiv('ChartElementsDiv','ChartElementListDiv',document.getElementById('fldVizRenderer').value);"> |
|
<span class="icon"> |
|
<img src="../images/icons/more.svg" title="Laden" /> |
|
</span> |
|
</a> |
|
</div> |
|
|
|
<div id="ChartElementsDiv" style="display:none" class="box"> |
|
|
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small">Grafikelemente-Set</label> |
|
</div> |
|
|
|
<!--<div id="ChartElementListDiv"></div>--> |
|
|
|
<div id="ChartElementListFooterDiv"><!--Elemente:--> <input class="is-small" type="text" size="1" name="vizElementCounter" id="vizElementCounter" value="0" readonly="readonly" style="background-color:#cccccc;"/> |
|
<a onClick="createChartElementConfig1Form(document.getElementById('fldVizRenderer').value,null)"> |
|
<img src="../images/plus-circled.svg" width="12" height="12" title="Neues Element anlegen" /> |
|
</a> |
|
<span class="separator"> </span> |
|
<a onClick="removeChartElementConfig()"> |
|
<img src="../images/minus-circled.svg" width="12" height="12" title="Letztes Element entfernen" /> |
|
</a> |
|
</div> |
|
</div> |
|
|
|
<div id="ChartElementConfig1Div"> </div> |
|
<div id="ChartElementConfig2Div"> </div> |
|
</div> <!--Ende Grafikelemente--> |
|
<!--Beginn Layoutmerkmale--> |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Layoutmerkmale</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<a onClick="showChartPropertiesFormDiv('generalChartPropertiesFormDiv','generalChartPropertiesFormElementsDiv',document.getElementById('fldVizRenderer').value);"> |
|
<span class="icon"> |
|
<img src="../images/icons/more.svg" title="Laden" /> |
|
</span> |
|
</a> |
|
</div> |
|
|
|
<div id="generalChartPropertiesFormDiv" style="display:none"> |
|
<div id="generalChartPropertiesFormElementsDiv"> </div> |
|
</div> |
|
|
|
<!--Beginn Quellcode--> |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Quellcode</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<a onClick="showChartModelCode();"> |
|
<span class="icon"> |
|
<img src="../images/icons/more.svg" title="Laden" /> |
|
</span> |
|
</a> |
|
</div> |
|
|
|
<div id="chartModelsrcDiv"> <!--class="section">--> |
|
<div id="chartModelsrc" style="display:none"> |
|
<textarea id="chartModelSrcCode" name="chartModelSrcCode" class="textarea" placeholder="Quellcode..."> <!--cols="100" rows="20"--></textarea> |
|
<a class="button" onClick="copySrcCode('chartModelSrcCode');">Kopieren</a> |
|
<span class="separator"> </span> |
|
<a class="button" onClick="loadChartModelCode('chartModelSrcCode','chartDiv');">Laden</a> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="column"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Grafikvorschau</strong></label> |
|
</div> |
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<div id="chartCanvas"> |
|
<div id="chartDiv"> |
|
<svg> |
|
<rect x="0" y="0" width="650" height="450" fill="#cccccc"></rect> |
|
</svg></div> |
|
|
|
</div> |
|
<!--Beginn PlotCode--> |
|
<div class="field is-grouped" id="plotCodeDiv" style="display:block"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Plot-Code</strong></label> |
|
</div> |
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
<a onClick="showPlotCode();"> |
|
<span class="icon"> |
|
<img src="../images/icons/more.svg" title="Laden" /> |
|
</span> |
|
</a> |
|
<div id="plotCodeTextAreaDiv" style="display:none"> |
|
<textarea id="plotCodeTextArea" name="plotCodeTextArea" class="textarea" placeholder="Plot-Quellcode..." readonly="readonly" disabled="disabled"> <!--cols="100" rows="20"--> |
|
</textarea> |
|
|
|
</div> |
|
|
|
|
|
</div> |
|
</div> |
|
</div><!--Ende Eigenschaften + Vorschau viewBox="0 0 650 450"--> |
|
|
|
</form> |
|
</div> |
|
|
|
<!-- |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Basismerkmale</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small">Diagramm-Typ</label> |
|
</div> |
|
|
|
<div class="field is-active"> |
|
<p class="control-new"> |
|
<div class="select is-small is-fullwidth"> |
|
<select class="maskinputPflicht" id="viz_chart_type" NAME="viz_chart_type" tabindex="200" onChange="prepareChartProperties(this.value)" > |
|
<option class="maskinput" value="" selected="selected">Bitte wählen Sie</option> |
|
<xsl:for-each select="/ergebnisse/ergebnis/ergebniselement/vizTypes/vizType"> |
|
<option class="maskinput" value="{@uniquename}"><xsl:value-of select="@caption" /></option> |
|
</xsl:for-each> |
|
</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 id="chartPropertiesForm"> </div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
--> |
|
<!--Formular Erweiterte Layoutmerkmale--> |
|
<!-- |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Zusatzmerkmale</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
|
|
<a |
|
onClick="showChartPropertiesForm();"> |
|
<span class="icon"> |
|
<img src="../images/icons/more.svg" title="Laden" /> |
|
</span> |
|
</a> |
|
|
|
</div> |
|
<div id="chartPropertiesFormDetails" style="display:none"> </div> |
|
--> |
|
|
|
|
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<!--Aufruf/Anzeige Layout-Vorschau--> |
|
<!-- |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Layout-Vorschau</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<a |
|
onClick="showChartDiv('chartDiv');"> |
|
<span class="icon"> |
|
<img src="../images/icons/more.svg" title="Laden" /> |
|
</span> |
|
</a> |
|
</div> |
|
|
|
<div id="chartCanvas"> |
|
<div id="chartDiv"> </div> |
|
|
|
</div> |
|
--> |
|
|
|
<!--footer (BF nach unten verschoben)--> |
|
<footer class="card-footer"> |
|
<p class="card-footer-item"><button class="button is-link is-outlined is-small" type="submit" onClick="showSaveChartFormDiv('saveChartFormDiv','plot');">Speichern...</button></p> |
|
<!--<p class="card-footer-item"><button class="button is-link is-outlined is-small" type="reset" onClick="return resetChartPropertiesForm('plot');">Zurücksetzen</button></p>--> |
|
<div id="saveChartFormDiv" style="display:none"> |
|
<form name="saveChart" target="_blank" action="../edit/viz/viz_chart_erzeugen.jsp"> |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Vorhandene Grafik</strong></label> |
|
</div> |
|
|
|
<div class="field is-active"> |
|
<p class="control-new"> |
|
<div class="select is-small is-fullwidth"> |
|
<select class="maskinputPflicht" id="viz_chart_tid" NAME="viz_chart_tid" tabindex="1" > |
|
<xsl:for-each select="/ergebnisse/ergebnis/ergebniselement/viz_charts/viz_chart"> |
|
<option class="maskinput" value="{@tid}"><xsl:value-of select="@caption" /></option> |
|
</xsl:for-each> |
|
|
|
</select> |
|
</div> |
|
</p> |
|
</div> |
|
<xsl:call-template name="Infobutton" /> |
|
|
|
</div> |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>oder neuer Schlüssel</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
<input class="is-small" type="text" size="10" name="viz_chart_uniquename_new" id="viz_chart_uniquename" value="" /> |
|
|
|
</div> |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Überschrift</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
<input class="is-small" type="text" size="20" name="viz_chart_caption" id="viz_chart_caption" value="" /> |
|
|
|
</div> |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
<input type="submit" class="button is-link is-outlined is-small" value="Speichern"></input> |
|
|
|
</div> |
|
|
|
</form> |
|
</div> |
|
</footer> |
|
|
|
</xsl:template> |
|
<xsl:template name="grafiknutzung"> |
|
<!-- Aufruf/Anzeige Diagramm-Vorschau--> |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Grafikvorschau</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<!--<button class="button is-small is-rounded is-white is-outlined" |
|
onClick="createChart('chartDiv2');"> |
|
<span class="icon is-small"><i class="../images/more.svg"></i> |
|
<img src="../images/more.svg" title="Laden" /> |
|
</span> |
|
</button>--> |
|
<a |
|
onClick="showChartDiv('chartDiv2'); renderChart('chartDiv2',myChartModel);"> |
|
<span class="icon"> |
|
<img src="../images/icons/more.svg" title="Laden" /> |
|
</span> |
|
</a> |
|
</div> |
|
|
|
<div id="chartCanvas"> <!--class="section"--> |
|
<!--<div id="chartCanvasHeader"> </div>--> |
|
<div id="chartDiv2"> </div> |
|
<!--<div id="chartCanvasFooter"></div>--> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<!-- Aufruf/Anzeige SVG-Quellcode--> |
|
<div class="field is-grouped"> |
|
<div class="label-container"> |
|
<label class="label is-required is-small"><strong>Grafikcode (svg)</strong></label> |
|
</div> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<a |
|
onClick="showSrcCode(myChartModel.renderer);"> |
|
<span class="icon"> |
|
<img src="../images/icons/more.svg" title="Laden" /> |
|
</span> |
|
</a> |
|
</div> |
|
|
|
<div id="chartSVGsrcDiv"> <!--class="section">--> |
|
<div id="chartSVGsrc" style="display:none"> |
|
<textarea id="chartSrc" name="chartSrc" class="textarea" placeholder="Quellcode..."> <!--cols="100" rows="20"--></textarea><!--<button class="sx_buttondiv_submit" onClick="copySrcCode('chartSrc');">Kopieren</button>--> |
|
</div> |
|
</div> |
|
|
|
|
|
|
|
|
|
<!--footer (BF eingefügt *** Klärungsbedarf bzgl. notwendiger Buttons)--> |
|
<footer class="card-footer"> |
|
<!--<p class="card-footer-item"><button class="button is-link is-outlined is-small" onClick="createChart();">Diagramm-Vorschau</button></p> --> |
|
<p class="card-footer-item"><button class="button is-link is-outlined is-small" type="submit" onClick="copySrcCode('chartSrc');">Kopieren</button></p> |
|
<!--<p class="card-footer-item"><button class="button is-link is-outlined is-small" type="reset">Zurücksetzen</button></p>--> |
|
</footer> |
|
|
|
</xsl:template> |
|
<xsl:template name="Infobutton"> |
|
<xsl:param name="targetUrl" select="'https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm'" /> |
|
|
|
<span class="separator"> </span> |
|
<span class="separator"> </span> |
|
|
|
<span class="info"> |
|
<xsl:attribute name="onclick"> |
|
<xsl:text>window.open('</xsl:text> |
|
<xsl:value-of select="$targetUrl"/> |
|
<xsl:text>','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');</xsl:text> |
|
</xsl:attribute> |
|
<figure class="image is-24x24"> |
|
<img src="../images/information_grey_liberation.svg" /> |
|
</figure> |
|
</span> |
|
</xsl:template> |
|
<xsl:template name="legende_viz"> |
|
<xsl:param name="ordnr" /> |
|
<xsl:variable name="legendeDivId"><xsl:text>legende</xsl:text><xsl:value-of select="$ordnr" /></xsl:variable> |
|
<a> |
|
<xsl:attribute name="onClick"><xsl:text>toggleLegendeDisplay('</xsl:text><xsl:value-of select="$legendeDivId" /><xsl:text>');</xsl:text></xsl:attribute> |
|
<span class="button is-link modal-button">Legende ...</span></a> |
|
|
|
<div style="display:none"> |
|
<xsl:attribute name="id"><xsl:value-of select="$legendeDivId" /></xsl:attribute> |
|
<p class="legende"> |
|
<xsl:for-each select="../felder/feld"> |
|
<xsl:if test="(value !='' or sicht/@isFirstInGroup='false' or @isstandtoday='false') and @varname != 'sort' and @varname != 'maxoffset' and value_caption != ''"> |
|
|
|
<span class="feldname"> |
|
<xsl:choose> |
|
<xsl:when test="string-length(caption_short) > 0 and caption_short != 'null'" > |
|
<![CDATA[]]><xsl:value-of select="caption_short" /><![CDATA[]]> |
|
</xsl:when> |
|
<xsl:otherwise> |
|
<xsl:value-of select="@varname" /> |
|
</xsl:otherwise> |
|
</xsl:choose></span>:  |
|
<xsl:if test="string-length(value_caption) < 50"> |
|
<span class="feldwert"><xsl:value-of select="value_caption" /><![CDATA[]]></span> |
|
</xsl:if> |
|
<xsl:if test="string-length(value_caption) > 49"> |
|
<span class="feldwert"><![CDATA[]]><xsl:value-of select="substring(value_caption,0,50)" /><![CDATA[]]>...</span> |
|
</xsl:if> |
|
<xsl:if test="sicht!=''"> |
|
<span><![CDATA[ (]]><xsl:value-of select="sicht" /> |
|
<xsl:if test="@stand!=''"><xsl:text> - Stand:</xsl:text><xsl:value-of select="@stand"/></xsl:if> |
|
<xsl:text><![CDATA[)]]> </xsl:text></span> |
|
|
|
</xsl:if> |
|
; |
|
</xsl:if> |
|
|
|
</xsl:for-each> |
|
User: <xsl:value-of select="/ergebnisse/user"/>  |
|
Stand: <xsl:value-of select="../stand" /></p> |
|
<xsl:if test="../hinweis != ''"> |
|
<xsl:call-template name="newline_to_br"> |
|
<xsl:with-param name="string" select="../hinweis" /> |
|
</xsl:call-template> |
|
</xsl:if> |
|
|
|
</div> |
|
|
|
</xsl:template> |
|
<xsl:template name="viewer_kachel"> |
|
<xsl:param name="caption" /> |
|
<xsl:param name="ergebniselement_ordnr" /> |
|
<div class="card is-shady"> |
|
<div class="card-image"> |
|
<div id="{concat('chartDiv',$ergebniselement_ordnr)}"> |
|
Platzhalter |
|
</div> |
|
</div> |
|
<p> |
|
<a onClick="{concat('javascript:openModalImage(',$ergebniselement_ordnr,');')}"> |
|
<span class="button is-success is-small modal-button">Vergrößern ...</span></a> |
|
|
|
<a onClick="{concat('javascript:openModalCardDetail(',$ergebniselement_ordnr,');')}"> |
|
<span class="button is-link is-small modal-button">Mehr Infos ...</span></a> |
|
|
|
</p> |
|
|
|
<!-- <div class="card-content modal-button" data-target="modal-card11"> |
|
<div class="content"> |
|
<h4><xsl:value-of select="$caption" /></h4> |
|
<p> </p> |
|
|
|
<xsl:call-template name="legende_viz" > |
|
<xsl:with-param name="ordnr" select="$ergebniselement_ordnr" /> |
|
</xsl:call-template>--> |
|
|
|
</div> |
|
|
|
</xsl:template> |
|
|
|
</xsl:stylesheet>
|
|
|