Subversion Repositories ALCASAR

Rev

Go to most recent revision | Details | Last modification | View Log

Rev Author Line No. Line
2809 rexy 1 
    <div class="container">
2 
        <ul class="nav nav-tabs" id="tableTab" role="tablist">
3 
            <li class="nav-item">
4 
                <a class="nav-link active" id="hourly-table-tab" data-toggle="tab" href="#hourly-table" role="tab" aria-controls="hourly-table" aria-selected="true">Hourly</a>
5 
            </li>
6 
            <li class="nav-item">
7 
                <a class="nav-link" id="daily-table-tab" data-toggle="tab" href="#daily-table" role="tab" aria-controls="daily-table" aria-selected="false">Daily</a>
8 
            </li>
9 
            <li class="nav-item">
10 
                <a class="nav-link" id="monthly-table-tab" data-toggle="tab" href="#monthly-table" role="tab" aria-controls="monthly-table" aria-selected="false">Monthly</a>
11 
            </li>
12 
            <li class="nav-item">
13 
                <a class="nav-link" id="top10-table-tab" data-toggle="tab" href="#top10-table" role="tab" aria-controls="top10-table" aria-selected="false">Top 10</a>
14 
            </li>
15 
        </ul>
16 
 
17 
        <div class="tab-content" id="tableTabContent">
18 
            <div class="tab-pane fade show active" id="hourly-table" role="tabpanel" aria-labelledby="hourly-table-tab">
19 
                <table class="table table-bordered">
20 
                    <thead>
21 
                        <tr>
22 
                            <th>Hour</th>
23 
                            <th>Received</th>
24 
                            <th>Sent</th>
25 
                            <th>Total</th>
26 
                        </tr>
27 
                    </thead>
28 
                    <tbody>
29 
{foreach from=$hourlyTableData key=key item=value}
30 
                        <tr>
31 
                            <td>{$value.label}</td>
32 
                            <td>{$value.rx}</td>
33 
                            <td>{$value.tx}</td>
34 
                            <td>{$value.total}</td>
35 
                        </tr>
36 
{/foreach}
37 
                    </tbody>
38 
                </table>
39 
            </div>
40 
 
41 
            <div class="tab-pane fade" id="daily-table" role="tabpanel" aria-labelledby="daily-table-tab">
42 
                <table class="table table-bordered">
43 
                    <thead>
44 
                        <tr>
45 
                            <th>Day</th>
46 
                            <th>Received</th>
47 
                            <th>Sent</th>
48 
                            <th>Total</th>
49 
                        </tr>
50 
                    </thead>
51 
                    <tbody>
52 
{foreach from=$dailyTableData key=key item=value}
53 
                        <tr>
54 
                            <td>{$value.label}</td>
55 
                            <td>{$value.rx}</td>
56 
                            <td>{$value.tx}</td>
57 
                            <td>{$value.total}</td>
58 
                        </tr>
59 
{/foreach}
60 
                    </tbody>
61 
                </table>
62 
            </div>
63 
 
64 
            <div class="tab-pane fade" id="monthly-table" role="tabpanel" aria-labelledby="monthly-table-tab">
65 
                <table class="table table-bordered">
66 
                    <thead>
67 
                        <tr>
68 
                            <th>Month</th>
69 
                            <th>Received</th>
70 
                            <th>Sent</th>
71 
                            <th>Total</th>
72 
                        </tr>
73 
                    </thead>
74 
                    <tbody>
75 
{foreach from=$monthlyTableData key=key item=value}
76 
                        <tr>
77 
                            <td>{$value.label}</td>
78 
                            <td>{$value.rx}</td>
79 
                            <td>{$value.tx}</td>
80 
                            <td>{$value.total}</td>
81 
                        </tr>
82 
{/foreach}
83 
                    </tbody>
84 
                </table>
85 
            </div>
86 
 
87 
            <div class="tab-pane fade" id="top10-table" role="tabpanel" aria-labelledby="top10-table-tab">
88 
                <table class="table table-bordered">
89 
                    <thead>
90 
                        <tr>
91 
                            <th>Day</th>
92 
                            <th>Received</th>
93 
                            <th>Sent</th>
94 
                            <th>Total</th>
95 
                        </tr>
96 
                    </thead>
97 
                    <tbody>
98 
{foreach from=$top10TableData key=key item=value}
99 
                        <tr>
100 
                            <td>{$value.label}</td>
101 
                            <td>{$value.rx}</td>
102 
                            <td>{$value.tx}</td>
103 
                            <td>{$value.total}</td>
104 
                        </tr>
105 
{/foreach}
106 
                    </tbody>
107 
                </table>
108 
            </div>
109 
        </div>
110 
    </div>