2015-06-01 23:59:54 +00:00
|
|
|
<!doctype html>
|
2015-05-28 16:38:48 +00:00
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<meta name="description" content="">
|
|
|
|
|
<meta name="author" content="">
|
|
|
|
|
|
2015-06-01 23:59:54 +00:00
|
|
|
<title>InfluxDB - Admin Interface</title>
|
2015-05-28 16:38:48 +00:00
|
|
|
|
|
|
|
|
<!-- Bootstrap Core CSS -->
|
2015-06-01 23:59:54 +00:00
|
|
|
<link href="css/bootstrap.css" rel="stylesheet">
|
|
|
|
|
<link href="css/dropdowns-enhancement.css" rel="stylesheet">
|
|
|
|
|
<link href="css/admin.css" rel="stylesheet">
|
2015-05-28 16:38:48 +00:00
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2015-06-01 23:59:54 +00:00
|
|
|
<div id="wrap">
|
|
|
|
|
<!-- Navigation -->
|
|
|
|
|
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
|
|
|
<div class="navbar-header">
|
|
|
|
|
<a class="navbar-brand" href="#">
|
|
|
|
|
<img src="img/influxdb-light400.png" style="height:28px; margin-top:-4px;" />
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
|
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
|
|
|
<ul class="nav navbar-nav">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#" data-toggle="modal" data-target="#myModal">Write Data</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
|
|
<li class="dropdown">
|
|
|
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span>Database:</span> <span id="content-current-database">…</span> <span class="caret"></span></a>
|
|
|
|
|
<ul class="dropdown-menu" id="content-database-list">
|
|
|
|
|
<!-- Available databases will go here -->
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#" id="action-settings"><i class="glyphicon glyphicon-cog"></i></a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- /.navbar-collapse -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- /.container -->
|
|
|
|
|
</nav>
|
2015-05-28 16:38:48 +00:00
|
|
|
|
2015-06-01 23:59:54 +00:00
|
|
|
|
|
|
|
|
<!-- Page Content -->
|
2015-05-28 16:38:48 +00:00
|
|
|
<div class="container">
|
2015-06-01 23:59:54 +00:00
|
|
|
|
|
|
|
|
<!-- Settings Pane -->
|
|
|
|
|
<div id="settings">
|
|
|
|
|
<div class="panel panel-info">
|
|
|
|
|
<div class="panel-heading">
|
|
|
|
|
<h3 class="panel-title">Connection Settings</h3>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panel-body">
|
|
|
|
|
<form class="form-inline" id="form-settings">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="hostname">Host</label>
|
|
|
|
|
<input type="text" class="form-control" id="hostname" placeholder="localhost">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="port">Port</label>
|
|
|
|
|
<input type="text" class="form-control" id="port" placeholder="8086" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="username">Username</label>
|
|
|
|
|
<input type="text" class="form-control" id="username" placeholder="">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="password">Password</label>
|
|
|
|
|
<input type="text" class="form-control" id="password" placeholder="">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="checkbox form-group">
|
|
|
|
|
<label>
|
|
|
|
|
<input type="checkbox" id="ssl"> SSL
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<button type="submit" class="btn btn-default">Save</button>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2015-05-28 16:38:48 +00:00
|
|
|
</div>
|
2015-06-01 23:59:54 +00:00
|
|
|
|
|
|
|
|
<div id="queries"></div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-sm-12" id="content">
|
|
|
|
|
<form id="query-form">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<label class="input-group-addon">Query: </label>
|
|
|
|
|
<input type="text" class="form-control" id="query" style="width:100%">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
2015-05-28 16:38:48 +00:00
|
|
|
</div>
|
2015-06-01 23:59:54 +00:00
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-sm-12" id="content">
|
|
|
|
|
|
|
|
|
|
<div class="dropdown text-right" id="template-container">
|
|
|
|
|
<button class="btn btn-default dropdown-toggle" id="dropdown-templates" data-toggle="dropdown">Query Templates <span class="caret"></span> </button>
|
|
|
|
|
<ul class="dropdown-menu pull-right" id="action-template">
|
|
|
|
|
<li><label data-query="SHOW DATABASES">Show Databases</label></li>
|
2015-09-03 01:10:29 +00:00
|
|
|
<li><label data-query="CREATE DATABASE "db_name"">Create Database</label></li>
|
|
|
|
|
<li><label data-query="DROP DATABASE "db_name"">Drop Database</label></li>
|
2015-06-01 23:59:54 +00:00
|
|
|
<li class="divider"></li>
|
|
|
|
|
<li><label data-query="SHOW MEASUREMENTS">Show Measurements</label></li>
|
2015-09-03 01:10:29 +00:00
|
|
|
<li><label data-query="SHOW TAG KEYS FROM "measurement_name"">Show Tag Keys</label></li>
|
|
|
|
|
<li><label data-query="SHOW TAG VALUES FROM "measurement_name" WITH KEY = "tag_key"">Show Tag Values</label></li>
|
2015-06-01 23:59:54 +00:00
|
|
|
<li class="divider"></li>
|
2015-09-03 01:10:29 +00:00
|
|
|
<li><label data-query="SHOW RETENTION POLICIES ON "db_name"">Show Retention Policies</label></li>
|
|
|
|
|
<li><label data-query="CREATE RETENTION POLICY "rp_name" ON "db_name" DURATION 30d REPLICATION 1 DEFAULT">Create Retention Policy</label></li>
|
|
|
|
|
<li><label data-query="DROP RETENTION POLICY "rp_name"">Drop Retention Policy</label></li>
|
2015-06-01 23:59:54 +00:00
|
|
|
<li class="divider"></li>
|
|
|
|
|
<li><label data-query="SHOW USERS">Show Users</label></li>
|
2015-09-03 01:10:29 +00:00
|
|
|
<li><label data-query="CREATE USER "username" WITH PASSWORD 'password'">Create User</label></li>
|
|
|
|
|
<li><label data-query="CREATE USER "username" WITH PASSWORD 'password' WITH ALL PRIVILEGES">Create Admin User</label></li>
|
|
|
|
|
<li><label data-query="DROP USER "username"">Drop User</label></li>
|
2015-06-01 23:59:54 +00:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row" id="query-alerts">
|
|
|
|
|
<div class="col-sm-12">
|
|
|
|
|
<div class="alert alert-danger" id="query-error"></div>
|
|
|
|
|
<div class="alert alert-success" id="query-success"></div>
|
|
|
|
|
<div class="alert alert-warning" id="database-warning"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-sm-12" id="alert"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-sm-12" id="table"></div>
|
2015-05-28 16:38:48 +00:00
|
|
|
</div>
|
|
|
|
|
|
2015-06-01 23:59:54 +00:00
|
|
|
<div id="push"></div>
|
|
|
|
|
</div>
|
2015-05-28 16:38:48 +00:00
|
|
|
</div>
|
|
|
|
|
|
2015-06-01 23:59:54 +00:00
|
|
|
<!-- /.container -->
|
|
|
|
|
<div id="footer">
|
|
|
|
|
<div class="container">
|
2015-08-20 14:43:45 +00:00
|
|
|
<p class="text-muted text-right credit"><b>InfluxDB</b> v0.9.3</p>
|
2015-06-01 23:59:54 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2015-05-28 16:38:48 +00:00
|
|
|
|
2015-06-01 23:59:54 +00:00
|
|
|
<!-- Modal -->
|
|
|
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
<h4 class="modal-title" id="myModalLabel">Write Data to InfluxDB</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<form>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<textarea class="form-control" id="content-data"></textarea>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<div class="alert alert-danger" role="alert" id="modal-error"></div>
|
|
|
|
|
<div class="alert alert-success" role="alert" id="modal-success"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
|
|
|
<button type="button" class="btn btn-primary" id="action-send">Send Data</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2015-05-28 16:38:48 +00:00
|
|
|
|
2015-06-01 23:59:54 +00:00
|
|
|
<script src="js/vendor/react-0.13.3.min.js"></script>
|
|
|
|
|
<script src="js/vendor/jquery-2.1.4.min.js"></script>
|
|
|
|
|
<script src="js/vendor/bootstrap-3.3.5.min.js"></script>
|
|
|
|
|
<script src="js/admin.js"></script>
|
2015-05-28 16:38:48 +00:00
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
