<!--
This file is part of Linode Manager Classic.

Linode Manager Classic is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

Linode Manager Classic is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with Linode Manager Classic.  If not, see <https://www.gnu.org/licenses/>.
-->
<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>LMC - NodeBalancers</title>
		<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="balancer.css" />
		<script src="balancer.js" type="module"></script>
	</head>
	<body>
		<!--#include virtual="/include/header.html"-->
		<div id="main-content" class="wrapper">
			<div id="top-links"><a href="/nodebalancers">NodeBalancers</a> » <span id="nodebalancer-tag"><a id="nodebalancer-tag-link" href=""></a> » </span><span id="nodebalancer-label" class="top-links-title"></span></div>
			<div id="nodebalancer-details">
				<table class="lmc-table">
					<thead>
						<tr>
							<td colspan="7">Configurations</td>
						</tr>
						<tr>
							<td>Port</td>
							<td>Protocol</td>
							<td>Algorithm</td>
							<td>Session Stickiness</td>
							<td>Health Check Method</td>
							<td>Node Status</td>
							<td class="center-cell">Options</td>
						</tr>
					</thead>
					<tbody id="config-table">
						<tr id="loading-configs" class="lmc-tr3">
							<td colspan="7">Loading configurations...</td>
						</tr>
					</tbody>
				</table>
				<p class="sub-links"><a href="/nodebalancers/config?nbid=0&nbcid=0">Create Configuration</a></p>
				<table class="lmc-table">
					<thead>
						<tr>
							<td id="table-label" colspan="3"></td>
						</tr>
						<tr>
							<td colspan="3">NodeBalancer Settings</td>
						</tr>
					</thead>
					<tbody id="settings-table">
						<tr class="lmc-tr3">
							<td>Hostname</td>
							<td id="hostname"></td>
							<td></td>
						</tr>
						<tr class="lmc-tr3">
							<td>IPv4 Address</td>
							<td id="ipv4"></td>
							<td></td>
						</tr>
						<tr class="lmc-tr3">
							<td>IPv6 Address</td>
							<td id="ipv6"></td>
							<td></td>
						</tr>
						<tr class="lmc-tr3">
							<td>Location</td>
							<td id="location"></td>
							<td></td>
						</tr>
						<tr class="lmc-tr3">
							<td>Transferred this Month</td>
							<td id="transferred"></td>
							<td></td>
						</tr>
						<tr class="lmc-tr3">
							<td>NodeBalancer Label</td>
							<td><input id="input-label" type="text" value="" size="24" /></td>
							<td class="info">Rename your NodeBalancer</td>
						</tr>
						<tr class="lmc-tr3">
							<td>Client Connection Throttle</td>
							<td><input id="throttle" type="number" min="0" max="20" value="0" size="4" /></td>
							<td class="info">To help mitigate abuse, throttle connections from a single client IP to this number per second. 0 to disable.</td>
						</tr>
						<tr class="lmc-tr3">
							<td>Tags</td>
							<td><input id="tags" type="text" size="24" /> (comma-separated)</td>
							<td class="info">Group NodeBalancers together on the NodeBalancers tab using tags!</td>
						</tr>
						<tr class="lmc-tr3">
							<td></td>
							<td><button disabled id="save-button" type="button">Save Changes</button></td>
							<td></td>
						</tr>
					</tbody>
				</table>
				<h3>Graphs</h3>
				<div class="lmc-graph">
					<h4>Connections (CXN/s) - Last 24 Hours</h4>
					<canvas id="cxn-graph"></canvas>
					<table>
						<thead>
							<tr>
								<td></td>
								<td>Max</td>
								<td>Avg</td>
								<td>Last</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><div id="cxn-color" class="lmc-graph-color"></div> Connections</td>
								<td id="cxn-max"></td>
								<td id="cxn-avg"></td>
								<td id="cxn-last"></td>
							</tr>
						</tbody>
					</table>
					<h4>Traffic (bits/s) - Last 24 Hours</h4>
					<canvas id="traffic-graph"></canvas>
					<table>
						<thead>
							<tr>
								<td></td>
								<td>Max</td>
								<td>Avg</td>
								<td>Last</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><div id="traffic-out-color" class="lmc-graph-color"></div> Outgoing</td>
								<td id="traffic-out-max"></td>
								<td id="traffic-out-avg"></td>
								<td id="traffic-out-last"></td>
							</tr>
							<tr>
								<td><div id="traffic-in-color" class="lmc-graph-color"></div> Incoming</td>
								<td id="traffic-in-max"></td>
								<td id="traffic-in-avg"></td>
								<td id="traffic-in-last"></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</body>
</html>