this.bucketsref[i] = bucketContent}
+ ref={(bucketContent) => { this.bucketsref[i] = bucketContent }}
key={'BucketWrapper' + b.bucket + i}
onDragOver={(event) => this.onDragOver(event, b.bucket)}
onDragLeave={(event) => this.onDragLeave(event, b.bucket)}
@@ -106,7 +101,7 @@ const hasprocessIndicator = buckets.filter((b)=> b.showPercentageHeadline).lengt
key={b.bucket}
{...merge}
hasOneProcessIndicator={hasprocessIndicator}
- buckettasks={tasks.filter((x) => x.bucket == b.bucket)}
+ buckettasks={tasks.filter((x) => x.bucket === b.bucket)}
tasksettings={tasksettings}
toggleCompleted={this.props.taskactions && this.props.taskactions.toggleCompleted ? this.props.taskactions.toggleCompleted : undefined}
@@ -129,8 +124,8 @@ const hasprocessIndicator = buckets.filter((b)=> b.showPercentageHeadline).lengt
);
}
private getTaskByID(taskId: string): IKanbanTask {
- const tasks = this.props.tasks.filter(t => t.taskId == this.state.openTaskId);
- if (tasks.length == 1) {
+ const tasks = this.props.tasks.filter(t => t.taskId === this.state.openTaskId);
+ if (tasks.length === 1) {
return tasks[0];
}
throw "Error Taks not found by taskId";
@@ -138,25 +133,20 @@ const hasprocessIndicator = buckets.filter((b)=> b.showPercentageHeadline).lengt
private renderDialog(): JSX.Element {
let renderer: (task?: IKanbanTask, bucket?: IKanbanBucket) => JSX.Element = () => (
Dialog Renderer Not Set
);
- let task: IKanbanTask = undefined;
- let bucket: IKanbanBucket = undefined;
+ let task: IKanbanTask|undefined;
+ let bucket: IKanbanBucket|undefined;
let dialogheadline: string = '';
- switch (this.state.dialogState) {
- case DialogState.Edit:
- task = this.getTaskByID(this.state.openTaskId);
- renderer = this.internalTaskEditRenderer.bind(this);
- dialogheadline = strings.EditTaskDlgHeadline;
- break;
- case DialogState.New:
- renderer = this.internalTaskAddRenderer.bind(this);
- dialogheadline = strings.AddTaskDlgHeadline;
- break;
- default:
- task = this.getTaskByID(this.state.openTaskId);
- dialogheadline = task.title;
- renderer = (this.props.renderers && this.props.renderers.taskDetail) ? this.props.renderers.taskDetail : this.internalTaskDetailRenderer.bind(this);
-
- break;
+ if(this.state.dialogState=== DialogState.Edit && this.state.openTaskId !== undefined){
+ task = this.getTaskByID(this.state.openTaskId);
+ renderer = this.internalTaskEditRenderer.bind(this);
+ dialogheadline = strings.EditTaskDlgHeadline;
+ } else if(this.state.dialogState=== DialogState.New){
+ renderer = this.internalTaskAddRenderer.bind(this);
+ dialogheadline = strings.AddTaskDlgHeadline;
+ }else if(this.state.openTaskId !== undefined){
+ task = this.getTaskByID(this.state.openTaskId);
+ dialogheadline = task.title;
+ renderer = (this.props.renderers && this.props.renderers.taskDetail) ? this.props.renderers.taskDetail : this.internalTaskDetailRenderer.bind(this);
}
return (