Awaiting completion surveys
#CTCTOWALTZ-2369
class: "awaiting-approval",
name: "Awaiting Approval",
description: "Completed surveys - awaiting approval",
- width: "25%",
+ width: "20%",
data: d => d.completed
},{
class: "overdue",
name: "Overdue",
description: "Overdue surveys - awaiting completion",
- width: "25%",
+ width: "20%",
data: d => d.overdue
+ },{
+ class: "awaiting-completion",
+ name: "Awaiting Completion",
+ description: "Incomplete surveys - awaiting completion",
+ width: "20%",
+ data: d => d.incomplete
},{
class: "rejected",
name: "Rejected",
description: "Rejected surveys",
- width: "25%",
+ width: "20%",
data: d => d.rejected
},{
class: "approved",
description: "Approved surveys",
name: "Approved",
- width: "25%",
+ width: "20%",
data: d => d.approved
}
]
const rejected = _.get(surveysByStatus, ["REJECTED"], [])
const [overdue, outstanding] = _.partition(incomplete, d => new Date(d.surveyRun.dueDate) < currentDate);
- const [dueWeek, moreThanWeek] = _.partition(outstanding, d => new Date(d.surveyRun.dueDate) < weekFromNow);
- const [dueMonth, future] = _.partition(moreThanWeek, d => new Date(d.surveyRun.dueDate) < monthFromNow);
return {
template: templatesById[k],
rejected,
completed,
overdue,
- dueWeek,
- dueMonth
}})
.value();
@import '../../../../style/variables';
.overdue {
- background-color: $waltz-amber-background;
+ background-color: $waltz-red-background;
&.selected {
- outline: solid 1px $waltz-amber;
+ outline: solid 1px $waltz-red;
}
}
}
}
+ .awaiting-completion {
+ background-color: $waltz-lime-background;
+
+ &.selected {
+ outline: solid 1px $waltz-lime;
+ }
+ }
+
td * {
width: 100%;
display: block;
