Task lists WIP:
* some front end work.
This commit is contained in:
@ -1,11 +1,19 @@
|
||||
import { html } from 'lit'
|
||||
import { repeat } from 'lit/directives/repeat.js'
|
||||
import { __ } from 'i18n'
|
||||
|
||||
export default function tplMucTaskList (tasklist) {
|
||||
export default function tplMucTaskList (el, tasklist) {
|
||||
const tasks = tasklist.getTasks()
|
||||
// eslint-disable-next-line no-undef
|
||||
const i18nDelete = __(LOC_task_list_delete)
|
||||
return html`
|
||||
<div class="">
|
||||
Tasklist: ${tasklist.get('name')}
|
||||
<a class="" title="${i18nDelete}"
|
||||
@click=${el.deleteTaskList}
|
||||
>
|
||||
<converse-icon class="fa fa-trash-alt" size="1em"></converse-icon>
|
||||
</a>
|
||||
</div>
|
||||
<div class="">
|
||||
${
|
||||
|
@ -14,6 +14,13 @@ export default function tplMucTaskLists (el, tasklists) {
|
||||
const i18nTaskListName = __(LOC_task_list_name)
|
||||
|
||||
return html`
|
||||
<div class="">
|
||||
${
|
||||
repeat(tasklists, (tasklist) => tasklist.get('id'), (tasklist) => {
|
||||
return html`<livechat-converse-muc-task-list .model=${tasklist}></livechat-converse-muc-task-list>`
|
||||
})
|
||||
}
|
||||
</div>
|
||||
<form class="converse-form" @submit=${el.submitCreateTaskList}>
|
||||
<div class="form-group">
|
||||
<label>
|
||||
@ -26,12 +33,5 @@ export default function tplMucTaskLists (el, tasklists) {
|
||||
: html`<div class="invalid-feedback d-block">${el.create_tasklist_error_message}</div>`
|
||||
}
|
||||
</div>
|
||||
</form>
|
||||
<div class="">
|
||||
${
|
||||
repeat(tasklists, (tasklist) => tasklist.get('id'), (tasklist) => {
|
||||
return html`<livechat-converse-muc-task-list .model=${tasklist}></livechat-converse-muc-task-list>`
|
||||
})
|
||||
}
|
||||
</div>`
|
||||
</form>`
|
||||
}
|
||||
|
Reference in New Issue
Block a user