<?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>
<div class= "vizTooltip" style= "opacity:0;" > </div>
<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>
