add bulk delete phases functionality

Author: nursoltan-s

src/api/projects.js

@@ -223,3 +223,8 @@ export function deleteProjectPhase(projectId, phaseId) {
   return axios.delete(`${PROJECTS_API_URL}/v5/projects/${projectId}/phases/${phaseId}`)
     .then(() => ({ projectId, phaseId }))
 }
+
+export function deleteBulkProjectPhase(projectId, phaseIds) {
+  return axios.delete(`${PROJECTS_API_URL}/v5/projects/${projectId}/phases`, { data: { phaseIds } })
+    .then(() => ({ phaseIds }))
+}

src/config/constants.js

@@ -300,6 +300,11 @@ export const DELETE_PROJECT_PHASE_PENDING     = 'DELETE_PROJECT_PHASE_PENDING'
 export const DELETE_PROJECT_PHASE_FAILURE     = 'DELETE_PROJECT_PHASE_FAILURE'
 export const DELETE_PROJECT_PHASE_SUCCESS     = 'DELETE_PROJECT_PHASE_SUCCESS'
 
+export const DELETE_BULK_PROJECT_PHASE             = 'DELETE_BULK_PROJECT_PHASE'
+export const DELETE_BULK_PROJECT_PHASE_PENDING     = 'DELETE_BULK_PROJECT_PHASE_PENDING'
+export const DELETE_BULK_PROJECT_PHASE_FAILURE     = 'DELETE_BULK_PROJECT_PHASE_FAILURE'
+export const DELETE_BULK_PROJECT_PHASE_SUCCESS     = 'DELETE_BULK_PROJECT_PHASE_SUCCESS'
+
 export const UPDATE_PRODUCT           = 'UPDATE_PRODUCT'
 export const UPDATE_PRODUCT_PENDING   = 'UPDATE_PRODUCT_PENDING'
 export const UPDATE_PRODUCT_SUCCESS   = 'UPDATE_PRODUCT_SUCCESS'

src/projects/actions/project.js

@@ -7,6 +7,7 @@ import { getProjectById,
   updateProject as updateProjectAPI,
   deleteProject as deleteProjectAPI,
   deleteProjectPhase as deleteProjectPhaseAPI,
+  deleteBulkProjectPhase as deleteBulkProjectPhaseAPI,
   getProjectPhases,
   updateProduct as updateProductAPI,
   updatePhase as updatePhaseAPI,
@@ -79,7 +80,8 @@ import {
   CUSTOMER_APPROVE_MILESTONE_APPROVE_SUCCESS,
   CUSTOMER_APPROVE_MILESTONE_REJECT_FAILURE,
   CUSTOMER_APPROVE_MILESTONE_APPROVE_FAILURE,
-  CUSTOMER_APPROVE_MILESTONE_REJECT_SUCCESS
+  CUSTOMER_APPROVE_MILESTONE_REJECT_SUCCESS,
+  DELETE_BULK_PROJECT_PHASE
 } from '../../config/constants'
 import {
   updateProductMilestone,
@@ -441,6 +443,15 @@ export function deleteProjectPhase(projectId, phaseId) {
   }
 }
 
+export function deleteBulkProjectPhase(projectId, phaseIds) {
+  return (dispatch) => {
+    return dispatch({
+      type: DELETE_BULK_PROJECT_PHASE,
+      payload: deleteBulkProjectPhaseAPI(projectId, phaseIds)
+    })
+  }
+}
+
 export function updateProject(projectId, updatedProps, updateExisting = false) {
   return (dispatch) => {
     return dispatch({

src/projects/detail/components/SimplePlan/CreateSimplePlan/CreateSimplePlan.jsx

@@ -39,6 +39,7 @@ class CreateSimplePlan extends React.Component {
       onChangeMilestones,
       onSaveMilestone,
       onRemoveMilestone,
+      onRemoveAllMilestones,
       onGetChallenges,
       onApproveMilestones,
       isProjectLive,
@@ -78,6 +79,7 @@ class CreateSimplePlan extends React.Component {
             onChangeMilestones={onChangeMilestones}
             onSaveMilestone={onSaveMilestone}
             onRemoveMilestone={onRemoveMilestone}
+            onRemoveAllMilestones={onRemoveAllMilestones}
             onApproveMilestones={onApproveMilestones}
             projectMembers={project.members}
             project={project}
@@ -97,6 +99,7 @@ CreateSimplePlan.propTypes = {
   onChangeMilestones: PT.func,
   onSaveMilestone: PT.func,
   onRemoveMilestone: PT.func,
+  onRemoveAllMilestones: PT.func,
   onGetChallenges: PT.func,
   onApproveMilestones: PT.func,
   isCustomer: PT.bool,

src/projects/detail/components/SimplePlan/ManageMilestones/ManageMilestones.jsx

@@ -84,11 +84,14 @@ class ManageMilestones extends React.Component {
   }
 
   onDeleteAll() {
-    const { milestones, onRemoveMilestone } = this.props
-    const seletedMilestones = _.filter(milestones, m => m.selected)
-    _.forEach(seletedMilestones, m => {
-      onRemoveMilestone(m.id)
-    })
+    const { milestones, onRemoveAllMilestones } = this.props
+    const selectedPhases = _.filter(milestones, m => m.selected)
+
+    if (selectedPhases.length) {
+      const { projectId } = selectedPhases[0]
+      const phaseIds = selectedPhases.map(m => m.id)
+      onRemoveAllMilestones(projectId, phaseIds)
+    }
   }
 
   onUnselectAll() {
@@ -388,6 +391,7 @@ ManageMilestones.propTypes = {
   onChangeMilestones: PT.func,
   onSaveMilestone: PT.func,
   onRemoveMilestone: PT.func,
+  onRemoveAllMilestones: PT.func,
   onGetChallenges: PT.func,
   onApproveMilestones: PT.func,
   projectMembers: PT.arrayOf(PT.shape()),

src/projects/detail/containers/DashboardContainer.jsx

@@ -26,6 +26,7 @@ import {
   fireProductDirty,
   fireProductDirtyUndo,
   deleteProjectPhase,
+  deleteBulkProjectPhase,
   expandProjectPhase,
   collapseProjectPhase,
   collapseAllProjectPhases,
@@ -94,6 +95,7 @@ class DashboardContainer extends React.Component {
     this.onChangeMilestones = this.onChangeMilestones.bind(this)
     this.onSaveMilestone = this.onSaveMilestone.bind(this)
     this.onRemoveMilestone = this.onRemoveMilestone.bind(this)
+    this.onRemoveAllMilestones = this.onRemoveAllMilestones.bind(this)
     this.onGetChallenges = this.onGetChallenges.bind(this)
     this.onApproveMilestones = this.onApproveMilestones.bind(this)
   }
@@ -323,6 +325,21 @@ class DashboardContainer extends React.Component {
     })
   }
 
+  onRemoveAllMilestones(projectId, phaseIds) {
+    this.props.deleteBulkProjectPhase(
+      projectId,
+      phaseIds
+    ).then(() => {
+      if (!this.state.createGameplanPhases) {
+        return
+      }
+
+      // remove phases
+      const newGameplanPhases = this.state.createGameplanPhases.filter(phase => !phaseIds.includes(phase.id))
+      this.setState({createGameplanPhases: newGameplanPhases})
+    })
+  }
+
 
   render() {
     const {
@@ -525,6 +542,7 @@ class DashboardContainer extends React.Component {
                         onSaveMilestone={this.onSaveMilestone}
                         onGetChallenges={this.onGetChallenges}
                         onRemoveMilestone={this.onRemoveMilestone}
+                        onRemoveAllMilestones={this.onRemoveAllMilestones}
                         onApproveMilestones={this.onApproveMilestones}
                       />
                     )
@@ -577,6 +595,7 @@ const mapDispatchToProps = {
   updateProductAttachment,
   removeProductAttachment,
   deleteProjectPhase,
+  deleteBulkProjectPhase,
   expandProjectPhase,
   collapseProjectPhase,
   collapseAllProjectPhases,

src/projects/reducers/project.js

@@ -26,7 +26,7 @@ import {
   ACCEPT_OR_REFUSE_INVITE_SUCCESS, ACCEPT_OR_REFUSE_INVITE_FAILURE, ACCEPT_OR_REFUSE_INVITE_PENDING,
   UPLOAD_PROJECT_ATTACHMENT_FILES, DISCARD_PROJECT_ATTACHMENT, CHANGE_ATTACHMENT_PERMISSION,
   CREATE_SCOPE_CHANGE_REQUEST_SUCCESS, APPROVE_SCOPE_CHANGE_SUCCESS, REJECT_SCOPE_CHANGE_SUCCESS, CANCEL_SCOPE_CHANGE_SUCCESS, ACTIVATE_SCOPE_CHANGE_SUCCESS,
-  LOAD_PROJECT_MEMBERS_SUCCESS, LOAD_PROJECT_MEMBER_INVITES_SUCCESS, LOAD_PROJECT_MEMBER_SUCCESS, CREATE_PROJECT_PHASE_PENDING, CREATE_PROJECT_PHASE_SUCCESS, CUSTOMER_APPROVE_MILESTONE_PENDING, CUSTOMER_APPROVE_MILESTONE_FINISHED,
+  LOAD_PROJECT_MEMBERS_SUCCESS, LOAD_PROJECT_MEMBER_INVITES_SUCCESS, LOAD_PROJECT_MEMBER_SUCCESS, CREATE_PROJECT_PHASE_PENDING, CREATE_PROJECT_PHASE_SUCCESS, CUSTOMER_APPROVE_MILESTONE_PENDING, CUSTOMER_APPROVE_MILESTONE_FINISHED, DELETE_BULK_PROJECT_PHASE_PENDING, DELETE_BULK_PROJECT_PHASE_SUCCESS,
 } from '../../config/constants'
 import _ from 'lodash'
 import update from 'react-addons-update'
@@ -519,6 +519,7 @@ export const projectState = function (state=initialState, action) {
   case UPDATE_PROJECT_PENDING:
   case UPDATE_PHASE_PENDING:
   case DELETE_PROJECT_PHASE_PENDING:
+  case DELETE_BULK_PROJECT_PHASE_PENDING:
     return Object.assign({}, state, {
       isLoading: false,
       processing: true,
@@ -562,6 +563,18 @@ export const projectState = function (state=initialState, action) {
     })
   }
 
+  case DELETE_BULK_PROJECT_PHASE_SUCCESS: {
+    const { phaseIds } = action.payload
+
+    const newPhases = state.phases.filter(phase => !phaseIds.includes(phase.id))
+
+    return Object.assign({}, state, {
+      phases: newPhases,
+      phasesNonDirty: newPhases,
+      processing: false,
+    })
+  }
+
   case UPDATE_PRODUCT_SUCCESS:
     return {
       ...state,

src/reducers/alerts.js

@@ -77,7 +77,8 @@ import {
   CUSTOMER_APPROVE_MILESTONE_APPROVE_SUCCESS,
   CUSTOMER_APPROVE_MILESTONE_REJECT_SUCCESS,
   CUSTOMER_APPROVE_MILESTONE_APPROVE_FAILURE,
-  CUSTOMER_APPROVE_MILESTONE_REJECT_FAILURE
+  CUSTOMER_APPROVE_MILESTONE_REJECT_FAILURE,
+  DELETE_BULK_PROJECT_PHASE_SUCCESS
 } from '../config/constants'
 /* eslint-enable no-unused-vars */
 
@@ -112,6 +113,16 @@ export default function(state = {}, action) {
     return state
   }
 
+  case DELETE_BULK_PROJECT_PHASE_SUCCESS: {
+    if (state.project.version === 'v4') {
+      Alert.success('Project milestones deleted.')
+    } else {
+      Alert.success('Project phases deleted.')
+    }
+
+    return state
+  }
+
   case DELETE_PROJECT_SUCCESS:
     Alert.success('Project deleted.')
     return state