diff --git a/client/cat3/main.html b/client/cat3/main.html
index 7679fa5ba..1d152b839 100644
--- a/client/cat3/main.html
+++ b/client/cat3/main.html
@@ -53,8 +53,11 @@
-
- Menu
+
diff --git a/client/cat3/src/partials/global.scss b/client/cat3/src/partials/global.scss
index 3ec0aa66d..933f670b6 100644
--- a/client/cat3/src/partials/global.scss
+++ b/client/cat3/src/partials/global.scss
@@ -64,10 +64,18 @@ $imagePath : "../../../../../../cat3/images";
color: white;
}
+.tree-toggle {
+ z-index: 100;
+ color: #fff;
+ font-size: 1.2em;
+ padding-right: 4px;
+}
+
#section-name {
- padding: 6px 10px 6px 10px;
- font-size: 14px;
+ padding: 6px 0px 6px 12px;
+ font-size: 14px;
font-weight: bold;
+ width: 35%;
}
#breadcrumb-nav {
@@ -85,6 +93,121 @@ $imagePath : "../../../../../../cat3/images";
display: inline;
}
+/*CSS for tree starts here*/
+#navigPage {
+ background: transparent;
+ position: fixed;
+ width: 254px;
+ z-index: 10;
+ transition: all .4s ease 0s;
+ left: -254px;
+
+ &.show-left-tree {
+ left: 0px;
+ }
+
+ #navigPage-inner {
+ background: linear-gradient(to right, #2c3638 99%, #2c3638 100%);
+ color: #fff;
+ overflow-y: auto;
+ }
+
+ 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;
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.js b/client/cat3/src/partials/sections/dashboard/analytics/analytics.js
index 93c1b346a..a43e8e002 100644
--- a/client/cat3/src/partials/sections/dashboard/analytics/analytics.js
+++ b/client/cat3/src/partials/sections/dashboard/analytics/analytics.js
@@ -64,7 +64,6 @@
var splitUp=null;
analytic.tabShowChat=true;
analytic.tabShowReport=false;
- $scope.showTreeMenu = false;
$rootScope.isOpenSidebar = false;
$rootScope.dashboardChild = 'analytics';
$rootScope.stateItems = $state.params;
@@ -105,17 +104,10 @@
if (!$rootScope.stateParams.view) {
$state.go('dashboard.analytics.cost');
}
- $scope.hideTreeOverlay =function (){
- $scope.showTreeMenu = false;
- };
- $scope.showTreeOverlay =function (){
- $scope.showTreeMenu = true;
- };
analytic.tabShow=function(chat,report){
analytic.tabShowChat=chat;
analytic.tabShowReport=report;
};
- $scope.hideTreeOverlay();
$scope.getAllRegionsList = function() {
workzoneServices.getAllRegionsList().then(function(response) {
$scope.allRegions = response.data;
diff --git a/client/cat3/src/partials/sections/dashboard/analytics/view/analyticsTreeMenu.html b/client/cat3/src/partials/sections/dashboard/analytics/view/analyticsTreeMenu.html
index 7f35c262c..4e1c17730 100644
--- a/client/cat3/src/partials/sections/dashboard/analytics/view/analyticsTreeMenu.html
+++ b/client/cat3/src/partials/sections/dashboard/analytics/view/analyticsTreeMenu.html
@@ -2,10 +2,7 @@