148 lines
7.2 KiB
Twig
148 lines
7.2 KiB
Twig
<h2 class="title">{{ dt.gM("Dashboard") }}
|
|
{# TITLE INFO #}
|
|
<ul class="dx record-info">
|
|
<li>{{ dt.gM("Date / Time") }}: <span>{{TIME}}</span></li><li>{{ dt.gM("Refresh rate") }}: <span>{{REFRESH_RATE}}</span></li>
|
|
</ul>
|
|
</h2>
|
|
<div id="dashboard">
|
|
|
|
|
|
{#<div id="dash-logo"></div>#}
|
|
<div id="summary">
|
|
{% if SUMMERY_DATA %}
|
|
<ul class="dx">
|
|
{% for e in SUMMERY_DATA %}
|
|
<li{% if e.c %} class="ico {{e.c}}"{% endif %}><p>{{e.t}}</p><span>{{e.v}}</span>{% if e.l %}<a href="{{e.l}}" target="_blank">{{ dt.gM("Read more...") }}</a>{% endif %}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
{#<div id="graphs">
|
|
<ul class="dx">
|
|
<li class="empty-graph">
|
|
<h3>{{ dt.gM("Orders by date") }}</h3>
|
|
</li>
|
|
<li class="empty-graph">
|
|
<h3>{{ dt.gM("Users by date") }}</h3>
|
|
</li>
|
|
</ul>
|
|
</div>#}
|
|
<div id="data-blocks">
|
|
<ul class="dx">
|
|
{#<li>
|
|
<div id="ch1" class="chart_ico">
|
|
<h3 class="ico">{{ dt.gM("Orders by day") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<div class="empty-graph" style="display: none;"></div>
|
|
<canvas id="orders_by_day"></canvas>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</li><li>
|
|
<div id="ch2" class="chart_ico">
|
|
<h3 class="ico">{{ dt.gM("Orders by month") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<div class="empty-graph" style="display: none;"></div>
|
|
<canvas id="orders_by_month"></canvas>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</li><li>
|
|
<div id="ch3" class="chart_ico">
|
|
<h3 class="ico">{{ dt.gM("Products SOLD by day") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<div class="empty-graph" style="display: none;"></div>
|
|
<canvas id="products_by_month"></canvas>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</li><li>
|
|
<div id="ch4" class="chart_ico">
|
|
<h3 class="ico">{{ dt.gM("Products SOLD by month") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<div class="empty-graph" style="display: none;"></div>
|
|
<canvas id="products_by_year"></canvas>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</li>#}<li>
|
|
<div id="ch3" class="chart_ico">
|
|
<h3 class="ico">{{ dt.gM("WEB Users ONLINE by day") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<canvas id="users_by_day_WEB"></canvas>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</li><li>
|
|
<div id="ch4" class="chart_ico">
|
|
<h3 class="ico">{{ dt.gM("WEB Users ONLINE by month") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<canvas id="users_by_month_WEB"></canvas>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</li><li>
|
|
<div id="ch3" class="chart_ico">
|
|
<h3 class="ico">{{ dt.gM("APP System Users ONLINE by day") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<canvas id="users_by_day_SYS"></canvas>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</li><li>
|
|
<div id="ch4" class="chart_ico">
|
|
<h3 class="ico">{{ dt.gM("APP System Users ONLINE by month") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<canvas id="users_by_month_SYS"></canvas>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</li><li>
|
|
<div id="ch3" class="chart_ico">
|
|
<h3 class="ico">{{ dt.gM("CMS System Users ONLINE by day") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<canvas id="users_by_day_CMS"></canvas>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</li><li>
|
|
<div id="ch4" class="chart_ico">
|
|
<h3 class="ico">{{ dt.gM("CMS System Users ONLINE by month") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<canvas id="users_by_month_CMS"></canvas>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</li><li class="w3">
|
|
<div id="acctivity">
|
|
<h3 class="ico">{{ dt.gM("Recent activity") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<ul class="header"><li class="w5">{{ dt.gM("Id") }}</li><li class="w12">{{ dt.gM("Time") }}</li><li class="w31">{{ dt.gM("Message") }}</li></ul>
|
|
{% if ACTIVITY_DATA %}
|
|
{% for el in ACTIVITY_DATA %}
|
|
<ul><li class="w5">{% if el.id %}{{el.id}}{% endif %}</li><li class="w12">{% if el.time %}{{el.time}}{% endif %}</li><li class="w31">{% if el.action %}{{el.action}}{% endif %}</li><li class="w10">{% if el.value %}{{el.value}}{% endif %}</li></ul>
|
|
{% endfor %}
|
|
{% else %}
|
|
<ul><li class="no-data">{{ dt.gM("No results!") }}</li></ul>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</li>{#<li class="w2_3">
|
|
<div id="orders">
|
|
<h3 class="ico">{{ dt.gM("Latest orders") }}</h3>
|
|
<div class="drop-data-marker min-table">
|
|
<ul class="header"><li class="w8 fright">{{ dt.gM("Action") }}</li><li class="w8">{{ dt.gM("Order ID") }}</li><li class="w12">{{ dt.gM("Customer") }}</li><li class="w8">{{ dt.gM("Status") }}</li><li class="w10">{{ dt.gM("Date added") }}</li><li class="w8">{{ dt.gM("Total") }}</li></ul>
|
|
{% if LATEST_ORDERS_DATA %}
|
|
{% for el in LATEST_ORDERS_DATA %}
|
|
<ul><li class="w8">{% if el.o_nr %}{{el.o_nr}}{% endif %}</li><li class="w12">{% if el.o_mail %}{{el.o_mail}}{% endif %}</li><li class="w8"> - </li><li class="w10">{% if el.o_date %}{{el.o_date}}{% endif %}</li><li class="w8"> - </li></ul>
|
|
{% endfor %}
|
|
{% else %}
|
|
<ul><li class="no-data">{{ dt.gM("No results!") }}</li></ul>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</li>#}
|
|
</ul>
|
|
</div>
|
|
<br/>
|
|
</div> |