<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
</head>
<body>
<div id="alarms" class="collapsed">
<div class="alarm-collapse-button" onclick="dash.toggle_alarm_collapse()">›</div>
<span class="alarm-count"></span>
<h1>Alarms</h1>
<div class="alarm-host-list"></div>
<div class="settings-button" onclick="dash.reorder_hosts()">⚙</div>
</div>
<div id="dash">
<div class="netdata-host-stats-container template">
<div class="drag-anchor"></div>
<div class="netdata-host-name">host</div>
<div class="netdata-host-stats">
<div class="dash-graph"
data-dash-netdata="system.cpu"
data-dygraph-valuerange="[0, 100]">
</div>
<div class="dash-graph"
data-dash-netdata="system.load">
</div>
<div class="dash-graph"
data-dash-netdata="system.ram">
</div>
<div class="dash-graph"
data-dash-netdata="system.net">
</div>
<div class="dash-graph"
data-dash-netdata="system.processes">
</div>
<div class="dash-graph"
data-dash-netdata="apps.cpu">
</div>
<div class="dash-graph"
data-dash-netdata="apps.mem">
</div>
<div class="dash-charts">
<div class="dash-chart"
data-dash-netdata="system.io"
data-dimensions="in"
data-title="Disk Read"
data-common-units="dash.io">
</div>
<div class="dash-chart"
data-dash-netdata="system.io"
data-dimensions="out"
data-title="Disk Write"
data-common-units="dash.io">
</div>
<div class="dash-chart"
data-dash-netdata="system.cpu"
data-chart-library="gauge"
data-title="CPU"
data-units="%"
data-gauge-max-value="100"
data-colors="#22AA99"
data-gauge-stroke-color="#373B40">
</div>
<div class="dash-chart"
data-dash-netdata="system.net"
data-dimensions="received"
data-title="Net Inbound"
data-common-units="dash.net">
</div>
<div class="dash-chart"
data-dash-netdata="system.net"
data-dimensions="sent"
data-title="Net Outbound"
data-common-units="dash.net">
</div>
<div class="dash-chart"
data-dash-netdata="system.ram"
data-dimensions="used|buffers|active|wired"
data-append-options="percentage"
data-title="Used RAM"
data-units="%"
data-easypiechart-max-value="100"
data-colors="#EE9911">
</div>
</div>
</div>
</div>
</div>
</body>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous">
</script>
<script type="text/javascript">
class PickNSort {
// PickNSort.js
constructor (dark) {
this.items = [];
this.callback = function (output, disabled) { console.log(output, disabled) };
this.reset = function () { this.items = [] };
this.last_output = {
enabled: [],
disabled: []
}
this.add_css_to_page(dark);
}
create_modal () {
$("<div></div>", {
id: "picknsort-container"
}).appendTo('body');
$("<div></div>", {
id: 'picknsort-window'
}).appendTo('#picknsort-container');
$("<div></div>", {
id: "picknsort-close-button",
text: '\u2573'
}).appendTo('#picknsort-window');
$("<div></div>", {
id: "picknsort-item-list"
}).appendTo('#picknsort-window')
$("<div></div>", {
text: "Apply",
id: "picknsort-apply-button"
}).appendTo('#picknsort-window');
$("<div></div>", {
text: "Reset",
id: "picknsort-reset-button"
}).appendTo('#picknsort-window');
$('#picknsort-close-button').click(function () {
picknsort.destroy_modal();
picknsort.callback(null<