Repository: incubator-ignite
Updated Branches:
  refs/heads/ignite-843 8da687104 -> 2a2d65526


# IGNITE-843 WIP on caches screen.


Project: http://git-wip-us.apache.org/repos/asf/incubator-ignite/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-ignite/commit/2a2d6552
Tree: http://git-wip-us.apache.org/repos/asf/incubator-ignite/tree/2a2d6552
Diff: http://git-wip-us.apache.org/repos/asf/incubator-ignite/diff/2a2d6552

Branch: refs/heads/ignite-843
Commit: 2a2d655265d40e942edaa54c563a50ecc4632ed7
Parents: 8da6871
Author: AKuznetsov <akuznet...@gridgain.com>
Authored: Thu Jun 4 18:08:32 2015 +0700
Committer: AKuznetsov <akuznet...@gridgain.com>
Committed: Thu Jun 4 18:08:32 2015 +0700

----------------------------------------------------------------------
 .../nodejs/public/form-models/caches.json       | 86 ++++++++++++--------
 .../nodejs/public/stylesheets/style.css         |  2 +-
 .../nodejs/public/stylesheets/style.less        |  2 +
 modules/webconfig/nodejs/views/caches.jade      | 18 ++--
 4 files changed, 66 insertions(+), 42 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/2a2d6552/modules/webconfig/nodejs/public/form-models/caches.json
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/public/form-models/caches.json 
b/modules/webconfig/nodejs/public/form-models/caches.json
index 38ae859..5a42ca0 100644
--- a/modules/webconfig/nodejs/public/form-models/caches.json
+++ b/modules/webconfig/nodejs/public/form-models/caches.json
@@ -1,19 +1,23 @@
 {
   "general": [
     {
-      "name": "Name",
+      "label": "Name",
       "type": "text",
       "model": "name"
     },
     {
-      "name": "Mode",
+      "label": "Mode",
       "type": "dropdown",
       "model": "mode",
       "placeholder": "Choose mode",
-      "items": "modes"
+      "items": "modes",
+      "tip": ["Cache modes:<br/>",
+        "<ul><li>Partitioned - In this mode the overall key set will be 
divided into partitions and all partitions will be split equally between 
participating nodes.</li>",
+        "<li>Replicated - In this mode all the keys are distributed to all 
participating nodes.</li>",
+        "<li>Local - In this mode TODO.</li></ul>"]
     },
     {
-      "name": "Atomicity",
+      "label": "Atomicity",
       "type": "dropdown",
       "model": "atomicity",
       "placeholder": "Choose atomicity",
@@ -22,50 +26,64 @@
   ],
   "advanced": [
     {
-      "name": "G1",
+      "label": "Rebalance",
       "fields": [
         {
-          "name": "Name",
+          "label": "Mode",
+          "type": "dropdown",
+          "model": "rebalanceMode",
+          "placeholder": "Choose mode",
+          "items": "rebalanceModes",
+          "tip": ["Rebalance modes:<br>",
+            "<ul><li>Synchronous - distributed caches will not start until all 
necessary data is loaded from other available grid nodes.</li>",
+            "<li>Asynchronous - distributed caches will start immediately and 
will load all necessary data from other available grid nodes in the 
background.</li>",
+            "<li>None - in this mode no rebalancing will take place which 
means that caches will be either loaded on demand from persistent store 
whenever data is accessed, or will be populated explicitly.</li></ul>"]
+        },
+        {
+          "label": "Pool size",
           "type": "text",
-          "model": "name"
+          "model": "rebalancePoolSize",
+          "placeholder": "2"
         },
         {
-          "name": "Mode",
-          "type": "dropdown",
-          "model": "mode",
-          "placeholder": "Choose mode",
-          "items": "modes"
+          "label": "Batch size",
+          "type": "text",
+          "model": "rebalanceBatchSize",
+          "placeholder": "512 * 1024"
         },
         {
-          "name": "Atomicity",
-          "type": "dropdown",
-          "model": "atomicity",
-          "placeholder": "Choose atomicity",
-          "items": "atomicities"
+          "label": "Order",
+          "type": "text",
+          "model": "rebalanceOrder",
+          "placeholder": "0"
+        },
+        {
+          "label": "Delay",
+          "type": "text",
+          "model": "rebalanceDelay",
+          "placeholder": "0"
+        },
+        {
+          "label": "Timeout",
+          "type": "text",
+          "model": "rebalanceTimeout",
+          "placeholder": "10000"
+        },
+        {
+          "label": "Throttle",
+          "type": "text",
+          "model": "rebalanceThrottle",
+          "placeholder": "0"
         }
       ]
     },
     {
-      "name": "G2",
+      "label": "Write behind",
       "fields": [
         {
-          "name": "Name",
+          "label": "Name2",
           "type": "text",
-          "model": "name"
-        },
-        {
-          "name": "Mode",
-          "type": "dropdown",
-          "model": "mode",
-          "placeholder": "Choose mode",
-          "items": "modes"
-        },
-        {
-          "name": "Atomicity",
-          "type": "dropdown",
-          "model": "atomicity",
-          "placeholder": "Choose atomicity",
-          "items": "atomicities"
+          "model": "name2"
         }
       ]
     }

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/2a2d6552/modules/webconfig/nodejs/public/stylesheets/style.css
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/public/stylesheets/style.css 
b/modules/webconfig/nodejs/public/stylesheets/style.css
index 791f3ef..869157a 100644
--- a/modules/webconfig/nodejs/public/stylesheets/style.css
+++ b/modules/webconfig/nodejs/public/stylesheets/style.css
@@ -1 +1 @@
-.main-header .logo{height:auto}.main-sidebar{padding-top:60px}.navbar-default 
.navbar-brand,.navbar-default 
.navbar-brand:hover{position:absolute;width:100%;left:0;text-align:center}.modal-backdrop.am-fade{opacity:.5;transition:opacity
 .15s 
linear}.modal-backdrop.am-fade.ng-enter{opacity:0}.modal-backdrop.am-fade.ng-enter.ng-enter-active{opacity:.5}.modal-backdrop.am-fade.ng-leave{opacity:.5}.modal-backdrop.am-fade.ng-leave.ng-leave-active{opacity:0}.modal.center
 
.modal-dialog{position:fixed;top:40%;left:50%;min-width:320px;max-width:630px;width:50%;-webkit-transform:translateX(-50%)
 translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ng-table 
th.text-right{text-align:right}.ng-table th.text-left{text-align:left}.ng-table 
th.text-center{text-align:center}.fa.fa-remove{color:red}.border-left{-webkit-box-shadow:1px
 0 0 0 #eee inset;box-shadow:1px 0 0 0 #eee 
inset}.border-right{-webkit-box-shadow:1px 0 0 0 #eee;box-shadow:1px 0 0 0 
#eee}.theme-line{background-color:#f9f9f9}.t
 heme-line header{background-color:#fff}.theme-line header 
.search-bar{width:90%;margin:30px auto 
0;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 0 5px 
rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 5px 
rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.1);position:relative}.theme-line header 
.search-bar.focus{-webkit-box-shadow:0 0 0 5px rgba(0,0,0,0.2),0 0 0 1px 
rgba(0,0,0,0.1);box-shadow:0 0 0 5px rgba(0,0,0,0.2),0 0 0 1px 
rgba(0,0,0,0.1)}.theme-line header .search-bar 
.fa{position:absolute;top:10px;left:14px;font-size:21px;color:#ccc;z-index:10}.theme-line
 header .search-bar .twitter-typeahead{width:100%}.theme-line header 
.search-bar 
input{-webkit-border-radius:5px;border-radius:5px;height:100%;border:0 
none;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1) inset;box-shadow:0 2px 2px 
rgba(0,0,0,0.1) inset;color:#444;width:100%;padding:13px 13px 13px 
50px;font-size:14px}.theme-line header .search-bar 
input.tt-hint{color:#bbb}.theme-line header .search-bar input:ac
 tive .theme-line header .search-bar input:focus{outline:0 
none;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;box-shadow:0 2px 2px 
rgba(0,0,0,0.2) inset}.theme-line header .search-bar 
.tt-dropdown-menu,.theme-solid header .search-bar 
.tt-dropdown-menu{width:100%;text-align:left}.theme-line header .search-bar 
.tt-dropdown-menu h3{padding:0 
45px;color:#ccc;font-weight:bold;font-size:12px;margin:10px 0 
4px;text-transform:uppercase}.theme-line header .search-bar .tt-dropdown-menu 
.tt-suggestions{display:block}.theme-line header .search-bar .tt-dropdown-menu 
.tt-suggestions .tt-suggestion{cursor:pointer;font-size:14px;padding:4px 
45px}.theme-line header .search-bar .tt-dropdown-menu .tt-suggestions 
.tt-suggestion 
p{color:#333;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.theme-line
 header .search-bar .tt-cursor{background-color:#eee}.theme-line header 
.search-bar .tt-cursor p{color:#fff}.theme-line header a.btn{border:0 
none;padding:10px 25px;ba
 ckground-color:rgba(0,0,0,0.15)}.theme-line header 
a.btn:hover{background-color:rgba(0,0,0,0.25)}.theme-line header 
a.btn.btn-link{background:transparent;color:rgba(255,255,255,0.8)}.theme-line 
header a.btn.btn-link:hover{color:#fff;text-decoration:none}.theme-line 
.navbar-nav a{background-color:transparent}.theme-line .navbar-nav 
a:hover,.theme-line .navbar-nav a:active,.theme-line .navbar-nav 
a:focus{background-color:transparent}.theme-line 
.main-links{padding-top:50px}.theme-line .main-links 
h3{margin-top:0;font-size:17px}.theme-line .main-links .links 
a{color:#888}.theme-line .main-links .links 
a:hover{text-decoration:none}.theme-line #category-columns,.theme-solid 
#category-columns{margin:50px 30px 0}.theme-line #category-columns 
h4{text-transform:uppercase;font-weight:300;color:#999;font-size:14px}.theme-line
 #category-columns ul{list-style:none;padding:0;margin-bottom:15px}.theme-line 
#category-columns ul li a{padding:4px 
0;display:block;font-size:16px}.theme-line #category-c
 olumns ul .view-all{font-size:0.85em}.theme-line 
.docs-header{color:#999;overflow:hidden}.theme-line .docs-header 
h1{color:#444;margin-top:0;font-size:25px}.theme-line .btn-primary{border:0 
none}.theme-line .main-content .nav-horizontal a{-webkit-box-shadow:0 
0;box-shadow:0 0;border:0 
none;background-color:#fff;-webkit-border-radius:0;border-radius:0;color:#aaa;padding:6px;margin:0
 14px}.theme-line .main-content .nav-horizontal 
a:hover{color:#999;border-bottom:4px solid #ddd}.theme-line .main-content 
.nav-horizontal a.active{border-bottom:4px solid #888}.theme-line 
.sidebar-nav{color:#474a54;padding-bottom:30px}.theme-line .sidebar-nav 
ul{padding:0;list-style:none;font-size:13px;margin:3px 0 0}.theme-line 
.sidebar-nav ul li a{padding:3px 
0;display:block;color:#666;position:relative;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.theme-line
 .sidebar-nav ul li a:before{top:0;content:" 
";display:block;width:6px;height:100%;position:absolute;left:-30
 px}.theme-line .sidebar-nav ul li a:hover{text-decoration:none}.theme-line 
.sidebar-nav ul li .subcategory{padding-left:15px}.theme-line .sidebar-nav 
h4{margin-top:2em;font-weight:normal;text-transform:uppercase;font-size:11px;margin-bottom:10px;color:#bbb}.theme-line
 .sidebar-nav h4:first-child{margin-top:0}.theme-line .sidebar-nav 
.ask{width:100%;text-align:center;padding:10px}.theme-line .border-left 
.sidebar-nav{padding-left:15px}.theme-line 
.suggest{padding:4px;display:inline-block;font-size:12px}.header{padding:15px}.header
 .has-github{padding-right:136px}.header 
h1.navbar-brand{height:40px;width:200px;padding:0;margin:0;margin-top:5px;margin-right:15px}.header
 h1.navbar-brand a{text-indent:-99999px;background-position:center 
center;display:block;width:100%;height:100%;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-repeat:no-repeat}.header
 .nav.navbar-nav.pull-right{position:relative;right:-30px}.header 
.nav.navbar-nav .not-link
 {padding:15px;display:inline-block}.header .nav.navbar-nav .stable,.header 
.nav.navbar-nav .beta,.header .nav.navbar-nav 
.private{font-size:9px;padding:3px 
5px;display:inline-block;line-height:8px;-webkit-border-radius:3px;border-radius:3px;margin-left:6px;color:#fff;top:-2px;position:relative;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}.header
 .nav.navbar-nav a:hover>.stable,.header .nav.navbar-nav a:hover>.beta,.header 
.nav.navbar-nav a:hover>.private{opacity:1;-ms-filter:none;filter:none}.header 
.nav.navbar-nav .beta{background-color:#59c3d1}.header .nav.navbar-nav 
.stable{background-color:#41b841}.header .nav.navbar-nav 
.private{background-color:#333}.header #jumbotron{margin:55px 70px 
50px;text-align:center}.header #jumbotron 
h2{margin-top:0;margin-bottom:20px}.header #jumbotron 
p{margin-bottom:0;line-height:1.6em;font-size:16px}.header #jumbotron 
.btn{margin-top:20px}.header .searchbox{position:relative;margin-right:15p
 x;top:9px}.header .searchbox 
.fa-search{position:absolute;top:8px;right:10px;color:#777;pointer-events:none}.header
 .searchbox .typeahead{line-height:1.25em;-webkit-transition:.3s 
ease-out;-moz-transition:.3s ease-out;-o-transition:.3s 
ease-out;-ms-transition:.3s ease-out;transition:.3s 
ease-out;background-color:rgba(0,0,0,0.05);-webkit-border-radius:5px;border-radius:5px;width:95px}.header
 .searchbox .typeahead:focus,.header .searchbox .typeahead:active{outline:0 
none}.header .searchbox 
.tt-dropdown-menu{max-width:350px;margin-left:-100px}.header .searchbox 
.tt-dropdown-menu h3{width:100px;float:left;margin:0;padding:8px 0 6px 
15px;font-size:13px;color:#bbb}.header .searchbox .tt-dropdown-menu 
.tt-suggestions{display:block;float:left;width:250px}.header .searchbox 
.tt-dropdown-menu .tt-suggestions .tt-suggestion{font-size:14px}.header 
.searchbox .tt-dropdown-menu .tt-suggestions .tt-suggestion 
p{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.he
 ader .searchbox .tt-cursor{background-color:#eee}.header .searchbox .tt-cursor 
p{color:#fff}.header .searchbox input{border:0 
none;display:inline-block;font-size:14px;padding:6px 32px 6px 
12px;margin:0}.header .searchbox input.tt-hint{height:auto}.header 
.searchbox.focus input{width:250px}.theme-line header{border-bottom:8px 
solid}.theme-line header h2{color:#aaa}.theme-line header 
p{color:#666}.theme-line header{border-bottom-color:#ec1c24}.theme-line 
.navbar-nav{color:#888}.theme-line .navbar-nav a{color:#bbb}.theme-line header 
a.btn{background-color:#ec1c24}.theme-line header 
a.btn:hover{background-color:#950d12}.theme-line header .navbar-nav 
.tt-cursor{background-color:#ec1c24}.theme-line header .navbar-nav 
a:hover,.theme-line header .navbar-nav .open>a{color:#ec1c24}.theme-line 
.navbar-nav .active a{color:#ec1c24}.theme-line .navbar-nav .active 
a:hover{color:#950d12}.theme-line .main-links .links 
a:hover{color:#ec1c24}.theme-line .main-content a{color:#ec1c24}.theme-line 
.main-
 content a:hover{color:#950d12}.theme-line .sidebar-nav ul li 
a.active:before{background-color:#ec1c24}.theme-line .sidebar-nav ul li 
a.active{color:#ec1c24}.theme-line .sidebar-nav ul li a:hover,.theme-line 
.sidebar-nav ul li a.active:hover{color:#950d12}.theme-line 
.btn-primary{background-color:#ec1c24}.theme-line 
.btn-primary:hover{background-color:#950d12}.theme-line .main-content 
.nav-horizontal a.active{border-color:#ec1c24;color:#ec1c24}.theme-line 
.main-content .nav-horizontal a:hover{color:#950d12}.theme-line .main-content 
.nav-horizontal a.active:hover{border-color:#950d12}.theme-line header 
.navbar-nav a.active,.theme-line #versions-list li a:hover strong,.theme-line 
#versions-list li a.active .current,.theme-line #versions-list li a:active 
.current{color:#ec1c24}.theme-line.body-threes .section-right .threes-nav 
.btn-default:hover,.theme-line.page-docs.body-threes .section-right .threes-nav 
.pull-right a:hover{color:#ec1c24;border-color:#ec1c24}.body-overlap 
.main-content
 {margin-top:30px}.body-box .main-content,.body-overlap 
.main-content{padding:30px;-webkit-box-shadow:0 0 0 1px 
rgba(0,0,0,0.1);box-shadow:0 0 0 1px 
rgba(0,0,0,0.1);background-color:#fff}body{font-weight:400;font-family:Roboto 
Slab, serif}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Roboto Slab, 
serif}.submit-vote.submit-vote-parent.voted 
a.submit-vote-button,.submit-vote.submit-vote-parent 
a.submit-vote-button:hover{background-color:#ec1c24}div.submit-vote.submit-vote-parent.voted
 a.submit-vote-button:hover{background-color:#950d12}a,.link 
.title{color:#ec1c24}a:hover,.link:hover .title{color:#950d12}.header 
h1.navbar-brand 
a{background-image:url("https://www.filepicker.io/api/file/QagunjDGRFul2JgNCAli";)}.header
 
h1.navbar-brand{width:96px}.block-edit-parameters{text-align:right;padding-bottom:5px}.ng-table-pager{display:none}.container-footer{margin-top:20px}.vcenter{display:inline-block;vertical-align:middle;float:none}.modal{display:block;overflow:hidden}.modal
 .close{position:ab
 solute;top:24px;right:24px;float:none}.modal .modal-dialog{width:610px}.modal 
.modal-content{-webkit-border-radius:0;border-radius:0;background-color:#f7f7f7}.modal
 .modal-content 
.modal-header{background-color:#fff;text-align:center;color:#555;padding:24px;font-family:"myriad-pro",sans-serif}.modal
 .modal-content .modal-header 
h4{font-family:"myriad-pro",sans-serif;font-size:22px}.modal .modal-content 
.modal-header h4 
.fa{display:block;font-size:41px;color:#ddd;margin-bottom:5px}.modal 
.modal-content .modal-header 
p{margin:0;color:#aaa;font-size:1em;margin-top:3px}.modal .modal-content 
.modal-spacer{padding:10px 10px 0 10px}.modal .modal-content 
.modal-footer{margin-top:0}.modal-body{padding-top:30px}h1.ignite-logo{background-image:url("https://www.filepicker.io/api/file/QagunjDGRFul2JgNCAli";)}.st-sort-ascent:after{font-family:FontAwesome,
 serif;content:'\f077'}.st-sort-descent:after{font-family:FontAwesome, 
serif;content:'\f078'}.block-display-image img{max-width:100%;max-height:4
 50px;margin:auto;display:block}.greedy{min-height:200px;height:calc(100vh - 
230px)}@media 
(min-width:768px){.navbar-nav>li>a{padding-top:20px;padding-bottom:10px}}.settings-row{display:block;margin:0.65em
 0;padding-left:18px}.settings-row 
[class*="col-"]{display:inline-block;vertical-align:middle;float:none;padding-left:0
 !important;padding-right:0 !important}.settings-row 
input[type="checkbox"]{margin-right:4px}button{margin-right:4px}h1,h2,h3{-webkit-user-select:none;font-weight:normal;line-height:1}h3{color:black;font-size:1.2em;margin-top:1.2em;margin-bottom:1.8em}table
 tr:hover{cursor:pointer}.input-group{display:inline-block}.input-group 
.form-control{width:auto;margin-left:0;margin-right:0}.form-control{display:inline-block;padding:3px
 6px;height:28px}.form-control button{text-align:left}button 
.caret{float:right;margin-left:0;margin-top:7px}.panel-heading 
.panel-title{margin-left:-18px}.theme-line .links 
table{table-layout:fixed;margin:0}.theme-line .links table td{padding-l
 eft:18px}.theme-line .links table a{color:#666}.theme-line .links table 
a:hover{color:#ec1c24}.theme-line .links table .active 
a{color:#ec1c24}.btn{padding:3px 6px}.panel-title 
a{font-size:14px}.panel-heading{margin:-0.65em 
0}.panel{margin-top:-0.65em}.tooltip.right 
.tooltip-arrow{border-right-color:#ec1c24}.tooltip>.tooltip-inner{background-color:#ec1c24}
\ No newline at end of file
+.main-header .logo{height:auto}.main-sidebar{padding-top:60px}.navbar-default 
.navbar-brand,.navbar-default 
.navbar-brand:hover{position:absolute;width:100%;left:0;text-align:center}.modal-backdrop.am-fade{opacity:.5;transition:opacity
 .15s 
linear}.modal-backdrop.am-fade.ng-enter{opacity:0}.modal-backdrop.am-fade.ng-enter.ng-enter-active{opacity:.5}.modal-backdrop.am-fade.ng-leave{opacity:.5}.modal-backdrop.am-fade.ng-leave.ng-leave-active{opacity:0}.modal.center
 
.modal-dialog{position:fixed;top:40%;left:50%;min-width:320px;max-width:630px;width:50%;-webkit-transform:translateX(-50%)
 translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ng-table 
th.text-right{text-align:right}.ng-table th.text-left{text-align:left}.ng-table 
th.text-center{text-align:center}.fa.fa-remove{color:red}.border-left{-webkit-box-shadow:1px
 0 0 0 #eee inset;box-shadow:1px 0 0 0 #eee 
inset}.border-right{-webkit-box-shadow:1px 0 0 0 #eee;box-shadow:1px 0 0 0 
#eee}.theme-line{background-color:#f9f9f9}.t
 heme-line header{background-color:#fff}.theme-line header 
.search-bar{width:90%;margin:30px auto 
0;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 0 5px 
rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 5px 
rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.1);position:relative}.theme-line header 
.search-bar.focus{-webkit-box-shadow:0 0 0 5px rgba(0,0,0,0.2),0 0 0 1px 
rgba(0,0,0,0.1);box-shadow:0 0 0 5px rgba(0,0,0,0.2),0 0 0 1px 
rgba(0,0,0,0.1)}.theme-line header .search-bar 
.fa{position:absolute;top:10px;left:14px;font-size:21px;color:#ccc;z-index:10}.theme-line
 header .search-bar .twitter-typeahead{width:100%}.theme-line header 
.search-bar 
input{-webkit-border-radius:5px;border-radius:5px;height:100%;border:0 
none;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1) inset;box-shadow:0 2px 2px 
rgba(0,0,0,0.1) inset;color:#444;width:100%;padding:13px 13px 13px 
50px;font-size:14px}.theme-line header .search-bar 
input.tt-hint{color:#bbb}.theme-line header .search-bar input:ac
 tive .theme-line header .search-bar input:focus{outline:0 
none;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;box-shadow:0 2px 2px 
rgba(0,0,0,0.2) inset}.theme-line header .search-bar 
.tt-dropdown-menu,.theme-solid header .search-bar 
.tt-dropdown-menu{width:100%;text-align:left}.theme-line header .search-bar 
.tt-dropdown-menu h3{padding:0 
45px;color:#ccc;font-weight:bold;font-size:12px;margin:10px 0 
4px;text-transform:uppercase}.theme-line header .search-bar .tt-dropdown-menu 
.tt-suggestions{display:block}.theme-line header .search-bar .tt-dropdown-menu 
.tt-suggestions .tt-suggestion{cursor:pointer;font-size:14px;padding:4px 
45px}.theme-line header .search-bar .tt-dropdown-menu .tt-suggestions 
.tt-suggestion 
p{color:#333;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.theme-line
 header .search-bar .tt-cursor{background-color:#eee}.theme-line header 
.search-bar .tt-cursor p{color:#fff}.theme-line header a.btn{border:0 
none;padding:10px 25px;ba
 ckground-color:rgba(0,0,0,0.15)}.theme-line header 
a.btn:hover{background-color:rgba(0,0,0,0.25)}.theme-line header 
a.btn.btn-link{background:transparent;color:rgba(255,255,255,0.8)}.theme-line 
header a.btn.btn-link:hover{color:#fff;text-decoration:none}.theme-line 
.navbar-nav a{background-color:transparent}.theme-line .navbar-nav 
a:hover,.theme-line .navbar-nav a:active,.theme-line .navbar-nav 
a:focus{background-color:transparent}.theme-line 
.main-links{padding-top:50px}.theme-line .main-links 
h3{margin-top:0;font-size:17px}.theme-line .main-links .links 
a{color:#888}.theme-line .main-links .links 
a:hover{text-decoration:none}.theme-line #category-columns,.theme-solid 
#category-columns{margin:50px 30px 0}.theme-line #category-columns 
h4{text-transform:uppercase;font-weight:300;color:#999;font-size:14px}.theme-line
 #category-columns ul{list-style:none;padding:0;margin-bottom:15px}.theme-line 
#category-columns ul li a{padding:4px 
0;display:block;font-size:16px}.theme-line #category-c
 olumns ul .view-all{font-size:0.85em}.theme-line 
.docs-header{color:#999;overflow:hidden}.theme-line .docs-header 
h1{color:#444;margin-top:0;font-size:25px}.theme-line .btn-primary{border:0 
none}.theme-line .main-content .nav-horizontal a{-webkit-box-shadow:0 
0;box-shadow:0 0;border:0 
none;background-color:#fff;-webkit-border-radius:0;border-radius:0;color:#aaa;padding:6px;margin:0
 14px}.theme-line .main-content .nav-horizontal 
a:hover{color:#999;border-bottom:4px solid #ddd}.theme-line .main-content 
.nav-horizontal a.active{border-bottom:4px solid #888}.theme-line 
.sidebar-nav{color:#474a54;padding-bottom:30px}.theme-line .sidebar-nav 
ul{padding:0;list-style:none;font-size:13px;margin:3px 0 0}.theme-line 
.sidebar-nav ul li a{padding:3px 
0;display:block;color:#666;position:relative;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.theme-line
 .sidebar-nav ul li a:before{top:0;content:" 
";display:block;width:6px;height:100%;position:absolute;left:-30
 px}.theme-line .sidebar-nav ul li a:hover{text-decoration:none}.theme-line 
.sidebar-nav ul li .subcategory{padding-left:15px}.theme-line .sidebar-nav 
h4{margin-top:2em;font-weight:normal;text-transform:uppercase;font-size:11px;margin-bottom:10px;color:#bbb}.theme-line
 .sidebar-nav h4:first-child{margin-top:0}.theme-line .sidebar-nav 
.ask{width:100%;text-align:center;padding:10px}.theme-line .border-left 
.sidebar-nav{padding-left:15px}.theme-line 
.suggest{padding:4px;display:inline-block;font-size:12px}.header{padding:15px}.header
 .has-github{padding-right:136px}.header 
h1.navbar-brand{height:40px;width:200px;padding:0;margin:0;margin-top:5px;margin-right:15px}.header
 h1.navbar-brand a{text-indent:-99999px;background-position:center 
center;display:block;width:100%;height:100%;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-repeat:no-repeat}.header
 .nav.navbar-nav.pull-right{position:relative;right:-30px}.header 
.nav.navbar-nav .not-link
 {padding:15px;display:inline-block}.header .nav.navbar-nav .stable,.header 
.nav.navbar-nav .beta,.header .nav.navbar-nav 
.private{font-size:9px;padding:3px 
5px;display:inline-block;line-height:8px;-webkit-border-radius:3px;border-radius:3px;margin-left:6px;color:#fff;top:-2px;position:relative;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}.header
 .nav.navbar-nav a:hover>.stable,.header .nav.navbar-nav a:hover>.beta,.header 
.nav.navbar-nav a:hover>.private{opacity:1;-ms-filter:none;filter:none}.header 
.nav.navbar-nav .beta{background-color:#59c3d1}.header .nav.navbar-nav 
.stable{background-color:#41b841}.header .nav.navbar-nav 
.private{background-color:#333}.header #jumbotron{margin:55px 70px 
50px;text-align:center}.header #jumbotron 
h2{margin-top:0;margin-bottom:20px}.header #jumbotron 
p{margin-bottom:0;line-height:1.6em;font-size:16px}.header #jumbotron 
.btn{margin-top:20px}.header .searchbox{position:relative;margin-right:15p
 x;top:9px}.header .searchbox 
.fa-search{position:absolute;top:8px;right:10px;color:#777;pointer-events:none}.header
 .searchbox .typeahead{line-height:1.25em;-webkit-transition:.3s 
ease-out;-moz-transition:.3s ease-out;-o-transition:.3s 
ease-out;-ms-transition:.3s ease-out;transition:.3s 
ease-out;background-color:rgba(0,0,0,0.05);-webkit-border-radius:5px;border-radius:5px;width:95px}.header
 .searchbox .typeahead:focus,.header .searchbox .typeahead:active{outline:0 
none}.header .searchbox 
.tt-dropdown-menu{max-width:350px;margin-left:-100px}.header .searchbox 
.tt-dropdown-menu h3{width:100px;float:left;margin:0;padding:8px 0 6px 
15px;font-size:13px;color:#bbb}.header .searchbox .tt-dropdown-menu 
.tt-suggestions{display:block;float:left;width:250px}.header .searchbox 
.tt-dropdown-menu .tt-suggestions .tt-suggestion{font-size:14px}.header 
.searchbox .tt-dropdown-menu .tt-suggestions .tt-suggestion 
p{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.he
 ader .searchbox .tt-cursor{background-color:#eee}.header .searchbox .tt-cursor 
p{color:#fff}.header .searchbox input{border:0 
none;display:inline-block;font-size:14px;padding:6px 32px 6px 
12px;margin:0}.header .searchbox input.tt-hint{height:auto}.header 
.searchbox.focus input{width:250px}.theme-line header{border-bottom:8px 
solid}.theme-line header h2{color:#aaa}.theme-line header 
p{color:#666}.theme-line header{border-bottom-color:#ec1c24}.theme-line 
.navbar-nav{color:#888}.theme-line .navbar-nav a{color:#bbb}.theme-line header 
a.btn{background-color:#ec1c24}.theme-line header 
a.btn:hover{background-color:#950d12}.theme-line header .navbar-nav 
.tt-cursor{background-color:#ec1c24}.theme-line header .navbar-nav 
a:hover,.theme-line header .navbar-nav .open>a{color:#ec1c24}.theme-line 
.navbar-nav .active a{color:#ec1c24}.theme-line .navbar-nav .active 
a:hover{color:#950d12}.theme-line .main-links .links 
a:hover{color:#ec1c24}.theme-line .main-content a{color:#ec1c24}.theme-line 
.main-
 content a:hover{color:#950d12}.theme-line .sidebar-nav ul li 
a.active:before{background-color:#ec1c24}.theme-line .sidebar-nav ul li 
a.active{color:#ec1c24}.theme-line .sidebar-nav ul li a:hover,.theme-line 
.sidebar-nav ul li a.active:hover{color:#950d12}.theme-line 
.btn-primary{background-color:#ec1c24}.theme-line 
.btn-primary:hover{background-color:#950d12}.theme-line .main-content 
.nav-horizontal a.active{border-color:#ec1c24;color:#ec1c24}.theme-line 
.main-content .nav-horizontal a:hover{color:#950d12}.theme-line .main-content 
.nav-horizontal a.active:hover{border-color:#950d12}.theme-line header 
.navbar-nav a.active,.theme-line #versions-list li a:hover strong,.theme-line 
#versions-list li a.active .current,.theme-line #versions-list li a:active 
.current{color:#ec1c24}.theme-line.body-threes .section-right .threes-nav 
.btn-default:hover,.theme-line.page-docs.body-threes .section-right .threes-nav 
.pull-right a:hover{color:#ec1c24;border-color:#ec1c24}.body-overlap 
.main-content
 {margin-top:30px}.body-box .main-content,.body-overlap 
.main-content{padding:30px;-webkit-box-shadow:0 0 0 1px 
rgba(0,0,0,0.1);box-shadow:0 0 0 1px 
rgba(0,0,0,0.1);background-color:#fff}body{font-weight:400;font-family:Roboto 
Slab, serif}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Roboto Slab, 
serif}.submit-vote.submit-vote-parent.voted 
a.submit-vote-button,.submit-vote.submit-vote-parent 
a.submit-vote-button:hover{background-color:#ec1c24}div.submit-vote.submit-vote-parent.voted
 a.submit-vote-button:hover{background-color:#950d12}a,.link 
.title{color:#ec1c24}a:hover,.link:hover .title{color:#950d12}.header 
h1.navbar-brand 
a{background-image:url("https://www.filepicker.io/api/file/QagunjDGRFul2JgNCAli";)}.header
 
h1.navbar-brand{width:96px}.block-edit-parameters{text-align:right;padding-bottom:5px}.ng-table-pager{display:none}.container-footer{margin-top:20px}.vcenter{display:inline-block;vertical-align:middle;float:none}.modal{display:block;overflow:hidden}.modal
 .close{position:ab
 solute;top:24px;right:24px;float:none}.modal .modal-dialog{width:610px}.modal 
.modal-content{-webkit-border-radius:0;border-radius:0;background-color:#f7f7f7}.modal
 .modal-content 
.modal-header{background-color:#fff;text-align:center;color:#555;padding:24px;font-family:"myriad-pro",sans-serif}.modal
 .modal-content .modal-header 
h4{font-family:"myriad-pro",sans-serif;font-size:22px}.modal .modal-content 
.modal-header h4 
.fa{display:block;font-size:41px;color:#ddd;margin-bottom:5px}.modal 
.modal-content .modal-header 
p{margin:0;color:#aaa;font-size:1em;margin-top:3px}.modal .modal-content 
.modal-spacer{padding:10px 10px 0 10px}.modal .modal-content 
.modal-footer{margin-top:0}.modal-body{padding-top:30px}h1.ignite-logo{background-image:url("https://www.filepicker.io/api/file/QagunjDGRFul2JgNCAli";)}.st-sort-ascent:after{font-family:FontAwesome,
 serif;content:'\f077'}.st-sort-descent:after{font-family:FontAwesome, 
serif;content:'\f078'}.block-display-image img{max-width:100%;max-height:4
 50px;margin:auto;display:block}.greedy{min-height:200px;height:calc(100vh - 
230px)}@media 
(min-width:768px){.navbar-nav>li>a{padding-top:20px;padding-bottom:10px}}.settings-row{display:block;margin:0.65em
 0;padding-left:18px}.settings-row 
[class*="col-"]{display:inline-block;vertical-align:middle;float:none;padding-left:0
 !important;padding-right:0 !important}.settings-row 
input[type="checkbox"]{margin-right:4px}button{margin-right:4px}h1,h2,h3{-webkit-user-select:none;font-weight:normal;line-height:1}h3{color:black;font-size:1.2em;margin-top:1.2em;margin-bottom:1.2em}table
 tr:hover{cursor:pointer}.input-group{display:inline-block}.input-group 
.form-control{width:auto;margin-left:0;margin-right:0}.form-control{display:inline-block;padding:3px
 6px;height:28px}.form-control button{text-align:left}button 
.caret{float:right;margin-left:0;margin-top:7px}.panel-heading 
.panel-title{margin-left:-18px}.theme-line .links 
table{table-layout:fixed;margin:0}.theme-line .links table td{padding-l
 eft:18px}.theme-line .links table a{color:#666}.theme-line .links table 
a:hover{color:#ec1c24}.theme-line .links table .active 
a{color:#ec1c24}.btn{padding:3px 6px}.panel-title 
a{font-size:14px}.panel-heading{margin:-0.65em 
0}.panel{margin-top:-0.65em}.tooltip.right 
.tooltip-arrow{border-right-color:#ec1c24}.tooltip>.tooltip-inner{max-width:400px;text-align:left;background-color:#ec1c24}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/2a2d6552/modules/webconfig/nodejs/public/stylesheets/style.less
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/public/stylesheets/style.less 
b/modules/webconfig/nodejs/public/stylesheets/style.less
index 1cddeff..b18fb17 100644
--- a/modules/webconfig/nodejs/public/stylesheets/style.less
+++ b/modules/webconfig/nodejs/public/stylesheets/style.less
@@ -986,5 +986,7 @@ button .caret {
 }
 
 .tooltip > .tooltip-inner {
+  max-width: 400px;
+  text-align: left;
   background-color: #ec1c24;
 }
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/2a2d6552/modules/webconfig/nodejs/views/caches.jade
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/views/caches.jade 
b/modules/webconfig/nodejs/views/caches.jade
index b0b7a71..6a24b17 100644
--- a/modules/webconfig/nodejs/views/caches.jade
+++ b/modules/webconfig/nodejs/views/caches.jade
@@ -27,36 +27,40 @@ block content
     .docs-body(ng-controller='cachesController')
         button(ng-click='createItem()' class=['btn', 'btn-primary'] 
ng-disabled='!create.template') &nbspAdd cache
         span from template:&nbsp
-        button(class=['btn', 'btn-default'] ng-init="create.template = 
templates[0].value" ng-model='create.template' data-template='/select' 
data-placeholder='Choose cache template' bs-options='item.value as item.label 
for item in templates' bs-select)
+        button(class=['btn', 'btn-default'] ng-init='create.template = 
templates[0].value' ng-model='create.template' data-template='/select' 
data-placeholder='Choose cache template' bs-options='item.value as item.label 
for item in templates' bs-select)
         h3(ng-hide='caches.length == 0') Caches
         .links
             table.col-sm-12(st-table='rowCollection' st-safe-src='caches')
                 tbody
                     tr(ng-repeat='row in rowCollection')
-                        td.col-sm-6(ng-class="{active: row._id == 
selectedItem._id}")
+                        td.col-sm-6(ng-class='{active: row._id == 
selectedItem._id}')
                             a(ng-click='selectItem(row)') {{$index + 1}}. 
{{row.name}}, {{row.mode | displayValue:modes:'Cache mode not set'}}, 
{{row.atomicity | displayValue:atomicities:'Cache atomicity not set'}}
         .row.col-sm-12
             hr
         form.form-horizontal(name='editForm' ng-if='backupItem')
             h3 General
             .settings-row(ng-repeat='field in general')
-                span.col-sm-2 {{field.name}}:
+                span.col-sm-2 {{field.label}}:
                 .col-sm-3(ng-switch on='field.type')
                     div(ng-switch-when='text')
-                        input.form-control(type='text' 
ng-model='backupItem[field.model]')
+                        input.form-control(type='text' 
ng-model='backupItem[field.model]' placeholder='{{field.placeholder}}')
                     div(ng-switch-when='dropdown')
                         button.form-control(style='text-align: left' 
ng-model='backupItem[field.model]' data-template='/select' 
data-placeholder='{{field.placeholder}}' bs-options='item.value as item.label 
for item in {{field.items}}' bs-select)
+                span(ng-show='field.tip' type='button' data-placement='right' 
data-trigger='click' data-title='{{field.tip.join("")}}' data-html='true' 
data-type='success' bs-tooltip)
+                    i(style='margin-left: 5px'  class=['fa', 
'fa-question-circle'])
             .panel(bs-collapse data-start-collapsed='true')
                 .panel-collapse(bs-collapse-target)
                     div(ng-repeat='group in advanced')
-                        h3 {{group.name}}
+                        h3 {{group.label}}
                         .settings-row(ng-repeat='field in group.fields')
-                            span.col-sm-2 {{field.name}}:
+                            span.col-sm-2 {{field.label}}:
                             .col-sm-3(ng-switch on='field.type')
                                 div(ng-switch-when='text')
-                                    input.form-control(type='text' 
ng-model='backupItem[field.model]')
+                                    input.form-control(type='text' 
ng-model='backupItem[field.model]' placeholder='{{field.placeholder}}')
                                 div(ng-switch-when='dropdown')
                                     button.form-control(style='text-align: 
left' ng-model='backupItem[field.model]' data-template='/select' 
data-placeholder='{{field.placeholder}}' bs-options='item.value as item.label 
for item in {{field.items}}' bs-select)
+                            span(ng-show='field.tip' type='button' 
data-placement='right' data-trigger='click' data-title='{{field.tip.join("")}}' 
data-html='true' data-type='success' bs-tooltip)
+                                i(style='margin-left: 5px'  class=['fa', 
'fa-question-circle'])
                 .panel-heading
                     .panel-title
                         span(bs-collapse-toggle)

Reply via email to