Task lists WIP

conversejs/custom/plugins/tasks/templates/muc-task-list.js

@@ -1,7 +1,17 @@
 import { html } from 'lit'
+import { repeat } from 'lit/directives/repeat.js'
 
 export default function tplMucTaskList (tasklist) {
-  return html`<div class="">
+  const tasks = tasklist.getTasks()
+  return html`
+    <div class="">
       Tasklist: ${tasklist.get('name')}
+    </div>
+    <div class="">
+      ${
+        repeat(tasks, (task) => task.get('id'), (task) => {
+          return html`<livechat-converse-muc-task .model=${task}></livechat-converse-muc-task>`
+        })
+      }
     </div>`
 }

conversejs/custom/plugins/tasks/templates/muc-task-lists.js

@@ -1,4 +1,3 @@
-import tplMucTaskList from './muc-task-list'
 import { html } from 'lit'
 import { repeat } from 'lit/directives/repeat.js'
 import { __ } from 'i18n'
@@ -37,7 +36,9 @@ export default function tplMucTaskLists (tasklists) {
     </form>
     <div class="">
       ${
-        repeat(tasklists, (tasklist) => tasklist.get('id'), (tasklist) => tplMucTaskList(tasklist))
+        repeat(tasklists, (tasklist) => tasklist.get('id'), (tasklist) => {
+          return html`<livechat-converse-muc-task-list .model=${tasklist}></livechat-converse-muc-task-list>`
+        })
       }
     </div>`
 }

conversejs/custom/plugins/tasks/templates/muc-task.js

@@ -0,0 +1,8 @@
+import { html } from 'lit'
+
+export default function tplMucTask (task) {
+  return html`
+    <div class="">
+      Task: ${task.get('name')}
+    </div>`
+}