);
});
return rows;
};
104
return (
className="mt-4 typology-versions-table ml-2 mr-2"
columns={T asks.TypologyVersionListTableConfig}
data={tasks || []}
customRowsRender={ customRowsRender}
/>
)
}
getTasks = (isToday: boolean) => {
const {tasks} = this.props;
const todayDay = moment().day()
return filter(tasks, (task: ITask) => {
const taskDay = moment(task.time, DATE_FORMAT).day();
return (isToday ? taskDay === todayDay : taskDay !== todayDay)
})
}
getCompletedTasksCount = () => {
const {tasks} = this.props;
return !!tasks ? tasks.length - filter(tasks, (task: ITask) =>
task.checked).length : 0
}
105
render () {
const {isExpert, tasks} = this.props;
return (
<div className="tasks">
<div className="header col-xs-12 white pl-0">
<FormGroup label={'Bcero задач: ${!!tasks ? tasks.length : 0}'}
className="col-xs-12 text-left text-2"/>
<FormGroup label={'Сегодня задач: ${!!tasks ?
this.getTasks(true).length : 0}'} className="col-xs-6 text-left text-2"/>
<FormGroup label={'Осталось завершить:
${this.getCompletedTasksCount()}'} className="col-xs-6 text-left text-2"/>
<LayoutHeader label={isExpert ? 'Сегодня' : 'Ваши задачи за
сегодня'} size={2}/>
{this.getTasksListComponent()}
<LayoutHeader label={isExpert ? 'Ранее' : 'Выполненные ранее
задачи'} className="text-left text-2 mt-3"/>
{this.getTasksListComponent(false)}
)
}
}
Рабочий лист
import * as React from 'react';
import {LayoutHeader} from '../Header/LayoutHeader';
import {Tasks} from '../Tasks/Tasks';
import {Spinner} from '../../../Components/Core/Spinner';
