Task lists WIP:

* front-end
This commit is contained in:
John Livingston
2024-05-06 15:57:42 +02:00
parent 9d5d59e9bc
commit 964b8854f6
11 changed files with 155 additions and 19 deletions

View File

@ -1,6 +1,7 @@
import { html } from 'lit'
import { __ } from 'i18n'
export default function tplMucTask (task) {
export function tplMucTask (task) {
const done = task.get('done')
return html`
<div class="">
@ -15,3 +16,29 @@ export default function tplMucTask (task) {
${task.get('name')}
</div>`
}
export function tplMucAddTaskForm (tasklistEl, _tasklist) {
const i18nOk = __('Ok')
const i18nCancel = __('Cancel')
// eslint-disable-next-line no-undef
const i18nTaskName = __(LOC_task_name)
// eslint-disable-next-line no-undef
const i18nTaskDesc = __(LOC_task_description)
return html`
<form class="task-list-add-task converse-form" @submit=${tasklistEl.submitAddTask}>
<fieldset class="form-group">
<input type="text" name="name"
class="form-control" value=""
placeholder="${i18nTaskName}"
/>
<textarea class="form-control" name="description" placeholder="${i18nTaskDesc}"></textarea>
</fieldset>
<fieldset class="form-group">
<input type="submit" class="btn btn-primary" value="${i18nOk}" />
<input type="button" class="btn btn-secondary button-cancel"
value="${i18nCancel}" @click=${tasklistEl.closeAddTaskForm}
/>
</fieldset>
</form>`
}