diff --git a/app/components/containerInspect/containerInspect.html b/app/components/containerInspect/containerInspect.html index 200b7cd58..c0bd20ebb 100644 --- a/app/components/containerInspect/containerInspect.html +++ b/app/components/containerInspect/containerInspect.html @@ -10,9 +10,14 @@
+ + + + -
{{ containerInfo|json:4 }}
+
{{ containerInfo|json:4 }}
+
diff --git a/app/components/containerInspect/containerInspectController.js b/app/components/containerInspect/containerInspectController.js index ae1740630..ea4219814 100644 --- a/app/components/containerInspect/containerInspectController.js +++ b/app/components/containerInspect/containerInspectController.js @@ -1,9 +1,13 @@ -angular.module('containerInspect', []) +angular.module('containerInspect', ['angular-json-tree']) .controller('ContainerInspectController', ['$scope', '$transition$', 'Notifications', 'ContainerService', function ($scope, $transition$, Notifications, ContainerService) { + + $scope.state = { DisplayTextView: false }; + $scope.containerInfo = {}; + function initView() { $('#loadingViewSpinner').show(); - + ContainerService.inspect($transition$.params().id) .then(function success(d) { $scope.containerInfo = d; @@ -15,6 +19,6 @@ function ($scope, $transition$, Notifications, ContainerService) { $('#loadingViewSpinner').hide(); }); } - + initView(); }]); diff --git a/assets/css/app.css b/assets/css/app.css index 9fda8ca7a..adb6116e6 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -7,10 +7,6 @@ html, body, #content-wrapper, .page-content, #view { white-space: normal !important; } -.btn-group button { - margin: 3px; -} - .messages { max-height: 50px; overflow-x: hidden; @@ -615,3 +611,20 @@ ul.sidebar .sidebar-list .sidebar-sublist a.active { font-family: monospace; font-weight: 600; } + +/* json-tree */ + +json-tree { + font-size: 13px; + color: #30426a; +} +json-tree .key { + color: #738bc0; + padding-right: 5px; +} + +json-tree .branch-preview { + font-style: normal; + font-size: 11px; + opacity: .5; +} diff --git a/bower.json b/bower.json index bf9bd43fa..5c15dff01 100644 --- a/bower.json +++ b/bower.json @@ -34,6 +34,7 @@ "angular-utils-pagination": "~0.11.1", "angular-local-storage": "~0.5.2", "angular-jwt": "~0.1.8", + "angular-json-tree": "1.0.1", "angular-google-analytics": "~1.1.9", "bootstrap": "~3.3.6", "filesize": "~3.3.0", diff --git a/vendor.yml b/vendor.yml index c052c018d..134914a7d 100644 --- a/vendor.yml +++ b/vendor.yml @@ -47,6 +47,7 @@ css: - bower_components/angularjs-slider/dist/rzslider.css - bower_components/codemirror/lib/codemirror.css - bower_components/codemirror/addon/lint/lint.css + - bower_components/angular-json-tree/dist/angular-json-tree.css minified: - bower_components/bootstrap/dist/css/bootstrap.min.css - bower_components/rdash-ui/dist/css/rdash.min.css @@ -58,6 +59,7 @@ css: - bower_components/angularjs-slider/dist/rzslider.min.css - bower_components/codemirror/lib/codemirror.css - bower_components/codemirror/addon/lint/lint.css + - bower_components/angular-json-tree/dist/angular-json-tree.css angular: regular: - bower_components/angular/angular.js @@ -74,6 +76,7 @@ angular: - bower_components/ng-file-upload/ng-file-upload.js - bower_components/angularjs-slider/dist/rzslider.js - bower_components/angular-multi-select/isteven-multi-select.js + - bower_components/angular-json-tree/dist/angular-json-tree.js minified: - bower_components/angular/angular.min.js - bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js @@ -89,3 +92,4 @@ angular: - bower_components/ng-file-upload/ng-file-upload.min.js - bower_components/angularjs-slider/dist/rzslider.min.js - bower_components/angular-multi-select/isteven-multi-select.js + - bower_components/angular-json-tree/dist/angular-json-tree.min.js