<$ var HgCol = article.value('hg-col', ''); var ChartH = article.value('chart-h', ''); var Corner = article.value('corner', ''); var ChartAbst = article.value('chart-abst', ''); var NamFsize = article.value('nam-fsize', ''); var NamFgew = article.value('nam-fgew', ''); var NamAbst = article.value('nam-abst', ''); var ColBeschr = article.value('col-beschr', ''); var BeschrFsize = article.value('beschr-fsize', ''); var BeschrFgew = article.value('beschr-fgew', ''); var BeschrTop = article.value('beschr-top', ''); var BeschrRight = article.value('beschr-right', ''); var headstyle = ""; headstyle += '.wzp_progress-bar_id' + article.id + ' {'; headstyle += 'width:100%;'; headstyle += ' margin:' + ChartAbst + ' auto;'; headstyle += ' background-color:' + HgCol + ';'; headstyle += ' border-radius:' + Corner + ';'; headstyle += ' height:' + ChartH + ';'; headstyle += '}\n'; headstyle += '.wzp_progress_id' + article.id + ' {'; headstyle += 'width:0;'; headstyle += ' position:relative;'; headstyle += ' text-align:right;'; headstyle += ' height:' + ChartH + ';'; headstyle += ' border-radius:' + Corner + ';'; headstyle += '}\n'; headstyle += '.wzp_progress_id' + article.id + ' span {'; headstyle += 'position:absolute;'; headstyle += ' display:inline-block;'; headstyle += ' color:' + ColBeschr + ';'; headstyle += ' font-size:' + BeschrFsize + ';'; headstyle += ' font-weight:' + BeschrFgew + ';'; headstyle += ' top:' + BeschrTop + ';'; headstyle += ' right:' + BeschrRight + ';'; headstyle += '}\n'; headstyle += '.wzp_progress-bar-cont_id' + article.id + ' p {'; headstyle += 'font-size:' + NamFsize + ';'; headstyle += ' font-weight:' + NamFgew + ';'; headstyle += ' margin-bottom:-' + NamAbst + 'px !important;'; headstyle += ' margin-left:10px !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$=system.partial("article-begin.html")$> <$=system.partial("article-headline.html")$>
<$ for ( var i = 1; i <= 8; i++){ var WERT = article.value("wert-" + i); if (isNull(WERT)){ continue; } var NAME = article.value("name-" + i, ""); var BESCHR = article.value("beschriftung-" + i, ""); var COLOR = article.value("col-" + i, ""); var DURATION = article.value("duration-" + i, "500"); $>

<$= NAME $>

<$= BESCHR $>
<$ } $>
<$=system.partial("article-end.html")$>