Subversion Repositories ALCASAR

Rev

Rev 2809 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log

Rev 2809 Rev 3106
1 
    <div class="container">
 1 
    <div class="container">
2 
        <ul class="nav nav-tabs" id="tableTab" role="tablist">
 2 
        <ul class="nav nav-tabs" id="tableTab" role="tablist">
- 
 
 3 
            {if $jsonVersion gt 1}
3 
            <li class="nav-item">
 4 
                <li class="nav-item">
- 
 
 5 
                    <a class="nav-link active" id="five-table-tab" data-toggle="tab" href="#five-table" role="tab" aria-controls="five-table" aria-selected="true">Five Minute</a>
- 
 
 6 
                </li>
- 
 
 7 
                <li class="nav-item">
- 
 
 8 
                    <a class="nav-link" id="hourly-table-tab" data-toggle="tab" href="#hourly-table" role="tab" aria-controls="hourly-table" aria-selected="false">Hourly</a>
- 
 
 9 
                </li>
- 
 
 10 
                {else}
- 
 
 11 
                <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>
 12 
                    <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>
 13 
                </li>
- 
 
 14 
            {/if}
6 
            <li class="nav-item">
 15 
            <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>
 16 
                <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>
 17 
            </li>
9 
            <li class="nav-item">
 18 
            <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>
 19 
                <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>
 20 
            </li>
12 
            <li class="nav-item">
 21 
            <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>
 22 
                <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>
 23 
            </li>
15 
        </ul>
 24 
        </ul>
16 
 
 25 
 
17 
        <div class="tab-content" id="tableTabContent">
 26 
        <div class="tab-content" id="tableTabContent">
- 
 
 27 
            {if $jsonVersion gt 1}
- 
 
 28 
            <div class="tab-pane fade show active" id="five-table" role="tabpanel" aria-labelledby="five-table-tab">
- 
 
 29 
                <table class="table table-bordered">
- 
 
 30 
                    <thead>
- 
 
 31 
                        <tr>
- 
 
 32 
                            <th>Time</th>
- 
 
 33 
                            <th>Received</th>
- 
 
 34 
                            <th>Sent</th>
- 
 
 35 
                            <th>Total</th>
- 
 
 36 
                        </tr>
- 
 
 37 
                    </thead>
- 
 
 38 
                    <tbody>
- 
 
 39 
{foreach from=$fiveTableData key=key item=value}
- 
 
 40 
                        <tr>
- 
 
 41 
                            <td>{$value.label}</td>
- 
 
 42 
                            <td>{$value.rx}</td>
- 
 
 43 
                            <td>{$value.tx}</td>
- 
 
 44 
                            <td>{$value.total}</td>
- 
 
 45 
                        </tr>
- 
 
 46 
{/foreach}
- 
 
 47 
                    </tbody>
- 
 
 48 
                </table>
- 
 
 49 
            </div>
- 
 
 50 
 
- 
 
 51 
            <div class="tab-pane fade" id="hourly-table" role="tabpanel" aria-labelledby="hourly-table-tab">
- 
 
 52 
            {else}
18 
            <div class="tab-pane fade show active" id="hourly-table" role="tabpanel" aria-labelledby="hourly-table-tab">
 53 
            <div class="tab-pane fade show active" id="hourly-table" role="tabpanel" aria-labelledby="hourly-table-tab">
- 
 
 54 
            {/if}
19 
                <table class="table table-bordered">
 55 
                <table class="table table-bordered">
20 
                    <thead>
 56 
                    <thead>
21 
                        <tr>
 57 
                        <tr>
22 
                            <th>Hour</th>
 58 
                            <th>Hour</th>
23 
                            <th>Received</th>
 59 
                            <th>Received</th>
24 
                            <th>Sent</th>
 60 
                            <th>Sent</th>
25 
                            <th>Total</th>
 61 
                            <th>Total</th>
26 
                        </tr>
 62 
                        </tr>
27 
                    </thead>
 63 
                    </thead>
28 
                    <tbody>
 64 
                    <tbody>
29 
{foreach from=$hourlyTableData key=key item=value}
 65 
{foreach from=$hourlyTableData key=key item=value}
30 
                        <tr>
 66 
                        <tr>
31 
                            <td>{$value.label}</td>
 67 
                            <td>{$value.label}</td>
32 
                            <td>{$value.rx}</td>
 68 
                            <td>{$value.rx}</td>
33 
                            <td>{$value.tx}</td>
 69 
                            <td>{$value.tx}</td>
34 
                            <td>{$value.total}</td>
 70 
                            <td>{$value.total}</td>
35 
                        </tr>
 71 
                        </tr>
36 
{/foreach}
 72 
{/foreach}
37 
                    </tbody>
 73 
                    </tbody>
38 
                </table>
 74 
                </table>
39 
            </div>
 75 
            </div>
40 
 
 76 
 
41 
            <div class="tab-pane fade" id="daily-table" role="tabpanel" aria-labelledby="daily-table-tab">
 77 
            <div class="tab-pane fade" id="daily-table" role="tabpanel" aria-labelledby="daily-table-tab">
42 
                <table class="table table-bordered">
 78 
                <table class="table table-bordered">
43 
                    <thead>
 79 
                    <thead>
44 
                        <tr>
 80 
                        <tr>
45 
                            <th>Day</th>
 81 
                            <th>Day</th>
46 
                            <th>Received</th>
 82 
                            <th>Received</th>
47 
                            <th>Sent</th>
 83 
                            <th>Sent</th>
48 
                            <th>Total</th>
 84 
                            <th>Total</th>
49 
                        </tr>
 85 
                        </tr>
50 
                    </thead>
 86 
                    </thead>
51 
                    <tbody>
 87 
                    <tbody>
52 
{foreach from=$dailyTableData key=key item=value}
 88 
{foreach from=$dailyTableData key=key item=value}
53 
                        <tr>
 89 
                        <tr>
54 
                            <td>{$value.label}</td>
 90 
                            <td>{$value.label}</td>
55 
                            <td>{$value.rx}</td>
 91 
                            <td>{$value.rx}</td>
56 
                            <td>{$value.tx}</td>
 92 
                            <td>{$value.tx}</td>
57 
                            <td>{$value.total}</td>
 93 
                            <td>{$value.total}</td>
58 
                        </tr>
 94 
                        </tr>
59 
{/foreach}
 95 
{/foreach}
60 
                    </tbody>
 96 
                    </tbody>
61 
                </table>
 97 
                </table>
62 
            </div>
 98 
            </div>
63 
 
 99 
 
64 
            <div class="tab-pane fade" id="monthly-table" role="tabpanel" aria-labelledby="monthly-table-tab">
 100 
            <div class="tab-pane fade" id="monthly-table" role="tabpanel" aria-labelledby="monthly-table-tab">
65 
                <table class="table table-bordered">
 101 
                <table class="table table-bordered">
66 
                    <thead>
 102 
                    <thead>
67 
                        <tr>
 103 
                        <tr>
68 
                            <th>Month</th>
 104 
                            <th>Month</th>
69 
                            <th>Received</th>
 105 
                            <th>Received</th>
70 
                            <th>Sent</th>
 106 
                            <th>Sent</th>
71 
                            <th>Total</th>
 107 
                            <th>Total</th>
72 
                        </tr>
 108 
                        </tr>
73 
                    </thead>
 109 
                    </thead>
74 
                    <tbody>
 110 
                    <tbody>
75 
{foreach from=$monthlyTableData key=key item=value}
 111 
{foreach from=$monthlyTableData key=key item=value}
76 
                        <tr>
 112 
                        <tr>
77 
                            <td>{$value.label}</td>
 113 
                            <td>{$value.label}</td>
78 
                            <td>{$value.rx}</td>
 114 
                            <td>{$value.rx}</td>
79 
                            <td>{$value.tx}</td>
 115 
                            <td>{$value.tx}</td>
80 
                            <td>{$value.total}</td>
 116 
                            <td>{$value.total}</td>
81 
                        </tr>
 117 
                        </tr>
82 
{/foreach}
 118 
{/foreach}
83 
                    </tbody>
 119 
                    </tbody>
84 
                </table>
 120 
                </table>
85 
            </div>
 121 
            </div>
86 
 
 122 
 
87 
            <div class="tab-pane fade" id="top10-table" role="tabpanel" aria-labelledby="top10-table-tab">
 123 
            <div class="tab-pane fade" id="top10-table" role="tabpanel" aria-labelledby="top10-table-tab">
88 
                <table class="table table-bordered">
 124 
                <table class="table table-bordered">
89 
                    <thead>
 125 
                    <thead>
90 
                        <tr>
 126 
                        <tr>
91 
                            <th>Day</th>
 127 
                            <th>Day</th>
92 
                            <th>Received</th>
 128 
                            <th>Received</th>
93 
                            <th>Sent</th>
 129 
                            <th>Sent</th>
94 
                            <th>Total</th>
 130 
                            <th>Total</th>
95 
                        </tr>
 131 
                        </tr>
96 
                    </thead>
 132 
                    </thead>
97 
                    <tbody>
 133 
                    <tbody>
98 
{foreach from=$top10TableData key=key item=value}
 134 
{foreach from=$top10TableData key=key item=value}
99 
                        <tr>
 135 
                        <tr>
100 
                            <td>{$value.label}</td>
 136 
                            <td>{$value.label}</td>
101 
                            <td>{$value.rx}</td>
 137 
                            <td>{$value.rx}</td>
102 
                            <td>{$value.tx}</td>
 138 
                            <td>{$value.tx}</td>
103 
                            <td>{$value.total}</td>
 139 
                            <td>{$value.total}</td>
104 
                        </tr>
 140 
                        </tr>
105 
{/foreach}
 141 
{/foreach}
106 
                    </tbody>
 142 
                    </tbody>
107 
                </table>
 143 
                </table>
108 
            </div>
 144 
            </div>
109 
        </div>
 145 
        </div>
110 
    </div>
 146 
    </div>
111 
 
 147