Skip to content

Commit 8f0cc88

Browse files
author
Kristan Kenney
committed
Initial commit - Redesign Statistics page
1 parent 214b281 commit 8f0cc88

File tree

2 files changed

+413
-85
lines changed

2 files changed

+413
-85
lines changed

‎web/templates/admin/list_stats.html‎

Lines changed: 203 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -46,50 +46,214 @@
4646

4747
<div class="l-separator"></div>
4848

49-
<div class="l-center units">
50-
<div class="header table-header">
51-
<div class="l-unit__col l-unit__col--right">
52-
<div class="clearfix l-unit__stat-col--left super-compact">&nbsp;</div>
53-
<div class="clearfix l-unit__stat-col--left wide-2"><b><?php print _('Month');?></b></div>
54-
<div class="clearfix l-unit__stat-col--left compact text-right"><b>&nbsp;</b></div>
55-
<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><?php print _('IPs');?></b></div>
56-
<div class="clearfix l-unit__stat-col--left text-center compact"><b><i class="fas fa-hdd" title="<?php print _('Disk');?>"></i></b></div>
57-
<div class="clearfix l-unit__stat-col--left text-center compact"><b><i class="fas fa-exchange-alt" title="<?php print _('Bandwidth');?>"></i></b></div>
58-
<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-globe-americas" title="<?php print _('Web Domains');?>"></i></b></div>
59-
<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-link" title="<?php print _('Web Aliases');?>"></i></b></div>
60-
<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-atlas" title="<?php print _('DNS Domains');?>"></i></b></div>
61-
<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-globe" title="<?php print _('DNS Records');?>"></i></b></div>
62-
<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-mail-bulk" title="<?php print _('Mail Domains');?>"></i></b></div>
63-
<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-inbox" title="<?php print _('Mail Accounts');?>"></i></b></div>
64-
<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-database" title="<?php print _('Databases');?>"></i></b></div>
65-
<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-clock" title="<?php print _('Cron Jobs');?>"></i></b></div>
66-
<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><i class="fas fa-file-archive" title="<?php print _('Backups');?>"></i></b></div>
67-
</div>
68-
</div>
69-
49+
<div class="l-center units">
7050
<?php
7151
foreach ($data as $key => $value) {
7252
++$i;
7353
?>
74-
<div class="l-unit header animated fadeIn">
75-
<div class="l-unit__col l-unit__col--right">
76-
<div class="clearfix l-unit__stat-col--left super-compact"><i class="fas fa-calendar-alt status-icon dim"></i></div>
77-
<div class="clearfix l-unit__stat-col--left wide-2"><b><?=_(strftime("%b", strtotime($key))).strftime(" %Y", strtotime($key))?></b></div>
78-
<div class="clearfix l-unit__stat-col--left compact text-right"><b>&nbsp;</b></div>
79-
<div class="clearfix l-unit__stat-col--left text-center super-compact"><b><?=$data[$key]['IP_OWNED']?></b></div>
80-
<div class="clearfix l-unit__stat-col--left text-center compact"><b><?=humanize_usage_size($data[$key]['U_DISK'])?></b> <span class="text-small"><?=humanize_usage_measure($data[$key]['U_DISK'])?></span></div>
81-
<div class="clearfix l-unit__stat-col--left text-center compact"><b><?=humanize_usage_size($data[$key]['U_BANDWIDTH'])?></b> <span class="text-small"><?=humanize_usage_measure($data[$key]['U_BANDWIDTH'])?></span></div>
82-
<div class="clearfix l-unit__stat-col--left text-center super-compact" title="<?=$data[$key]['U_WEB_DOMAINS']?> <?php print _('Web Domains');?>"><span class="jump-top badge gray raised"><b><?=$data[$key]['U_WEB_DOMAINS']?></b></span></div>
83-
<div class="clearfix l-unit__stat-col--left text-center super-compact" title="<?=$data[$key]['U_WEB_ALIASES']?> <?php print _('Web Aliases');?>"><span class="jump-top badge gray raised"><b><?=$data[$key]['U_WEB_ALIASES']?></b></span></div>
84-
<div class="clearfix l-unit__stat-col--left text-center super-compact" title="<?=$data[$key]['U_DNS_DOMAINS']?> <?php print _('DNS Domains');?>"><span class="jump-top badge gray raised"><b><?=$data[$key]['U_DNS_DOMAINS']?></b></span></div>
85-
<div class="clearfix l-unit__stat-col--left text-center super-compact" title="<?=$data[$key]['U_DNS_RECORDS']?> <?php print _('DNS Records');?>"><span class="jump-top badge gray raised"><b><?=$data[$key]['U_DNS_RECORDS']?></b></span></div>
86-
<div class="clearfix l-unit__stat-col--left text-center super-compact" title="<?=$data[$key]['U_MAIL_DOMAINS']?> <?php print _('Mail Domains');?>"><span class="jump-top badge gray raised"><b><?=$data[$key]['U_MAIL_DOMAINS']?></b></span></div>
87-
<div class="clearfix l-unit__stat-col--left text-center super-compact" title="<?=$data[$key]['U_MAIL_ACCOUNTS']?> <?php print _('Mail Accounts');?>"><span class="jump-top badge gray raised"><b><?=$data[$key]['U_MAIL_ACCOUNTS']?></b></span></div>
88-
<div class="clearfix l-unit__stat-col--left text-center super-compact" title="<?=$data[$key]['U_DATABASES']?> <?php print _('Databases');?>"><span class="jump-top badge gray raised"><b><?=$data[$key]['U_DATABASES']?></b></span></div>
89-
<div class="clearfix l-unit__stat-col--left text-center super-compact" title="<?=$data[$key]['U_CRON_JOBS']?> <?php print _('Cron Jobs');?>"><span class="jump-top badge gray raised"><b><?=$data[$key]['U_CRON_JOBS']?></b></span></div>
90-
<div class="clearfix l-unit__stat-col--left text-center super-compact" title="<?=$data[$key]['U_BACKUPS']?> <?php print _('Backups');?>"><span class="jump-top badge gray raised"><b><?=$data[$key]['U_BACKUPS']?></b></span></div>
91-
</div>
54+
<div class="header animated fadeIn">
55+
<div class="step-top">
56+
<div class="clearfix l-unit__stat-col--left super-compact">
57+
<i class="fas fa-calendar-alt status-icon dim" style="font-size: 1.8rem;margin-top: 14px;margin-left: 16px;"></i>
58+
</div>
59+
<div class="l-unit__col l-unit__col--right">
60+
<span class="page-title">
61+
<?=_(strftime("%b", strtotime($key))).strftime(" %Y", strtotime($key))?> <? if (!empty($_GET['user'])) {?> <span class="text-small">(<? echo htmlspecialchars($_GET['user']) ?>)</span><? } ?>
62+
</span>
63+
</div>
64+
<div class="l-separator"></div>
65+
<table border="0" style="border-collapse: collapse; width: 100%; font-size:0.85rem;">
66+
<tbody>
67+
<tr>
68+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
69+
<table>
70+
<tr>
71+
<td style="width:42px;text-align: center;font-size:1.2rem;">
72+
<i class="fas fa-exchange-alt status-icon dim" title="<?php print _('Bandwidth');?>"></i>
73+
</td>
74+
<td>
75+
<b><?php print _('Bandwidth');?></b>:
76+
</td>
77+
<td style="padding-left:10px;padding-right:10px;">
78+
<?=humanize_usage_size($data[$key]['U_BANDWIDTH'])?> <span class="text-small"><?=humanize_usage_measure($data[$key]['U_BANDWIDTH'])?></span>
79+
</td>
80+
</tr>
81+
</table>
82+
</td>
83+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
84+
<table>
85+
<tr>
86+
<td style="width:42px;text-align: center;font-size:1.2rem;">
87+
<i class="fas fa-hdd status-icon dim" title="<?php print _('Disk');?>"></i>
88+
</td>
89+
<td>
90+
<b><?php print _('Disk');?></b>:
91+
</td>
92+
<td style="padding-left:10px;padding-right:10px;">
93+
<?=humanize_usage_size($data[$key]['U_DISK'])?> <span class="text-small"><?=humanize_usage_measure($data[$key]['U_DISK'])?></span>
94+
</td>
95+
</tr>
96+
</table>
97+
</td>
98+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
99+
<table>
100+
<tr>
101+
<td style="width:42px;text-align: center;font-size:1.2rem;">
102+
<i class="fas fa-globe status-icon dim" title="<?php print _('DNS Records');?>"></i>
103+
</td>
104+
<td>
105+
<b><?php print _('IPs');?></b>:
106+
</td>
107+
<td style="padding-left:10px;padding-right:10px;">
108+
<?=$data[$key]['IP_OWNED']?>
109+
</td>
110+
</tr>
111+
</table>
112+
</td>
113+
</tr>
114+
<tr>
115+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
116+
<table>
117+
<tr>
118+
<td style="width:42px;text-align: center;font-size:1.2rem;">
119+
<i class="fas fa-globe-americas status-icon dim" title="<?php print _('Web Domains');?>"></i>
120+
</td>
121+
<td>
122+
<b><?php print _('Web Domains');?></b>:
123+
</td>
124+
<td style="padding-left:10px;padding-right:10px;">
125+
<?=$data[$key]['U_WEB_DOMAINS']?>
126+
</td>
127+
</tr>
128+
</table>
129+
</td>
130+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
131+
<table>
132+
<tr>
133+
<td style="width:42px;text-align: center;font-size:1.2rem;">
134+
<i class="fas fa-link status-icon dim" title="<?php print _('Web Aliases');?>"></i>
135+
</td>
136+
<td>
137+
<b><?php print _('Web Aliases');?></b>:
138+
</td>
139+
<td style="padding-left:10px;padding-right:10px;">
140+
<?=$data[$key]['U_WEB_ALIASES']?></td>
141+
</td>
142+
</tr>
143+
</table>
144+
</td>
145+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
146+
<table>
147+
<td style="width:42px;text-align: center;font-size:1.2rem;">
148+
<i class="fas fa-atlas status-icon dim" title="<?php print _('DNS Domains');?>"></i>
149+
</td>
150+
<td>
151+
<b><?php print _('DNS Domains');?></b>:
152+
</td>
153+
<td style="padding-left:10px;padding-right:10px;">
154+
<?=$data[$key]['U_DNS_DOMAINS']?>
155+
</td>
156+
</table>
157+
</td>
158+
</tr>
159+
<tr>
160+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
161+
<table>
162+
<tr>
163+
<td style="width:42px;text-align: center;font-size:1.2rem;">
164+
<i class="fas fa-globe status-icon dim" title="<?php print _('DNS Records');?>"></i>
165+
</td>
166+
<td>
167+
<b><?php print _('DNS Records');?></b>:
168+
</td>
169+
<td style="padding-left:10px;padding-right:10px;">
170+
<?=$data[$key]['U_DNS_RECORDS']?>
171+
</td>
172+
</tr>
173+
</table>
174+
</td>
175+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
176+
<table>
177+
<tr>
178+
<td style="width:42px;text-align: center;font-size:1.2rem;">
179+
<i class="fas fa-mail-bulk status-icon dim" title="<?php print _('Mail Domains');?>"></i>
180+
</td>
181+
<td>
182+
<b><?php print _('Mail Domains');?></b>:
183+
</td>
184+
<td style="padding-left:10px;padding-right:10px;">
185+
<?=$data[$key]['U_MAIL_DOMAINS']?>
186+
</td>
187+
</tr>
188+
</table>
189+
</td>
190+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
191+
<table>
192+
<tr>
193+
<td style="width:42px;text-align: center;font-size:1.2rem;">
194+
<i class="fas fa-inbox status-icon dim" title="<?php print _('Mail Accounts');?>"></i>
195+
</td>
196+
<td>
197+
<b><?php print _('Mail Accounts');?></b>:
198+
</td>
199+
<td style="padding-left:10px;padding-right:10px;">
200+
<?=$data[$key]['U_MAIL_ACCOUNTS']?>
201+
</td>
202+
</tr>
203+
</table>
204+
</td>
205+
</tr>
206+
<tr>
207+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
208+
<table>
209+
<tr>
210+
<td style="width:42px;text-align: center;font-size:1.2rem;">
211+
<i class="fas fa-database status-icon dim" title="<?php print _('Databases');?>"></i>
212+
</td>
213+
<td>
214+
<b><?php print _('Databases');?></b>:
215+
</td>
216+
<td style="padding-left:10px;padding-right:10px;">
217+
<?=$data[$key]['U_DATABASES']?>
218+
</td>
219+
</tr>
220+
</table>
221+
</td>
222+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
223+
<table>
224+
<tr>
225+
<td style="width:42px;text-align: center;font-size:1.2rem;">
226+
<i class="fas fa-clock status-icon dim" title="<?php print _('Cron Jobs');?>"></i>
227+
</td>
228+
<td>
229+
<b><?php print _('Cron Jobs');?></b>:
230+
</td>
231+
<td style="padding-left:10px;padding-right:10px;">
232+
<?=$data[$key]['U_CRON_JOBS']?>
233+
</td>
234+
</tr>
235+
</table>
236+
</td>
237+
<td style="width: 33.3333%;padding-left:8px;padding-right:8px;padding-top: 4px;padding-bottom:4px;">
238+
<table>
239+
<tr>
240+
<td style="width:42px;text-align: center;font-size:1.2rem;">
241+
<i class="fas fa-file-archive status-icon dim" title="<?php print _('Backups');?>"></i>
242+
</td>
243+
<td>
244+
<b><?php print _('Backups');?></b>:
245+
</td>
246+
<td style="padding-left:10px;padding-right:10px;">
247+
<?=$data[$key]['U_BACKUPS']?>
248+
</td>
249+
</tr>
250+
</table>
251+
</td>
252+
</tr>
253+
</tbody>
254+
</table>
92255
</div>
256+
</div>
93257
<?}?>
94258
</div>
95259

0 commit comments

Comments
 (0)