smecontribs/smeserver-mailstats
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make table responsive for web

Browse Source
This commit is contained in:
Brian Read 2024-06-06 16:52:17 +01:00
parent 0bc452c38a
commit 52c1bfba48
1 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
root/opt/mailstats/templates/mailstats.html.pt
View File

@ -1,4 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- 1. Take out style for table for email
2. Switch "see in Browser" to "index" in web version
>
<html><head> <html><head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>SMEServer Mailstats</title> <title>SMEServer Mailstats</title>
@ -40,22 +43,24 @@
<br /> <br />
<h2>${title}</h2> <h2>${title}</h2>
<br /> <br />
<table border="1"> <div style="width:100%;overflow-x:auto;font-size:1.35cqw">
<thead> <table border="1">
<tr> <thead>
<th>Date/Time</th> <tr>
<th tal:repeat="header column_headers" tal:content="header">Header</th> <th>Date/Time</th>
</tr> <th tal:repeat="header column_headers" tal:content="header">Header</th>
</thead> </tr>
<tbody> </thead>
<tr tal:repeat="row array_2d"> <tbody>
<td tal:condition="repeat.row.index == 24" tal:content="'TOTALS'">Totals</td> <tr tal:repeat="row array_2d">
<td tal:condition="repeat.row.index == 25" tal:content="'PERCENT'">Percent</td> <td tal:condition="repeat.row.index == 24" tal:content="'TOTALS'">Totals</td>
<td tal:condition="repeat.row.index < 24" tal:content="string:${reporting_date}, ${repeat.row.index}">Hour</td> <td tal:condition="repeat.row.index == 25" tal:content="'PERCENT'">Percent</td>
<td tal:repeat="cell row" tal:content="cell">Cell</td> <td tal:condition="repeat.row.index < 24" tal:content="string:${reporting_date}, ${repeat.row.index}">Hour</td>
</tr> <td tal:repeat="cell row" tal:content="cell">Cell</td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
<!---Add in sub tables here --> <!---Add in sub tables here -->
<br /> <br />
<footer>${version}</footer> <footer>${version}</footer>