CPX Dashboard

<ul class="w">
        <li class="box">
        <table class="core">
            <tr><td id="mx-art" class="value">{Golem.CD.numberFormat($T.mx.art, 0)}</td><td class="key">Artikel</td></tr>
            <tr><td id="mx-char" class="value {Golem.CD.getFactorClass($T.comp.char)}">{Golem.CD.numberFormat($T.mx.char, 0)}</td><td class="key">Zeichen</td></tr>
            <tr><td id="mx-pi" class="value {Golem.CD.getFactorClass($T.comp.pi)}">{Golem.CD.numberFormat($T.mx.pi, 0)}</td><td class="key">Artikel-Abrufe</td></tr>
            <tr><td id="mx-video" class="value {Golem.CD.getFactorClass($T.comp.video)}">{Golem.CD.numberFormat($T.mx.video, 0)}</td><td class="key">Video-Abrufe</td></tr>
            
        </table>
        </li>
        <li class="box">
        <table class="core">
            <tr><td id="mx-like" class="value {Golem.CD.getFactorClass($T.comp.like)}{Golem.CD.getFactorClass($T.comp.like)}">{Golem.CD.numberFormat($T.mx.like, 0)}</td><td class="key">Likes</td></tr>
            <tr><td id="mx-plus" class="value {Golem.CD.getFactorClass($T.comp.plus)}">{Golem.CD.numberFormat($T.mx.plus, 0)}</td><td class="key">Plus1</td></tr>
            <tr><td id="mx-tweet" class="value {Golem.CD.getFactorClass($T.comp.tweet)}">{Golem.CD.numberFormat($T.mx.tweet, 0)}</td><td class="key">Tweets</td></tr>
            <tr><td id="mx-flattr" class="value {Golem.CD.getFactorClass($T.comp.flattr)}">{Golem.CD.numberFormat($T.mx.flattr, 0)}</td><td class="key">Flattrs</td></tr>
            <tr><td id="mx-comment"class="value {Golem.CD.getFactorClass($T.comp.comment)}">{Golem.CD.numberFormat($T.mx.comment, 0)}</td><td class="key">Kommentare</td></tr>
        </table>
        </li>
        <li class="box">
        <table class="core">
            <tr><td id="mx-percsearch" class="value {Golem.CD.getFactorClass($T.comp.percsearch)}">{Golem.CD.numberFormat($T.mx.percsearch, 1)} %</td><td class="key">Suchtraffic</td></tr>
            <tr><td id="mx-percsocial" class="value {Golem.CD.getFactorClass($T.comp.percsocial)}">{Golem.CD.numberFormat($T.mx.percsocial, 1)} %</td><td class="key">Socialtraffic</td></tr>
            <tr><td id="mx-percmobile" class="value {Golem.CD.getFactorClass($T.comp.percmobpi)}">{Golem.CD.numberFormat($T.mx.percmobpi, 1)} %</td><td class="key">Mobiletraffic</td></tr>
        </table>
        </li>
    </ul>

<span class="key" style="float:right;"><a href="/cpxstats/wwwpub/dashboard.php#a={$T.art.artikelid}&token={$T.art.token}&start={$T.art.pdate}" target="_blank">Share URL</a></span>
    <h2 class="ui-widget">{$T.art.headline}</h2>
    <ul class="w">
        <li class="box">
        <table class="core">
            <tr><td colspan="2" class="key">Sichtbarkeit</td></tr>
            <tr>
                <td id="mx2-pi" class="value {Golem.CD.getFactorClass($T.comp.pi)}">{Golem.CD.numberFormat($T.mx.pi, 0)}</td>
                <td><div class="key">Artikel-Abrufe</div><div class="meta"><span id="mx2-mobpi" class="{Golem.CD.getFactorClass($T.comp.percmobpi)}">{Golem.CD.numberFormat($T.mx.percmobpi, 1)} %</span> (Anteil mobil)</div></td>
            </tr>
            <tr>
                <td id="mx2-forum" class="value {Golem.CD.getFactorClass($T.comp.forum)}">{Golem.CD.numberFormat($T.mx.forum, 0)}</td>
                <td><div class="key">Forum-Abrufe</div><div id="mx2-mobforum" class="meta {Golem.CD.getFactorClass($T.comp.percmobforum)}">{Golem.CD.numberFormat($T.mx.percmobforum, 1)} %</div></td>
            </tr>
            {#if $T.mx.scr > 0}
            <tr>
                <td id="mx2-scr" class="value {Golem.CD.getFactorClass($T.comp.scr)}">{Golem.CD.numberFormat($T.mx.scr, 0)}</td>
                <td><div class="key">Screenshot-Abrufe</div><div id="mx2-mobscr" class="meta {Golem.CD.getFactorClass($T.comp.percmobscr)}">{Golem.CD.numberFormat($T.mx.percmobscr, 1)} %</div></td>
            </tr>
            {#/if}
            {#if $T.mx.video > 0}
            <tr>
                <td id="mx2-video" class="value {Golem.CD.getFactorClass($T.comp.video)}">{Golem.CD.numberFormat($T.mx.video, 0)}</td>
                <td class="key">Video-Abrufe</td>
            </tr>
            {#/if}
            <tr>
                <td id="mx2-all" class="value {Golem.CD.getFactorClass($T.comp.all)}">{Golem.CD.numberFormat($T.mx.all, 0)}</td>
                <td><div class="key">Gesamt-Abrufe</div><div id="mx2-moball" class="meta {Golem.CD.getFactorClass($T.comp.percmoball)}">{Golem.CD.numberFormat($T.mx.percmoball, 1)} %</div></td>
            </tr>
        </table>
        </li>
        <li class="box">
        <table class="core">
            <tr><td colspan="2" class="key">Reaktionen</td></tr>
            <tr><td id="mx2-like" class="value {Golem.CD.getFactorClass($T.comp.like)}">{Golem.CD.numberFormat($T.mx.like, 0)}</td><td class="key">Likes</td></tr>
            <tr><td id="mx2-plus" class="value {Golem.CD.getFactorClass($T.comp.plus)}">{Golem.CD.numberFormat($T.mx.plus, 0)}</td><td class="key">Plus1</td></tr>
            <tr><td id="mx2-tweet" class="value {Golem.CD.getFactorClass($T.comp.tweet)}">{Golem.CD.numberFormat($T.mx.tweet, 0)}</td><td class="key">Tweets</td></tr>
            <tr><td id="mx2-flattr" class="value {Golem.CD.getFactorClass($T.comp.flattr)}">{Golem.CD.numberFormat($T.mx.flattr, 0)}</td><td class="key">Flattrs</td></tr>
            <tr><td id="mx2-comment"class="value {Golem.CD.getFactorClass($T.comp.comment)}">{Golem.CD.numberFormat($T.mx.comment, 0)}</td><td class="key">Kommentare</td></tr>
            {#if $T.art.pages > 1}
            <tr><td id="mx2-percpageavg" class="value">{Golem.CD.numberFormat($T.mx.percpageavg, 1)} %</td><td class="key">Durchlesequote</td></tr>
            {#/if}
        </table>
        </li>
        <li class="box">
        <table class="core">
            <tr><td colspan="2" class="key">Herkunft</td></tr>
            <tr><td id="mx2-perchomepage" class="value {Golem.CD.getFactorClass($T.comp.perchomepage)}">{Golem.CD.numberFormat($T.mx.perchomepage, 1)} %</td><td class="key">Homepage</td></tr>
            <tr><td id="mx2-percnothomepage" class="value {Golem.CD.getFactorClass($T.comp.percnothomepage)}">{Golem.CD.numberFormat($T.mx.percnothomepage, 1)} %</td><td class="key">sonstiges Golem</td></tr>
            <tr><td id="mx2-percsearch" class="value {Golem.CD.getFactorClass($T.comp.percsearch)}">{Golem.CD.numberFormat($T.mx.percsearch, 1)} %</td><td class="key">Suchmaschinen</td></tr>
            <tr><td id="mx2-percsocial" class="value {Golem.CD.getFactorClass($T.comp.percsocial)}">{Golem.CD.numberFormat($T.mx.percsocial, 1)} %</td><td class="key">Social Media</td></tr>
            <tr><td id="mx2-percother" class="value {Golem.CD.getFactorClass($T.comp.percother)}">{Golem.CD.numberFormat($T.mx.percother, 1)} %</td><td class="key">Sonstiges</td></tr>
            
        </table>
        </li>
    </ul>