glances/outputs/static/html/plugins/quicklook.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

<div class="table">
    <div class="table-row" ng-show="!show.per_cpu">
        <div class="table-cell text-left">CPU</div>
        <div class="table-cell">
            <div class="progress">
                <div class="progress-bar progress-bar-{{ statsQuicklook.getDecoration('cpu') }}" role="progressbar" aria-valuenow="{{ statsQuicklook.cpu }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ statsQuicklook.cpu }}%;">
                    &nbsp;
                </div>
            </div>
        </div>
        <div class="table-cell">
            {{ statsQuicklook.cpu }}%
        </div>
    </div>
    <div class="table-row" ng-show="show.per_cpu" ng-repeat="percpu in statsQuicklook.percpus">
        <div class="table-cell text-left">CPU{{ percpu.number }}</div>
        <div class="table-cell">
            <div class="progress">
                <div class="progress-bar progress-bar-{{ statsQuicklook.getDecoration('cpu') }}" role="progressbar" aria-valuenow="{{ percpu.total }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ percpu.total }}%;">
                    &nbsp;
                </div>
            </div>
        </div>
        <div class="table-cell">
            {{ percpu.total }}%
        </div>
    </div>
    <div class="table-row">
        <div class="table-cell text-left">MEM</div>
        <div class="table-cell">
            <div class="progress">
                <div class="progress-bar progress-bar-{{ statsQuicklook.getDecoration('mem') }}" role="progressbar" aria-valuenow="{{ statsQuicklook.mem }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ statsQuicklook.mem }}%;">
                    &nbsp;
                </div>
            </div>
        </div>
        <div class="table-cell">
            {{ statsQuicklook.mem }}%
        </div>
    </div>
    <div class="table-row">
        <div class="table-cell text-left">SWAP</div>
        <div class="table-cell">
            <div class="progress">
                <div class="progress-bar progress-bar-{{ statsQuicklook.getDecoration('swap') }}" role="progressbar" aria-valuenow="{{ statsQuicklook.swap }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ statsQuicklook.swap }}%;">
                    &nbsp;
                </div>
            </div>
        </div>
        <div class="table-cell">
            {{ statsQuicklook.swap }}%
        </div>
    </div>
</div>