|
| 1 | +from datetime import datetime as dt |
| 2 | +from xml.dom.pulldom import END_ELEMENT |
| 3 | +from js import console, HTMLElement, document |
| 4 | + |
| 5 | + |
| 6 | +def add_classes(element, class_list): |
| 7 | + for klass in class_list.split(' '): |
| 8 | + element.classList.add(klass) |
| 9 | + |
| 10 | +def create(what, id_=None, classes=''): |
| 11 | + element = document.createElement(what) |
| 12 | + if id_: |
| 13 | + element.id = id_ |
| 14 | + add_classes(element, classes) |
| 15 | + return Element(id_, element) |
| 16 | + |
| 17 | + |
| 18 | +class PyList: |
| 19 | + def __init__(self, parent): |
| 20 | + self.parent = parent |
| 21 | + self._children = [] |
| 22 | + self.id = self.parent.id |
| 23 | + |
| 24 | + def connect(self): |
| 25 | + self.md = main_div = document.createElement('div'); |
| 26 | + main_div.id = self.id + "-list-tasks-container" |
| 27 | + |
| 28 | + for klass in "flex flex-col-reverse mt-4".split(' '): |
| 29 | + main_div.classList.add(klass) |
| 30 | + |
| 31 | + self.parent.appendChild(main_div) |
| 32 | + |
| 33 | + def add(self, data, labels): |
| 34 | + child = PyItem(self, data, labels) |
| 35 | + return self._add(child) |
| 36 | + |
| 37 | + def _add(self, child_elem): |
| 38 | + self._children.append(child_elem) |
| 39 | + console.log("appending child", child_elem.element) |
| 40 | + self.md.appendChild(child_elem.create().element) |
| 41 | + return child_elem |
| 42 | + |
| 43 | +class PyItem(Element): |
| 44 | + def __init__(self, parent, data, labels): |
| 45 | + self._parent = parent |
| 46 | + self.id = f"{self._parent.id}-c-{len(self._parent._children)}" |
| 47 | + self.data = data |
| 48 | + self.data['id'] = self.id |
| 49 | + self.labels = labels |
| 50 | + |
| 51 | + super().__init__(self.id) |
| 52 | + |
| 53 | + def create(self): |
| 54 | + console.log('creating section') |
| 55 | + new_child = create('section', self.id, "task bg-white my-1") |
| 56 | + console.log('creating values') |
| 57 | + values = ' - '.join([self.data[f] for f in self.labels]) |
| 58 | + console.log('creating innerHtml') |
| 59 | + new_child._element.innerHTML = f""" |
| 60 | +<label for="flex items-center p-2 "> |
| 61 | + <input class="mr-2" type="checkbox" class="task-check"> |
| 62 | + <p class="m-0 inline">{values}</p> |
| 63 | +</label> |
| 64 | + """ |
| 65 | + |
| 66 | + check = new_child.select('input').element |
| 67 | + check.onclick = self.check_task |
| 68 | + console.log('returning') |
| 69 | + return new_child |
| 70 | + |
| 71 | + def check_task(self, evt=None): |
| 72 | + self.data['done'] = not self.data['done'] |
| 73 | + if self.data['done']: |
| 74 | + self.add_class("line-through") |
| 75 | + else: |
| 76 | + self.remove_class("line-through") |
| 77 | + |
| 78 | + |
| 79 | +def add_task(*ags, **kws): |
| 80 | + console.log(new_task_content.value) |
| 81 | + console.log('adding', myList) |
| 82 | + task = { |
| 83 | + "content": new_task_content.value, |
| 84 | + "done": False, |
| 85 | + "created_at": dt.now() |
| 86 | + } |
| 87 | + myList.add(task, ['content']) |
| 88 | + new_task_content.clear() |
0 commit comments