forked from vedant15/etcd-ui-client
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (103 loc) · 4.6 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
108
<!DOCTYPE html>
<html>
<head>
<title>ETCD UI Client</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="ui-assests/jquery-ui.min.css">
<link rel="stylesheet" href="ui-assests/photon.min.css">
<link rel="stylesheet" href="ui-assests/custom_app.css">
<script>window.$ = window.jQuery = require('jquery');</script>
<script src="ui-assests/jquery-ui.min.js"></script>
<script src="etcd_runner.js"></script>
</head>
<body>
<div class="window">
<header class="toolbar main-app">
<li class="list-group-header etcd-search-bar">
<input class="form-control" type="text" placeholder="Search keys...." id="search_bar_input">
</li>
<button class="btn btn-primary" id="search_button" onclick="getKeys();">
Search
</button>
<button class="btn btn-positive pull-right" id="create_button" onclick="showCreateKeyModalForm();">
Create
</button>
</header>
<div class="window-content">
<div id="connection_form">
<div>
<select id="saved_connections_selector" style="float: right;" onchange="loadSavedConnection();">
<option value="--">Load Saved Connection</option>
</select>
</div>
<div class="form-group">
<label>Connection Name</label>
<input type="text" class="form-control connection_form_input" name ="connectionName" placeholder="Name of Connection...">
</div>
<div class="form-group">
<label>Connection String (without http or https)</label>
<input type="text" class="form-control connection_form_input" name ="connectionString" placeholder="connection string.. Defaults to 127.0.0.1:2379">
</div>
<div class="form-group">
<label>Username</label>
<input type="text" class="form-control connection_form_input" name ="username" placeholder="username">
</div>
<div class="form-group">
<label>Password</label>
<input type="text" class="form-control connection_form_input" name="password" placeholder="password">
</div>
<div class="form-group">
<label>SSL Certificate path</label>
<input type="text" class="form-control connection_form_input" name="sslCertificate" placeholder="Certificate file path">
</div>
<div class="form-group">
<input class="connection_form_input_check_box" type="checkBox" style="margin-right: 20px" name="saveDetails">Save Connection Details ?
</div>
<div class="form-actions">
<button class="btn btn-form btn-positive" onclick="initalizeConnection();">Connect</button>
</div>
</div>
<div class="pane-group main-app">
<div class="pane">
<table class="table-striped" id="keys_name_table">
<tbody>
</tbody>
</table>
</div>
<div class="pane sidebar" id="key_details_tab">
<pre id="key_details_data">
</pre>
<button class="btn btn-large btn-warning" style="margin-left: 15%" onclick="showUpdateKeyModalForm();">Modify Data</button>
<button class="btn btn-large btn-negative pull-right" style="margin-right: 20%;" onclick="deleteKey();">Delete Key</button>
</div>
</div>
</div>
<footer class="toolbar toolbar-footer">
<h1 class="title" id="footer_title"></h1>
</footer>
</div>
<div id="create_key_form_container">
<div class="form-group">
<label>Key</label>
<input type="text" class="form-control create_key_form_input" name="key" placeholder="Key">
</div>
<div class="form-group">
<label>Value</label>
<textarea class="form-control create_key_form_input" name="value" placeholder="value for key"> </textarea>
</div>
<div class="form-actions">
<button class="btn btn-form btn-positive" onclick="createKey();">Create</button>
</div>
</div>
<div id="update_key_form_container">
<div class="form-group">
<label>Value</label>
<textarea class="form-control" placeholder="value for key" id="update_key_form_key_value"> </textarea>
</div>
<div class="form-actions">
<button class="btn btn-form btn-positive" onclick="updateKey();">Update</button>
</div>
</div>
<input type="hidden" id="selected_key" value="">
</body>
</html>