74 lines
2.8 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TLS Dashboard</title>
<meta content="Version 1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/bootstrap/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="./css/tls-dashboard/styles.css" type="text/css" />
<script src="./js/jquery/jquery-2.2.2.min.js"></script>
<script src="./js/handlebars/handlebars-v4.0.5.min.js"></script>
<script src="./js/typeahead/typeahead-v0.11.1.min.js"></script>
<script src="./js/tls-dashboard/certificates.js"></script>
<script src="./js/tls-dashboard/scripts.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 text-center bg-primary"><h1>TLS Certificate Expiration Dashboard</h1></div>
<div class="col-xs-12 text-center bg-primary"><h3><small>Created: <span id="created_date"></span></small></h3></div>
</div>
<div class="row" style="margin-top: 1rem;">
<div class="col-xs-12">
<h4>Filter Results</h4>
</div>
</div>
<div class="row">
<div class="col-xs-12 text-center">
<div class="form-inline">
<div class="form-group">
<label>Response Type: </label>
<label class="checkbox-inline">
<input type="checkbox" id="response_type_1" value="normal" checked="checked"> Normal
</label>
<label class="checkbox-inline">
<input type="checkbox" id="response_type_2" value="warning" checked="checked"> Warning
</label>
<label class="checkbox-inline">
<input type="checkbox" id="response_type_3" value="danger" checked="checked"> Danger
</label>
<label class="checkbox-inline">
<input type="checkbox" id="response_type_4" value="info" checked="checked"> Info
</label>
<label class="checkbox-inline">
<input type="checkbox" id="response_type_5" value="error" checked="checked"> Error
</label>
</div>
</div>
</div>
<div class="col-xs-12 col-md-6">
<p class="lead">By hostname:</p>
<div class="form-group input-parent">
<input type="text" id="hostnames"
name="hostnames"
class="form-control typeahead"
placeholder="www.example.com"
autocomplete="off"
tabindex="2">
</div>
</div>
</div>
<div class="row" style="margin-top: 1rem;">
<div class="col-xs-12">
<div id="panel" class="card-deck">
</div>
</div>
</div>
</div>
</body>
</html>