mirror of
https://github.com/etcd-io/etcd.git
synced 2024-09-27 06:25:44 +00:00
Merge pull request #528 from coreos/restructure-dashboard
Restructure dashboard & bug fixes
This commit is contained in:
Brandon Philips
commit
e8be43d4c6
@ -174,7 +174,7 @@ module.exports = function (grunt) {
|
|||||||
options: {
|
options: {
|
||||||
dest: '<%= yeoman.dist %>'
|
dest: '<%= yeoman.dist %>'
|
||||||
},
|
},
|
||||||
html: ['<%= yeoman.app %>/**/*.html']
|
html: ['<%= yeoman.app %>/index.html']
|
||||||
},
|
},
|
||||||
usemin: {
|
usemin: {
|
||||||
options: {
|
options: {
|
||||||
@ -240,6 +240,14 @@ module.exports = function (grunt) {
|
|||||||
}]
|
}]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
ngmin: {
|
||||||
|
dist: {
|
||||||
|
src: '.tmp/concat/scripts/app.js',
|
||||||
|
dest: '.tmp/concat/scripts/app.js'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
// Put files not handled in other tasks here
|
// Put files not handled in other tasks here
|
||||||
copy: {
|
copy: {
|
||||||
dist: {
|
dist: {
|
||||||
@ -251,10 +259,10 @@ module.exports = function (grunt) {
|
|||||||
src: [
|
src: [
|
||||||
'*.{ico,png,txt}',
|
'*.{ico,png,txt}',
|
||||||
'.htaccess',
|
'.htaccess',
|
||||||
'images/{,*/}*.{webp,gif}',
|
'images/{,*/}*.{webp,gif,svg}',
|
||||||
'styles/fonts/{,*/}*.*',
|
'styles/fonts/{,*/}*.*',
|
||||||
'views/*.*',
|
'views/*.*',
|
||||||
'index.html',
|
//'index.html',
|
||||||
'bower_components/sass-bootstrap/fonts/*.*'
|
'bower_components/sass-bootstrap/fonts/*.*'
|
||||||
]
|
]
|
||||||
}]
|
}]
|
||||||
@ -286,7 +294,7 @@ module.exports = function (grunt) {
|
|||||||
'copy:styles'
|
'copy:styles'
|
||||||
],
|
],
|
||||||
dist: [
|
dist: [
|
||||||
'compass',
|
//'compass',
|
||||||
'copy:styles',
|
'copy:styles',
|
||||||
'imagemin',
|
'imagemin',
|
||||||
'svgmin',
|
'svgmin',
|
||||||
@ -327,13 +335,15 @@ module.exports = function (grunt) {
|
|||||||
|
|
||||||
grunt.registerTask('build', [
|
grunt.registerTask('build', [
|
||||||
'clean:dist',
|
'clean:dist',
|
||||||
|
'jshint',
|
||||||
'useminPrepare',
|
'useminPrepare',
|
||||||
'concurrent:dist',
|
'concurrent:dist',
|
||||||
'autoprefixer',
|
'autoprefixer',
|
||||||
'concat',
|
'concat',
|
||||||
'cssmin',
|
'cssmin',
|
||||||
'uglify',
|
'ngmin',
|
||||||
'usemin',
|
'usemin',
|
||||||
|
'uglify',
|
||||||
'copy:dist'
|
'copy:dist'
|
||||||
]);
|
]);
|
||||||
|
|
||||||
|
|||||||
@ -22,6 +22,8 @@ bower install
|
|||||||
|
|
||||||
### View in Browser
|
### View in Browser
|
||||||
|
|
||||||
|
run `export ETCD_DASHBOARD_DIR=/absolute/path/to/coreos/etcd/mod/dashboard/app`
|
||||||
|
|
||||||
Run etcd like you normally would and afterward browse to:
|
Run etcd like you normally would and afterward browse to:
|
||||||
|
|
||||||
http://localhost:4001/mod/dashboard/
|
http://localhost:4001/mod/dashboard/
|
||||||
|
|||||||
@ -1 +0,0 @@
|
|||||||
*.coffee
|
|
||||||
@ -1,50 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
|
||||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
|
||||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
|
||||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<title>etcd Browser</title>
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="viewport" content="width=device-width">
|
|
||||||
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
|
||||||
|
|
||||||
<!-- build:css(.tmp) styles/main.css -->
|
|
||||||
<link rel="stylesheet" href="styles/etcd-widgets.css">
|
|
||||||
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,400italic,600,700,900" rel="stylesheet" type="text/css">
|
|
||||||
<link href="http://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700" rel="stylesheet" type="text/css">
|
|
||||||
<!-- endbuild -->
|
|
||||||
</head>
|
|
||||||
<body ng-app="etcdBrowser">
|
|
||||||
<!--[if lt IE 7]>
|
|
||||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="bower_components/es5-shim/es5-shim.js"></script>
|
|
||||||
<script src="bower_components/json3/lib/json3.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
<!-- Add your site or application content here -->
|
|
||||||
<div id="etd_browser" ng-view="etcd">
|
|
||||||
</div>
|
|
||||||
<!-- build:js scripts/browser-modules.js -->
|
|
||||||
<script src="bower_components/jquery/jquery.js"></script>
|
|
||||||
<script src="bower_components/angular/angular.js"></script>
|
|
||||||
<script src="bower_components/angular-resource/angular-resource.js"></script>
|
|
||||||
<script src="bower_components/angular-route/angular-route.js"></script>
|
|
||||||
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
|
|
||||||
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
|
|
||||||
<script src="bower_components/underscore/underscore.js"></script>
|
|
||||||
<script src="bower_components/moment/moment.js"></script>
|
|
||||||
<!-- endbuild -->
|
|
||||||
|
|
||||||
<!-- build:js({.tmp,app}) scripts/browser-scripts.js -->
|
|
||||||
<script src="scripts/ng-time-relative.min.js"></script>
|
|
||||||
<script src="scripts/common/services/etcd.js"></script>
|
|
||||||
<script src="scripts/controllers/browser.js"></script>
|
|
||||||
<!-- endbuild -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
7
mod/dashboard/app/images/add.svg
Normal file
7
mod/dashboard/app/images/add.svg
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
preserveAspectRatio="xMinYMin" viewBox="0 0 72.556 61" enable-background="new 0 0 72.556 61" xml:space="preserve">
|
||||||
|
<path d="M34.521,8v11.088v23v10.737c0,2.209,1.791,4,4,4c2.209,0,4-1.791,4-4V42.067V19.109V8c0-2.209-1.791-4-4-4
|
||||||
|
C36.312,4,34.521,5.791,34.521,8z"/>
|
||||||
|
<path d="M16.109,34.412h11.088h23h10.737c2.209,0,4-1.791,4-4c0-2.209-1.791-4-4-4H50.175H27.217H16.109c-2.209,0-4,1.791-4,4
|
||||||
|
C12.109,32.621,13.9,34.412,16.109,34.412z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 561 B |
6
mod/dashboard/app/images/back.svg
Normal file
6
mod/dashboard/app/images/back.svg
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
preserveAspectRatio="xMinYMin" viewBox="0 0 73.356 61" enable-background="new 0 0 73.356 61" xml:space="preserve">
|
||||||
|
<path d="M5.27,33.226l22.428,22.428c1.562,1.562,4.095,1.562,5.657,0c1.562-1.562,1.562-4.095,0-5.657L17.77,34.413h48.514
|
||||||
|
c2.209,0,4-1.791,4-4s-1.791-4-4-4H17.749l15.604-15.582c1.563-1.561,1.565-4.094,0.004-5.657C32.576,4.391,31.552,4,30.527,4
|
||||||
|
c-1.023,0-2.046,0.39-2.827,1.169L5.272,27.567c-0.751,0.75-1.173,1.768-1.173,2.829C4.098,31.458,4.52,32.476,5.27,33.226z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 608 B |
7
mod/dashboard/app/images/delete.svg
Normal file
7
mod/dashboard/app/images/delete.svg
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<svg version="1.1" fill="#f00" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
x="0px" y="0px" preserveAspectRatio="xMinYMin" viewBox="0 0 76.143 61" enable-background="new 0 0 76.143 61" xml:space="preserve">
|
||||||
|
<path d="M49.41,13.505l-6.035,6.035L27.112,35.803l-6.035,6.035c-1.562,1.562-1.562,4.095,0,5.657c1.562,1.562,4.095,1.562,5.657,0
|
||||||
|
l6.05-6.05l16.234-16.234l6.05-6.05c1.562-1.562,1.562-4.095,0-5.657C53.505,11.943,50.972,11.943,49.41,13.505z"/>
|
||||||
|
<path d="M21.077,19.162l6.035,6.035L43.375,41.46l6.035,6.035c1.562,1.562,4.095,1.562,5.657,0c1.562-1.562,1.562-4.095,0-5.657
|
||||||
|
l-6.05-6.05L32.783,19.555l-6.05-6.05c-1.562-1.562-4.095-1.562-5.657,0C19.515,15.067,19.515,17.6,21.077,19.162z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 749 B |
46
mod/dashboard/app/images/logo.svg
Normal file
46
mod/dashboard/app/images/logo.svg
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
preserveAspectRatio="xMinYMin" viewBox="0 0 792 306" enable-background="new 0 0 792 306" xml:space="preserve">
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path fill="#53A3DA" d="M136.168,45.527C76.898,45.527,28.689,93.739,28.689,153c0,59.265,48.209,107.474,107.479,107.474
|
||||||
|
c59.252,0,107.465-48.209,107.465-107.474C243.633,93.739,195.42,45.527,136.168,45.527z"/>
|
||||||
|
<path fill="#F1606D" d="M136.168,55.389c-17.283,0-31.941,27.645-37.235,66.069c-0.169,1.236-0.333,2.487-0.478,3.746
|
||||||
|
c-0.723,6.047-1.213,12.335-1.458,18.808c-0.117,2.962-0.175,5.956-0.175,8.988c0,3.029,0.058,6.029,0.175,8.985
|
||||||
|
c0.245,6.472,0.735,12.764,1.458,18.811c8.104,1.049,16.769,1.761,25.807,2.099c3.907,0.146,7.872,0.233,11.907,0.233
|
||||||
|
c4.023,0,8-0.088,11.895-0.233c9.049-0.338,17.708-1.05,25.819-2.099c0.892-0.114,1.77-0.239,2.659-0.368
|
||||||
|
c33.754-4.74,57.235-15.232,57.235-27.428C233.776,99.088,190.071,55.389,136.168,55.389z"/>
|
||||||
|
<path fill="#FFFFFF" d="M176.541,125.569c-0.979-1.428-2.029-2.796-3.148-4.11c-8.956-10.557-22.297-17.265-37.224-17.265
|
||||||
|
c-4.839,0-9.148,7.407-11.907,18.909c-1.096,4.586-1.947,9.819-2.495,15.498c-0.432,4.551-0.665,9.391-0.665,14.399
|
||||||
|
s0.233,9.849,0.665,14.396c4.554,0.432,9.387,0.664,14.402,0.664c5.009,0,9.842-0.232,14.396-0.664
|
||||||
|
c10.011-0.95,18.653-2.875,24.775-5.411c6.046-2.501,9.624-5.615,9.624-8.985C184.963,142.832,181.858,133.388,176.541,125.569z"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#231F20" d="M344.891,100.053c12.585,0,22.816,6.138,29.262,13.062l-10.064,11.326
|
||||||
|
c-5.353-5.192-11.175-8.495-19.041-8.495c-16.839,0-28.953,14.16-28.953,37.291c0,23.448,11.169,37.608,28.32,37.608
|
||||||
|
c9.128,0,15.895-3.775,21.717-10.228l10.067,11.169c-8.335,9.598-19.038,14.95-32.099,14.95c-26.119,0-46.731-18.88-46.731-53.025
|
||||||
|
C297.37,120.036,318.454,100.053,344.891,100.053z"/>
|
||||||
|
<path fill="#231F20" d="M416.961,125.701c19.352,0,36.822,14.793,36.822,40.597c0,25.647-17.471,40.439-36.822,40.439
|
||||||
|
c-19.197,0-36.66-14.792-36.66-40.439C380.301,140.494,397.764,125.701,416.961,125.701z M416.961,191.945
|
||||||
|
c11.33,0,18.25-10.228,18.25-25.647c0-15.577-6.92-25.804-18.25-25.804s-18.094,10.227-18.094,25.804
|
||||||
|
C398.867,181.717,405.631,191.945,416.961,191.945z"/>
|
||||||
|
<path fill="#231F20" d="M459.771,127.589h14.943l1.26,13.688h0.629c5.506-10.07,13.691-15.577,21.871-15.577
|
||||||
|
c3.938,0,6.455,0.472,8.811,1.574l-3.148,15.734c-2.67-0.784-4.717-1.257-8.018-1.257c-6.139,0-13.539,4.245-18.256,15.893v47.203
|
||||||
|
h-18.092V127.589z"/>
|
||||||
|
<path fill="#231F20" d="M541.121,125.701c20.928,0,31.941,15.107,31.941,36.667c0,3.458-0.314,6.604-0.787,8.495h-49.09
|
||||||
|
c1.57,14.003,10.379,21.869,22.811,21.869c6.613,0,12.273-2.041,17.941-5.662l6.135,11.326
|
||||||
|
c-7.395,4.878-16.676,8.341-26.432,8.341c-21.404,0-38.08-14.95-38.08-40.439C505.561,141.12,523.023,125.701,541.121,125.701z
|
||||||
|
M557.326,159.376c0-12.277-5.189-19.671-15.732-19.671c-9.125,0-16.996,6.768-18.57,19.671H557.326z"/>
|
||||||
|
<path fill="#F1606D" d="M600.602,152.607c0-32.729,17.785-53.344,42.799-53.344c24.863,0,42.641,20.615,42.641,53.344
|
||||||
|
c0,32.889-17.777,54.13-42.641,54.13C618.387,206.737,600.602,185.496,600.602,152.607z M678.49,152.607
|
||||||
|
c0-28.639-14.158-46.731-35.09-46.731c-21.084,0-35.248,18.093-35.248,46.731c0,28.796,14.164,47.521,35.248,47.521
|
||||||
|
C664.332,200.128,678.49,181.403,678.49,152.607z"/>
|
||||||
|
<path fill="#53A4D9" d="M699.738,186.125c7.557,8.495,18.412,14.003,30.529,14.003c15.732,0,25.807-8.499,25.807-20.767
|
||||||
|
c0-12.904-8.494-17.154-18.723-21.717l-15.736-7.082c-8.969-3.936-20.934-10.385-20.934-25.808
|
||||||
|
c0-14.947,12.904-25.492,30.059-25.492c12.588,0,22.658,5.665,28.949,12.435l-4.244,4.878c-5.982-6.452-14.32-10.7-24.705-10.7
|
||||||
|
c-13.691,0-22.816,7.239-22.816,18.565c0,11.962,10.385,16.521,17.936,19.985l15.738,6.921
|
||||||
|
c11.486,5.195,21.713,11.647,21.713,27.539s-13.061,27.851-33.201,27.851c-15.107,0-26.75-6.451-34.932-15.576L699.738,186.125z"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.1 KiB |
@ -1,8 +1,6 @@
|
|||||||
<!doctype html>
|
<!DOCTYPE html>
|
||||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
|
||||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
<html class="no-js" ng-app="etcdControlPanel" ng-controller="RootCtrl">
|
||||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
|
||||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
@ -11,124 +9,56 @@
|
|||||||
<meta name="viewport" content="width=device-width">
|
<meta name="viewport" content="width=device-width">
|
||||||
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,400italic,600,700,900" rel="stylesheet" type="text/css">
|
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,400italic,600,700,900" rel="stylesheet" type="text/css">
|
||||||
<link href="http://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700" rel="stylesheet" type="text/css">
|
<link href="http://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700" rel="stylesheet" type="text/css">
|
||||||
<style>
|
<!-- build:css styles/styles.css -->
|
||||||
body {
|
<link rel="stylesheet" href="styles/bootstrap.css">
|
||||||
padding: 30px;
|
<link rel="stylesheet" href="styles/main.css">
|
||||||
margin: 0px;
|
<link rel="stylesheet" href="styles/browser.css">
|
||||||
}
|
<link rel="stylesheet" href="styles/stats.css">
|
||||||
h1 {
|
<link rel="stylesheet" href="styles/etcd-widgets.css">
|
||||||
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
<!-- endbuild -->
|
||||||
font-weight: 400;
|
</head>
|
||||||
margin: 0px 0px 20px 0px;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
iframe {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
<body>
|
||||||
color: #1e6ec1;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
iframe {
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
iframe + iframe {
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer {
|
|
||||||
width: 100%;
|
|
||||||
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#coreos-logo {
|
|
||||||
margin: 10px auto 0 auto;
|
|
||||||
height: 30px;
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#coreos-logo svg {
|
|
||||||
fill: #999;
|
|
||||||
max-width: 100px;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
#powered-by {
|
|
||||||
font-size: 12px;
|
|
||||||
color: #333;
|
|
||||||
width: 100%;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
line-height: 190%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>etcd Dashboard</h1>
|
<h1>etcd Dashboard</h1>
|
||||||
<iframe src="stats.html" style="width: 100%; height: 400px;"></iframe>
|
|
||||||
<iframe src="browser.html" style="width: 100%; height: 400px;"></iframe>
|
<div id="view-container" ng-view></div>
|
||||||
|
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
<div id="powered-by">Powered by <a href="https://github.com/coreos/etcd">etcd</a></div>
|
<div id="powered-by" class="text-center">Powered by <a href="https://github.com/coreos/etcd">etcd</a></div>
|
||||||
<div id="coreos-logo">
|
<div id="coreos-logo">
|
||||||
<a href="http://coreos.com">
|
<a href="http://coreos.com"><img src="images/logo.svg"/></a>
|
||||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
||||||
preserveAspectRatio="xMinYMin" viewBox="0 0 792 306" enable-background="new 0 0 792 306" xml:space="preserve">
|
|
||||||
<g>
|
|
||||||
<g>
|
|
||||||
<path fill="#53A3DA" d="M136.168,45.527C76.898,45.527,28.689,93.739,28.689,153c0,59.265,48.209,107.474,107.479,107.474
|
|
||||||
c59.252,0,107.465-48.209,107.465-107.474C243.633,93.739,195.42,45.527,136.168,45.527z"/>
|
|
||||||
<path fill="#F1606D" d="M136.168,55.389c-17.283,0-31.941,27.645-37.235,66.069c-0.169,1.236-0.333,2.487-0.478,3.746
|
|
||||||
c-0.723,6.047-1.213,12.335-1.458,18.808c-0.117,2.962-0.175,5.956-0.175,8.988c0,3.029,0.058,6.029,0.175,8.985
|
|
||||||
c0.245,6.472,0.735,12.764,1.458,18.811c8.104,1.049,16.769,1.761,25.807,2.099c3.907,0.146,7.872,0.233,11.907,0.233
|
|
||||||
c4.023,0,8-0.088,11.895-0.233c9.049-0.338,17.708-1.05,25.819-2.099c0.892-0.114,1.77-0.239,2.659-0.368
|
|
||||||
c33.754-4.74,57.235-15.232,57.235-27.428C233.776,99.088,190.071,55.389,136.168,55.389z"/>
|
|
||||||
<path fill="#FFFFFF" d="M176.541,125.569c-0.979-1.428-2.029-2.796-3.148-4.11c-8.956-10.557-22.297-17.265-37.224-17.265
|
|
||||||
c-4.839,0-9.148,7.407-11.907,18.909c-1.096,4.586-1.947,9.819-2.495,15.498c-0.432,4.551-0.665,9.391-0.665,14.399
|
|
||||||
s0.233,9.849,0.665,14.396c4.554,0.432,9.387,0.664,14.402,0.664c5.009,0,9.842-0.232,14.396-0.664
|
|
||||||
c10.011-0.95,18.653-2.875,24.775-5.411c6.046-2.501,9.624-5.615,9.624-8.985C184.963,142.832,181.858,133.388,176.541,125.569z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g>
|
|
||||||
<path fill="#231F20" d="M344.891,100.053c12.585,0,22.816,6.138,29.262,13.062l-10.064,11.326
|
|
||||||
c-5.353-5.192-11.175-8.495-19.041-8.495c-16.839,0-28.953,14.16-28.953,37.291c0,23.448,11.169,37.608,28.32,37.608
|
|
||||||
c9.128,0,15.895-3.775,21.717-10.228l10.067,11.169c-8.335,9.598-19.038,14.95-32.099,14.95c-26.119,0-46.731-18.88-46.731-53.025
|
|
||||||
C297.37,120.036,318.454,100.053,344.891,100.053z"/>
|
|
||||||
<path fill="#231F20" d="M416.961,125.701c19.352,0,36.822,14.793,36.822,40.597c0,25.647-17.471,40.439-36.822,40.439
|
|
||||||
c-19.197,0-36.66-14.792-36.66-40.439C380.301,140.494,397.764,125.701,416.961,125.701z M416.961,191.945
|
|
||||||
c11.33,0,18.25-10.228,18.25-25.647c0-15.577-6.92-25.804-18.25-25.804s-18.094,10.227-18.094,25.804
|
|
||||||
C398.867,181.717,405.631,191.945,416.961,191.945z"/>
|
|
||||||
<path fill="#231F20" d="M459.771,127.589h14.943l1.26,13.688h0.629c5.506-10.07,13.691-15.577,21.871-15.577
|
|
||||||
c3.938,0,6.455,0.472,8.811,1.574l-3.148,15.734c-2.67-0.784-4.717-1.257-8.018-1.257c-6.139,0-13.539,4.245-18.256,15.893v47.203
|
|
||||||
h-18.092V127.589z"/>
|
|
||||||
<path fill="#231F20" d="M541.121,125.701c20.928,0,31.941,15.107,31.941,36.667c0,3.458-0.314,6.604-0.787,8.495h-49.09
|
|
||||||
c1.57,14.003,10.379,21.869,22.811,21.869c6.613,0,12.273-2.041,17.941-5.662l6.135,11.326
|
|
||||||
c-7.395,4.878-16.676,8.341-26.432,8.341c-21.404,0-38.08-14.95-38.08-40.439C505.561,141.12,523.023,125.701,541.121,125.701z
|
|
||||||
M557.326,159.376c0-12.277-5.189-19.671-15.732-19.671c-9.125,0-16.996,6.768-18.57,19.671H557.326z"/>
|
|
||||||
<path fill="#F1606D" d="M600.602,152.607c0-32.729,17.785-53.344,42.799-53.344c24.863,0,42.641,20.615,42.641,53.344
|
|
||||||
c0,32.889-17.777,54.13-42.641,54.13C618.387,206.737,600.602,185.496,600.602,152.607z M678.49,152.607
|
|
||||||
c0-28.639-14.158-46.731-35.09-46.731c-21.084,0-35.248,18.093-35.248,46.731c0,28.796,14.164,47.521,35.248,47.521
|
|
||||||
C664.332,200.128,678.49,181.403,678.49,152.607z"/>
|
|
||||||
<path fill="#53A4D9" d="M699.738,186.125c7.557,8.495,18.412,14.003,30.529,14.003c15.732,0,25.807-8.499,25.807-20.767
|
|
||||||
c0-12.904-8.494-17.154-18.723-21.717l-15.736-7.082c-8.969-3.936-20.934-10.385-20.934-25.808
|
|
||||||
c0-14.947,12.904-25.492,30.059-25.492c12.588,0,22.658,5.665,28.949,12.435l-4.244,4.878c-5.982-6.452-14.32-10.7-24.705-10.7
|
|
||||||
c-13.691,0-22.816,7.239-22.816,18.565c0,11.962,10.385,16.521,17.936,19.985l15.738,6.921
|
|
||||||
c11.486,5.195,21.713,11.647,21.713,27.539s-13.061,27.851-33.201,27.851c-15.107,0-26.75-6.451-34.932-15.576L699.738,186.125z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
|
||||||
|
<!-- build:js scripts/modules.js -->
|
||||||
|
<script src="bower_components/jquery/jquery.js"></script>
|
||||||
|
<script src="bower_components/angular/angular.js"></script>
|
||||||
|
<script src="bower_components/angular-resource/angular-resource.js"></script>
|
||||||
|
<script src="bower_components/angular-route/angular-route.js"></script>
|
||||||
|
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
|
||||||
|
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
|
||||||
|
<script src="bower_components/d3/d3.js"></script>
|
||||||
|
<script src="bower_components/underscore/underscore.js"></script>
|
||||||
|
<script src="bower_components/underscore.string/lib/underscore.string.js"></script>
|
||||||
|
<script src="bower_components/moment/moment.js"></script>
|
||||||
|
<script src="scripts/vega.js"></script>
|
||||||
|
<script src="scripts/ng-time-relative.min.js"></script>
|
||||||
|
<!-- endbuild -->
|
||||||
|
|
||||||
|
<!-- build:js scripts/app.js -->
|
||||||
|
<script src="scripts/app.js"></script>
|
||||||
|
<script src="scripts/controllers/root.js"></script>
|
||||||
|
<script src="scripts/directives.js"></script>
|
||||||
|
<script src="scripts/shims.js"></script>
|
||||||
|
<script src="scripts/controllers/home.js"></script>
|
||||||
|
<script src="scripts/controllers/browser.js"></script>
|
||||||
|
<script src="scripts/common/services/etcd.js"></script>
|
||||||
|
<script src="scripts/common/services/prefix-url.js"></script>
|
||||||
|
<script src="scripts/common/directives/highlight.js"></script>
|
||||||
|
<script src="scripts/common/directives/enter.js"></script>
|
||||||
|
<script src="scripts/common/services/etcd.js"></script>
|
||||||
|
<script src="scripts/controllers/stats.js"></script>
|
||||||
|
<!-- endbuild -->
|
||||||
|
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
43
mod/dashboard/app/scripts/app.js
Normal file
43
mod/dashboard/app/scripts/app.js
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
var app = angular.module('etcdControlPanel', [
|
||||||
|
'ngRoute',
|
||||||
|
'ngResource',
|
||||||
|
'etcd',
|
||||||
|
'etcdDirectives',
|
||||||
|
'timeRelative',
|
||||||
|
'underscore',
|
||||||
|
'jquery',
|
||||||
|
'moment',
|
||||||
|
'vg'
|
||||||
|
]);
|
||||||
|
|
||||||
|
app.constant('urlPrefix', '/mod/dashboard');
|
||||||
|
app.constant('keyPrefix', '/v2/keys/');
|
||||||
|
|
||||||
|
app.config(function($routeProvider, $locationProvider, urlPrefix) {
|
||||||
|
|
||||||
|
function prefixUrl(url) {
|
||||||
|
return urlPrefix + url;
|
||||||
|
}
|
||||||
|
|
||||||
|
$locationProvider.html5Mode(true);
|
||||||
|
|
||||||
|
$routeProvider
|
||||||
|
.when(prefixUrl('/'), {
|
||||||
|
controller: 'HomeCtrl',
|
||||||
|
templateUrl: prefixUrl('/views/home.html')
|
||||||
|
})
|
||||||
|
.when(prefixUrl('/stats'), {
|
||||||
|
controller: 'StatsCtrl',
|
||||||
|
templateUrl: prefixUrl('/views/stats.html')
|
||||||
|
})
|
||||||
|
.when(prefixUrl('/browser'), {
|
||||||
|
controller: 'BrowserCtrl',
|
||||||
|
templateUrl: prefixUrl('/views/browser.html')
|
||||||
|
})
|
||||||
|
.otherwise({
|
||||||
|
templateUrl: prefixUrl('/404.html')
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
16
mod/dashboard/app/scripts/common/directives/enter.js
Normal file
16
mod/dashboard/app/scripts/common/directives/enter.js
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('etcdControlPanel')
|
||||||
|
.directive('ngEnter', function() {
|
||||||
|
return function(scope, element, attrs) {
|
||||||
|
element.bind('keydown keypress', function(event) {
|
||||||
|
if(event.which === 13) {
|
||||||
|
scope.$apply(function(){
|
||||||
|
scope.$eval(attrs.ngEnter);
|
||||||
|
});
|
||||||
|
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
});
|
||||||
19
mod/dashboard/app/scripts/common/directives/highlight.js
Normal file
19
mod/dashboard/app/scripts/common/directives/highlight.js
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('etcdControlPanel')
|
||||||
|
.directive('highlight', function(keyPrefix) {
|
||||||
|
return {
|
||||||
|
restrict: 'E',
|
||||||
|
scope: {
|
||||||
|
highlightBase: '=',
|
||||||
|
highlightCurrent: '='
|
||||||
|
},
|
||||||
|
link: function(scope, element, attrs) {
|
||||||
|
var base = _.str.strRight(scope.highlightBase, keyPrefix),
|
||||||
|
current = _.str.trim(scope.highlightCurrent, '/');
|
||||||
|
if (base === current) {
|
||||||
|
element.parent().parent().addClass('etcd-selected');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
});
|
||||||
10
mod/dashboard/app/scripts/common/services/prefix-url.js
Normal file
10
mod/dashboard/app/scripts/common/services/prefix-url.js
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('etcdControlPanel')
|
||||||
|
.factory('prefixUrl', function(urlPrefix) {
|
||||||
|
|
||||||
|
return function(url) {
|
||||||
|
return urlPrefix + url;
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
@ -1,33 +1,39 @@
|
|||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
angular.module('etcdBrowser', ['ngRoute', 'etcd', 'timeRelative'])
|
angular.module('etcdControlPanel')
|
||||||
|
.controller('BrowserCtrl', function ($scope, $window, EtcdV2, keyPrefix, $, _, moment) {
|
||||||
.constant('keyPrefix', '/v2/keys/')
|
|
||||||
|
|
||||||
.config(['$routeProvider', 'keyPrefix', function ($routeProvider, keyPrefix) {
|
|
||||||
//read localstorage
|
|
||||||
var previousPath = localStorage.getItem('etcd_path');
|
|
||||||
|
|
||||||
$routeProvider
|
|
||||||
.when('/', {
|
|
||||||
redirectTo: keyPrefix
|
|
||||||
})
|
|
||||||
.otherwise({
|
|
||||||
templateUrl: 'views/browser.html',
|
|
||||||
controller: 'MainCtrl'
|
|
||||||
});
|
|
||||||
}])
|
|
||||||
|
|
||||||
.controller('MainCtrl', ['$scope', '$location', 'EtcdV2', 'keyPrefix', function ($scope, $location, EtcdV2, keyPrefix) {
|
|
||||||
$scope.save = 'etcd-save-hide';
|
$scope.save = 'etcd-save-hide';
|
||||||
$scope.preview = 'etcd-preview-hide';
|
$scope.preview = 'etcd-preview-hide';
|
||||||
$scope.enableBack = true;
|
$scope.enableBack = true;
|
||||||
$scope.writingNew = false;
|
$scope.writingNew = false;
|
||||||
|
$scope.key = null;
|
||||||
|
$scope.list = [];
|
||||||
|
|
||||||
// etcdPath is the path to the key that is currenly being looked at.
|
// etcdPath is the path to the key that is currenly being looked at.
|
||||||
$scope.etcdPath = $location.path();
|
$scope.etcdPath = keyPrefix;
|
||||||
|
$scope.inputPath = keyPrefix;
|
||||||
|
|
||||||
$scope.$watch('etcdPath', function() {
|
$scope.resetInputPath = function() {
|
||||||
|
$scope.inputPath = $scope.etcdPath;
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.setActiveKey = function(key) {
|
||||||
|
$scope.etcdPath = keyPrefix + _.str.trim(key, '/');
|
||||||
|
$scope.resetInputPath();
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.stripPrefix = function(path) {
|
||||||
|
return _.str.strRight(path, keyPrefix);
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.onEnter = function() {
|
||||||
|
var path = $scope.stripPrefix($scope.inputPath);
|
||||||
|
if (path !== '') {
|
||||||
|
$scope.setActiveKey(path);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.updateCurrentKey = function() {
|
||||||
function etcdPathKey() {
|
function etcdPathKey() {
|
||||||
return pathKey($scope.etcdPath);
|
return pathKey($scope.etcdPath);
|
||||||
}
|
}
|
||||||
@ -39,17 +45,17 @@ angular.module('etcdBrowser', ['ngRoute', 'etcd', 'timeRelative'])
|
|||||||
}
|
}
|
||||||
return parts[1];
|
return parts[1];
|
||||||
}
|
}
|
||||||
|
|
||||||
// Notify everyone of the update
|
// Notify everyone of the update
|
||||||
localStorage.setItem('etcdPath', $scope.etcdPath);
|
localStorage.setItem('etcdPath', $scope.etcdPath);
|
||||||
$scope.enableBack = true;
|
$scope.enableBack = true;
|
||||||
//disable back button if at root (/v2/keys/)
|
//disable back button if at root (/v2/keys/)
|
||||||
if($scope.etcdPath === keyPrefix) {
|
if ($scope.etcdPath === keyPrefix) {
|
||||||
$scope.enableBack = false;
|
$scope.enableBack = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
$scope.key = EtcdV2.getKey(etcdPathKey($scope.etcdPath));
|
$scope.key = EtcdV2.getKey(etcdPathKey($scope.etcdPath));
|
||||||
});
|
};
|
||||||
|
|
||||||
|
$scope.$watch('etcdPath', $scope.updateCurrentKey);
|
||||||
|
|
||||||
$scope.$watch('key', function() {
|
$scope.$watch('key', function() {
|
||||||
if ($scope.writingNew === true) {
|
if ($scope.writingNew === true) {
|
||||||
@ -63,7 +69,7 @@ angular.module('etcdBrowser', ['ngRoute', 'etcd', 'timeRelative'])
|
|||||||
$scope.list = data.node.nodes;
|
$scope.list = data.node.nodes;
|
||||||
$scope.preview = 'etcd-preview-hide';
|
$scope.preview = 'etcd-preview-hide';
|
||||||
} else {
|
} else {
|
||||||
$scope.singleValue = data.value;
|
$scope.singleValue = data.node.value;
|
||||||
$scope.preview = 'etcd-preview-reveal';
|
$scope.preview = 'etcd-preview-reveal';
|
||||||
$scope.key.getParent().get().success(function(data) {
|
$scope.key.getParent().get().success(function(data) {
|
||||||
$scope.list = data.node.nodes;
|
$scope.list = data.node.nodes;
|
||||||
@ -79,20 +85,18 @@ angular.module('etcdBrowser', ['ngRoute', 'etcd', 'timeRelative'])
|
|||||||
//back button click
|
//back button click
|
||||||
$scope.back = function() {
|
$scope.back = function() {
|
||||||
$scope.etcdPath = $scope.key.getParent().path();
|
$scope.etcdPath = $scope.key.getParent().path();
|
||||||
$scope.syncLocation();
|
$scope.resetInputPath();
|
||||||
$scope.preview = 'etcd-preview-hide';
|
$scope.preview = 'etcd-preview-hide';
|
||||||
$scope.writingNew = false;
|
$scope.writingNew = false;
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.syncLocation = function() {
|
|
||||||
$location.path($scope.etcdPath);
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.showSave = function() {
|
$scope.showSave = function() {
|
||||||
$scope.save = 'etcd-save-reveal';
|
$scope.save = 'etcd-save-reveal';
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.saveData = function() {
|
$scope.saveData = function() {
|
||||||
|
$scope.setActiveKey($scope.stripPrefix($scope.inputPath));
|
||||||
|
$scope.updateCurrentKey();
|
||||||
// TODO: fixup etcd to allow for empty values
|
// TODO: fixup etcd to allow for empty values
|
||||||
$scope.key.set($scope.singleValue || ' ').then(function(response) {
|
$scope.key.set($scope.singleValue || ' ').then(function(response) {
|
||||||
$scope.save = 'etcd-save-hide';
|
$scope.save = 'etcd-save-hide';
|
||||||
@ -100,11 +104,13 @@ angular.module('etcdBrowser', ['ngRoute', 'etcd', 'timeRelative'])
|
|||||||
$scope.back();
|
$scope.back();
|
||||||
$scope.writingNew = false;
|
$scope.writingNew = false;
|
||||||
}, function (response) {
|
}, function (response) {
|
||||||
$scope.showSaveError(data.message);
|
$scope.showSaveError(response.message);
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.deleteKey = function() {
|
$scope.deleteKey = function(key) {
|
||||||
|
$scope.setActiveKey(key);
|
||||||
|
$scope.updateCurrentKey();
|
||||||
$scope.key.deleteKey().then(function(response) {
|
$scope.key.deleteKey().then(function(response) {
|
||||||
//TODO: remove loader
|
//TODO: remove loader
|
||||||
$scope.save = 'etcd-save-hide';
|
$scope.save = 'etcd-save-hide';
|
||||||
@ -136,56 +142,15 @@ angular.module('etcdBrowser', ['ngRoute', 'etcd', 'timeRelative'])
|
|||||||
};
|
};
|
||||||
|
|
||||||
$scope.getHeight = function() {
|
$scope.getHeight = function() {
|
||||||
return $(window).height();
|
return $($window).height();
|
||||||
};
|
};
|
||||||
$scope.$watch($scope.getHeight, function() {
|
|
||||||
$('.etcd-body').css('height', $scope.getHeight()-45);
|
//$scope.$watch($scope.getHeight, function() {
|
||||||
});
|
////$('.etcd-container.etcd-browser etcd-body').css('height', $scope.getHeight()-45);
|
||||||
window.onresize = function(){
|
//});
|
||||||
|
|
||||||
|
$window.onresize = function(){
|
||||||
$scope.$apply();
|
$scope.$apply();
|
||||||
};
|
};
|
||||||
|
|
||||||
}])
|
|
||||||
|
|
||||||
.directive('ngEnter', function() {
|
|
||||||
return function(scope, element, attrs) {
|
|
||||||
element.bind('keydown keypress', function(event) {
|
|
||||||
if(event.which === 13) {
|
|
||||||
scope.$apply(function(){
|
|
||||||
scope.$eval(attrs.ngEnter);
|
|
||||||
});
|
|
||||||
|
|
||||||
event.preventDefault();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
})
|
|
||||||
|
|
||||||
.directive('highlight', function() {
|
|
||||||
return {
|
|
||||||
restrict: 'A',
|
|
||||||
link: function(scope, element, attrs) {
|
|
||||||
if('#' + scope.etcdPath === attrs.href) {
|
|
||||||
element.parent().parent().addClass('etcd-selected');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
moment.lang('en', {
|
|
||||||
relativeTime : {
|
|
||||||
future: 'Expires in %s',
|
|
||||||
past: 'Expired %s ago',
|
|
||||||
s: 'seconds',
|
|
||||||
m: 'a minute',
|
|
||||||
mm: '%d minutes',
|
|
||||||
h: 'an hour',
|
|
||||||
hh: '%d hours',
|
|
||||||
d: 'a day',
|
|
||||||
dd: '%d days',
|
|
||||||
M: 'a month',
|
|
||||||
MM: '%d months',
|
|
||||||
y: 'a year',
|
|
||||||
yy: '%d years'
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|||||||
3
mod/dashboard/app/scripts/controllers/home.js
Normal file
3
mod/dashboard/app/scripts/controllers/home.js
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
angular.module('etcdControlPanel')
|
||||||
|
.controller('HomeCtrl', function($scope) {
|
||||||
|
});
|
||||||
9
mod/dashboard/app/scripts/controllers/root.js
Normal file
9
mod/dashboard/app/scripts/controllers/root.js
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('etcdControlPanel')
|
||||||
|
.controller('RootCtrl', function($rootScope, prefixUrl) {
|
||||||
|
|
||||||
|
// Expose prefixUrl() function to all.
|
||||||
|
$rootScope.prefixUrl = prefixUrl;
|
||||||
|
|
||||||
|
});
|
||||||
@ -1,20 +1,8 @@
|
|||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
angular.module('etcdStats', ['ngRoute', 'etcd'])
|
|
||||||
|
|
||||||
.config(['$routeProvider', function ($routeProvider) {
|
angular.module('etcdControlPanel')
|
||||||
$routeProvider
|
.controller('StatsCtrl', function ($scope, $rootScope, $interval, EtcdV2, statsVega, vg) {
|
||||||
.when('/', {
|
|
||||||
templateUrl: 'views/stats.html',
|
|
||||||
controller: 'StatsCtrl'
|
|
||||||
})
|
|
||||||
.otherwise({
|
|
||||||
templateUrl: 'views/stats.html',
|
|
||||||
controller: 'StatsCtrl'
|
|
||||||
});
|
|
||||||
}])
|
|
||||||
|
|
||||||
.controller('StatsCtrl', ['$scope', 'EtcdV2', 'statsVega', function ($scope, EtcdV2, statsVega) {
|
|
||||||
$scope.graphContainer = '#latency';
|
$scope.graphContainer = '#latency';
|
||||||
$scope.graphVisibility = 'etcd-graph-show';
|
$scope.graphVisibility = 'etcd-graph-show';
|
||||||
$scope.tableVisibility = 'etcd-table-hide';
|
$scope.tableVisibility = 'etcd-table-hide';
|
||||||
@ -42,8 +30,12 @@ angular.module('etcdStats', ['ngRoute', 'etcd'])
|
|||||||
});
|
});
|
||||||
//sort array so peers don't jump when output
|
//sort array so peers don't jump when output
|
||||||
$scope.peers.sort(function(a, b){
|
$scope.peers.sort(function(a, b){
|
||||||
if(a.name < b.name) return -1;
|
if(a.name < b.name) {
|
||||||
if(a.name > b.name) return 1;
|
return -1;
|
||||||
|
}
|
||||||
|
if(a.name > b.name) {
|
||||||
|
return 1;
|
||||||
|
}
|
||||||
return 0;
|
return 0;
|
||||||
});
|
});
|
||||||
drawGraph();
|
drawGraph();
|
||||||
@ -86,10 +78,10 @@ angular.module('etcdStats', ['ngRoute', 'etcd'])
|
|||||||
$scope.getWidth = function() {
|
$scope.getWidth = function() {
|
||||||
return $(window).width();
|
return $(window).width();
|
||||||
};
|
};
|
||||||
$scope.$watch($scope.getHeight, function() {
|
//$scope.$watch($scope.getHeight, function() {
|
||||||
$('.etcd-body').css('height', $scope.getHeight()-5);
|
////$('.etcd-container.etcd-stats .etcd-body').css('height', $scope.getHeight()-5);
|
||||||
readStats();
|
//readStats();
|
||||||
});
|
//});
|
||||||
$scope.$watch($scope.getWidth, function() {
|
$scope.$watch($scope.getWidth, function() {
|
||||||
readStats();
|
readStats();
|
||||||
});
|
});
|
||||||
@ -97,12 +89,31 @@ angular.module('etcdStats', ['ngRoute', 'etcd'])
|
|||||||
$scope.$apply();
|
$scope.$apply();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
$scope.pollPromise = null;
|
||||||
|
|
||||||
|
$scope.startPolling = function() {
|
||||||
// Update the graphs live
|
// Update the graphs live
|
||||||
setInterval(function() {
|
if ($scope.pollPromise) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
$scope.pollPromise = $interval(function() {
|
||||||
readStats();
|
readStats();
|
||||||
$scope.$apply();
|
|
||||||
}, 500);
|
}, 500);
|
||||||
}])
|
};
|
||||||
|
|
||||||
|
$scope.stopPolling = function() {
|
||||||
|
$interval.cancel($scope.pollPromise);
|
||||||
|
$scope.pollPromise = null;
|
||||||
|
};
|
||||||
|
|
||||||
|
// Stop polling when navigating away from a view with this controller.
|
||||||
|
$rootScope.$on('$routeChangeStart', function () {
|
||||||
|
$scope.stopPolling();
|
||||||
|
});
|
||||||
|
|
||||||
|
$scope.startPolling();
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
/* statsVega returns the vega configuration for the stats dashboard */
|
/* statsVega returns the vega configuration for the stats dashboard */
|
||||||
|
|||||||
3
mod/dashboard/app/scripts/directives.js
Normal file
3
mod/dashboard/app/scripts/directives.js
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('etcdDirectives', []);
|
||||||
36
mod/dashboard/app/scripts/shims.js
Normal file
36
mod/dashboard/app/scripts/shims.js
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('underscore', []).factory('_', function($window) {
|
||||||
|
return $window._;
|
||||||
|
});
|
||||||
|
|
||||||
|
angular.module('jquery', []).factory('$', function($window) {
|
||||||
|
return $window.$;
|
||||||
|
});
|
||||||
|
|
||||||
|
angular.module('vg', []).factory('vg', function($window) {
|
||||||
|
return $window.vg;
|
||||||
|
});
|
||||||
|
|
||||||
|
angular.module('moment', []).factory('moment', function($window) {
|
||||||
|
|
||||||
|
$window.moment.lang('en', {
|
||||||
|
relativeTime : {
|
||||||
|
future: 'Expires in %s',
|
||||||
|
past: 'Expired %s ago',
|
||||||
|
s: 'seconds',
|
||||||
|
m: 'a minute',
|
||||||
|
mm: '%d minutes',
|
||||||
|
h: 'an hour',
|
||||||
|
hh: '%d hours',
|
||||||
|
d: 'a day',
|
||||||
|
dd: '%d days',
|
||||||
|
M: 'a month',
|
||||||
|
MM: '%d months',
|
||||||
|
y: 'a year',
|
||||||
|
yy: '%d years'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return $window.moment;
|
||||||
|
});
|
||||||
@ -1,50 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
|
||||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
|
||||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
|
||||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<title>etcd Browser</title>
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="viewport" content="width=device-width">
|
|
||||||
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
|
||||||
|
|
||||||
<!-- build:css(.tmp) styles/main.css -->
|
|
||||||
<link rel="stylesheet" href="styles/etcd-widgets.css">
|
|
||||||
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,400italic,600,700,900" rel="stylesheet" type="text/css">
|
|
||||||
<link href="http://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700" rel="stylesheet" type="text/css">
|
|
||||||
<!-- endbuild -->
|
|
||||||
</head>
|
|
||||||
<body ng-app="etcdStats">
|
|
||||||
<!--[if lt IE 7]>
|
|
||||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="bower_components/es5-shim/es5-shim.js"></script>
|
|
||||||
<script src="bower_components/json3/lib/json3.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
<!-- Add your site or application content here -->
|
|
||||||
<div id="etd_stats" ng-view="etcd">
|
|
||||||
</div>
|
|
||||||
<!-- build:js scripts/stats-modules.js -->
|
|
||||||
<script src="bower_components/jquery/jquery.js"></script>
|
|
||||||
<script src="bower_components/angular/angular.js"></script>
|
|
||||||
<script src="bower_components/angular-resource/angular-resource.js"></script>
|
|
||||||
<script src="bower_components/angular-route/angular-route.js"></script>
|
|
||||||
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
|
|
||||||
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
|
|
||||||
<script src="bower_components/d3/d3.js"></script>
|
|
||||||
<script src="bower_components/underscore/underscore.js"></script>
|
|
||||||
<!-- endbuild -->
|
|
||||||
|
|
||||||
<!-- build:js({.tmp,app}) scripts/stats-scripts.js -->
|
|
||||||
<script src="scripts/vega.js"></script>
|
|
||||||
<script src="scripts/common/services/etcd.js"></script>
|
|
||||||
<script src="scripts/controllers/stats.js"></script>
|
|
||||||
<!-- endbuild -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
186
mod/dashboard/app/styles/browser.css
Normal file
186
mod/dashboard/app/styles/browser.css
Normal file
@ -0,0 +1,186 @@
|
|||||||
|
.etcd-container.etcd-browser {
|
||||||
|
width: 100%;
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-container .etcd-container.etcd-browser {
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser .etcd-header {
|
||||||
|
height: 37px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-back {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-hide .etcd-back {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-add {
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-hide .etcd-add {
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser .etcd-header .etcd-browser-path {
|
||||||
|
position: absolute;
|
||||||
|
left: 72px;
|
||||||
|
right: 0px;
|
||||||
|
top: 0;
|
||||||
|
margin: 6px 5px 6px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser .etcd-header .etcd-browser-path input {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser .etcd-header .etcd-save {
|
||||||
|
position: absolute;
|
||||||
|
width: 54px;
|
||||||
|
right: -55px;
|
||||||
|
margin: 6px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-save-reveal .etcd-header .etcd-save {
|
||||||
|
right: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-save-reveal .etcd-header .etcd-browser-path {
|
||||||
|
right: 62px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-save-hide .etcd-header .etcd-save {
|
||||||
|
right: -55px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-save-hide .etcd-header .etcd-browser-path {
|
||||||
|
right: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser .etcd-preview {
|
||||||
|
position: absolute;
|
||||||
|
left: 100%;
|
||||||
|
min-height: 100%;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
top: 0px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
width: 100%;
|
||||||
|
border-left: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser .etcd-preview pre, .etcd-container.etcd-browser .etcd-preview textarea {
|
||||||
|
padding: 20px 20px 20px 20px;
|
||||||
|
margin: 0px;
|
||||||
|
font-family: Consolas, "Liberation Mono", Courier, monospace;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 13px;
|
||||||
|
border: 1px;
|
||||||
|
outline: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview pre, .etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview textarea {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser .etcd-preview .etcd-empty {
|
||||||
|
top: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser .etcd-preview .etcd-empty-message {
|
||||||
|
margin-top: 25%;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Single Column Positioning */
|
||||||
|
@media (max-width: 700px) {
|
||||||
|
.etcd-container.etcd-browser .etcd-list {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-list {
|
||||||
|
left: -100%;
|
||||||
|
transition-property: all;
|
||||||
|
transition-duration: 250ms;
|
||||||
|
transition-timing-function: ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-hide .etcd-list {
|
||||||
|
left: 0%;
|
||||||
|
transition-property: all;
|
||||||
|
transition-duration: 250ms;
|
||||||
|
transition-timing-function: ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser .etcd-preview {
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview { left: -1px;
|
||||||
|
transition-property: all;
|
||||||
|
transition-duration: 250ms;
|
||||||
|
transition-timing-function: ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-hide .etcd-preview {
|
||||||
|
left: 100%;
|
||||||
|
transition-property: all;
|
||||||
|
transition-duration: 250ms;
|
||||||
|
transition-timing-function: ease-in-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Double Column Positioning */
|
||||||
|
@media (min-width: 700px) {
|
||||||
|
.etcd-container.etcd-browser .etcd-list {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser .etcd-preview {
|
||||||
|
left: 50%;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview {
|
||||||
|
left: 50%; /* does nothing */
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview .etcd-empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-hide .etcd-preview {
|
||||||
|
left: 50%; /* does nothing */
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-hide .etcd-preview .etcd-empty {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-browser.etcd-preview-hide .etcd-preview pre, .etcd-container.etcd-browser.etcd-preview-hide .etcd-preview textarea {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@ -1,6 +1,7 @@
|
|||||||
body {
|
body {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-container {
|
.etcd-container {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
@ -15,18 +16,20 @@ body {
|
|||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
|
margin: 20px 0;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #2176AC;
|
color: #2176AC;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover, a:active {
|
a:hover, a:active {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type=text] {
|
input[type=text] {
|
||||||
box-shadow: inset 0 1px 2px rgba(0,0,0,.5);
|
box-shadow: inset 0 1px 2px rgba(0,0,0,.5);
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
@ -34,21 +37,20 @@ body {
|
|||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type=text]:focus {
|
input[type=text]:focus {
|
||||||
|
}
|
||||||
|
|
||||||
}
|
h2 {
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-button {
|
.etcd-button {
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
padding:6px 12px;
|
padding:6px 12px;
|
||||||
margin-bottom:0;
|
margin-bottom:0;
|
||||||
@ -69,25 +71,25 @@ body {
|
|||||||
margin: 0px;
|
margin: 0px;
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.25);
|
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-button.etcd-button-small {
|
.etcd-button.etcd-button-small {
|
||||||
height: 25px;
|
height: 25px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-button-primary {
|
.etcd-button-primary {
|
||||||
background-color: #428BCA;
|
background-color: #428BCA;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-shadow: 0 0 3px rgba(0,0,0,0.25);
|
text-shadow: 0 0 3px rgba(0,0,0,0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-button-primary:active {
|
.etcd-button-primary:active {
|
||||||
background-color: #2276ad;
|
background-color: #2276ad;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-popover {
|
.etcd-popover {
|
||||||
background: #333;
|
background: #333;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
@ -98,18 +100,18 @@ body {
|
|||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
box-shadow: 0px 2px 10px rgba(0,0,0,.5);
|
box-shadow: 0px 2px 10px rgba(0,0,0,.5);
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-popover-error .etcd-popover-content {
|
.etcd-popover-error .etcd-popover-content {
|
||||||
color: #FF3C43;
|
color: #FF3C43;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
user-select: text;
|
user-select: text;
|
||||||
-webkit-user-select: text;
|
-webkit-user-select: text;
|
||||||
-moz-user-select: text;
|
-moz-user-select: text;
|
||||||
-ms-user-select: text;
|
-ms-user-select: text;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-popover-notch {
|
.etcd-popover-notch {
|
||||||
width: 14px;
|
width: 14px;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
-webkit-transform: rotate(45deg);
|
-webkit-transform: rotate(45deg);
|
||||||
@ -121,39 +123,38 @@ body {
|
|||||||
background: #333;
|
background: #333;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
right: 15px;
|
right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-popover.etcd-popover-right {
|
.etcd-popover.etcd-popover-right {
|
||||||
left: 77px;
|
left: 77px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-popover-right .etcd-popover-notch {
|
.etcd-popover-right .etcd-popover-notch {
|
||||||
left: 15px;
|
left: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-popover.etcd-popover-left {
|
.etcd-popover.etcd-popover-left {
|
||||||
right: 10px;
|
right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-popover-left .etcd-popover-notch {
|
.etcd-popover-left .etcd-popover-notch {
|
||||||
right: 15px;
|
right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-popover-confirm {
|
.etcd-popover-confirm {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-popover-confirm button {
|
.etcd-popover-confirm button {
|
||||||
|
}
|
||||||
|
|
||||||
}
|
.etcd-header {
|
||||||
|
|
||||||
.etcd-header {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.etcd-header.solid {
|
.etcd-header.solid {
|
||||||
background: #eeeeee;
|
background: #eeeeee;
|
||||||
background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
|
background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
|
||||||
@ -162,27 +163,26 @@ body {
|
|||||||
background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
|
background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
|
||||||
background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
|
background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body {
|
.etcd-body {
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow-y: auto;
|
overflow: hidden;
|
||||||
overflow-x: hidden;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body table {
|
.etcd-body table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body table thead td {
|
.etcd-body table thead td {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
@ -192,9 +192,9 @@ body {
|
|||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body table tbody td {
|
.etcd-body table tbody td {
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
padding-top: 6px;
|
padding-top: 6px;
|
||||||
@ -206,34 +206,34 @@ body {
|
|||||||
-webkit-user-select: text;
|
-webkit-user-select: text;
|
||||||
-moz-user-select: text;
|
-moz-user-select: text;
|
||||||
-ms-user-select: text;
|
-ms-user-select: text;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body table .etcd-ttl-header {
|
.etcd-body table .etcd-ttl-header {
|
||||||
width: 33%;
|
width: 33%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body table tbody .etcd-ttl {
|
.etcd-body table tbody .etcd-ttl {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body table tbody .etcd-ttl .etcd-ttl-none {
|
.etcd-body table tbody .etcd-ttl .etcd-ttl-none {
|
||||||
color: #999;
|
color: #999;
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body table .etcd-actions-header {
|
.etcd-body table .etcd-actions-header {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body table thead td:first-child, .etcd-body table tbody td:first-child {
|
.etcd-body table thead td:first-child, .etcd-body table tbody td:first-child {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body table thead td:last-child, .etcd-body table tbody td:last-child {
|
.etcd-body table thead td:last-child, .etcd-body table tbody td:last-child {
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-container .etcd-preview .etcd-dialog {
|
.etcd-container .etcd-preview .etcd-dialog {
|
||||||
background: #333;
|
background: #333;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
@ -248,82 +248,65 @@ body {
|
|||||||
transition-property: all;
|
transition-property: all;
|
||||||
transition-duration: 150ms;
|
transition-duration: 150ms;
|
||||||
transition-timing-function: ease-in-out;
|
transition-timing-function: ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-container .etcd-preview .etcd-dialog .etcd-dialog-message {
|
.etcd-container .etcd-preview .etcd-dialog .etcd-dialog-message {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-container .etcd-preview .etcd-dialog .etcd-dialog-buttons a {
|
.etcd-container .etcd-preview .etcd-dialog .etcd-dialog-buttons a {
|
||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*.etcd-container .etcd-preview .etcd-dialog.etcd-reveal {
|
.etcd-body .etcd-list {
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container .etcd-preview .etcd-dialog.etcd-hide {
|
|
||||||
opacity: 0;
|
|
||||||
}*/
|
|
||||||
|
|
||||||
.etcd-body .etcd-list {
|
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body .etcd-list .etcd-selected {
|
.etcd-body .etcd-list .etcd-selected {
|
||||||
background-color: #EAF3FF;
|
background-color: #EAF3FF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body .etcd-list a.directory {
|
.etcd-body .etcd-list a.directory {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body .etcd-list tr:hover .etcd-delete svg {
|
.etcd-list tr:hover .etcd-delete {
|
||||||
1visibility: visible;
|
visibility: visible;
|
||||||
fill: #ff0000;
|
fill: #ff0000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-body .etcd-list .etcd-delete {
|
.etcd-delete {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 25px;
|
width: 25px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-body .etcd-list .etcd-delete svg {
|
|
||||||
height: 20px;
|
|
||||||
fill: #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-body .etcd-list .etcd-selected .etcd-delete svg {
|
|
||||||
height: 20px;
|
|
||||||
fill: #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-body .etcd-list .etcd-delete:hover svg {
|
|
||||||
cursor: pointer;
|
|
||||||
fill: #ff0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser {
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-container.etcd-browser .etcd-header {
|
.etcd-delete {
|
||||||
height: 37px;
|
height: 20px;
|
||||||
}
|
fill: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
.etcd-back {
|
.etcd-selected .etcd-delete {
|
||||||
|
height: 20px;
|
||||||
|
fill: #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-delete:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
fill: #ff0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-back {
|
||||||
height: 37px;
|
height: 37px;
|
||||||
width: 37px;
|
width: 37px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
@ -332,31 +315,24 @@ body {
|
|||||||
top: 0px;
|
top: 0px;
|
||||||
left: 3px;
|
left: 3px;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-back {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-hide .etcd-back {
|
.etcd-back svg {
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-back svg {
|
|
||||||
height: 20px;
|
height: 20px;
|
||||||
padding: 8px 6px;
|
padding: 8px 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-back:hover svg {
|
.etcd-back:hover svg {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
fill: #428bca;
|
fill: #428bca;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-back.etcd-disabled svg {
|
.etcd-back.etcd-disabled svg {
|
||||||
fill: #bbb;
|
fill: #bbb;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-add {
|
.etcd-add {
|
||||||
height: 37px;
|
height: 37px;
|
||||||
width: 37px;
|
width: 37px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
@ -364,350 +340,42 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 36px;
|
left: 36px;
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-add {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-hide .etcd-add {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-add svg {
|
|
||||||
height: 22px;
|
|
||||||
padding: 7px 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-add:hover svg {
|
|
||||||
cursor: pointer;
|
|
||||||
fill: #428bca;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-add.etcd-disabled svg {
|
|
||||||
fill: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser .etcd-header .etcd-browser-path {
|
|
||||||
position: absolute;
|
|
||||||
left: 72px;
|
|
||||||
right: 0px;
|
|
||||||
top: 0;
|
|
||||||
margin: 6px 5px 6px 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser .etcd-header .etcd-browser-path input {
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser .etcd-header .etcd-save {
|
|
||||||
position: absolute;
|
|
||||||
width: 54px;
|
|
||||||
right: -55px;
|
|
||||||
margin: 6px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-save-reveal .etcd-header .etcd-save {
|
|
||||||
right: 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-save-reveal .etcd-header .etcd-browser-path {
|
|
||||||
right: 62px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-save-hide .etcd-header .etcd-save {
|
|
||||||
right: -55px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-save-hide .etcd-header .etcd-browser-path {
|
|
||||||
right: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser .etcd-preview {
|
|
||||||
position: absolute;
|
|
||||||
left: 100%;
|
|
||||||
min-height: 100%;
|
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
top: 0px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
background-color: #fff;
|
|
||||||
width: 100%;
|
|
||||||
border-left: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser .etcd-preview pre, .etcd-container.etcd-browser .etcd-preview textarea {
|
|
||||||
padding: 20px 20px 20px 20px;
|
|
||||||
margin: 0px;
|
|
||||||
font-family: Consolas, "Liberation Mono", Courier, monospace;
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
position: absolute;
|
|
||||||
font-size: 13px;
|
|
||||||
border: 1px;
|
|
||||||
outline: none;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview pre, .etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview textarea {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser .etcd-preview .etcd-empty {
|
|
||||||
top: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-empty {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser .etcd-preview .etcd-empty-message {
|
|
||||||
margin-top: 25%;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Single Column Positioning */
|
|
||||||
@media (max-width: 700px) {
|
|
||||||
.etcd-container.etcd-browser .etcd-list {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-list {
|
|
||||||
left: -100%;
|
|
||||||
transition-property: all;
|
|
||||||
transition-duration: 250ms;
|
|
||||||
transition-timing-function: ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-hide .etcd-list {
|
|
||||||
left: 0%;
|
|
||||||
transition-property: all;
|
|
||||||
transition-duration: 250ms;
|
|
||||||
transition-timing-function: ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser .etcd-preview {
|
|
||||||
left: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview {
|
|
||||||
left: -1px;
|
|
||||||
transition-property: all;
|
|
||||||
transition-duration: 250ms;
|
|
||||||
transition-timing-function: ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-hide .etcd-preview {
|
|
||||||
left: 100%;
|
|
||||||
transition-property: all;
|
|
||||||
transition-duration: 250ms;
|
|
||||||
transition-timing-function: ease-in-out;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Double Column Positioning */
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.etcd-container.etcd-browser .etcd-list {
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser .etcd-preview {
|
|
||||||
left: 50%;
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview {
|
|
||||||
left: 50%; /* does nothing */
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-reveal .etcd-preview .etcd-empty {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-hide .etcd-preview {
|
|
||||||
left: 50%; /* does nothing */
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-hide .etcd-preview .etcd-empty {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-browser.etcd-preview-hide .etcd-preview pre, .etcd-container.etcd-browser.etcd-preview-hide .etcd-preview textarea {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats {
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-container.etcd-stats h2 {
|
|
||||||
margin-top: -7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-format-selector {
|
.etcd-add svg {
|
||||||
|
height: 22px;
|
||||||
|
padding: 7px 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-add:hover svg {
|
||||||
|
cursor: pointer;
|
||||||
|
fill: #428bca;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-add.etcd-disabled svg {
|
||||||
|
fill: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-format-selector {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 12px;
|
top: 12px;
|
||||||
right: 16px;
|
right: 16px;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-format-selector .etcd-selector-item {
|
.etcd-format-selector .etcd-selector-item {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
padding: 8px 4px;
|
padding: 8px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-format-selector .etcd-selector-item:hover {
|
.etcd-format-selector .etcd-selector-item:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-format-selector .etcd-selector-item svg {
|
.etcd-format-selector .etcd-selector-item svg {
|
||||||
fill: #333;
|
fill: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-graph {
|
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
left: 0px;
|
|
||||||
right: 0px;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-graph .etcd-graph-container {
|
|
||||||
position: absolute;
|
|
||||||
top: 60px;
|
|
||||||
bottom: 20px;
|
|
||||||
left: 20px;
|
|
||||||
right: 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats table .etcd-latency {
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-list {
|
|
||||||
position: absolute;
|
|
||||||
left: 100%;
|
|
||||||
min-height: 100%;
|
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
top: 0px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
background-color: #fff;
|
|
||||||
width: 100%;
|
|
||||||
border-left: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-list .etcd-square {
|
|
||||||
height: 10px;
|
|
||||||
width: 10px;
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-list .etcd-square-red {
|
|
||||||
background-color: #c40022;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-list .etcd-square-orange {
|
|
||||||
background-color: #FFC000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-list .etcd-square-green {
|
|
||||||
background-color: #00DB24;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-list .etcd-peer-type {
|
|
||||||
color: #999;
|
|
||||||
padding-left: 3px;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-list .etcd-latency-value {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Single Column Positioning */
|
|
||||||
@media (max-width: 700px) {
|
|
||||||
.etcd-container.etcd-stats .etcd-list {
|
|
||||||
width: 100%;
|
|
||||||
left: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-graph {
|
|
||||||
left: 0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats.etcd-table-reveal .etcd-graph {
|
|
||||||
left: -100%;
|
|
||||||
transition-property: all;
|
|
||||||
transition-duration: 250ms;
|
|
||||||
transition-timing-function: ease-in-out;
|
|
||||||
}
|
|
||||||
.etcd-container.etcd-stats.etcd-table-hide .etcd-graph {
|
|
||||||
left: 0%;
|
|
||||||
transition-property: all;
|
|
||||||
transition-duration: 250ms;
|
|
||||||
transition-timing-function: ease-in-out;
|
|
||||||
|
|
||||||
}
|
|
||||||
.etcd-container.etcd-stats.etcd-table-hide .etcd-format-selector .etcd-selector-graph svg * {
|
|
||||||
fill: #428bca;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats.etcd-table-hide .etcd-list {
|
|
||||||
left: 100%;
|
|
||||||
transition-property: all;
|
|
||||||
transition-duration: 250ms;
|
|
||||||
transition-timing-function: ease-in-out;
|
|
||||||
}
|
|
||||||
.etcd-container.etcd-stats.etcd-table-reveal .etcd-list {
|
|
||||||
left: 0%;
|
|
||||||
transition-property: all;
|
|
||||||
transition-duration: 250ms;
|
|
||||||
transition-timing-function: ease-in-out;
|
|
||||||
}
|
|
||||||
.etcd-container.etcd-stats.etcd-table-reveal .etcd-format-selector .etcd-selector-table svg * {
|
|
||||||
fill: #428bca;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Double Column Positioning */
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.etcd-container.etcd-stats .etcd-list {
|
|
||||||
width: 50%;
|
|
||||||
left: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-graph {
|
|
||||||
left: 0%;
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etcd-container.etcd-stats .etcd-format-selector {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|||||||
@ -1,22 +1,56 @@
|
|||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
color: #333;
|
color: #333;
|
||||||
|
padding: 30px;
|
||||||
|
margin: 0px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
margin: 0px 0px 20px 0px;
|
||||||
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-unit {
|
a {
|
||||||
margin: 50px auto 0 auto;
|
color: #1e6ec1;
|
||||||
width: 300px;
|
text-decoration: none;
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 200;
|
|
||||||
line-height: 30px;
|
|
||||||
background-color: #eee;
|
|
||||||
border-radius: 6px;
|
|
||||||
padding: 60px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-unit h1 {
|
a:hover {
|
||||||
font-size: 60px;
|
text-decoration: underline;
|
||||||
line-height: 1;
|
}
|
||||||
letter-spacing: -1px;
|
|
||||||
|
#footer {
|
||||||
|
width: 100%;
|
||||||
|
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#coreos-logo {
|
||||||
|
margin: 10px auto 0 auto;
|
||||||
|
height: 30px;
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#coreos-logo svg {
|
||||||
|
fill: #999;
|
||||||
|
MAX-WIDTH: 100PX;
|
||||||
|
DISPLAY: INLINE-BLOCK;
|
||||||
|
VERTICAL-ALIGN: MIDDLE;
|
||||||
|
}
|
||||||
|
|
||||||
|
#POWERED-BY {
|
||||||
|
FONT-SIZE: 12PX;
|
||||||
|
COLOR: #333;
|
||||||
|
WIDTH: 100%;
|
||||||
|
DISPLAY: INLINE-BLOCK;
|
||||||
|
VERTICAL-ALIGN: MIDDLE;
|
||||||
|
LINE-HEIGHT: 190%;
|
||||||
|
TEXT-ALIGN: CENTER;
|
||||||
}
|
}
|
||||||
|
|||||||
144
mod/dashboard/app/styles/stats.css
Normal file
144
mod/dashboard/app/styles/stats.css
Normal file
@ -0,0 +1,144 @@
|
|||||||
|
.etcd-container.etcd-stats {
|
||||||
|
width: 100%;
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-container .etcd-container.etcd-stats {
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats h2 {
|
||||||
|
margin-top: -7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats table .etcd-latency {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-list {
|
||||||
|
position: absolute;
|
||||||
|
left: 100%;
|
||||||
|
min-height: 100%;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
top: 0px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
width: 100%;
|
||||||
|
border-left: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-list .etcd-square {
|
||||||
|
height: 10px;
|
||||||
|
width: 10px;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-list .etcd-square-red {
|
||||||
|
background-color: #c40022;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-list .etcd-square-orange {
|
||||||
|
background-color: #FFC000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-list .etcd-square-green {
|
||||||
|
background-color: #00DB24;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-list .etcd-peer-type {
|
||||||
|
color: #999;
|
||||||
|
padding-left: 3px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-list .etcd-latency-value {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-graph {
|
||||||
|
box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 0px;
|
||||||
|
right: 0px;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-graph .etcd-graph-container {
|
||||||
|
position: absolute;
|
||||||
|
top: 60px;
|
||||||
|
bottom: 20px;
|
||||||
|
left: 20px;
|
||||||
|
right: 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Single Column Positioning */
|
||||||
|
@media (max-width: 700px) {
|
||||||
|
.etcd-container.etcd-stats .etcd-list {
|
||||||
|
width: 100%;
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-graph {
|
||||||
|
left: 0%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats.etcd-table-reveal .etcd-graph {
|
||||||
|
left: -100%;
|
||||||
|
transition-property: all;
|
||||||
|
transition-duration: 250ms;
|
||||||
|
transition-timing-function: ease-in-out;
|
||||||
|
}
|
||||||
|
.etcd-container.etcd-stats.etcd-table-hide .etcd-graph {
|
||||||
|
left: 0%;
|
||||||
|
transition-property: all;
|
||||||
|
transition-duration: 250ms;
|
||||||
|
transition-timing-function: ease-in-out;
|
||||||
|
|
||||||
|
}
|
||||||
|
.etcd-container.etcd-stats.etcd-table-hide .etcd-format-selector .etcd-selector-graph svg * {
|
||||||
|
fill: #428bca;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats.etcd-table-hide .etcd-list {
|
||||||
|
left: 100%;
|
||||||
|
transition-property: all;
|
||||||
|
transition-duration: 250ms;
|
||||||
|
transition-timing-function: ease-in-out;
|
||||||
|
}
|
||||||
|
.etcd-container.etcd-stats.etcd-table-reveal .etcd-list {
|
||||||
|
left: 0%;
|
||||||
|
transition-property: all;
|
||||||
|
transition-duration: 250ms;
|
||||||
|
transition-timing-function: ease-in-out;
|
||||||
|
}
|
||||||
|
.etcd-container.etcd-stats.etcd-table-reveal .etcd-format-selector .etcd-selector-table svg * {
|
||||||
|
fill: #428bca;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Double Column Positioning */
|
||||||
|
@media (min-width: 700px) {
|
||||||
|
.etcd-container.etcd-stats .etcd-list {
|
||||||
|
width: 50%;
|
||||||
|
left: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-graph {
|
||||||
|
left: 0%;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.etcd-container.etcd-stats .etcd-format-selector {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,76 +1,49 @@
|
|||||||
<div class="etcd-container etcd-browser {{columns}} {{preview}} {{save}}">
|
<div ng-controller="BrowserCtrl" class="etcd-container etcd-browser {{columns}} {{preview}} {{save}}">
|
||||||
<!--
|
|
||||||
<div class="etcd-popover etcd-popover-error">
|
|
||||||
<div class="etcd-popover-notch"></div>
|
|
||||||
<div class="etcd-popover-content">
|
|
||||||
Overwrite this value?
|
|
||||||
</div>
|
|
||||||
<div class="etcd-popover-confirm">
|
|
||||||
<button class="etcd-button etcd-button-small etcd-button-primary etcd-confirm">Overwrite</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
<div class="etcd-popover etcd-popover-error" id="etcd-save-error">
|
<div class="etcd-popover etcd-popover-error" id="etcd-save-error">
|
||||||
<div class="etcd-popover-notch"></div>
|
<div class="etcd-popover-notch"></div>
|
||||||
<div class="etcd-popover-content">
|
<div class="etcd-popover-content">Error:</div>
|
||||||
Error:
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="etcd-popover etcd-popover-error" id="etcd-browse-error">
|
<div class="etcd-popover etcd-popover-error" id="etcd-browse-error">
|
||||||
<div class="etcd-popover-notch"></div>
|
<div class="etcd-popover-notch"></div>
|
||||||
<div class="etcd-popover-content">
|
<div class="etcd-popover-content">Error:</div>
|
||||||
Error:
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="etcd-header solid">
|
<div class="etcd-header solid">
|
||||||
<a class="etcd-back" ng-click="back()" ng-class="{false:'etcd-disabled'}[enableBack]">
|
<a class="etcd-back" ng-click="back()" ng-class="{false:'etcd-disabled'}[enableBack]">
|
||||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
<img src="images/back.svg"/>
|
||||||
preserveAspectRatio="xMinYMin" viewBox="0 0 73.356 61" enable-background="new 0 0 73.356 61" xml:space="preserve">
|
|
||||||
<path d="M5.27,33.226l22.428,22.428c1.562,1.562,4.095,1.562,5.657,0c1.562-1.562,1.562-4.095,0-5.657L17.77,34.413h48.514
|
|
||||||
c2.209,0,4-1.791,4-4s-1.791-4-4-4H17.749l15.604-15.582c1.563-1.561,1.565-4.094,0.004-5.657C32.576,4.391,31.552,4,30.527,4
|
|
||||||
c-1.023,0-2.046,0.39-2.827,1.169L5.272,27.567c-0.751,0.75-1.173,1.768-1.173,2.829C4.098,31.458,4.52,32.476,5.27,33.226z"/>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a class="etcd-add">
|
|
||||||
|
|
||||||
<svg version="1.1" ng-click="add()" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
||||||
preserveAspectRatio="xMinYMin" viewBox="0 0 72.556 61" enable-background="new 0 0 72.556 61" xml:space="preserve">
|
|
||||||
<path d="M34.521,8v11.088v23v10.737c0,2.209,1.791,4,4,4c2.209,0,4-1.791,4-4V42.067V19.109V8c0-2.209-1.791-4-4-4
|
|
||||||
C36.312,4,34.521,5.791,34.521,8z"/>
|
|
||||||
<path d="M16.109,34.412h11.088h23h10.737c2.209,0,4-1.791,4-4c0-2.209-1.791-4-4-4H50.175H27.217H16.109c-2.209,0-4,1.791-4,4
|
|
||||||
C12.109,32.621,13.9,34.412,16.109,34.412z"/>
|
|
||||||
</svg>
|
|
||||||
</a>
|
</a>
|
||||||
|
<a class="etcd-add" ng-click="add()"><img src="images/add.svg"/></a>
|
||||||
<div class="etcd-browser-path">
|
<div class="etcd-browser-path">
|
||||||
<input type="text" ng-model="etcdPath" ng-enter="syncLocation()" tabindex="888" />
|
<input type="text" ng-model="inputPath" ng-enter="onEnter()" tabindex="888" />
|
||||||
</div>
|
</div>
|
||||||
<button class="etcd-button etcd-button-small etcd-button-primary etcd-save" ng-click="saveData()">Save</button>
|
<button class="etcd-button etcd-button-small etcd-button-primary etcd-save" ng-click="saveData()">Save</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="etcd-body">
|
<div class="etcd-body">
|
||||||
|
|
||||||
<div class="etcd-list">
|
<div class="etcd-list">
|
||||||
<table cellpadding="0" cellspacing="0">
|
<table cellpadding="0" cellspacing="0">
|
||||||
<thead>
|
<thead>
|
||||||
<td class="etcd-name-header">Name</td>
|
<td class="etcd-name-header">Name</td>
|
||||||
<td class="etcd-ttl-header">TTL</td>
|
<td class="etcd-ttl-header">TTL</td>
|
||||||
<td class="etcd-actions-header"> </td>
|
<td class="etcd-actions-header"> </td>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr ng-repeat="key in list | orderBy:'key'">
|
<tr ng-repeat="key in list | orderBy:'key'">
|
||||||
<td><a ng-class="{true:'directory'}[key.dir]" href="#/v2/keys{{key.key}}" highlight>{{key.key}}</a></td>
|
<td>
|
||||||
|
<highlight ng-class="{true:'directory'}[key.dir]" ng-click="setActiveKey(key.key)" highlight-base="etcdPath" highlight-current="key.key">{{key.key}}</highlight>
|
||||||
|
</td>
|
||||||
<td ng-switch on="!!key.expiration" class="etcd-ttl">
|
<td ng-switch on="!!key.expiration" class="etcd-ttl">
|
||||||
<div ng-switch-when="true"><time relative datetime="{{key.expiration.substring(0, key.expiration.lastIndexOf('-'))}}"></time></div>
|
<div ng-switch-when="true"><time relative datetime="{{key.expiration.substring(0, key.expiration.lastIndexOf('-'))}}"></time></div>
|
||||||
<div ng-switch-default class="etcd-ttl-none">—</div>
|
<div ng-switch-default class="etcd-ttl-none">—</div>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<div class="etcd-actions">
|
<div class="etcd-actions">
|
||||||
<div class="etcd-delete" ng-switch on="!!key.dir">
|
<div ng-switch on="!!key.dir">
|
||||||
<svg ng-switch-when="false" ng-click="deleteKey()" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
<img class="etcd-delete" src="images/delete.svg" ng-switch-when="false" ng-click="deleteKey(key.key)" />
|
||||||
x="0px" y="0px" preserveAspectRatio="xMinYMin" viewBox="0 0 76.143 61" enable-background="new 0 0 76.143 61" xml:space="preserve">
|
|
||||||
<path d="M49.41,13.505l-6.035,6.035L27.112,35.803l-6.035,6.035c-1.562,1.562-1.562,4.095,0,5.657c1.562,1.562,4.095,1.562,5.657,0
|
|
||||||
l6.05-6.05l16.234-16.234l6.05-6.05c1.562-1.562,1.562-4.095,0-5.657C53.505,11.943,50.972,11.943,49.41,13.505z"/>
|
|
||||||
<path d="M21.077,19.162l6.035,6.035L43.375,41.46l6.035,6.035c1.562,1.562,4.095,1.562,5.657,0c1.562-1.562,1.562-4.095,0-5.657
|
|
||||||
l-6.05-6.05L32.783,19.555l-6.05-6.05c-1.562-1.562-4.095-1.562-5.657,0C19.515,15.067,19.515,17.6,21.077,19.162z"/>
|
|
||||||
</svg>
|
|
||||||
<div ng-switch-when="true"></div>
|
<div ng-switch-when="true"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -79,16 +52,14 @@
|
|||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="etcd-preview">
|
<div class="etcd-preview">
|
||||||
<textarea placeholder="Enter a key name above and the value here" ng-model="singleValue" tabindex="888" ng-change="showSave()">
|
<textarea placeholder="Enter a key name above and the value here" ng-model="singleValue" tabindex="888" ng-change="showSave()"></textarea>
|
||||||
</textarea>
|
|
||||||
<div class="etcd-empty">
|
<div class="etcd-empty">
|
||||||
<div class="etcd-empty-message">{{preview_message}}</div>
|
<div class="etcd-empty-message">{{preview_message}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="etcd-dialog">
|
<div class="etcd-dialog">
|
||||||
<div class="etcd-dialog-message">
|
<div class="etcd-dialog-message">Save and replicate this change?</div>
|
||||||
Save and replicate this change?
|
|
||||||
</div>
|
|
||||||
<div class="etcd-dialog-buttons">
|
<div class="etcd-dialog-buttons">
|
||||||
<button class="etcd-button etcd-button-primary">Save Changes</button>
|
<button class="etcd-button etcd-button-primary">Save Changes</button>
|
||||||
<a href="javascript:void(0);">Cancel</a>
|
<a href="javascript:void(0);">Cancel</a>
|
||||||
@ -96,4 +67,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
4
mod/dashboard/app/views/home.html
Normal file
4
mod/dashboard/app/views/home.html
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<a href="stats">stats only</a>
|
||||||
|
<div ng-include="prefixUrl('/views/stats.html')" class="home-container"></div>
|
||||||
|
<a href="browser">browser only</a>
|
||||||
|
<div ng-include="prefixUrl('/views/browser.html')" class="home-container"></div>
|
||||||
@ -1,4 +1,4 @@
|
|||||||
<div class="etcd-container etcd-stats {{columns}} {{tableVisibility}}">
|
<div ng-controller="StatsCtrl" class="etcd-container etcd-stats {{columns}} {{tableVisibility}}">
|
||||||
<div class="etcd-body">
|
<div class="etcd-body">
|
||||||
<div class="etcd-format-selector">
|
<div class="etcd-format-selector">
|
||||||
<div class="etcd-selector-item etcd-selector-graph" ng-click="showGraph()">
|
<div class="etcd-selector-item etcd-selector-graph" ng-click="showGraph()">
|
||||||
|
|||||||
@ -12,11 +12,11 @@
|
|||||||
"angular-cookies": "~1.2.0-rc.2",
|
"angular-cookies": "~1.2.0-rc.2",
|
||||||
"angular-sanitize": "~1.2.0-rc.2",
|
"angular-sanitize": "~1.2.0-rc.2",
|
||||||
"d3": "~3.3.6",
|
"d3": "~3.3.6",
|
||||||
"moment": "~2.3.0"
|
"moment": "~2.3.0",
|
||||||
|
"underscore.string": "~2.3.3"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"angular-mocks": "~1.2.0-rc.2",
|
"angular-mocks": "~1.2.0-rc.2",
|
||||||
"angular-scenario": "~1.2.0-rc.2",
|
|
||||||
"underscore": "~1.5.2"
|
"underscore": "~1.5.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -11,19 +11,17 @@
|
|||||||
"grunt-contrib-compass": "~0.5.0",
|
"grunt-contrib-compass": "~0.5.0",
|
||||||
"grunt-contrib-jshint": "~0.6.0",
|
"grunt-contrib-jshint": "~0.6.0",
|
||||||
"grunt-contrib-cssmin": "~0.6.0",
|
"grunt-contrib-cssmin": "~0.6.0",
|
||||||
"grunt-contrib-connect": "~0.3.0",
|
|
||||||
"grunt-contrib-clean": "~0.5.0",
|
"grunt-contrib-clean": "~0.5.0",
|
||||||
"grunt-contrib-htmlmin": "~0.1.3",
|
"grunt-contrib-htmlmin": "~0.1.3",
|
||||||
"grunt-contrib-imagemin": "~0.2.0",
|
"grunt-contrib-imagemin": "~0.2.0",
|
||||||
"grunt-contrib-watch": "~0.5.2",
|
"grunt-contrib-watch": "~0.5.2",
|
||||||
"grunt-autoprefixer": "~0.2.0",
|
"grunt-autoprefixer": "~0.2.0",
|
||||||
"grunt-usemin": "~0.1.11",
|
"grunt-usemin": "~2.0.2",
|
||||||
"grunt-svgmin": "~0.2.0",
|
"grunt-svgmin": "~0.2.0",
|
||||||
"grunt-rev": "~0.1.0",
|
"grunt-rev": "~0.1.0",
|
||||||
"grunt-open": "~0.2.0",
|
"grunt-open": "~0.2.0",
|
||||||
"grunt-concurrent": "~0.3.0",
|
"grunt-concurrent": "~0.3.0",
|
||||||
"load-grunt-tasks": "~0.1.0",
|
"load-grunt-tasks": "~0.1.0",
|
||||||
"connect-livereload": "~0.2.0",
|
|
||||||
"grunt-google-cdn": "~0.2.0",
|
"grunt-google-cdn": "~0.2.0",
|
||||||
"grunt-ngmin": "~0.0.2",
|
"grunt-ngmin": "~0.0.2",
|
||||||
"time-grunt": "~0.1.0",
|
"time-grunt": "~0.1.0",
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user