-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (79 loc) · 4.06 KB
/
index.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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<html>
<head>
<!-- <link rel="stylesheet" href="https://www.nagios.com/wp-content/themes/pursuit/assets/css/A.bootstrap.min.css,qver=3.1.1.pagespeed.cf.jfLbuhCNp4.css"> -->
<link rel="stylesheet" href="assets/stylesheets/nagios.css">
<link rel="stylesheet" href="assets/stylesheets/index.css">
</head>
<body>
<title>Test</title>
<div class="container">
<div class="row">
<div class="col-s6">
<h3>
Nagios Log Server
</h3>
<h1>
Nagios Log Server Hardware Sizing Requirements
</h1>
<h5>Estimate the required number of Nagios Log Server instances for your environment</h5>
</div>
</div>
<div class="row" style="margin-top: 30px;">
<div class="col-sm-3">
<form name="calculates" action="" method="GET">
<div class="form-group">
<label for="data">Log Data Per Day (GB)</label>
<input class="form-control" placeholder="Data in per day* (GB)" type="number" name="data"
value="">
<div id="invalid-data" class="invalid-feedback">Please enter a value.</div>
<small>How much aggregate log data will you be sending to Nagios Log Server per day?</small>
</div>
<div class="form-group">
<label for="retention">Retention period (days)</label>
<input class="form-control" placeholder="Retention period (days)*" type="number"
name="retention" value="">
<div id="invalid-retention" class="invalid-feedback">Please enter a value.</div>
<small>How many days would you like Log Server to retain data? Data retained on Nagios Log
Server can be easily searched and queried. Data past this period will be available on
external storage.</small>
</div>
<div class="form-group">
<label for="drive">Available Drive Space Per Server (TB)</label>
<input class="form-control" placeholder="Drive Space (TB)*" type="number" name="drive" value="">
<div id="invalid-drive" class="invalid-feedback">Please enter a value.</div>
<small>How much drive space will be available for <i>each</i> Nagios Log Server instance
(server)?</small>
</div>
<input type="button" class="download" onclick="calculate(this.form)" value="Submit">
</form>
</div>
<div class="col-sm-9">
<h3 class="text-center">Recommended Nagios Log Server Cluster</h3>
<h2 id="instance" class="text-center"><span id="node-count">4</span> Instance Cluster</h2>
<div class="row align-items-center">
<div class="col-sm-2"></div>
<div class="col-sm-8">
<img id="diagram" src="assets/img/2.png"></img>
</div>
<!-- <div class="col-sm-4">
<div class="instance">
<h3 class="text-center">Log Server Instance</h3>
</div>
</div>
<div class="col-sm-4">
<div class="instance">
<h3 class="text-center">Log Server Instance</h3>
</div>
</div>
<div class="col-sm-4">
<div class="instance">
<h3 class="text-center">Log Server Instance</h3>
</div>
</div> -->
</div>
</div>
</div>
</div>
<script src="assets/javascripts/index.js"></script>
</body>
</html>