Repository: incubator-ignite
Updated Branches:
  refs/heads/ignite-843 24881dea7 -> 535991874


# IGNITE-843 Minor changes for summary page.


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

Branch: refs/heads/ignite-843
Commit: 535991874dcdaca32370a2fedc1323d0129a3745
Parents: 24881de
Author: AKuznetsov <akuznet...@gridgain.com>
Authored: Tue Jun 30 14:25:16 2015 +0700
Committer: AKuznetsov <akuznet...@gridgain.com>
Committed: Tue Jun 30 14:25:16 2015 +0700

----------------------------------------------------------------------
 .../public/javascripts/controllers/summary.js   |  18 ++--
 .../nodejs/public/stylesheets/style.css         |   2 +-
 .../nodejs/public/stylesheets/style.less        |  17 ++-
 modules/webconfig/nodejs/views/persistence.jade | 105 ++++++++++---------
 modules/webconfig/nodejs/views/summary.jade     |  21 ++--
 5 files changed, 92 insertions(+), 71 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/53599187/modules/webconfig/nodejs/public/javascripts/controllers/summary.js
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/public/javascripts/controllers/summary.js 
b/modules/webconfig/nodejs/public/javascripts/controllers/summary.js
index 35180ad..53cac48 100644
--- a/modules/webconfig/nodejs/public/javascripts/controllers/summary.js
+++ b/modules/webconfig/nodejs/public/javascripts/controllers/summary.js
@@ -15,20 +15,26 @@
  * limitations under the License.
  */
 
-configuratorModule.controller('clustersList', ['$scope', '$http', function 
($scope, $http) {
+configuratorModule.controller('summaryController', ['$scope', '$http', 
function ($scope, $http) {
     $http.get('/rest/clusters').success(function (data) {
         $scope.caches = data.caches;
         $scope.spaces = data.spaces;
         $scope.clusters = data.clusters;
     });
 
+    $scope.selectItem = function (item) {
+        $scope.selectedItem = item;
+
+        $scope.generateConfig()
+    };
+
     $scope.generateConfig = function() {
         var lang = $scope.cfgLang;
 
         if (lang == 'docker')
             return;
 
-        var cluster = $scope.currCluster;
+        var cluster = $scope.selectedItem;
         
         if (!cluster)
             return;
@@ -82,7 +88,7 @@ configuratorModule.controller('clustersList', ['$scope', 
'$http', function ($sco
     };
     
     $scope.dockerFile = function() {
-        if (!$scope.currCluster || !$scope.dockerArg) {
+        if (!$scope.selectedItem || !$scope.dockerArg) {
             return '';
         }
         
@@ -128,10 +134,4 @@ configuratorModule.controller('clustersList', ['$scope', 
'$http', function ($sco
             "\n"+
             "RUN mv /tmp/*.xml /home/$(ls)/config";
     };
-
-    $scope.setSelectedCluster = function (cluster) {
-        $scope.currCluster = cluster;
-
-        $scope.generateConfig()
-    };
 }]);

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/53599187/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 35cea2e..d34b134 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%;transform:translateX(-50%)
 translateY(-50%)}.border-left{box-shadow:1px 0 0 0 #eee 
inset}.border-right{box-shadow:1px 0 0 0 
#eee}.theme-line{background-color:#f9f9f9}.theme-line 
header{background-color:#fff}.theme-line header a.btn{border:0 
none;padding:10px 25px;background-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,25
 5,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-columns 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-pr
 imary{border:0 none;background-color:#ec1c24}.theme-line 
.btn-primary:hover{background-color:#950d12}.theme-line .main-content 
.nav-horizontal a{box-shadow:0 0;border:0 
none;background-color:#fff;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:-30px}.theme-line 
.sidebar-nav ul li a:hover{text-decoration:none}.theme-line .select li 
a{color:#666}.theme-line .select li a:hover,.theme-line
  .select .active{color:#ec1c24;background-color:white}.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:5px 15px 0 0}.header 
h1.navbar-brand a{text-indent:-99999px;background:no-repeat center 
center;display:block;width:100%;height:100%;background-size:contain}.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-na
 v .private{font-size:9px;padding:3px 
5px;display:inline-block;line-height:8px;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}.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 .n
 avbar-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:#666}.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 .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-rig
 ht .threes-nav .btn-default:hover,.theme-line.page-docs.body-threes 
.section-right .threes-nav .pull-right 
a:hover{color:#ec1c24;border-color:#ec1c24}.theme-line 
.section-right{padding-left:30px}.body-overlap 
.main-content{margin-top:30px}.body-box .main-content,.body-overlap 
.main-content{padding:30px;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-p
 
ager{display:none}.container-footer{margin-top:20px}.vcenter{display:inline-block;vertical-align:middle;float:none}.vcenter2{position:relative;top:50%;transform:translateY(-50%)}.modal{display:block;overflow:hidden}.modal
 .close{position:absolute;top:0.65em;right:0.65em;float:none}.modal-header 
.close{margin-right:-2px}.modal .modal-dialog{width:610px}.modal 
.modal-content{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{color:#aaa;font-size:1em;margin:3px 0 0}.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:450px;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}}.details-row{padding-left:1.3em}.details-table-row{padding:0}.details-row,.settings-row{display:block;margin:0.65em
 0;line-height:28px}.details-row [class*="col-"],.settings-row 
[class*="col-"]{display:inline-block;vertical-align:middle;float:none;padding-left:0
 !important;padding-right:0 !important}.details-row 
input[type="checkbox"],.settings-row 
input[type="checkbox"]{line-height:20px;margin-right:4px}.details-row .checkbox 
label,.settings-row .checkbox 
label{line-height:20px;vertical-align:middle}button{margin-right:4px}h1,h2,h3{user-select:none;font-weight:normal;line-heig
 ht:1}h3{color:black;font-size:1.2em;margin-top:0;margin-bottom:1.5em}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;text-align:left;padding:3px
 3px;height:28px}.form-control 
button{text-align:left}.table-form-control{width:auto}.form-horizontal 
.control-label{padding-top:4px}button 
.caret{float:right;margin-left:0;margin-top:7px}.theme-line 
.panel-heading{padding:10px 10px;margin:0}.theme-line .panel-heading 
h3{margin-bottom:0}.theme-line .panel-heading 
h3>a{color:black;cursor:pointer}.theme-line .panel-title 
a{color:#ec1c24}.theme-line .panel-title h3{margin-bottom:1.3em}.theme-line 
.panel-body{padding:0.65em 1.3em}.theme-line .main-content 
a.customize{color:#ec1c24;cursor:pointer}.theme-line 
.panel-collapse{margin:0}.theme-line .links table,.theme-line 
table.links-edit{display:table;table-layout:fixed;margin-bottom:10px}.theme-line
 .links table td,.theme-line tabl
 e.links-edit td{padding-left:18px}.theme-line .links table .active 
a,.theme-line table.links-edit .active 
a{color:#ec1c24;font-weight:bold}.theme-line .links table a:hover,.theme-line 
table.links-edit a:hover{color:#950d12}.theme-line .links table a,.theme-line 
table.links-edit a{color:#666}.theme-line table.links-edit 
label{line-height:28px;color:#666}.btn{padding:3px 6px}.panel-title 
a{font-size:14px}.panel-details{margin-top:1.3em;margin-bottom:0.65em;padding:0.65em;border-radius:4px;border:thin
 dotted lightgrey}.tooltip.right 
.tooltip-arrow{border-right-color:#ec1c24}.tooltip>.tooltip-inner{max-width:400px;text-align:left;background-color:#ec1c24}label{font-weight:normal;line-height:14px;margin-bottom:0}.form-horizontal
 
.checkbox{padding-top:0}.input-tip{display:block;overflow:hidden;padding-right:4px}.labelField{float:left;margin-right:4px}.tipField{float:right;line-height:28px;margin-right:5px}.tipLabel{font-size:14px;margin-left:4px}.fieldButton{float:right;margin-left:4px;ma
 
rgin-right:0}.table-nowrap{table-layout:fixed}.td-overflow{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fa-edit{cursor:pointer}.fa-remove{color:#ec1c24;margin-left:5px;margin-right:5px;cursor:pointer}label.required:after{color:#ec1c24;content:'
 
*';display:inline}.blank{visibility:hidden}.alert{outline:0}.alert.bottom,.alert.bottom-left,.alert.bottom-right,.alert.top,.alert.top-left,.alert.top-right{position:fixed;z-index:1050;margin:20px}.alert.top,.alert.top-left,.alert.top-right{top:50px}.alert.top{right:0;left:0}.alert.top-right{right:0}.alert.top-right
 .close{padding-left:10px}.alert.top-left{left:0}.alert.top-left 
.close{padding-right:10px}.alert.bottom,.alert.bottom-left,.alert.bottom-right{bottom:0}.alert.bottom{right:0;left:0}.alert.bottom-right{right:0}.alert.bottom-right
 .close{padding-left:10px}.alert.bottom-left{left:0}.alert.bottom-left 
.close{padding-right:10px}#cfgResult 
textarea{font-family:monospace;font-size:12px}input[type="number"]::
 
-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}input.ng-invalid{border-color:#ec1c24}input.ng-invalid
 
:focus{border-color:#ec1c24}.form-control-feedback{display:inline-block;color:#ec1c24;right:18px;line-height:28px;pointer-events:initial}.syntaxhighlighter{padding:10px
 5px;border-radius:6px}
\ 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%;transform:translateX(-50%)
 translateY(-50%)}.border-left{box-shadow:1px 0 0 0 #eee 
inset}.border-right{box-shadow:1px 0 0 0 
#eee}.theme-line{background-color:#f9f9f9}.theme-line 
header{background-color:#fff}.theme-line header a.btn{border:0 
none;padding:10px 25px;background-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,25
 5,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-columns 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-pr
 imary{border:0 none;background-color:#ec1c24}.theme-line 
.btn-primary:hover{background-color:#950d12}.theme-line .main-content 
.nav-horizontal a{box-shadow:0 0;border:0 
none;background-color:#fff;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:-30px}.theme-line 
.sidebar-nav ul li a:hover{text-decoration:none}.theme-line .select li 
a{color:#666}.theme-line .select li a:hover,.theme-line
  .select .active{color:#ec1c24;background-color:white}.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:5px 15px 0 0}.header 
h1.navbar-brand a{text-indent:-99999px;background:no-repeat center 
center;display:block;width:100%;height:100%;background-size:contain}.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-na
 v .private{font-size:9px;padding:3px 
5px;display:inline-block;line-height:8px;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}.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 .n
 avbar-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:#666}.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 .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-rig
 ht .threes-nav .btn-default:hover,.theme-line.page-docs.body-threes 
.section-right .threes-nav .pull-right 
a:hover{color:#ec1c24;border-color:#ec1c24}.theme-line 
.section-right{padding-left:30px}.body-overlap 
.main-content{margin-top:30px}.body-box .main-content,.body-overlap 
.main-content{padding:30px;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-p
 
ager{display:none}.container-footer{margin-top:20px}.vcenter{display:inline-block;vertical-align:middle;float:none}.vcenter2{position:relative;top:50%;transform:translateY(-50%)}.modal{display:block;overflow:hidden}.modal
 .close{position:absolute;top:0.65em;right:0.65em;float:none}.modal-header 
.close{margin-right:-2px}.modal .modal-dialog{width:610px}.modal 
.modal-content{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{color:#aaa;font-size:1em;margin:3px 0 0}.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:450px;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}}.details-row{padding-left:1.3em}.details-table-row{padding:0}.details-row,.settings-row{display:block;margin:0.65em
 0;line-height:28px}.details-row [class*="col-"],.settings-row 
[class*="col-"]{display:inline-block;vertical-align:middle;float:none;padding-left:0
 !important;padding-right:0 !important}.details-row 
input[type="checkbox"],.settings-row 
input[type="checkbox"]{line-height:20px;margin-right:4px}.details-row .checkbox 
label,.settings-row .checkbox 
label{line-height:20px;vertical-align:middle}button{margin-right:4px}h1,h2,h3{user-select:none;font-weight:normal;line-heig
 ht:1}h3{color:black;font-size:1.2em;margin-top:0;margin-bottom:1.5em}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;text-align:left;padding:3px
 3px;height:28px}.form-control 
button{text-align:left}.table-form-control{width:auto}.form-horizontal 
.control-label{padding-top:4px}button 
.caret{float:right;margin-left:0;margin-top:7px}.theme-line 
.panel-heading{padding:10px 10px;margin:0}.theme-line .panel-heading 
h3{margin-bottom:0}.theme-line .panel-heading 
h3>a{color:black;cursor:pointer}.theme-line .panel-title 
a{color:#ec1c24}.theme-line .panel-title h3{margin-bottom:1.3em}.theme-line 
.panel-body{padding:0.65em 1.3em}.theme-line .main-content 
a.customize{color:#ec1c24;cursor:pointer}.theme-line 
.panel-collapse{margin:0}.theme-line .links table,.theme-line 
table.links-edit,.theme-line 
table.links-edit-small-padding{display:table;table-layout:fixed;margin-bottom:10px}.
 theme-line .links table td,.theme-line table.links-edit td,.theme-line 
table.links-edit-small-padding td{padding-left:18px}.theme-line .links table 
.active a,.theme-line table.links-edit .active a,.theme-line 
table.links-edit-small-padding .active 
a{color:#ec1c24;font-weight:bold}.theme-line .links table a:hover,.theme-line 
table.links-edit a:hover,.theme-line table.links-edit-small-padding 
a:hover{color:#950d12}.theme-line .links table a,.theme-line table.links-edit 
a,.theme-line table.links-edit-small-padding a{color:#666}.theme-line 
table.links-edit label{line-height:28px;color:#666}.btn{padding:3px 
6px}.panel-title 
a{font-size:14px}.panel-details{margin-top:1.3em;margin-bottom:0.65em;padding:0.65em;border-radius:4px;border:thin
 dotted lightgrey}.tooltip.right 
.tooltip-arrow{border-right-color:#ec1c24}.tooltip>.tooltip-inner{max-width:400px;text-align:left;background-color:#ec1c24}label{font-weight:normal;line-height:14px;margin-bottom:0}.form-horizontal
 .checkbox{padding-top:0}.
 
input-tip{display:block;overflow:hidden;padding-right:4px}.labelField{float:left;margin-right:4px}.tipField{float:right;line-height:28px;margin-right:5px}.tipLabel{font-size:14px;margin-left:4px}.fieldButton{float:right;margin-left:4px;margin-right:0}.table-nowrap{table-layout:fixed}.td-overflow{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fa-edit{cursor:pointer}.fa-remove{color:#ec1c24;margin-left:5px;margin-right:5px;cursor:pointer}label.required:after{color:#ec1c24;content:'
 
*';display:inline}.blank{visibility:hidden}.alert{outline:0}.alert.bottom,.alert.bottom-left,.alert.bottom-right,.alert.top,.alert.top-left,.alert.top-right{position:fixed;z-index:1050;margin:20px}.alert.top,.alert.top-left,.alert.top-right{top:50px}.alert.top{right:0;left:0}.alert.top-right{right:0}.alert.top-right
 .close{padding-left:10px}.alert.top-left{left:0}.alert.top-left 
.close{padding-right:10px}.alert.bottom,.alert.bottom-left,.alert.bottom-right{bottom:0}.alert.bottom{
 right:0;left:0}.alert.bottom-right{right:0}.alert.bottom-right 
.close{padding-left:10px}.alert.bottom-left{left:0}.alert.bottom-left 
.close{padding-right:10px}#cfgResult 
textarea{font-family:monospace;font-size:12px}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}input.ng-invalid{border-color:#ec1c24}input.ng-invalid
 
:focus{border-color:#ec1c24}.form-control-feedback{display:inline-block;color:#ec1c24;right:18px;line-height:28px;pointer-events:initial}.syntaxhighlighter{padding:10px
 5px;border-radius:6px}.theme-line table.links-edit-small-padding 
label{line-height:28px;color:#666}.theme-line table.links-edit-small-padding 
a{line-height:28px}.theme-line table.links-edit-small-padding 
td{padding-left:5px}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/53599187/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 cb900ae..8347953 100644
--- a/modules/webconfig/nodejs/public/stylesheets/style.less
+++ b/modules/webconfig/nodejs/public/stylesheets/style.less
@@ -963,4 +963,19 @@ input.ng-invalid {
 .syntaxhighlighter {
   padding: 10px 5px;
   border-radius: 6px;
-}
\ No newline at end of file
+}
+
+.theme-line table.links-edit-small-padding:extend(.theme-line .links table 
all) {
+  label {
+    line-height: @input-height;
+    color: #666;
+  }
+
+  a {
+    line-height: @input-height;
+  }
+
+  td {
+    padding-left: 5px;
+  }
+}

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/53599187/modules/webconfig/nodejs/views/persistence.jade
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/views/persistence.jade 
b/modules/webconfig/nodejs/views/persistence.jade
index c7073a5..229614c 100644
--- a/modules/webconfig/nodejs/views/persistence.jade
+++ b/modules/webconfig/nodejs/views/persistence.jade
@@ -48,55 +48,62 @@ block content
                         .panel-body
                             .settings-row(ng-repeat='field in connection')
                                 +form-row
-        .links(ng-hide='data.tables.length == 0')
-            
table.table-bordered.table-condensed.col-sm-12(st-table='data.tables')
-                thead
-                    tr
-                        th.col-sm-3 Schema/Table
-                        th Key class
-                        th Value class
-                tbody
-                    tr(ng-repeat='row in data.tables')
-                        td
-                            input(type='checkbox' ng-if='!row.tableName' 
ng-checked='row.use' ng-click='selectTable(-1)')
-                            a(ng-if='!row.tableName' style='margin-left: 5px' 
ng-click='selectTable(-1)') {{row.schemaName}}
-                            input(type='checkbox' ng-if='row.tableName' 
style='margin-left: 10px' ng-checked = 'row.use' ng-click='selectTable($index)')
-                            a(ng-if='row.tableName' style='margin-left: 5px' 
ng-click='selectTable($index)') {{row.tableName}}
-                        td
-                            a(ng-show='data.curTableIdx != $index' 
ng-click='selectTable($index)') {{row.keyClass}}
-                            input(type='text' ng-show='data.curTableIdx == 
$index' ng-model='data.curKeyClass' placeholder='Key class full name')
-                        td
-                            a(ng-show='data.curTableIdx != $index' 
ng-click='selectTable($index)') {{row.valueClass}}
-                            input(type='text' ng-show='data.curTableIdx == 
$index' ng-model='data.curValueClass' placeholder='Value class full name')
-        .links(ng-hide='data.curTableIdx < 0')
-            
table.table-bordered.table-condensed.col-sm-12(st-table='data.tables[data.curTableIdx].fields')
-                thead
-                    tr
-                        th.col-sm-1 Use
-                        th.col-sm-1 Key
-                        th.col-sm-1 Ak
-                        th.col-sm-2 DB Name
-                        th.col-sm-2 DB Type
-                        th.col-sm-2 Java Name
-                        th.col-sm-2 Java Type
-                tbody
-                    tr(ng-repeat='row in data.tables[data.curTableIdx].fields')
-                        td
-                            +dbcheck('row.use', 'selectField($index)')
-                        td
-                            +dbcheck('row.key', 'selectField($index)')
-                        td
-                            +dbcheck('row.ak', 'selectField($index)')
-                        td
-                            a(ng-click='selectField($index)') {{row.dbName}}
-                        td
-                            a(ng-click='selectField($index)') {{row.dbType}}
-                        td
-                            a(ng-show='data.curFieldIdx != $index' 
ng-click='selectField($index)') {{row.javaName}}
-                            input(type='text' ng-show='data.curFieldIdx == 
$index' ng-model='data.curJavaName' placeholder='Field Java name')
-                        td
-                            a(ng-show='data.curFieldIdx != $index' 
ng-click='selectField($index)') {{row.javaType}}
-                            input(type='text' ng-show='data.curFieldIdx == 
$index' ng-model='data.curJavaType' placeholder='Field Java type')
+            div(bs-collapse data-start-collapsed='true' 
ng-hide='data.tables.length == 0')
+                .panel.panel-default
+                    .panel-heading
+                        h3
+                            a(bs-collapse-toggle) Metadata
+                    .panel-collapse(bs-collapse-target)
+                        .panel-body
+                            div(ng-hide='data.tables.length == 0')
+                                
table.table-bordered.table-condensed.links-edit-small-padding.col-sm-12(st-table='data.tables')
+                                    thead
+                                        tr
+                                            th.col-sm-3 Schema/Table
+                                            th Key class
+                                            th Value class
+                                    tbody
+                                        tr(ng-repeat='row in data.tables')
+                                            td
+                                                input(type='checkbox' 
ng-if='!row.tableName' ng-checked='row.use' ng-click='selectTable(-1)')
+                                                a(ng-if='!row.tableName' 
style='margin-left: 5px' ng-click='selectTable(-1)') {{row.schemaName}}
+                                                input(type='checkbox' 
ng-if='row.tableName' style='margin-left: 10px' ng-checked = 'row.use' 
ng-click='selectTable($index)')
+                                                a(ng-if='row.tableName' 
style='margin-left: 5px' ng-click='selectTable($index)') {{row.tableName}}
+                                            td
+                                                a(ng-show='data.curTableIdx != 
$index' ng-click='selectTable($index)') {{row.keyClass}}
+                                                input.form-control(type='text' 
ng-show='data.curTableIdx == $index' ng-model='data.curKeyClass' 
placeholder='Key class full name')
+                                            td
+                                                a(ng-show='data.curTableIdx != 
$index' ng-click='selectTable($index)') {{row.valueClass}}
+                                                input.form-control(type='text' 
ng-show='data.curTableIdx == $index' ng-model='data.curValueClass' 
placeholder='Value class full name')
+                            div(ng-hide='data.curTableIdx < 0')
+                                
table.table-bordered.table-condensed.links-edit-small-padding.col-sm-12(st-table='data.tables[data.curTableIdx].fields')
+                                    thead
+                                        tr
+                                            th.col-sm-1 Use
+                                            th.col-sm-1 Key
+                                            th.col-sm-1 Ak
+                                            th.col-sm-2 DB Name
+                                            th.col-sm-2 DB Type
+                                            th.col-sm-2 Java Name
+                                            th.col-sm-2 Java Type
+                                    tbody
+                                        tr(ng-repeat='row in 
data.tables[data.curTableIdx].fields')
+                                            td
+                                                +dbcheck('row.use', 
'selectField($index)')
+                                            td
+                                                +dbcheck('row.key', 
'selectField($index)')
+                                            td
+                                                +dbcheck('row.ak', 
'selectField($index)')
+                                            td
+                                                
a(ng-click='selectField($index)') {{row.dbName}}
+                                            td
+                                                
a(ng-click='selectField($index)') {{row.dbType}}
+                                            td
+                                                a(ng-show='data.curFieldIdx != 
$index' ng-click='selectField($index)') {{row.javaName}}
+                                                input.form-control(type='text' 
ng-show='data.curFieldIdx == $index' ng-model='data.curJavaName' 
placeholder='Field Java name')
+                                            td
+                                                a(ng-show='data.curFieldIdx != 
$index' ng-click='selectField($index)') {{row.javaType}}
+                                                input.form-control(type='text' 
ng-show='data.curFieldIdx == $index' ng-model='data.curJavaType' 
placeholder='Field Java type')
         button.btn.btn-primary(ng-disabled='inputForm.$invalid' 
ng-click='saveItem()') Save
         button.btn.btn-primary.btn-second(ng-show='backupItem._id' 
ng-click='removeItem()') Remove
         button.btn.btn-primary.btn-second(ng-click='reloadMetadata()') Reload

http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/53599187/modules/webconfig/nodejs/views/summary.jade
----------------------------------------------------------------------
diff --git a/modules/webconfig/nodejs/views/summary.jade 
b/modules/webconfig/nodejs/views/summary.jade
index 8bbeb37..afbdf4c 100644
--- a/modules/webconfig/nodejs/views/summary.jade
+++ b/modules/webconfig/nodejs/views/summary.jade
@@ -32,23 +32,22 @@ block content
         h1 Summary
         p Configurations summary.
         hr
-    .docs-body(ng-controller='clustersList')
+    .docs-body(ng-controller='summaryController')
         div(ng-hide='clusters.length > 0')
             | No cluster configured. You can&nbsp;
             a(href='clusters') configure
             |  it.
-
         div(ng-hide='clusters.length == 0')
             p Following cluster configurations are created, you can download 
its as xml, java code or as docker file
-
-            div(ng-repeat='row in clusters', style='padding-left: 20px')
-                span.clusterName {{row.name}}
-                |&nbsp;
-                a(href, ng-click='setSelectedCluster(row)') Generate 
configuration
-
-            #cfgResult.configBox(ng-show='currCluster && !generateError && 
!loading', style='margin-top: 20px')
+            .links
+                table.col-sm-12(st-table='clusters')
+                    tbody
+                        tr(ng-repeat='row in clusters track by row._id')
+                            td.col-sm-6(ng-class='{active: row._id == 
selectedItem._id}')
+                                a(ng-click='selectItem(row)') {{$index + 1}}. 
{{row.name}}
+            #cfgResult.configBox(ng-show='selectedItem && !generateError && 
!loading', style='margin-top: 20px')
                 ul.nav.nav-tabs
-                    li(ng-class='{active: cfgLang=="xml"}')
+                    li(ng-class='{active: cfgLang == "xml"}')
                         a(href, ng-click='cfgLang = "xml"')
                             img(src='images/xml.png', width='16px' 
height='16px')
                             |  XML
@@ -75,7 +74,7 @@ block content
                     #dockerResult(ng-show="cfgLang == 'docker'")
                         p
                             
a(href='https://docs.docker.com/reference/builder') Dockerfile
-                            |  is a text file with instructions to create 
Docker image. To build image you have to
+                            | is a text file with instructions to create 
Docker image. To build image you have to
                             | store following Docker file with your xml ignite 
configurations to the same directory. 
                         
                         form.form-horizontal


Reply via email to