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
|
import { fromJS, List } from 'immutable';
import MenuContent from 'ba-api/menu';
import {
TOGGLE_SIDEBAR,
OPEN_SUBMENU,
CHANGE_THEME,
LOAD_PAGE
} from 'ba-actions/actionTypes';
const initialState = {
sidebarOpen: true,
theme: 'purpleRedTheme',
pageLoaded: false,
palette: List([
{ name: 'Purple Red', value: 'purpleRedTheme' },
{ name: 'Natural Green Orange', value: 'greenTheme' },
{ name: 'Blue Ocean', value: 'blueTheme' },
{ name: 'Blue Sky', value: 'skyBlueTheme' },
{ name: 'Sweet Magenta Cyan', value: 'magentaTheme' },
{ name: 'Violet Green', value: 'purpleTheme' },
{ name: 'Vintage Yellow', value: 'yellowCyanTheme' },
{ name: 'Orange Violet', value: 'orangeTheme' },
{ name: 'Cyan Green', value: 'cyanTheme' },
{ name: 'Red Silver', value: 'redTheme' },
{ name: 'Grey', value: 'greyTheme' },
{ name: 'Green Nature', value: 'greenNatureTheme' },
]),
subMenuOpen: []
};
const getMenus = menuArray => menuArray.map(item => {
if (item.child) {
return item.child;
}
return false;
});
const setNavCollapse = (arr, curRoute) => {
let headMenu = 'not found';
for (let i = 0; i < arr.length; i += 1) {
for (let j = 0; j < arr[i].length; j += 1) {
if (arr[i][j].link === curRoute) {
headMenu = MenuContent[i].key;
}
}
}
return headMenu;
};
const initialImmutableState = fromJS(initialState);
export default function reducer(state = initialImmutableState, action = {}) {
switch (action.type) {
case TOGGLE_SIDEBAR:
return state.withMutations((mutableState) => {
mutableState.set('sidebarOpen', !state.get('sidebarOpen'));
});
case OPEN_SUBMENU:
return state.withMutations((mutableState) => {
// Set initial open parent menu
const activeParent = setNavCollapse(
getMenus(MenuContent),
action.initialLocation
);
// Once page loaded will expand the parent menu
if (action.initialLocation) {
mutableState.set('subMenuOpen', List([activeParent]));
return;
}
// Expand / Collapse parent menu
const menuList = state.get('subMenuOpen');
if (menuList.indexOf(action.key) > -1) {
if (action.keyParent) {
mutableState.set('subMenuOpen', List([action.keyParent]));
} else {
mutableState.set('subMenuOpen', List([]));
}
} else {
mutableState.set('subMenuOpen', List([action.key, action.keyParent]));
}
});
case CHANGE_THEME:
return state.withMutations((mutableState) => {
mutableState.set('theme', action.theme);
});
case LOAD_PAGE:
return state.withMutations((mutableState) => {
mutableState.set('pageLoaded', action.isLoaded);
});
default:
return state;
}
}
|
