diff options
Diffstat (limited to 'glances/outputs/static/html')
23 files changed, 434 insertions, 0 deletions
diff --git a/glances/outputs/static/html/components/monitor_process.html b/glances/outputs/static/html/components/monitor_process.html new file mode 100644 index 00000000..ec883040 --- /dev/null +++ b/glances/outputs/static/html/components/monitor_process.html @@ -0,0 +1,4 @@ +<div class="table-cell {{ descriptionClass }}">{{ process.description }}</div> +<div class="table-cell">{{ process.count > 1 ? process.count : '' }}</div> +<div class="table-cell">{{ process.count > 0 ? 'RUNNING' : 'NOT RUNNING' }}</div> +<div class="table-cell">{{ process.result }}</div> diff --git a/glances/outputs/static/html/help.html b/glances/outputs/static/html/help.html new file mode 100644 index 00000000..b193d08e --- /dev/null +++ b/glances/outputs/static/html/help.html @@ -0,0 +1,63 @@ +<div class="row"> + <div class="col-sm-2 col-lg-10">{{help.version}} {{help.psutil_version}}</div> +</div> +<div class="row"> </div> +<div class="row"> + <div class="col-sm-2 col-lg-10">{{help.configuration_file}}</div> +</div> +<div class="row"> </div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.sort_auto}}</div> + <div class="col-sm-2 col-lg-3">{{help.sort_network}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.sort_cpu}}</div> + <div class="col-sm-2 col-lg-3">{{help.show_hide_alert}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.show_mem}}</div> + <div class="col-sm-2 col-lg-3">{{help.delete_warning_alerts}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.sort_proc}}</div> + <div class="col-sm-2 col-lg-3">{{help.delete_warning_critical_alerts}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.sort_io}}</div> + <div class="col-sm-2 col-lg-3">{{help.percpu}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.show_hide_help}}</div> + <div class="col-sm-2 col-lg-3">{{help.show_hide_diskio}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.view_network_io_combination}}</div> + <div class="col-sm-2 col-lg-3">{{help.view_cumulative_network}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.show_hide_network}}</div> + <div class="col-sm-2 col-lg-3">{{help.show_hide_filesytem_freespace}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.show_hide_sensors}}</div> + <div class="col-sm-2 col-lg-3">{{help.generate_graphs}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.show_hide_left_sidebar}}</div> + <div class="col-sm-2 col-lg-3">{{help.reset_history}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.enable_disable_process_stats}}</div> + <div class="col-sm-2 col-lg-3">{{help.quit}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.enable_disable_top_extends_stats}}</div> + <div class="col-sm-2 col-lg-3">{{help.enable_disable_short_processname}}</div> +</div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.enable_disable_docker}}</div> +</div> +<div class="row"> </div> +<div class="row"> + <div class="col-sm-2 col-lg-3">{{help.edit_pattern_filter}}</div> +</div> diff --git a/glances/outputs/static/html/index.html b/glances/outputs/static/html/index.html new file mode 100644 index 00000000..f9b20a70 --- /dev/null +++ b/glances/outputs/static/html/index.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html ng-app="glancesApp"> + +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Glances</title> + + <link rel="icon" type="image/x-icon" href="favicon.ico" /> + <link rel="stylesheet" type="text/css" href="normalize.css" /> + <link rel="stylesheet" type="text/css" href="bootstrap.min.css" /> + <link rel="stylesheet" type="text/css" href="style.css" /> + + <script type="text/javascript" src="vendors/angular.min.js"></script> + <script type="text/javascript" src="vendors/angular-route.min.js"></script> + <script type="text/javascript" src="vendors/lodash.min.js"></script> + <script type="text/javascript" src="app.js"></script> + <script type="text/javascript" src="filters.js"></script> + <script type="text/javascript" src="variables.js"></script> + <script type="text/javascript" src="directives.js"></script> + + <script type="text/javascript" src="stats_controller.js"></script> +</head> + +<body ng-view="" ng-keydown="onKeyDown($event)"> + +</body> +</html> 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> diff --git a/glances/outputs/static/html/stats.html b/glances/outputs/static/html/stats.html new file mode 100644 index 00000000..6f5598d5 --- /dev/null +++ b/glances/outputs/static/html/stats.html @@ -0,0 +1,64 @@ +<div ng-show="!result" class="container-fluid" id="loading-page"> + <div class="glances-logo"></div> + <div class="loader">Loading...</div> +</div> + +<div ng-show="help_screen" class="container-fluid" ng-include src="'help.html'"></div> + +<div ng-show="result && !help_screen" class="container-fluid"> + <div class="row"> + <div class="col-sm-12"> + <div class="pull-left"> + <section id="system" class="plugin" ng-include src="'plugins/system.html'"></section> + </div> + <div class="pull-left"> + <section id="ip" class="plugin" ng-if="result['ip'].address != undefined" ng-include src="'plugins/ip.html'"></section> + </div> + <div class="pull-right"> + <section id="uptime" class="plugin" ng-include src="'plugins/uptime.html'"></section> + </div> + </div> + </div> + <div class="row"> + <div class="col-sm-3 col-md-2"> + <section id="cpu" class="plugin" ng-include src="'plugins/cpu.html'"></section> + </div> + <div class="hidden-xs hidden-sm col-md-2"> + <section id="cpu_more" class="plugin" ng-if="result['cpu'].nice != undefined" ng-include src="'plugins/cpu_more.html'"></section> + </div> + <div class="col-sm-3 col-md-2"> + <section id="load" class="plugin" ng-if="result['load'].cpucore != undefined" ng-include src="'plugins/load.html'"></section> + </div> + <div class="col-sm-3 col-md-2"> + <section id="mem" class="plugin" ng-include src="'plugins/mem.html'"></section> + </div> + <div class="hidden-xs hidden-sm col-md-2"> + <section id="mem_more" class="plugin" ng-include src="'plugins/mem_more.html'"></section> + </div> + <div class="col-sm-3 col-md-2"> + <section id="memswap" class="plugin" ng-include src="'plugins/memswap.html'"></section> + </div> + </div> + <div class="row"> + <div class="col-sm-3 sidebar" ng-show="show.sidebar"> + <div class="table"> + <section id="network" class="plugin table-row-group" ng-show="show.network" ng-include src="'plugins/network.html'"></section> + <section id="diskio" class="plugin table-row-group" ng-show="show.diskio" ng-include src="'plugins/diskio.html'"></section> + <section id="fs" class="plugin table-row-group" ng-show="show.fs" ng-include src="'plugins/fs.html'"></section> + <section id="sensors" class="plugin table-row-group" ng-show="show.sensors && result['sensors'].length > 0" ng-include src="'plugins/sensors.html'"></section> + </div> + </div> + <div class="col-sm-9"> + <section id="containers" class="plugin" ng-if="result['docker']['containers'].length" ng-include src="'plugins/docker.html'"></section> + <section id="alerts" ng-show="show.alert" ng-include src="'plugins/alerts.html'"></section> + <section id="alert" class="plugin" ng-show="show.alert" ng-include src="'plugins/alert.html'"></section> + <section id="processcount" class="plugin" ng-include src="'plugins/processcount.html'"></section> + <div class="row"> + <div class="col-lg-9"> + <gl-monitor-list class="plugin" processes="result['monitor']"></gl-monitor-list> + </div> + </div> + <section id="processlist" class="plugin" ng-include src="'plugins/processlist.html'"></section> + </div> + </div> +</div> |