ProjectManagement: Cancel edit project fix
[osm/UI.git] / skyquake / plugins / project_management / src / dashboard / projectMgmtStore.js
1 /*
2 * STANDARD_RIFT_IO_COPYRIGHT
3 */
4 import ProjectManagementActions from './projectMgmtActions.js';
5 import ProjectManagementSource from './projectMgmtSource.js';
6 import ROLES from 'utils/roleConstants.js';
7 import _ from 'lodash';
8 export default class ProjectManagementStore {
9 constructor() {
10 this.actions = ProjectManagementActions(this.alt);
11 this.bindActions(this.actions);
12 this.registerAsync(ProjectManagementSource);
13 this.projects = [];
14 this['name'] = '';
15 this['description'] = 'Some Description';
16 this.projectUsers = [];
17 this.selectedUser = null;
18 this.selectedRole = null;
19 this.roles = Object.keys(ROLES.PROJECT).map((p) => {
20 return ROLES.PROJECT[p];
21 })
22 // this.roles = ['rw-project:project-admin', 'rw-project:project-oper', 'rw-project:project-create'];
23 this.users = [];
24 this.activeIndex = null;
25 this.isReadOnly = true;
26 this.projectOpen = false;
27 this.hideColumns = false;
28 this.isEdit = false;
29 // this.exportPublicMethods({})
30 }
31 /**
32 * [handleFieldUpdate description]
33 * @param {Object} data {
34 * [store_property] : [value]
35 * }
36 * @return {[type]} [description]
37 */
38 handleUpdateInput(data) {
39 this.setState(data);
40 }
41 handleAddProjectItem(item) {
42 let projectRoles = this.projectRoles;
43 projectRoles.push('');
44 this.setState({projectRoles});
45 }
46 handleRemoveProjectItem(i) {
47 let projectRoles = this.projectRoles;
48 projectRoles.splice(i, 1);
49 console.log('Removing', projectRoles)
50 this.setState({projectRoles});
51 }
52 handleUpdateProjectRole(data) {
53 let i = data[0];
54 let e = data[1];
55 let projectRoles = this.projectRoles
56 projectRoles[i] = JSON.parse(e.currentTarget.value);
57 this.setState({
58 projectRoles
59 });
60 }
61 viewProject() {
62 let data = arguments[0];
63 let project = data[0];
64 let projectIndex = data[1];
65 let isReadOnly = data[2];
66
67 let ProjectData = {
68 'name': project['name'],
69 'description': project['description'],
70 'projectUsers': project['project-config'] && project['project-config']['user'] || []
71 }
72 let state = _.merge({
73 activeIndex: projectIndex,
74 projectOpen: true,
75 isEdit: true,
76 isReadOnly: isReadOnly
77 }, ProjectData);
78 this.setState(state)
79 }
80 editProject(isReadOnly) {
81 this.viewProject([this.projects[this.activeIndex], this.activeIndex, isReadOnly]);
82 // this.setState({
83 // isReadOnly: isEdit
84 // })
85 }
86 handleCloseProjectPanel() {
87 this.setState({
88 projectOpen: false,
89 isEdit: false,
90 isReadOnly: true
91 })
92 }
93 handleHideColumns(e) {
94 if(this.projectOpen && e.currentTarget.classList.contains('hideColumns')) {
95 this.setState({
96 hideColumns: true
97 })
98 } else {
99 this.setState({
100 hideColumns: false
101 })
102 }
103 }
104 handleDisabledChange(isDisabled){
105 this.setState({
106 disabled: isDisabled
107 })
108 }
109 handlePlatformRoleUpdate(data){
110 let platform_role = data[0];
111 let checked = data[1];
112 let platformRoles = this.platformRoles;
113 platformRoles[platform_role] = checked;
114 this.setState({
115 platformRoles
116 })
117 }
118 handleSelectedUser(event) {
119 this.setState({
120 selectedUser: JSON.parse(event.currentTarget.value)
121 })
122 }
123
124 handleSelectedRole(event) {
125 this.setState({
126 selectedRole: JSON.parse(event.currentTarget.value)
127 })
128 }
129 resetProject() {
130 let name = '';
131 let description = '';
132 return {
133 'name' : name,
134 'description' : description
135 }
136 }
137 handleAddProject() {
138 this.setState(_.merge( this.resetProject() ,
139 {
140 isEdit: false,
141 projectOpen: true,
142 activeIndex: null,
143 isReadOnly: false,
144 projectUsers: []
145 }
146 ))
147 }
148
149 handleUpdateSelectedUser(user) {
150 this.setState({
151 selectedUser: JSON.parse(user)
152 });
153 }
154 handleAddUser(e) {
155 let self = this;
156 let u = JSON.parse(this.selectedUser);
157 let r = this.selectedRole;
158 let projectUsers = this.projectUsers;
159 console.log('adding user')
160 projectUsers.push({
161 'user-name': u['user-name'],
162 'user-domain': u['user-domain'],
163 "role":[{
164 "role": r,
165 "keys": self.name
166 }
167 ]
168 })
169 this.setState({projectUsers, selectedUser: JSON.stringify(null)})
170 }
171 handleToggleUserRoleInProject(data) {
172 let self = this;
173 let {userIndex, roleIndex, checked} = data;
174 let projectUsers = this.projectUsers;
175 let selectedRole = self.roles[roleIndex];
176 if(checked) {
177 if(!projectUsers[userIndex].role) projectUsers[userIndex].role = [];
178 projectUsers[userIndex].role.push({
179 role: self.roles[roleIndex]
180 })
181 } else {
182 let role = projectUsers[userIndex].role;
183 let roleIndex = _.findIndex(role, {role:selectedRole})
184 projectUsers[userIndex].role.splice(roleIndex, 1)
185 }
186 self.setState({projectUsers});
187
188 }
189 handleUpdateUserRoleInProject(data) {
190 let {userIndex, roleIndex, value} = data;
191 let projectUsers = this.projectUsers;
192 projectUsers[userIndex].role[roleIndex].role = value;
193
194 }
195 addRoleToUserInProject(userIndex) {
196 let projectUsers = this.projectUsers;
197 if(!projectUsers[userIndex].role) {
198 projectUsers[userIndex].role = [];
199 }
200 projectUsers[userIndex].role.push({
201 'role': null
202 });
203 this.setState({
204 projectUsers
205 })
206 }
207 handleRemoveRoleFromUserInProject (data) {
208 let {userIndex, roleIndex} = data;
209 let projectUsers = this.projectUsers;
210 projectUsers[userIndex].role.splice(roleIndex, 1);
211 this.setState({
212 projectUsers
213 })
214 }
215 handleRemoveUserFromProject (userIndex) {
216 let projectUsers = this.projectUsers;
217 projectUsers.splice(userIndex, 1);
218 this.setState({
219 projectUsers
220 })
221 }
222 getProjectsSuccess(projects) {
223 this.alt.actions.global.hideScreenLoader.defer();
224 this.setState({projects: projects});
225 }
226 getUsersSuccess(users) {
227 console.log(users)
228 this.alt.actions.global.hideScreenLoader.defer();
229 this.setState({users});
230 }
231 updateProjectSuccess() {
232 this.alt.actions.global.hideScreenLoader.defer();
233 let self = this;
234 let projects = this.projects || [];
235 projects[this.activeIndex] = {
236 'name': this['name'],
237 'description': this['description'],
238 'project-config': {
239 'user': self.projectUsers
240 }
241 }
242 this.setState({
243 projects,
244 isEdit: true,
245 isReadOnly: true
246 })
247 }
248 deleteProjectSuccess() {
249 this.alt.actions.global.hideScreenLoader.defer();
250 let projects = this.projects;
251 projects.splice(this.activeIndex, 1);
252 this.setState({projects, projectOpen: false})
253 }
254 createProjectSuccess() {
255 this.alt.actions.global.hideScreenLoader.defer();
256 let projects = this.projects || [];
257 projects.push({
258 'name': this['name'],
259 'description': this['description']
260 });
261 let newState = {
262 projects,
263 isEdit: true,
264 isReadOnly: true,
265 activeIndex: projects.length - 1
266 };
267 _.merge(newState)
268 this.setState(newState);
269 }
270 }