1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
|
'use strict';
import {MenuItemGroup, MenuItem} from "app/utils";
import {BreadcrumbsPath, BreadcrumbsMenu} from "../onboard-vendor/onboard-vendor-view-model";
import {CacheService} from "app/services";
import {IUserProperties} from "app/models";
export class TestData {
breadcrumbs:BreadcrumbsPath;
}
export interface IDcaeAppViewModelScope extends ng.IScope {
testData:TestData;
onTestEvent:Function;
topNavMenuModel:Array<MenuItemGroup>;
topNavRootMenu:MenuItemGroup;
user:IUserProperties;
version:string;
}
export class DcaeAppViewModel {
static '$inject' = [
'$scope',
'$q',
'Sdc.Services.CacheService'
];
private firstControlledTopNavMenu:MenuItemGroup;
constructor(private $scope:IDcaeAppViewModelScope,
private $q:ng.IQService,
private cacheService:CacheService) {
this.$scope.testData = {
breadcrumbs: {
selectedKeys: []
}
};
this.$scope.version = this.cacheService.get('version');
this.$scope.onTestEvent = (eventName:string, data:any):void => {
switch (eventName) {
case 'breadcrumbsupdated':
this.handleBreadcrumbsUpdate(data);
break;
}
};
this.$scope.topNavMenuModel = [];
this.$scope.user = this.cacheService.get('user');
}
updateBreadcrumbsPath = (selectedKeys:Array<string>):ng.IPromise<boolean> => {
let topNavMenuModel = this.$scope.topNavMenuModel;
let startIndex = topNavMenuModel.indexOf(this.firstControlledTopNavMenu);
if (startIndex === -1) {
startIndex = topNavMenuModel.length;
}
topNavMenuModel.splice(startIndex + selectedKeys.length);
this.$scope.testData = {
breadcrumbs: {selectedKeys: selectedKeys}
};
return this.$q.when(true);
};
handleBreadcrumbsUpdate(breadcrumbsMenus:Array<BreadcrumbsMenu>):void {
let selectedKeys = [];
let topNavMenus = breadcrumbsMenus.map((breadcrumbMenu, breadcrumbIndex) => {
let topNavMenu = new MenuItemGroup();
topNavMenu.menuItems = breadcrumbMenu.menuItems.map(menuItem =>
new MenuItem(
menuItem.displayText,
this.updateBreadcrumbsPath,
null,
null,
[selectedKeys.concat([menuItem.key])]
)
);
topNavMenu.selectedIndex = _.findIndex(
breadcrumbMenu.menuItems,
menuItem => menuItem.key === breadcrumbMenu.selectedKey
);
selectedKeys.push(breadcrumbMenu.selectedKey);
return topNavMenu;
});
let topNavMenuModel = this.$scope.topNavMenuModel;
let len = topNavMenuModel.length;
let startIndex = topNavMenuModel.indexOf(this.firstControlledTopNavMenu);
if (startIndex === -1) {
startIndex = len;
}
topNavMenuModel.splice(startIndex, len - startIndex);
topNavMenuModel.push.apply(topNavMenuModel, topNavMenus);
this.firstControlledTopNavMenu = topNavMenus[0];
if (startIndex === 1 && this.$scope.topNavRootMenu == null) {
let topNavRootMenu = topNavMenuModel[0];
let onboardItem = topNavRootMenu.menuItems[topNavRootMenu.selectedIndex];
let originalCallback = onboardItem.callback;
onboardItem.callback = (...args) => {
let ret = this.updateBreadcrumbsPath([]);
return originalCallback && originalCallback.apply(undefined, args) || ret;
};
this.$scope.topNavRootMenu = topNavRootMenu;
}
this.updateBreadcrumbsPath(selectedKeys);
}
}
|
