[ticket/15610] Improving UI of Board Statistics

Master Improving UI of Board Statistics in ACP.

Statistics table was divided into two in acp_main.html.

PHPBB3-15610
This commit is contained in:
amalnaeem 2018-04-05 21:09:41 +05:00 committed by Marc Alexander
parent 9b5b058925
commit a66c4170a9
No known key found for this signature in database
GPG key ID: 50E0D2423696F995
2 changed files with 57 additions and 14 deletions

View file

@ -94,14 +94,13 @@
<!-- EVENT acp_main_notice_after --> <!-- EVENT acp_main_notice_after -->
<table class="table1 zebra-table no-header" data-no-responsive-header="true"> <div id = "lside">
<caption>{L_FORUM_STATS}</caption>
<!--<col class="col1" /><col class="col2" /><col class="col1" /><col class="col2" />--> <table class="table1 zebra-table no-header " data-no-responsive-header="true">
<thead> <thead>
<tr> <tr>
<th>{L_STATISTIC}</th> <th>Forum Statistics</th>
<th>{L_VALUE}</th>
<th>{L_STATISTIC}</th>
<th>{L_VALUE}</th> <th>{L_VALUE}</th>
</tr> </tr>
</thead> </thead>
@ -109,48 +108,83 @@
<tr> <tr>
<td>{L_NUMBER_POSTS}{L_COLON} </td> <td>{L_NUMBER_POSTS}{L_COLON} </td>
<td><strong>{TOTAL_POSTS}</strong></td> <td><strong>{TOTAL_POSTS}</strong></td>
</tr>
<tr>
<td>{L_POSTS_PER_DAY}{L_COLON} </td> <td>{L_POSTS_PER_DAY}{L_COLON} </td>
<td><strong>{POSTS_PER_DAY}</strong></td> <td><strong>{POSTS_PER_DAY}</strong></td>
</tr> </tr>
<tr> <tr>
<td>{L_NUMBER_TOPICS}{L_COLON} </td> <td>{L_NUMBER_TOPICS}{L_COLON} </td>
<td><strong>{TOTAL_TOPICS}</strong></td> <td><strong>{TOTAL_TOPICS}</strong></td>
</tr>
<tr>
<td>{L_TOPICS_PER_DAY}{L_COLON} </td> <td>{L_TOPICS_PER_DAY}{L_COLON} </td>
<td><strong>{TOPICS_PER_DAY}</strong></td> <td><strong>{TOPICS_PER_DAY}</strong></td>
</tr> </tr>
<tr> <tr>
<td>{L_NUMBER_USERS}{L_COLON} </td> <td>{L_NUMBER_USERS}{L_COLON} </td>
<td><strong>{TOTAL_USERS}</strong></td> <td><strong>{TOTAL_USERS}</strong></td>
</tr>
<tr>
<td>{L_USERS_PER_DAY}{L_COLON} </td> <td>{L_USERS_PER_DAY}{L_COLON} </td>
<td><strong>{USERS_PER_DAY}</strong></td> <td><strong>{USERS_PER_DAY}</strong></td>
</tr> </tr>
<tr> <tr>
<td>{L_NUMBER_FILES}{L_COLON} </td> <td>{L_NUMBER_FILES}{L_COLON} </td>
<td><strong>{TOTAL_FILES}</strong></td> <td><strong>{TOTAL_FILES}</strong></td>
</tr>
<tr>
<td>{L_FILES_PER_DAY}{L_COLON} </td> <td>{L_FILES_PER_DAY}{L_COLON} </td>
<td><strong>{FILES_PER_DAY}</strong></td> <td><strong>{FILES_PER_DAY}</strong></td>
</tr>&nbsp;
<tr>
<td>&nbsp; </td>
<td>&nbsp;</td>
</tr> </tr>
</tbody>
</table>
</div>
&nbsp;&nbsp;&nbsp;
<div id="lside" >
<table class="table1 zebra-table no-header" data-no-responsive-header="true" >
<thead>
<tr>
<th>Configuration Statistics</th>
<th>{L_VALUE}</th>
</tr>
</thead>
<tbody>
<tr> <tr>
<td>{L_BOARD_STARTED}{L_COLON} </td> <td>{L_BOARD_STARTED}{L_COLON} </td>
<td><strong>{START_DATE}</strong></td> <td><strong>{START_DATE}</strong></td>
</tr>
<tr>
<td>{L_AVATAR_DIR_SIZE}{L_COLON} </td> <td>{L_AVATAR_DIR_SIZE}{L_COLON} </td>
<td><strong>{AVATAR_DIR_SIZE}</strong></td> <td><strong>{AVATAR_DIR_SIZE}</strong></td>
</tr> </tr>
<tr> <tr>
<td>{L_DATABASE_SIZE}{L_COLON} </td> <td>{L_DATABASE_SIZE}{L_COLON} </td>
<td><strong>{DBSIZE}</strong></td> <td><strong>{DBSIZE}</strong></td>
</tr>
<tr>
<td>{L_UPLOAD_DIR_SIZE}{L_COLON} </td> <td>{L_UPLOAD_DIR_SIZE}{L_COLON} </td>
<td><strong>{UPLOAD_DIR_SIZE}</strong></td> <td><strong>{UPLOAD_DIR_SIZE}</strong></td>
</tr> </tr>
<tr> <tr>
<td>{L_DATABASE_SERVER_INFO}{L_COLON} </td> <td>{L_DATABASE_SERVER_INFO}{L_COLON} </td>
<td><strong>{DATABASE_INFO}</strong></td> <td><strong>{DATABASE_INFO}</strong></td>
</tr>
<tr>
<td>{L_GZIP_COMPRESSION}{L_COLON} </td> <td>{L_GZIP_COMPRESSION}{L_COLON} </td>
<td><strong>{GZIP_COMPRESSION}</strong></td> <td><strong>{GZIP_COMPRESSION}</strong></td>
</tr> </tr>
<tr> <tr>
<td>{L_PHP_VERSION}{L_COLON} </td> <td>{L_PHP_VERSION}{L_COLON} </td>
<td><strong>{PHP_VERSION_INFO}</strong></td> <td><strong>{PHP_VERSION_INFO}</strong></td>
</tr>
<tr>
<!-- IF S_TOTAL_ORPHAN --> <!-- IF S_TOTAL_ORPHAN -->
<td>{L_NUMBER_ORPHAN}{L_COLON} </td> <td>{L_NUMBER_ORPHAN}{L_COLON} </td>
<td> <td>
@ -161,8 +195,7 @@
<!-- ENDIF --> <!-- ENDIF -->
</td> </td>
<!-- ELSE --> <!-- ELSE -->
<td>&nbsp;</td>
<td>&nbsp;</td>
<!-- ENDIF --> <!-- ENDIF -->
</tr> </tr>
<!-- IF S_VERSIONCHECK --> <!-- IF S_VERSIONCHECK -->
@ -171,13 +204,12 @@
<td> <td>
<strong><a href="{U_VERSIONCHECK}" <!-- IF S_VERSION_UP_TO_DATE -->style="color: #228822;" <!-- ELSEIF not S_VERSIONCHECK_FAIL -->style="color: #BC2A4D;" <!-- ENDIF -->title="{L_MORE_INFORMATION}">{BOARD_VERSION}</a></strong> [&nbsp;<a href="{U_VERSIONCHECK_FORCE}">{L_VERSIONCHECK_FORCE_UPDATE}</a>&nbsp;] <strong><a href="{U_VERSIONCHECK}" <!-- IF S_VERSION_UP_TO_DATE -->style="color: #228822;" <!-- ELSEIF not S_VERSIONCHECK_FAIL -->style="color: #BC2A4D;" <!-- ENDIF -->title="{L_MORE_INFORMATION}">{BOARD_VERSION}</a></strong> [&nbsp;<a href="{U_VERSIONCHECK_FORCE}">{L_VERSIONCHECK_FORCE_UPDATE}</a>&nbsp;]
</td> </td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr> </tr>
<!-- ENDIF --> <!-- ENDIF -->
</tbody> </tbody>
</table> </table>
</div>
<!-- IF S_ACTION_OPTIONS --> <!-- IF S_ACTION_OPTIONS -->
<fieldset> <fieldset>
<legend>{L_STATISTIC_RESYNC_OPTIONS}</legend> <legend>{L_STATISTIC_RESYNC_OPTIONS}</legend>

View file

@ -723,11 +723,22 @@ td {
} }
.table1 { .table1 {
border-collapse: separate;
border-spacing: 1px; border-spacing: 1px;
clear: both; border-collapse: separate;
display:inline-block;
} }
#lside {
display: inline-block;
width: 40%;
}
.table1 td {
width: 25%;
}
dt#color_palette_placeholder table { dt#color_palette_placeholder table {
margin-right: 5px; margin-right: 5px;
width: 80px; width: 80px;