diff --git a/client/cat3/Gruntfile.js b/client/cat3/Gruntfile.js
index 0ef665e08..8619729ba 100644
--- a/client/cat3/Gruntfile.js
+++ b/client/cat3/Gruntfile.js
@@ -82,14 +82,12 @@ module.exports = function(grunt) {
{'catalyst/partials/global.css':'src/partials/global.scss'},
{'catalyst/partials/globals/treeComponent/treeDirective.css':'src/partials/globals/treeComponent/treeDirective.scss'},
{'catalyst/partials/sections/dashboard/workzone/workzone.css':'src/partials/sections/dashboard/workzone/workzone.scss'},
- {'catalyst/partials/sections/dashboard/workzone/workzoneTreeMenu/workzoneTreeMenu.css':'src/partials/sections/dashboard/workzone/workzoneTreeMenu/workzoneTreeMenu.scss'},
{'catalyst/partials/sections/dashboard/workzone/instance/instance.css':'src/partials/sections/dashboard/workzone/instance/instance.scss'},
{'catalyst/partials/sections/dashboard/workzone/blueprint/blueprint.css':'src/partials/sections/dashboard/workzone/blueprint/blueprint.scss'},
{'catalyst/partials/sections/dashboard/workzone/cloudFormation/cloudFormation.css':'src/partials/sections/dashboard/workzone/cloudFormation/cloudFormation.scss'},
{'catalyst/partials/sections/dashboard/workzone/container/container.css':'src/partials/sections/dashboard/workzone/container/container.scss'},
{'catalyst/partials/sections/dashboard/workzone/orchestration/orchestration.css':'src/partials/sections/dashboard/workzone/orchestration/orchestration.scss'},
{'catalyst/partials/sections/dashboard/workzone/application/application.css':'src/partials/sections/dashboard/workzone/application/application.scss'},
- {'catalyst/partials/sections/dashboard/analytics/view/analyticsTreeMenu.css':'src/partials/sections/dashboard/analytics/view/analyticsTreeMenu.scss'},
{'catalyst/partials/sections/dashboard/analytics/analytics.css':'src/partials/sections/dashboard/analytics/analytics.scss'},
{'catalyst/partials/sections/dashboard/setting/setting.css':'src/partials/sections/dashboard/setting/setting.scss'}
]
diff --git a/client/cat3/main.html b/client/cat3/main.html
index 95edfdc7a..aca95dc2f 100644
--- a/client/cat3/main.html
+++ b/client/cat3/main.html
@@ -53,8 +53,14 @@
-
- {{sectionName}}
+
@@ -97,6 +103,8 @@
+
+
diff --git a/client/cat3/src/clientRoutes.js b/client/cat3/src/clientRoutes.js
index 131f202c3..51a1e0232 100644
--- a/client/cat3/src/clientRoutes.js
+++ b/client/cat3/src/clientRoutes.js
@@ -56,7 +56,7 @@ function routeConfig($stateProvider, $urlRouterProvider, $httpProvider, modulePe
}).state('dashboard.design', {
url: "/design",
templateUrl: "src/partials/sections/dashboard/design/design.html",
- controller: "designCtrl",
+ controller: "designCtrl as desCtrl",
resolve: {
auth: ["$q", function ($q) {
var deferred = $q.defer();
diff --git a/client/cat3/src/main.js b/client/cat3/src/main.js
index e8a2bf542..d3f379fbc 100644
--- a/client/cat3/src/main.js
+++ b/client/cat3/src/main.js
@@ -30,9 +30,15 @@ var angularApp = angular.module('catapp', ['ui.router','ngTouch','toastr',
'global.messages'
]);
-angularApp.run(['$rootScope', 'auth', '$state', '$stateParams',
- function ($rootScope, Auth, $state, $stateParams) {
+angularApp.run(['$rootScope', 'auth', '$state', '$stateParams','$http','$window',
+ function ($rootScope, Auth, $state, $stateParams,$http,$window) {
'use strict';
+ $http.get('/organizations/getTreeNew').success(function (result) {
+ // if(result.data && result.data.length >0){
+ // console.log(result);
+ // $window.location.href="/private/index.html#ajax/Settings/Dashboard.html";
+ // }
+ });
$rootScope.$on('$stateChangeStart', function (event, toState) {
//More function params: function (event, toState, toParams, fromState, fromParams)
function checkAuthentication() {
diff --git a/client/cat3/src/partials/global.scss b/client/cat3/src/partials/global.scss
index 942c84cfb..4f2af2de7 100644
--- a/client/cat3/src/partials/global.scss
+++ b/client/cat3/src/partials/global.scss
@@ -4,39 +4,39 @@ $imagePath : "../../../../../../cat3/images";
/*CSS for defining colors Globally starts*/
.fa {
- @include theme-text-color;
+ @include theme-text-color;
}
.green {
- color: $color-green;
+ color: $color-green;
}
.blue {
- @include theme-text-color;
+ @include theme-text-color;
}
.red {
- color: $color-red;
+ color: $color-red;
}
.orange {
- color: $color-orange;
+ color: $color-orange;
}
.active-color, .selectedView {
- color: $selected-color !important;
+ color: $selected-color !important;
}
/*CSS for defining colors Globally ends*/
.cursor {
- cursor: pointer;
+ cursor: pointer;
}
.white {
- color: #fff;
+ color: #fff;
}
.black {
- color: #333;
+ color: #333;
}
.errorMsg {
@@ -44,128 +44,266 @@ $imagePath : "../../../../../../cat3/images";
}
.inputValidationMsg {
- color: $color-red;
- font-size: 11px;
- font-style: italic;
- vertical-align: top;
- font-weight: normal;
+ color: $color-red;
+ font-size: 11px;
+ font-style: italic;
+ vertical-align: top;
+ font-weight: normal;
}
/*CSS to overwrite input background color for autofill*/
#loginPage, #instanceSSHPage {
- input:-webkit-autofill {
- -webkit-box-shadow: 0 0 0px 1000px white inset;
- }
+ input:-webkit-autofill {
+ -webkit-box-shadow: 0 0 0px 1000px white inset;
+ }
}
/*CSS for header,breadcrumb and tree starts*/
#breadcrumb-block {
- @include theme-bg-color;
- color: white;
+ @include theme-bg-color;
+ color: white;
+}
+
+.tree-toggle {
+ z-index: 100;
+ color: #fff;
+ font-size: 1.2em;
+ padding: 6px 0px 6px 12px;
}
#section-name {
- padding: 6px 10px 6px 10px;
- font-size: 14px;
- font-weight: bold;
+ font-size: 14px;
+ font-weight: bold;
+
+ .menu-icon {
+ float: left;
+ height: 40px;
+ font-size: 20px;
+ }
+
+ .menu-text {
+ float: left;
+ margin: 11px 0 0 5px;
+ color: #fff;
+ height: 29px;
+ }
}
#breadcrumb-nav {
- padding-top: 6px;
- padding-left: 60px;
+ padding-top: 6px;
+ padding-left: 60px;
}
#breadcrumb-block #breadcrumb-nav ul {
- margin: 0px;
- padding: 0px;
+ margin: 0px;
+ padding: 0px;
}
#breadcrumb-block #breadcrumb-nav ul li {
- list-style: none;
- display: inline;
+ list-style: none;
+ display: inline;
+}
+
+/*CSS for tree starts here*/
+#navigPage {
+ background: transparent;
+ position: fixed;
+ width: 254px;
+ z-index: 10;
+ height: 100% !important;
+ transition: all .4s ease 0s;
+ left: -254px;
+ font-size: 12px !important;
+
+
+ &.show-left-tree {
+ left: 0px;
+ }
+
+ #navigPage-inner {
+ background: linear-gradient(to right, #2c3638 99%, #2c3638 100%);
+ color: #fff;
+ overflow-y: auto;
+ height: 100% !important;
+ }
+
+ div[data-angular-treeview] {
+ color: #fff;
+ font-size: 12px;
+ font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
+ }
+
+ div[data-tree-model] li .selected {
+ padding: 0px;
+ }
+
+ div[data-tree-model] li span:hover {
+ text-decoration: underline;
+ }
+
+ div[data-tree-model] li {
+ line-height: 2.2;
+ padding: 0;
+ }
+
+ div[data-tree-model] ul {
+ margin-left:-10px;
+ ul {
+ margin-left:-20px;
+ ul {
+ margin-left:-30px;
+ ul {
+ margin-left:-40px;
+ }
+ }
+ }
+ }
+
+ div[data-tree-model] .liContents {
+ margin-left: 20px;
+ .liContents {
+ margin-left: 30px;
+ .liContents {
+ margin-left: 40px;
+ .liContents {
+ margin-left: 50px;
+ }
+ }
+ }
+ }
+
+ div[data-tree-model] li.selected{
+ background:#3b4142;
+ }
+
+ .collapse-spacing {
+ padding-right: 10px;
+ }
+
+ .label-spacing {
+ padding-right: 5px;
+ }
+
+ .caret-spacing {
+ margin-top: 8px;
+ }
+
+ i,span {
+ color:#fff;
+ }
+}
+
+#analyticsTreeMenuPage {
+ #navigPage {
+ .tree-ul {
+ padding: 0px;
+ }
+
+ .liContents {
+ line-height: 2.2;
+
+ .liContents-wrapper {
+ margin-left: 15px;
+ }
+
+ .caret-spacing {
+ margin-top: 8px;
+ }
+
+ .fa {
+ margin-left: 15px;
+ }
+ }
+
+ .activeSection {
+ font-weight: bold;
+ background: #3b4142;
+ }
+ }
}
+/*CSS for tree ends here*/
@media (min-width : 0px) and (max-width: 767px) {
- #breadcrumb-nav {
- display: none;
- }
+ #breadcrumb-nav {
+ display: none;
+ }
}
@media (min-width : 0px) and (max-width: 320px) {
- .selectCookbooksandRecipesdiv {
- width: 85%;
+ .selectCookbooksandRecipesdiv {
+ width: 85%;
- .selectCookbooksandRecipes {
- min-width: 150px;
- width: 89%;
- }
- }
+ .selectCookbooksandRecipes {
+ min-width: 150px;
+ width: 89%;
+ }
+ }
- .smart-form {
- .marginleft6 {
- margin: 35% 0% 0 0;
- float: right;
- width: 13%;
- }
- }
+ .smart-form {
+ .marginleft6 {
+ margin: 35% 0% 0 0;
+ float: right;
+ width: 13%;
+ }
+ }
- .logsArea {
- height: 180px;
+ .logsArea {
+ height: 180px;
}
}
@media (min-width : 321px) and (max-width: 480px) {
- .selectCookbooksandRecipesdiv {
- .selectCookbooksandRecipes {
- min-width: 289px;
- }
- }
+ .selectCookbooksandRecipesdiv {
+ .selectCookbooksandRecipes {
+ min-width: 289px;
+ }
+ }
- #newTaskPage {
- .left-right-selection {
- margin: 20% 6% 0 0;
- }
- }
+ #newTaskPage {
+ .left-right-selection {
+ margin: 20% 6% 0 0;
+ }
+ }
- .logsArea {
- height: 30px;
+ .logsArea {
+ height: 30px;
}
}
@media (min-width : 0px) and (max-width: 480px) {
- #instancePage, #bluePrintPage, #cloudFormationPage, #containerPage, #orchestrationPage, #applicationPage {
- .panel-heading {
- padding: 2px 15px;
- height: 23px;
-
- .panel-title {
- font-size: 12px;
- }
- }
- }
-
- .breadcrumb-wrapper {
- #breadcrumb-block {
- height: 22px;
- min-height: 22px;
-
- #section-name {
- padding: 3px 10px 2px 40px;
- font-size: 12px;
- }
- }
- }
+ #instancePage, #bluePrintPage, #cloudFormationPage, #containerPage, #orchestrationPage, #applicationPage {
+ .panel-heading {
+ padding: 2px 15px;
+ height: 23px;
+
+ .panel-title {
+ font-size: 12px;
+ }
+ }
+ }
+
+ .breadcrumb-wrapper {
+ #breadcrumb-block {
+ height: 22px;
+ min-height: 22px;
+
+ #section-name {
+ padding: 3px 10px 2px 40px;
+ font-size: 12px;
+ }
+ }
+ }
}
@media (min-width : 768px) and (max-width: 991px) {
- .logsArea {
- height: 710px;
+ .logsArea {
+ height: 710px;
}
}
@media (min-width: 991px) {
- .logsArea {
- height: 413px;
+ .logsArea {
+ height: 413px;
}
}
@@ -173,288 +311,288 @@ $imagePath : "../../../../../../cat3/images";
/*Used by loader module for different loader sizes*/
.catloader.very-large {
- font-size: 40px;
+ font-size: 40px;
}
.catloader.large {
- font-size: 30px;
+ font-size: 30px;
}
/*default size is medium*/
.catloader,.catloader.medium {
- font-size: 20px;
+ font-size: 20px;
}
.catloader.small {
- font-size: 14px;
+ font-size: 14px;
}
.catloader.very-small {
- font-size: 12px;
+ font-size: 12px;
}
/*Loader sizes end*/
/*Global Confirmation Modal Buttons Styles starts*/
.cat-btn-update, .cat-btn-save {
- color: #fff;
- @include btn-theme;
+ color: #fff;
+ @include btn-theme;
}
.cat-btn-cancel, .cat-btn-close {
- color: #333;
- background-color: #fff;
- border-color: #ccc;
+ color: #333;
+ background-color: #fff;
+ border-color: #ccc;
}
.cat-btn-cancel:hover, .cat-btn-close:hover {
- color: #333;
- background-color: #e6e6e6;
- border-color: #adadad;
+ color: #333;
+ background-color: #e6e6e6;
+ border-color: #adadad;
}
.cat-btn-delete {
- color: #fff;
- background-color: #d9534f;
- border-color: #d43f3a;
+ color: #fff;
+ background-color: #d9534f;
+ border-color: #d43f3a;
}
.cat-btn-delete:hover {
- color: #fff;
- background-color: #c9302c;
- border-color: #ac2925;
+ color: #fff;
+ background-color: #c9302c;
+ border-color: #ac2925;
}
/*Global Confirmation Modal Buttons Styles ends*/
/*CSS for Composite Component Starts*/
#optionSelector, #selectorList {
- width: 100%;
- height: 250px;
+ width: 100%;
+ height: 250px;
}
.left-right-selection {
- float: right;
- margin: 30% 2% 0 0;
+ float: right;
+ margin: 30% 2% 0 0;
}
.selectCookbooksandRecipesdivLeft, .selectCookbooksandRecipesdivRight {
- width: 80%;
+ width: 80%;
}
.selectCookbooksandRecipesdivLeft {
- margin: 0 0 0 10px;
+ margin: 0 0 0 10px;
}
#btnaddToRunlist, #btnremoveFromRunlist, #btnRunlistItemUp, #btnRunlistItemDown {
- border-radius: 50%;
+ border-radius: 50%;
}
#btnaddToRunlist, #btnremoveFromRunlist {
- padding: 5px 10px;
+ padding: 5px 10px;
}
#btnRunlistItemUp, #btnRunlistItemDown {
- padding: 5px 8px;
+ padding: 5px 8px;
}
.anchorRemove, .anchorDown {
- margin-top: 50%;
+ margin-top: 50%;
}
.paddingbottom15 {
- padding: 0 0 17px 0;
+ padding: 0 0 17px 0;
}
option.jenkins, option.chef, option.composite, option.puppet , option.script {
- background-repeat: no-repeat !important;
- height: 26px;
- padding-left: 36px;
- padding-top: 6px;
- background-position: 4px 2px !important;
- font-size: 12px;
- background-size: 24px auto !important;
+ background-repeat: no-repeat !important;
+ height: 26px;
+ padding-left: 36px;
+ padding-top: 6px;
+ background-position: 4px 2px !important;
+ font-size: 12px;
+ background-size: 24px auto !important;
}
option.jenkins {
- background: url("#{$imagePath}/orchestration/jenkins.png");
+ background: url("#{$imagePath}/orchestration/jenkins.png");
}
option.chef {
- background: url("#{$imagePath}/orchestration/chef.png");
+ background: url("#{$imagePath}/orchestration/chef.png");
}
option.composite {
- background: url("#{$imagePath}/orchestration/composite.png");
+ background: url("#{$imagePath}/orchestration/composite.png");
}
option.puppet {
- background: url("#{$imagePath}/global/puppet.png");
+ background: url("#{$imagePath}/global/puppet.png");
}
option.script {
- background: url("#{$imagePath}/orchestration/script.jpg");
+ background: url("#{$imagePath}/orchestration/script.jpg");
}
/*CSS for Composite Component ends*/
/*CSS for Chef Component Starts here*/
.runlistLabel {
- width: 100%;
- height: 35px;
+ width: 100%;
+ height: 35px;
}
.searchCookbooksRolesLabel {
- width: 76%;
- position: relative;
+ width: 76%;
+ position: relative;
}
.smart-form {
- margin: 0;
- outline: 0;
- color: #666;
- position: relative;
-
- .row {
- margin: 10px 0px;
- }
-
- label {
- vertical-align: middle;
- }
-
- .icon-append {
- right: 5px;
- padding-left: 3px;
- border-left-width: 1px;
- border-left-style: solid;
- position: absolute;
- top: 5px;
- width: 22px;
- height: 22px;
- font-size: 14px;
- line-height: 22px;
- text-align: center;
- z-index: 1;
- color: #A2A2A2;
- }
-
- .input input {
- display: block;
- width: 100%;
- padding: 8px 10px;
- outline: 0;
- border-width: 1px;
- border-style: solid;
- border-radius: 0;
- background: #fff;
- color: #404040;
- border-color: #ccc;
- }
+ margin: 0;
+ outline: 0;
+ color: #666;
+ position: relative;
+
+ .row {
+ margin: 10px 0px;
+ }
+
+ label {
+ vertical-align: middle;
+ }
+
+ .icon-append {
+ right: 5px;
+ padding-left: 3px;
+ border-left-width: 1px;
+ border-left-style: solid;
+ position: absolute;
+ top: 5px;
+ width: 22px;
+ height: 22px;
+ font-size: 14px;
+ line-height: 22px;
+ text-align: center;
+ z-index: 1;
+ color: #A2A2A2;
+ }
+
+ .input input {
+ display: block;
+ width: 100%;
+ padding: 8px 10px;
+ outline: 0;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 0;
+ background: #fff;
+ color: #404040;
+ border-color: #ccc;
+ }
}
.chef-client-loader-wrapper {
- margin: 6px 0;
+ margin: 6px 0;
}
.runlist-section {
- padding: 10px 0 0 0;
+ padding: 10px 0 0 0;
}
.marginleft6 {
- margin-left: 6%;
+ margin-left: 6%;
}
.selectCookbooksandRecipes {
- height: 250px !important;
- margin-bottom: 10px;
- border-width: 1px 1px 1px 2px;
- border-style: solid;
- border-color: #ccc;
- width: 203px;
+ height: 250px !important;
+ margin-bottom: 10px;
+ border-width: 1px 1px 1px 2px;
+ border-style: solid;
+ border-color: #ccc;
+ width: 203px;
}
.cookbook, .deploy {
- background: url("#{$imagePath}/global/cookbook.png") no-repeat;
- background-repeat: no-repeat;
- height: 24px;
- padding-left: 36px;
- padding-top: 6px;
- background-position: 4px 2px;
- font-size: 12px;
+ background: url("#{$imagePath}/global/cookbook.png") no-repeat;
+ background-repeat: no-repeat;
+ height: 24px;
+ padding-left: 36px;
+ padding-top: 6px;
+ background-position: 4px 2px;
+ font-size: 12px;
}
.role, .template, .environment {
- background-repeat: no-repeat;
- height: 24px;
- padding-left: 34px;
- padding-top: 6px;
- background-position: 4px 2px !important;
- font-size: 12px;
+ background-repeat: no-repeat;
+ height: 24px;
+ padding-left: 34px;
+ padding-top: 6px;
+ background-position: 4px 2px !important;
+ font-size: 12px;
}
.role {
- background: url("#{$imagePath}/global/recipe.png") no-repeat;
+ background: url("#{$imagePath}/global/recipe.png") no-repeat;
}
.template {
- background: url("#{$imagePath}/global/template.png") no-repeat;
+ background: url("#{$imagePath}/global/template.png") no-repeat;
}
.environment {
- background: url("#{$imagePath}/global/environment.png") no-repeat;
+ background: url("#{$imagePath}/global/environment.png") no-repeat;
}
.anchorAddi, .anchorRemovei, .anchorUpi, .anchorDowni {
- color: #fff;
+ color: #fff;
}
.anchorAdd {
- border-radius: 50%;
- height: 32px;
- width: 32px;
- margin-bottom: 15px;
+ border-radius: 50%;
+ height: 32px;
+ width: 32px;
+ margin-bottom: 15px;
}
.anchorRemove {
- border-radius: 50%;
- height: 32px;
- margin-top: 15px;
- width: 32px;
+ border-radius: 50%;
+ height: 32px;
+ margin-top: 15px;
+ width: 32px;
}
.anchorUp {
- border-radius: 50%;
- height: 32px;
- width: 32px;
- margin-bottom: 15px;
+ border-radius: 50%;
+ height: 32px;
+ width: 32px;
+ margin-bottom: 15px;
}
.anchorDown {
- border-radius: 50%;
- height: 32px;
- margin-top: 15px;
- width: 32px;
+ border-radius: 50%;
+ height: 32px;
+ margin-top: 15px;
+ width: 32px;
}
/*CSS for Chef Component ends*/
/*Global styles for page name in header starts here*/
.panel-heading {
- background: #fcfcfc;
- border-bottom-width: 1px;
- @include theme-border-color;
- height: 30px;
- padding: 5px 15px;
+ background: #fcfcfc;
+ border-bottom-width: 1px;
+ @include theme-border-color;
+ height: 30px;
+ padding: 5px 15px;
position:relative;
z-index:3;
- }
+}
- .panel-title {
- font-size: 14px;
- }
- .panel-title a{
- outline: none;
- }
- /*Global styles for page name in header ends*/
+.panel-title {
+ font-size: 14px;
+}
+.panel-title a{
+ outline: none;
+}
+/*Global styles for page name in header ends*/
- .globalPopup {
+.globalPopup {
position: fixed;
top: -70px;
left: 0;
@@ -466,10 +604,10 @@ option.script {
}
#globalSuccessMessage {
- background-color: #b3ddba;
- border-bottom: 1px solid #d6e9c6;
- color: #3c763d;
- /*color: #a94442;*/
+ background-color: #b3ddba;
+ border-bottom: 1px solid #d6e9c6;
+ color: #3c763d;
+ /*color: #a94442;*/
}
.globalPopup .close {
@@ -487,100 +625,100 @@ option.script {
font-size: 12px;
.timeStamp {
- color: #000;
- }
+ color: #000;
+ }
- .logMsg {
- color: $color-darkBlue;
- }
+ .logMsg {
+ color: $color-darkBlue;
+ }
- .logErrorMsg {
- color: $color-red;
- }
+ .logErrorMsg {
+ color: $color-red;
+ }
- .rowSpacing {
- padding-top: 7px;
- }
+ .rowSpacing {
+ padding-top: 7px;
+ }
- .logInfo {
- margin-left: 10px;
- }
+ .logInfo {
+ margin-left: 10px;
+ }
}
/*Can be used globally*/
.margintop15 {
- margin-top: 15px;
+ margin-top: 15px;
}
.marginleft15 {
- margin-left: 15px;
+ margin-left: 15px;
}
.no-padding {
- padding: 0px;
+ padding: 0px;
}
.marginleft5 {
- margin-left: 5px;
+ margin-left: 5px;
}
/* global styles for logs display across workzone ends here*/
/*ui grid css starts here*/
.ui-grid {
- font-size: 13px;
- text-align: center;
-
- li.ng-binding.ng-scope {
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
-
- div.ng-binding.ng-scope {
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
-
- .ui-grid-cell {
- text-overflow: ellipsis;
- overflow: initial;
- }
-
- ul.ng-scope {
- padding: 0px;
- text-align: center;
- }
-
- ul li {
- line-height: 2;
- }
-
- .ui-grid-row {
- height: auto!important;
- }
-
- .ui-grid-pager-panel.ng-scope {
- background: #ccc;
- }
-
- .ui-grid-row > div .ui-grid-cell {
- display: table-cell;
- float: none;
- vertical-align: middle;
- height: auto;
- padding:6px;
- overflow: hidden;
- }
-
- .ui-grid-cell-contents {
- white-space: pre-wrap;
- }
-
- .ui-grid-invisible {
- display: none;
- }
+ font-size: 13px;
+ text-align: center;
+
+ li.ng-binding.ng-scope {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
+
+ div.ng-binding.ng-scope {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
+
+ .ui-grid-cell {
+ text-overflow: ellipsis;
+ overflow: initial;
+ }
+
+ ul.ng-scope {
+ padding: 0px;
+ text-align: center;
+ }
+
+ ul li {
+ line-height: 2;
+ }
+
+ .ui-grid-row {
+ height: auto!important;
+ }
+
+ .ui-grid-pager-panel.ng-scope {
+ background: #ccc;
+ }
+
+ .ui-grid-row > div .ui-grid-cell {
+ display: table-cell;
+ float: none;
+ vertical-align: middle;
+ height: auto;
+ padding:6px;
+ overflow: hidden;
+ }
+
+ .ui-grid-cell-contents {
+ white-space: pre-wrap;
+ }
+
+ .ui-grid-invisible {
+ display: none;
+ }
.ui-grid-pager-control{
.ui-grid-pager-max-pages-number
{
@@ -596,221 +734,242 @@ option.script {
/*pagination Styling*/
.paginationStyle {
- bottom:0px;
- float:left;
+ bottom:0px;
+ float:left;
}
.pagination {
- margin: 0px;
+ margin: 0px;
}
.message-warning{
- i{
- color: #d58512;
- }
+ i{
+ color: #d58512;
+ }
}
#sidebar-wrapper {
- padding: 21px 7px 0 7px;
- right: -279px ;
- width: 273px;
- background: #F5F5F5;
- position: fixed;
- height: auto;
- min-height: 50%;
- z-index: 10000;
- transition: all .4s ease 0s;
- box-shadow: 0px 3px 3px 5px #888888;
+ padding: 10px;
+ right: -279px ;
+ width: 273px;
+ background: #fff none repeat scroll 0 0;
+ position: fixed;
+ height: auto;
+ min-height: 50%;
+ z-index: 10000;
+ border: 1px solid #40baf1;
+ transition: all 0.4s ease 0s;
+ box-shadow: 0 5px 5px #afafaf;
+ .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
+ margin-top: 0;
+ }
+ .filter-type{
+ padding:10px 0;
+ }
+ .repo-job-details-wrapper-inner{
+ color: #286090;
+ font-size: 17px;
+ }
+ .form-group{
+ padding: 0;
+ label{
+ font-size: 14px;
+ font-weight: normal;
+ }
+ }
+ .marginbottom5{
+ padding:0;
+ }
}
.show-wrapper{
- right:5px !important;
+ right:5px !important;
}
.repo-job-details-wrapper {
- border: 1px solid #dddddd;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
+ border: 1px solid #dddddd;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
}
.repo-job-details-wrapper-inner {
- border: 0 none;
- padding: 0;
- width: auto;
- margin-bottom: 0;
- font-size: 15px;
- color: #666;
+ border: 0 none;
+ padding: 0;
+ width: auto;
+ margin-bottom: 0;
+ font-size: 15px;
+ color: #666;
}
.pointer-cursor{
- cursor: pointer;
+ cursor: pointer;
}
///////box------
.box {
- position: relative;
- border-radius: 3px;
- background: #ffffff;
- border-top: 3px solid #d2d6de;
- margin-bottom: 20px;
- width: 100%;
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
+ position: relative;
+ border-radius: 3px;
+ background: #ffffff;
+ border-top: 3px solid #d2d6de;
+ margin-bottom: 20px;
+ width: 100%;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}
.box.box-primary {
- border-top-color: #3c8dbc
+ border-top-color: #3c8dbc
}
.box.box-info {
- border-top-color: #00c0ef
+ border-top-color: #00c0ef
}
.box.box-danger {
- border-top-color: #dd4b39
+ border-top-color: #dd4b39
}
.box.box-warning {
- border-top-color: #f39c12
+ border-top-color: #f39c12
}
.box.box-success {
- border-top-color: #00a65a
+ border-top-color: #00a65a
}
.box.box-default {
- border-top-color: #d2d6de
+ border-top-color: #d2d6de
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
- display: none
+ display: none
}
.box .nav-stacked>li {
- border-bottom: 1px solid #f4f4f4;
- margin: 0
+ border-bottom: 1px solid #f4f4f4;
+ margin: 0
}
.box .nav-stacked>li:last-of-type {
- border-bottom: none
+ border-bottom: none
}
.box.height-control .box-body {
- max-height: 300px;
- overflow: auto
+ max-height: 300px;
+ overflow: auto
}
.box .border-right {
- border-right: 1px solid #f4f4f4
+ border-right: 1px solid #f4f4f4
}
.box .border-left {
- border-left: 1px solid #f4f4f4
+ border-left: 1px solid #f4f4f4
}
.box.box-solid {
- border-top: 0
+ border-top: 0
}
.box.box-solid>.box-header .btn.btn-default {
- background: transparent
+ background: transparent
}
.box.box-solid>.box-header .btn:hover,
.box.box-solid>.box-header a:hover {
- background: rgba(0, 0, 0, 0.1)
+ background: rgba(0, 0, 0, 0.1)
}
.box.box-solid.box-default {
- border: 1px solid #d2d6de
+ border: 1px solid #d2d6de
}
.box.box-solid.box-default>.box-header {
- color: #444;
- background: #d2d6de;
- background-color: #d2d6de
+ color: #444;
+ background: #d2d6de;
+ background-color: #d2d6de
}
.box.box-solid.box-default>.box-header a,
.box.box-solid.box-default>.box-header .btn {
- color: #444
+ color: #444
}
.box.box-solid.box-primary {
- border: 1px solid #3c8dbc
+ border: 1px solid #3c8dbc
}
.box.box-solid.box-primary>.box-header {
- color: #fff;
- background: #3c8dbc;
- background-color: #3c8dbc
+ color: #fff;
+ background: #3c8dbc;
+ background-color: #3c8dbc
}
.box.box-solid.box-primary>.box-header a,
.box.box-solid.box-primary>.box-header .btn {
- color: #fff
+ color: #fff
}
.box.box-solid.box-info {
- border: 1px solid #00c0ef
+ border: 1px solid #00c0ef
}
.box.box-solid.box-info>.box-header {
- color: #fff;
- background: #00c0ef;
- background-color: #00c0ef
+ color: #fff;
+ background: #00c0ef;
+ background-color: #00c0ef
}
.box.box-solid.box-info>.box-header a,
.box.box-solid.box-info>.box-header .btn {
- color: #fff
+ color: #fff
}
.box.box-solid.box-danger {
- border: 1px solid #dd4b39
+ border: 1px solid #dd4b39
}
.box.box-solid.box-danger>.box-header {
- color: #fff;
- background: #dd4b39;
- background-color: #dd4b39
+ color: #fff;
+ background: #dd4b39;
+ background-color: #dd4b39
}
.box.box-solid.box-danger>.box-header a,
.box.box-solid.box-danger>.box-header .btn {
- color: #fff
+ color: #fff
}
.box.box-solid.box-warning {
- border: 1px solid #f39c12
+ border: 1px solid #f39c12
}
.box.box-solid.box-warning>.box-header {
- color: #fff;
- background: #f39c12;
- background-color: #f39c12
+ color: #fff;
+ background: #f39c12;
+ background-color: #f39c12
}
.box.box-solid.box-warning>.box-header a,
.box.box-solid.box-warning>.box-header .btn {
- color: #fff
+ color: #fff
}
.box.box-solid.box-success {
- border: 1px solid #00a65a
+ border: 1px solid #00a65a
}
.box.box-solid.box-success>.box-header {
- color: #fff;
- background: #00a65a;
- background-color: #00a65a
+ color: #fff;
+ background: #00a65a;
+ background-color: #00a65a
}
.box.box-solid.box-success>.box-header a,
.box.box-solid.box-success>.box-header .btn {
- color: #fff
+ color: #fff
}
.box.box-solid>.box-header>.box-tools .btn {
- border: 0;
- box-shadow: none
+ border: 0;
+ box-shadow: none
}
.box-header:before,
.box-body:before,
@@ -818,180 +977,192 @@ option.script {
.box-header:after,
.box-body:after,
.box-footer:after {
- content: " ";
- display: table
+ content: " ";
+ display: table
}
.box-header:after,
.box-body:after,
.box-footer:after {
- clear: both
+ clear: both
}
.box-header {
- color: #444;
- display: block;
- padding: 10px;
- position: relative
+ color: #444;
+ display: block;
+ padding: 10px;
+ position: relative
}
.box-header.with-border {
- border-bottom: 1px solid #f4f4f4
+ border-bottom: 1px solid #f4f4f4
}
.collapsed-box .box-header.with-border {
- border-bottom: none
+ border-bottom: none
}
.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion,
.box-header .box-title {
- display: inline-block;
- font-size: 18px;
- margin: 0;
- line-height: 1
+ display: inline-block;
+ font-size: 18px;
+ margin: 0;
+ line-height: 1
}
.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion {
- margin-right: 5px
+ margin-right: 5px
}
.box-header>.box-tools {
- position: absolute;
- right: 10px;
- top: 5px
+ position: absolute;
+ right: 10px;
+ top: 5px
}
.box-header>.box-tools [data-toggle="tooltip"] {
- position: relative
+ position: relative
}
.box-header>.box-tools.pull-right .dropdown-menu {
- right: 0;
- left: auto
+ right: 0;
+ left: auto
}
.btn-box-tool {
- padding: 5px;
- font-size: 12px;
- background: transparent;
- color: #97a0b3
+ padding: 5px;
+ font-size: 12px;
+ background: transparent;
+ color: #97a0b3
}
.open .btn-box-tool,
.btn-box-tool:hover {
- color: #606c84
+ color: #606c84
}
.btn-box-tool.btn:active {
- box-shadow: none
+ box-shadow: none
}
.box-body {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- padding: 10px;
- background: #FDFDFD;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ padding: 10px;
+ background: #FDFDFD;
}
.no-header .box-body {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px
}
.box-body>.table {
- margin-bottom: 0
+ margin-bottom: 0
}
.box-body .fc {
- margin-top: 5px
+ margin-top: 5px
}
.box-body .full-width-chart {
- margin: -19px
+ margin: -19px
}
.box-body.no-padding .full-width-chart {
- margin: -9px
+ margin: -9px
}
.box-body .box-pane {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 3px
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 3px
}
.box-body .box-pane-right {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 0
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 0
}
.box-footer {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- border-top: 1px solid #f4f4f4;
- padding: 10px;
- background-color: #fff
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top: 1px solid #f4f4f4;
+ padding: 10px;
+ background-color: #fff
}
.bg-yellow{
- background-color: #E49C25 !important;
+ background-color: #E49C25 !important;
}
.ui-grid-menu-button{
- height: 28px !important;
- background-color: #5bc0de !important;
- border-color: #46b8da !important;
- display: inline-block;
- margin-bottom: 0;
- font-size: 14px;
- font-weight: 400;
- line-height: 1.42857143;
- text-align: center;
- white-space: nowrap;
- vertical-align: middle;
- -ms-touch-action: manipulation;
- touch-action: manipulation;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- background-image: none;
- border: 1px solid transparent;
- border-radius: 4px 0 0 4px;
+ height: 28px !important;
+ background-color: #5bc0de !important;
+ border-color: #46b8da !important;
+ display: inline-block;
+ margin-bottom: 0;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 1.42857143;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 4px 0 0 4px;
}
#well{
- min-height: 35px;
- padding: 9px;
- margin: 11px 0 0 0;
- background-color: #FDFDFD;
- border-bottom: 1px solid #e3e3e3;
- border-top: none !important;
- border-left: none !important;
- border-right: none !important;
- border-radius: none !important;
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
- span{
- margin-left: 13px;
- }
+ min-height:48px;
+ padding: 9px;
+ margin: 11px 0 0 0;
+ background-color: #FDFDFD;
+ border-bottom: 1px solid #e3e3e3;
+ border-top: none !important;
+ border-left: none !important;
+ border-right: none !important;
+ border-radius: none !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ .filter-wrapper{
+ text-align: right; padding:5px 0 0 0;
+ span{
+ margin: 0 1px 0 0;
+ &:last-child {
+ margin: 0;
+ }
+ .label {
+ padding: 5px 10px;
+ font-size: 85%;
+ background: #a7a7a7;
+ border: 1px solid #a7a7a7;
+ }
+ }
+ }
}
.onbody-loading{
- position: absolute;
- top: 50%;
- left: 50%;
- z-index: 99999;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 99999;
}
.loading-body{
- opacity: 0.4;
+ opacity: 0.4;
}
\ No newline at end of file
diff --git a/client/cat3/src/partials/globals/breadcrumb/breadcrumbService.js b/client/cat3/src/partials/globals/breadcrumb/breadcrumbService.js
index 8ef917f2c..33f49d010 100644
--- a/client/cat3/src/partials/globals/breadcrumb/breadcrumbService.js
+++ b/client/cat3/src/partials/globals/breadcrumb/breadcrumbService.js
@@ -49,5 +49,13 @@
$rootScope.$on('HIDE_BREADCRUMB',function(){
$rootScope.isBreadCrumbAvailable=false;
});
+ $rootScope.showTree=false;
+ $rootScope.showTreeOverlay = function () {
+ $rootScope.showTree = true;
+ };
+
+ $rootScope.hideTreeOverlay = function () {
+ $rootScope.showTree = false;
+ };
}]);
})(angular);
\ No newline at end of file
diff --git a/client/cat3/src/partials/sections/dashboard/analytics/analytics.html b/client/cat3/src/partials/sections/dashboard/analytics/analytics.html
index 905edc8be..d9e4627d7 100644
--- a/client/cat3/src/partials/sections/dashboard/analytics/analytics.html
+++ b/client/cat3/src/partials/sections/dashboard/analytics/analytics.html
@@ -7,9 +7,9 @@