import * as _ from "lodash";
-import { Project } from "../../models/project";
-import actions, { ProjectAction } from "./project-action";
+import { projectActions, ProjectAction } from "./project-action";
import { TreeItem, TreeItemStatus } from "../../components/tree/tree";
+import { ProjectResource } from "../../models/project";
export type ProjectState = {
- items: Array<TreeItem<Project>>,
- currentItemId: string
+ items: Array<TreeItem<ProjectResource>>,
+ currentItemId: string,
+ creator: ProjectCreator
};
+interface ProjectCreator {
+ opened: boolean;
+ pending: boolean;
+ ownerUuid: string;
+ error?: string;
+}
+
export function findTreeItem<T>(tree: Array<TreeItem<T>>, itemId: string): TreeItem<T> | undefined {
let item;
for (const t of tree) {
}
export function getTreePath<T>(tree: Array<TreeItem<T>>, itemId: string): Array<TreeItem<T>> {
- for (const item of tree){
- if(item.id === itemId){
+ for (const item of tree) {
+ if (item.id === itemId) {
return [item];
} else {
const branch = getTreePath(item.items || [], itemId);
- if(branch.length > 0){
+ if (branch.length > 0) {
return [item, ...branch];
}
}
}
}
-function updateProjectTree(tree: Array<TreeItem<Project>>, projects: Project[], parentItemId?: string): Array<TreeItem<Project>> {
+function updateProjectTree(tree: Array<TreeItem<ProjectResource>>, projects: ProjectResource[], parentItemId?: string): Array<TreeItem<ProjectResource>> {
let treeItem;
if (parentItemId) {
treeItem = findTreeItem(tree, parentItemId);
status: TreeItemStatus.Initial,
data: p,
items: []
- } as TreeItem<Project>));
+ } as TreeItem<ProjectResource>));
if (treeItem) {
treeItem.items = items;
return items;
}
-const projectsReducer = (state: ProjectState = { items: [], currentItemId: "" }, action: ProjectAction) => {
- return actions.match(action, {
- CREATE_PROJECT: project => ({
- ...state,
- items: state.items.concat({
- id: project.uuid,
- open: false,
- active: false,
- status: TreeItemStatus.Loaded,
- toggled: false,
- items: [],
- data: project
- })
- }),
+const updateCreator = (state: ProjectState, creator: Partial<ProjectCreator>) => ({
+ ...state,
+ creator: {
+ ...state.creator,
+ ...creator
+ }
+});
+
+const initialState: ProjectState = {
+ items: [],
+ currentItemId: "",
+ creator: {
+ opened: false,
+ pending: false,
+ ownerUuid: ""
+ }
+};
+
+
+export const projectsReducer = (state: ProjectState = initialState, action: ProjectAction) => {
+ return projectActions.match(action, {
+ OPEN_PROJECT_CREATOR: ({ ownerUuid }) => updateCreator(state, { ownerUuid, opened: true, pending: false }),
+ CLOSE_PROJECT_CREATOR: () => updateCreator(state, { opened: false }),
+ CREATE_PROJECT: () => updateCreator(state, { error: undefined }),
+ CREATE_PROJECT_SUCCESS: () => updateCreator(state, { opened: false, ownerUuid: "" }),
REMOVE_PROJECT: () => state,
PROJECTS_REQUEST: itemId => {
const items = _.cloneDeep(state.items);
item.status = TreeItemStatus.Pending;
state.items = items;
}
- return state;
+ return { ...state, items };
},
PROJECTS_SUCCESS: ({ projects, parentItemId }) => {
+ const items = _.cloneDeep(state.items);
return {
...state,
- items: updateProjectTree(state.items, projects, parentItemId)
+ items: updateProjectTree(items, projects, parentItemId)
};
},
TOGGLE_PROJECT_TREE_ITEM_OPEN: itemId => {
}
return {
...state,
- items
+ items,
+ currentItemId: itemId
};
},
TOGGLE_PROJECT_TREE_ITEM_ACTIVE: itemId => {
resetTreeActivity(items);
const item = findTreeItem(items, itemId);
if (item) {
+ item.toggled = true;
item.active = true;
}
return {
+ ...state,
items,
currentItemId: itemId
};
resetTreeActivity(items);
return {
...state,
- items
+ items,
+ currentItemId: ""
};
},
default: () => state
});
};
-
-export default projectsReducer;