Subversion Repositories ALCASAR

Rev

Rev 2809 | Details | Compare with Previous | Last modification | View Log

Rev Author Line No. Line
2809 rexy 1
    <div class="container">
2
        <ul class="nav nav-tabs" id="graphTab" role="tablist">
3106 rexy 3
            {if $jsonVersion gt 1}
4
                <li class="nav-item">
5
                    <a class="nav-link active" id="five-graph-tab" data-toggle="tab" href="#five-graph" role="tab" aria-controls="five-graph" aria-selected="true">Five Minute Graph</a>
6
                </li>
7
                <li class="nav-item">
8
                    <a class="nav-link" id="hourly-graph-tab" data-toggle="tab" href="#hourly-graph" role="tab" aria-controls="hourly-graph" aria-selected="false">Hourly Graph</a>
9
                </li>
10
            {else}
11
                <li class="nav-item">
12
                    <a class="nav-link active" id="hourly-graph-tab" data-toggle="tab" href="#hourly-graph" role="tab" aria-controls="hourly-graph" aria-selected="true">Hourly Graph</a>
13
                </li>
14
            {/if}
2809 rexy 15
            <li class="nav-item">
16
                <a class="nav-link" id="daily-graph-tab" data-toggle="tab" href="#daily-graph" role="tab" aria-controls="daily-graph" aria-selected="false">Daily Graph</a>
17
            </li>
18
            <li class="nav-item">
19
                <a class="nav-link" id="monthly-graph-tab" data-toggle="tab" href="#monthly-graph" role="tab" aria-controls="monthly-graph" aria-selected="false">Monthly Graph</a>
20
            </li>
21
        </ul>
22
 
23
        <div class="tab-content">
3106 rexy 24
            {if $jsonVersion gt 1}
25
                <div class="tab-pane fade show active" id="five-graph" role="tabpanel" aria-labelledby="five-graph-tab">
26
                    <div id="fiveNetworkTrafficGraph" style="height: 300px;"></div>
27
                </div>
2809 rexy 28
 
3106 rexy 29
                <div class="tab-pane fade" id="hourly-graph" role="tabpanel" aria-labelledby="hourly-graph-tab">
30
                    <div id="hourlyNetworkTrafficGraph" style="height: 300px;"></div>
31
                </div>
32
            {else}
33
                <div class="tab-pane fade show active" id="hourly-graph" role="tabpanel" aria-labelledby="hourly-graph-tab">
34
                    <div id="hourlyNetworkTrafficGraph" style="height: 300px;"></div>
35
                </div>
36
            {/if}
37
 
2809 rexy 38
            <div class="tab-pane fade" id="daily-graph" role="tabpanel" aria-labelledby="daily-graph-tab">
39
                <div id="dailyNetworkTrafficGraph" style="height: 300px;"></div>
40
            </div>
41
 
42
            <div class="tab-pane fade" id="monthly-graph" role="tabpanel" aria-labelledby="monthly-graph-tab">
43
                <div id="monthlyNetworkTrafficGraph" style="height: 300px;"></div>
44
            </div>
45
        </div>
46
    </div>