diff options
Diffstat (limited to 'glances/outputs/static/html/plugins')
19 files changed, 275 insertions, 0 deletions
diff --git a/glances/outputs/static/html/plugins/alert.html b/glances/outputs/static/html/plugins/alert.html new file mode 100644 index 00000000..ea13e876 --- /dev/null +++ b/glances/outputs/static/html/plugins/alert.html @@ -0,0 +1,7 @@ +<div class="table"> + <div class="table-row" ng-repeat="alert in result['alert']"> + <div class="table-cell text-left"> +{{alert.begin | date : 'yyyy-MM-dd H:mm:ss'}} ({{ alert.ongoing ? 'ongoing' : alert.duration }}) - {{alert[2]}} on <span class="{{ alert[2] | lowercase }}">{{alert[3]}}</span> ({{alert[4]}}) + </div> + </div> +</div> diff --git a/glances/outputs/static/html/plugins/alerts.html b/glances/outputs/static/html/plugins/alerts.html new file mode 100644 index 00000000..a03db0fc --- /dev/null +++ b/glances/outputs/static/html/plugins/alerts.html @@ -0,0 +1,2 @@ +<span class="title" ng-show="!result['alert'].length">No warning or critical alert detected</span> +<span class="title" ng-show="result['alert'].length">Warning or critical alerts (lasts {{result['alert'].length}} entries)</span> diff --git a/glances/outputs/static/html/plugins/cpu.html b/glances/outputs/static/html/plugins/cpu.html new file mode 100644 index 00000000..84d5f2d0 --- /dev/null +++ b/glances/outputs/static/html/plugins/cpu.html @@ -0,0 +1,44 @@ +<div class="table" ng-show="!show.per_cpu"> + <div class="table-row"> + <div class="table-cell text-left title">CPU</div> + <div class="table-cell">{{result["cpu"].total}}%</div> + </div> + <div class="table-row"> + <div class="table-cell text-left">user:</div> + <div class="table-cell" ng-class="getAlertLog('cpu', 'cpu_user_', result['cpu'].user)"> + {{result["cpu"].user}}% + </div> + </div> + <div class="table-row"> + <div class="table-cell text-left">system:</div> + <div class="table-cell" ng-class="getAlertLog('cpu', 'cpu_system_', result['cpu'].system)"> + {{result["cpu"].system}}% + </div> + </div> + <div class="table-row"> + <div class="table-cell text-left">idle:</div> + <div class="table-cell">{{result["cpu"].idle}}%</div> + </div> +</div> +<div class="table" ng-show="show.per_cpu"> + <div class="table-row"> + <div class="table-cell text-left title">PER CPU</div> + <div class="table-cell" ng-repeat="percpu in result.percpu">{{percpu.total}}%</div> + </div> + <div class="table-row"> + <div class="table-cell text-left">user:</div> + <div class="table-cell" ng-repeat="percpu in result.percpu" ng-class="getAlert('percpu', 'percpu_user_', percpu.user)"> + {{percpu.user}}% + </div> + </div> + <div class="table-row"> + <div class="table-cell text-left">system:</div> + <div class="table-cell" ng-repeat="percpu in result.percpu" ng-class="getAlert('percpu', 'percpu_system_', percpu.system)"> + {{percpu.system}}% + </div> + </div> + <div class="table-row"> + <div class="table-cell text-left">idle:</div> + <div class="table-cell" ng-repeat="percpu in result.percpu">{{percpu.idle}}%</div> + </div> +</div> diff --git a/glances/outputs/static/html/plugins/cpu_more.html b/glances/outputs/static/html/plugins/cpu_more.html new file mode 100644 index 00000000..2c16332a --- /dev/null +++ b/glances/outputs/static/html/plugins/cpu_more.html @@ -0,0 +1,26 @@ +<div class="table"> + <div class="table-row"> + <div class="table-cell text-left">nice:</div> + <div class="table-cell"> + {{result["cpu"].nice}}% + </div> + </div> + <div class="table-row" ng-if="result['cpu'].irq != undefined"> + <div class="table-cell text-left">irq:</div> + <div class="table-cell"> + {{result["cpu"].irq}}% + </div> + </div> + <div class="table-row" ng-if="result['cpu'].iowait != undefined"> + <div class="table-cell text-left">iowait:</div> + <div class="table-cell" ng-class="getAlertLog('cpu', 'cpu_iowait_', result['cpu'].iowait)"> + {{result["cpu"].iowait}}% + </div> + </div> + <div class="table-row" ng-if="result['cpu'].steal != undefined"> + <div class="table-cell text-left">steal:</div> + <div class="table-cell" ng-class="getAlert('cpu', 'cpu_steal_', result['cpu'].steal)"> + {{result["cpu"].steal}}% + </div> + </div> +</div> diff --git a/glances/outputs/static/html/plugins/diskio.html b/glances/outputs/static/html/plugins/diskio.html new file mode 100644 index 00000000..35426170 --- /dev/null +++ b/glances/outputs/static/html/plugins/diskio.html @@ -0,0 +1,10 @@ +<div class="table-row"> + <div class="table-cell text-left title">DISK I/O</div> + <div class="table-cell">R/s</div> + <div class="table-cell">W/s</div> +</div> +<div class="table-row" ng-repeat="disk in result['diskio'] | orderBy: 'disk_name'"> + <div class="table-cell text-left">{{disk.disk_name | min_size}}</div> + <div class="table-cell">{{disk.read_bytes | bytes}}</div> + <div class="table-cell">{{disk.write_bytes | bytes}}</div> +</div> diff --git a/glances/outputs/static/html/plugins/docker.html b/glances/outputs/static/html/plugins/docker.html new file mode 100644 index 00000000..d30fa2d0 --- /dev/null +++ b/glances/outputs/static/html/plugins/docker.html @@ -0,0 +1,20 @@ +<span class="title">CONTAINERS</span> {{ result['docker']['containers'].length }} (served by Docker {{ result['docker']['version']['Version'] }}) + +<div class="table"> + <div class="table-row"> + <div class="table-cell">Id</div> + <div class="table-cell text-left">Name</div> + <div class="table-cell">Status</div> + <div class="table-cell">CPU%</div> + <div class="table-cell">MEM</div> + <div class="table-cell text-left">Command</div> + </div> + <div class="table-row" ng-repeat="container in result['docker']['containers']"> + <div class="table-cell">{{ container.Id | limitTo:12 }}</div> + <div class="table-cell text-left">{{ container.Names[0] }}</div> + <div class="table-cell" ng-class="container.Status == 'Paused' ? 'careful' : 'ok'">{{ container.Status }}</div> + <div class="table-cell">{{ container.cpu.total | number:1 }}</div> + <div class="table-cell">{{ container.memory.usage | bytes }}</div> + <div class="table-cell text-left">{{ container.Command }}</div> + </div> +</div> diff --git a/glances/outputs/static/html/plugins/fs.html b/glances/outputs/static/html/plugins/fs.html new file mode 100644 index 00000000..cd26163c --- /dev/null +++ b/glances/outputs/static/html/plugins/fs.html @@ -0,0 +1,12 @@ +<div class="table-row"> + <div class="table-cell text-left title">FILE SYS</div> + <div class="table-cell">Used</div> + <div class="table-cell">Total</div> +</div> +<div class="table-row" ng-repeat="fs in result['fs'] | orderBy: 'mnt_point'"> + <div class="table-cell text-left">{{fs.mnt_point}} ({{fs.device_name}})</div> + <div class="table-cell" ng-class="getAlert('fs', 'fs_', fs.percent)"> + {{fs.size - fs.free | bytes}} + </div> + <div class="table-cell">{{fs.size | bytes}}</div> +</div> diff --git a/glances/outputs/static/html/plugins/ip.html b/glances/outputs/static/html/plugins/ip.html new file mode 100644 index 00000000..161244d1 --- /dev/null +++ b/glances/outputs/static/html/plugins/ip.html @@ -0,0 +1 @@ + - <span class="title">IP</span> <span>{{result["ip"].address}}/{{result["ip"].mask_cidr}}</span> diff --git a/glances/outputs/static/html/plugins/load.html b/glances/outputs/static/html/plugins/load.html new file mode 100644 index 00000000..32677109 --- /dev/null +++ b/glances/outputs/static/html/plugins/load.html @@ -0,0 +1,24 @@ +<div class="table"> + <div class="table-row"> + <div class="table-cell text-left title">LOAD</div> + <div class="table-cell">{{result["load"].cpucore}}-core</div> + </div> + <div class="table-row"> + <div class="table-cell text-left">1 min:</div> + <div class="table-cell"> + {{result["load"].min1 | number : 2}} + </div> + </div> + <div class="table-row"> + <div class="table-cell text-left">5 min:</div> + <div class="table-cell" ng-class="getAlert('load', 'load_', result['load'].min5, 100 * result['load'].cpucore)"> + {{result["load"].min5 | number : 2}} + </div> + </div> + <div class="table-row"> + <div class="table-cell text-left">15 min:</div> + <div class="table-cell" ng-class="getAlertLog('load', 'load_', result['load'].min15, 100 * result['load'].cpucore)"> + {{result["load"].min15 | number : 2}} + </div> + </div> +</div> diff --git a/glances/outputs/static/html/plugins/mem.html b/glances/outputs/static/html/plugins/mem.html new file mode 100644 index 00000000..c02ff402 --- /dev/null +++ b/glances/outputs/static/html/plugins/mem.html @@ -0,0 +1,20 @@ +<div class="table"> + <div class="table-row"> + <div class="table-cell text-left title">MEM</div> + <div class="table-cell">{{result["mem"].percent}}%</div> + </div> + <div class="table-row"> + <div class="table-cell text-left">total:</div> + <div class="table-cell">{{result["mem"].total | bytes}}</div> + </div> + <div class="table-row"> + <div class="table-cell text-left">used:</div> + <div class="table-cell" ng-class="getAlertLog('mem', 'mem_', result['mem'].percent)"> + {{result["mem"].used | bytes:2}} + </div> + </div> + <div class="table-row"> + <div class="table-cell text-left">free:</div> + <div class="table-cell">{{result["mem"].free | bytes}}</div> + </div> +</div> diff --git a/glances/outputs/static/html/plugins/mem_more.html b/glances/outputs/static/html/plugins/mem_more.html new file mode 100644 index 00000000..913a17d5 --- /dev/null +++ b/glances/outputs/static/html/plugins/mem_more.html @@ -0,0 +1,18 @@ +<div class="table"> + <div class="table-row"> + <div class="table-cell text-left">active:</div> + <div class="table-cell">{{result["mem"].active | bytes}}</div> + </div> + <div class="table-row"> + <div class="table-cell text-left">inactive:</div> + <div class="table-cell">{{result["mem"].inactive | bytes}}</div> + </div> + <div class="table-row" ng-if="result['mem'].buffers != undefined"> + <div class="table-cell text-left">buffers:</div> + <div class="table-cell">{{result["mem"].buffers | bytes}}</div> + </div> + <div class="table-row" ng-if="result['mem'].cached != undefined"> + <div class="table-cell text-left">cached:</div> + <div class="table-cell">{{result["mem"].cached | bytes}}</div> + </div> +</div> diff --git a/glances/outputs/static/html/plugins/memswap.html b/glances/outputs/static/html/plugins/memswap.html new file mode 100644 index 00000000..af9c4025 --- /dev/null +++ b/glances/outputs/static/html/plugins/memswap.html @@ -0,0 +1,20 @@ +<div class="table"> + <div class="table-row"> + <div class="table-cell text-left title">SWAP</div> + <div class="table-cell">{{result["memswap"].percent}}%</div> + </div> + <div class="table-row"> + <div class="table-cell text-left">total:</div> + <div class="table-cell">{{result["memswap"].total | bytes}}</div> + </div> + <div class="table-row"> + <div class="table-cell text-left">used:</div> + <div class="table-cell" ng-class="getAlertLog('memswap', 'memswap_', result['memswap'].percent)"> + {{result["memswap"].used | bytes}} + </div> + </div> + <div class="table-row"> + <div class="table-cell text-left">free:</div> + <div class="table-cell">{{result["memswap"].free | bytes}}</div> + </div> +</div> diff --git a/glances/outputs/static/html/plugins/monitor.html b/glances/outputs/static/html/plugins/monitor.html new file mode 100644 index 00000000..01ded842 --- /dev/null +++ b/glances/outputs/static/html/plugins/monitor.html @@ -0,0 +1,3 @@ +<div class="table"> + <gl-monitor-process class="table-row" ng-repeat="process in processes" process="process"></gl-monitor-process> +</div> diff --git a/glances/outputs/static/html/plugins/network.html b/glances/outputs/static/html/plugins/network.html new file mode 100644 index 00000000..1f1a4016 --- /dev/null +++ b/glances/outputs/static/html/plugins/network.html @@ -0,0 +1,12 @@ +<div class="table-row"> + <div class="table-cell text-left title">NETWORK</div> + <div class="table-cell">Rx/s</div> + <div class="table-cell">Tx/s</div> +</div> +<div class="table-row" ng-repeat="network in result['network'] | orderBy: 'interface_name'"> + <div class="table-cell text-left">{{network.interface_name | min_size}}</div> + <div class="table-cell" ng-if="show.network_by_bytes">{{network.rx | bytes}}</div> + <div class="table-cell" ng-if="show.network_by_bytes">{{network.tx | bytes}}</div> + <div class="table-cell" ng-if="!show.network_by_bytes">{{network.rx | bits}}</div> + <div class="table-cell" ng-if="!show.network_by_bytes">{{network.tx | bits}}</div> +</div> diff --git a/glances/outputs/static/html/plugins/processcount.html b/glances/outputs/static/html/plugins/processcount.html new file mode 100644 index 00000000..a787edd3 --- /dev/null +++ b/glances/outputs/static/html/plugins/processcount.html @@ -0,0 +1,6 @@ +<span class="title">TASKS</span> +<span>{{result["processcount"].total}} ({{result["processcount"].thread}} thr),</span> +<span>{{result["processcount"].running}} run,</span> +<span>{{result["processcount"].sleeping}} slp,</span> +<span>{{result["processcount"].stopped}} oth</span> +<span> sorted {{ sorter.auto ? 'automatically' : '' }} by {{ sorter.getColumnLabel(sorter.column) }}, flat view</span> diff --git a/glances/outputs/static/html/plugins/processlist.html b/glances/outputs/static/html/plugins/processlist.html new file mode 100644 index 00000000..d738721b --- /dev/null +++ b/glances/outputs/static/html/plugins/processlist.html @@ -0,0 +1,33 @@ +<div class="table"> + <div class="table-row"> + <div sortable-th sorter="sorter" column="cpu_percent" class="table-cell">CPU%</div> + <div sortable-th sorter="sorter" column="memory_percent" class="table-cell">MEM%</div> + <div class="table-cell hidden-xs hidden-sm">VIRT</div> + <div class="table-cell hidden-xs hidden-sm">RES</div> + <div class="table-cell">PID</div> + <div sortable-th sorter="sorter" column="username" class="table-cell text-left">USER</div> + <div class="table-cell">NI</div> + <div class="table-cell">S</div> + <div sortable-th sorter="sorter" column="timemillis" class="table-cell hidden-xs hidden-sm">TIME+</div> + <div sortable-th sorter="sorter" column="io_read" class="table-cell hidden-xs hidden-sm">IOR/s</div> + <div sortable-th sorter="sorter" column="io_write" class="table-cell hidden-xs hidden-sm">IOW/s</div> + <div sortable-th sorter="sorter" column="name" class="table-cell text-left">Command</div> + </div> + <div class="table-row" ng-repeat="process in result['processlist'] | orderBy:sorter.column:sorter.isReverseColumn(sorter.column)"> + <div class="table-cell" ng-class="getAlert('processlist', 'processlist_cpu_', process.cpu_percent)">{{process.cpu_percent | number:1}}</div> + <div class="table-cell" ng-class="getAlert('processlist', 'processlist_mem_', process.memory_percent)">{{process.memory_percent | number:1}}</div> + <div class="table-cell hidden-xs hidden-sm">{{process.memvirt | bytes}}</div> + <div class="table-cell hidden-xs hidden-sm">{{process.memres | bytes}}</div> + <div class="table-cell">{{process.pid}}</div> + <div class="table-cell text-left">{{process.username}}</div> + <div class="table-cell" ng-class="{nice: isNice(process.nice)}">{{process.nice | exclamation}}</div> + <div class="table-cell" ng-class="{status: process.status == 'R'}">{{process.status}}</div> + <div class="table-cell hidden-xs hidden-sm"> + <span ng-show="process.timeplus.hours > 0" class="highlight">{{ process.timeplus.hours }}h</span>{{ process.timeplus.minutes | leftPad:2:'0' }}:{{ process.timeplus.seconds | leftPad:2:'0' }}<span ng-show="process.timeplus.hours <= 0">.{{ process.timeplus.milliseconds | leftPad:2:'0' }}</span> + </div> + <div class="table-cell hidden-xs hidden-sm">{{process.io_read}}</div> + <div class="table-cell hidden-xs hidden-sm">{{process.io_write}}</div> + <div class="table-cell text-left" ng-if="show.short_process_name">{{process.name}}</div> + <div class="table-cell text-left" ng-if="!show.short_process_name">{{process.cmdline}}</div> + </div> +</div> diff --git a/glances/outputs/static/html/plugins/sensors.html b/glances/outputs/static/html/plugins/sensors.html new file mode 100644 index 00000000..0ee09581 --- /dev/null +++ b/glances/outputs/static/html/plugins/sensors.html @@ -0,0 +1,13 @@ +<div class="table-row"> + <div class="table-cell text-left title">SENSORS</div> +</div> +<div class="table-row" ng-repeat="sensor in result['sensors']"> + <div class="table-cell text-left">{{ sensor.label }}</div> + <div class="table-cell">{{ sensor.unit }}</div> + <div class="table-cell" ng-if="sensor.type != 'battery'" ng-class="getAlert('sensors', 'sensors_' + sensor.type + '_', sensor.value)"> + {{ sensor.value }} + </div> + <div class="table-cell" ng-if="sensor.type == 'battery'" ng-class="getAlert('sensors', 'sensors_' + sensor.type + '_', 100 - sensor.value)"> + {{ sensor.value }} + </div> +</div> diff --git a/glances/outputs/static/html/plugins/system.html b/glances/outputs/static/html/plugins/system.html new file mode 100644 index 00000000..6349117d --- /dev/null +++ b/glances/outputs/static/html/plugins/system.html @@ -0,0 +1,3 @@ +<span class="title">{{ result["system"].hostname }}</span> +<span ng-if="is_linux" class="hidden-xs hidden-sm">({{ result["system"].hr_name }} / {{ result["system"].os_name }} {{ result["system"].os_version }})</span> +<span ng-if="!is_linux" class="hidden-xs hidden-sm">({{ result["system"].os_name }} {{ result["system"].os_version }} {{ result["system"].platform }})</span> diff --git a/glances/outputs/static/html/plugins/uptime.html b/glances/outputs/static/html/plugins/uptime.html new file mode 100644 index 00000000..10222fb4 --- /dev/null +++ b/glances/outputs/static/html/plugins/uptime.html @@ -0,0 +1 @@ +<span>Uptime: {{result["uptime"]}}</span> |