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