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.
128 lines
6.2 KiB
128 lines
6.2 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="viz_html_chart.xsl" /> |
|
<xsl:import href="menue_html_dojo.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="'d3js'" /> |
|
<xsl:variable name="availableRendererPlot" select="'false'" /> |
|
<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" ><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';createViewer();"> <!-- 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="importVizJavascriptLibs"> |
|
<script language="Javascript" type="text/javascript" src="../xml/js/viz/d3.min.js" /> |
|
<script language="Javascript" type="text/javascript" src="../xml/js/viz/plot.js" /> |
|
<script language="Javascript" type="text/javascript" src="../xml/js/viz/viz_functions.js" /> |
|
<script language="Javascript" type="module" src="../xml/js/viz/d3-sankey.js" /> |
|
<script language="Javascript" type="text/javascript"> |
|
<xsl:text><![CDATA[ |
|
function createViewer() |
|
{ |
|
var myChartModelStr="{\"version\":\"0.2b\",\"id\":1,\"name\":\"\",\"renderer\":\"d3js\",\"dataSources\":[{\"value\":\"0\",\"nr\":1,\"name\":\"Tab. 1\",\"isDefault\":true}],\"targetDiv\":\"\",\"chartElements\":[{\"nr\":0,\"vizTypeUniquename\":\"sankey\",\"caption\":\"sankey\",\"datasource\":\"0\",\"elementTypeProperties\":[{\"nr\":0,\"vizTypePropertyUniquename\":\"dimension1\",\"caption\":\"Dimension 1\",\"propertyValue\":\"erfolg_ba_ma_uebergang_abschluss_vorher_abschluss_str\"},{\"nr\":0,\"vizTypePropertyUniquename\":\"dimension2\",\"caption\":\"Dimension 2\",\"propertyValue\":\"erfolg_ba_ma_uebergang_einschr_nachher_abschluss_str\"},{\"nr\":0,\"vizTypePropertyUniquename\":\"measure1\",\"caption\":\"Maß 1\",\"propertyValue\":\"erfolg_ba_ma_uebergang_summe\"}]}],\"chartPropertiesUsed\":[{\"name\":\"caption\",\"vizPropertyVariablename\":\"caption\",\"propertyValue\":\"Übergang BA-MA Datenblatt\"},{\"name\":\"height\",\"vizPropertyVariablename\":\"height\",\"propertyValue\":\"850\",\"propUnit\":\"\"},{\"name\":\"width\",\"vizPropertyVariablename\":\"width\",\"propertyValue\":\"950\",\"propUnit\":\"\"},{\"name\":\"marginLeft\",\"vizPropertyVariablename\":\"marginLeft\",\"propertyValue\":\"100\",\"propUnit\":\"\"},{\"name\":\"backgroundColor\",\"vizPropertyVariablename\":\"backgroundColor\",\"propertyValue\":\"#ffffff\",\"propUnit\":\"\"},{\"name\":\"line_y\",\"vizPropertyVariablename\":\"line\",\"propertyValue\":\"true\",\"propUnit\":\"\"},{\"name\":\"line_x\",\"vizPropertyVariablename\":\"line\",\"propertyValue\":\"true\",\"propUnit\":\"\"}],\"dataTransformation\":[]}"; |
|
myChartModel=JSON.parse(myChartModelStr); |
|
renderChart('chartDiv2',myChartModel); |
|
} |
|
]]></xsl:text> |
|
</script> |
|
|
|
</xsl:template> |
|
|
|
<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"> |
|
<xsl:for-each select="ergebnis/ergebniselement"> |
|
<p class="title is-5"><xsl:value-of select="../maskenname" /></p> |
|
<xsl:call-template name="legende" /> |
|
</xsl:for-each> |
|
<span class="separator"> </span> |
|
<!--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"> |
|
|
|
<div class="tab-content"> |
|
|
|
<div id="chartDiv2"> |
|
<a onclick="createViewer();"><span>Diagramm anzeigen</span></a> |
|
</div> |
|
|
|
</div><!--tab-content --> |
|
</div> <!-- card-content --> |
|
</div><!--card --> |
|
</div> <!-- column --> |
|
</section> |
|
</xsl:for-each> |
|
</xsl:template> |
|
</xsl:stylesheet>
|
|
|