added all-Tab
This commit is contained in:
parent
64d045bbc5
commit
44893508dc
1 changed files with 21 additions and 0 deletions
|
|
@ -62,12 +62,30 @@ export default function Index(props: any){
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const allDailies = props.dailys.map((daily: any) => {
|
||||||
|
// if(daily.completed)
|
||||||
|
// return <DailyItem key={daily.id} id={daily.id} daily_text={daily.text} daily_notes={daily.notes} onChange={props.onChange} completed={daily.completed}/>
|
||||||
|
let daily_notes = '';
|
||||||
|
let daily_subtasks = '';
|
||||||
|
if (props.settings.showTaskDescription) {
|
||||||
|
daily_notes = daily.notes;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (props.settings.showSubTasks) {
|
||||||
|
daily_subtasks = daily.checklist;
|
||||||
|
}
|
||||||
|
return <DailyItem key={daily.id} id={daily.id} daily_text={daily.text}
|
||||||
|
daily_notes={daily_notes} daily_subtasks={daily_subtasks}
|
||||||
|
onChange={props.onChange} completed={daily.completed} onChangeChecklistItem={props.onChangeChecklistItem}/>
|
||||||
|
})
|
||||||
|
|
||||||
const display = <div id="classDisplay">
|
const display = <div id="classDisplay">
|
||||||
<Tabs>
|
<Tabs>
|
||||||
<TabList>
|
<TabList>
|
||||||
<Tab>Active</Tab>
|
<Tab>Active</Tab>
|
||||||
<Tab>Completed</Tab>
|
<Tab>Completed</Tab>
|
||||||
<Tab>Not Due</Tab>
|
<Tab>Not Due</Tab>
|
||||||
|
<Tab>All</Tab>
|
||||||
</TabList>
|
</TabList>
|
||||||
<TabPanel>
|
<TabPanel>
|
||||||
<ul>{incompleteDailies}</ul>
|
<ul>{incompleteDailies}</ul>
|
||||||
|
|
@ -78,6 +96,9 @@ export default function Index(props: any){
|
||||||
<TabPanel>
|
<TabPanel>
|
||||||
<ul>{notDueDailies}</ul>
|
<ul>{notDueDailies}</ul>
|
||||||
</TabPanel>
|
</TabPanel>
|
||||||
|
<TabPanel>
|
||||||
|
<ul>{allDailies}</ul>
|
||||||
|
</TabPanel>
|
||||||
</Tabs>
|
</Tabs>
|
||||||
</div>
|
</div>
|
||||||
return(display);
|
return(display);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue