{$layout}

{$var "header"}
<!-- echart -->
<script type="text/javascript" src="/js/echarts/echarts.min.js"></script>
<link rel="stylesheet" href="/_/@default/servers/server/stat/clients.less" media="all" />
{$end}

{$template "/servers/server/settings/settings_menu"}
{$template "/left_menu"}

<div class="http-config-container">
    {$ if eq .statIsOn false}
    <div class="audit-message warning">
        <i class="icon warning circle"></i>
        要想查看统计数据，需要先开启统计功能，<a :href="'/servers/server/settings/stat?serverId=' + serverId">点击这里</a>修改配置。
    </div>
    {$else}
    <div class="config-section">
        <div class="section-title">
            <i class="icon desktop"></i>
            操作系统排行
        </div>
        <div class="chart-box" id="system-chart"></div>
    </div>

    <div class="config-section">
        <div class="section-title">
            <i class="icon chrome"></i>
            浏览器排行
        </div>
        <div class="chart-box" id="browser-chart"></div>
    </div>
    {$end}
</div>