Viewer-XSL, Makroberichte #4

src-modules/module/viz/conf/includes.txt

@@ -18,4 +18,5 @@ xml/js/viz/viz_functions.js
 xml/pageComponents_html_final_viz.xsl.sam
 xml/viz_html_chart.xsl
 xml/viz_html_chart_sankey.xsl
+xml/viz_html_chart_viewer.xsl
 

superx/xml/viz_html_chart.xsl

@@ -1240,10 +1240,10 @@ rs[</xsl:text><xsl:value-of select="$tableId"/><xsl:text>].push(new dataRow_</xs
 	 <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>
-<p><a>
+<a>
 <xsl:attribute name="onClick"><xsl:text>toggleLegendeDisplay('</xsl:text><xsl:value-of select="$legendeDivId" /><xsl:text>');</xsl:text></xsl:attribute>
-<xsl:text>Legende ...</xsl:text></a>
-</p>
+<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">
@@ -1289,13 +1289,24 @@ Stand: <xsl:value-of select="../stand" /></p>
 <xsl:template name="viewer_kachel">
 <xsl:param name="caption" />
 <xsl:param name="ergebniselement_ordnr" />
-<p class="title is-5"><xsl:value-of select="$caption" /></p>
+<div class="card is-shady">
+<div class="card-image">
 <div id="{concat('chartDiv',$ergebniselement_ordnr)}">
 Platzhalter
 </div>
+</div>
+
+    <!--        <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>

superx/xml/viz_html_chart_viewer.xsl

@@ -105,7 +105,6 @@ createViewer(myChartModelStr,myDiv);
 </xsl:for-each>
 <xsl:text><![CDATA[
 }
-
 function createViewer(myChartModelStr,chartDiv)
 {
 myChartModel=JSON.parse(myChartModelStr);
@@ -121,6 +120,7 @@ if(myDiv.style.display=="block")
 		myDiv.style.display="block";
 
 }
+
 ]]></xsl:text>
 </script>
 
@@ -139,23 +139,27 @@ if(myDiv.style.display=="block")
 z.B. 6 Grafiken ergibt einen Umbruch nach der 3. Teiltabelle
 Formel: ANZ / 2 kaufm. gerundet 
 -->
+<xsl:variable name="spalten_anz">
+<xsl:value-of select="max(number(/ergebnisse/ergebnis/felder/feld[@varname='Spaltenanzahl']/value))"/>
+</xsl:variable>
+<xsl:variable name="colwidth">
+<xsl:value-of select="12 div $spalten_anz"/>
+</xsl:variable>
+
 <xsl:variable name="ergebniselemente_anz">
 <xsl:value-of select="count(/ergebnisse/ergebnis[felder/feld[@varname='Grafik']])"/>
 </xsl:variable>
 <xsl:variable name="ergebniselemente_umbruch">
 <xsl:value-of select="round($ergebniselemente_anz div max(number(/ergebnisse/ergebnis/felder/feld[@varname='Spaltenanzahl']/value)))"/>
 </xsl:variable>
-<!--<p>plan: <xsl:value-of select="concat($ergebniselemente_anz,'-',/ergebnisse/ergebnis/felder/feld[@varname='Spaltenanzahl']/value,' Umbruch: ',$ergebniselemente_umbruch)"/>
+<!--<p>plan: <xsl:value-of select="/ergebnisse/ergebnis/felder/feld[@varname='Spaltenanzahl']/value"/>
 </p>-->
 <span class="separator">&#160;</span>
 <!--Beginn Selektions-Card-->
 <!--Beginn Berichtstitel, Pfad, Knopfleiste-->
 <section class="hero-body has-background-light">
-<div class="columns is-mobile is-left">
-<xsl:text disable-output-escaping="true"><![CDATA[
-<div class="column">
-]]></xsl:text>
-
+<section class="container"> <!--Beginn Kartenreihe -->
+<div class="columns features is-mobile is-left"> <!--Beginn columns Kartenreihe -->
 
 <xsl:for-each select="ergebnisse/ergebnis[felder/feld[@varname='Grafik']/value!='']/ergebniselement">
 <xsl:variable name="ergebniselement_counter" select="position()" />
@@ -164,21 +168,27 @@ Formel: ANZ / 2 kaufm. gerundet
 
 
 <!--<p><xsl:value-of select="concat('Zähler: ',$ergebniselement_counter)"/></p>-->
+<div>
+<xsl:attribute name="class"><xsl:text>column is-</xsl:text><xsl:value-of select="$colwidth"/></xsl:attribute>
 <xsl:call-template name="viewer_kachel">
 <xsl:with-param name="caption" select="viz_charts/viz_chart[@tid=$chart_id]/@caption"/>
 <xsl:with-param name="ergebniselement_ordnr" select="$ergebniselement_ordnr" />
 </xsl:call-template>
+<!--<p><xsl:value-of select="concat($spalten_anz,'-',$ergebniselement_counter,':',$ergebniselement_counter mod $spalten_anz)"/></p>-->
+</div>
+<!-- neue Zeile wenn counter mod Spaltenanz. =0 -->
 
-<!-- neue Spalte wenn counter=umbruch -->
-
-<xsl:if test="$ergebniselement_counter = $ergebniselemente_umbruch ">
-<xsl:text disable-output-escaping="true"><![CDATA[</div>
-<div class="column">
+<xsl:if test="$ergebniselement_counter &gt;= $spalten_anz and ($ergebniselement_counter mod $spalten_anz) =0">
+<xsl:text disable-output-escaping="yes"><![CDATA[
+</div>
+</section>
+<section class="container">
+<div class="columns features is-mobile is-left">
 ]]></xsl:text>
 </xsl:if>
 </xsl:for-each>
-<xsl:text disable-output-escaping="true"><![CDATA[</div>]]></xsl:text> <!-- der letzten column -->
 </div><!-- der columns -->
-</section>
+</section><!-- der letzten Kartenreihe -->
+</section><!-- des Portals -->
 </xsl:template>
 </xsl:stylesheet>