mirror of
https://github.com/pyscript/pyscript.git
synced 2022-05-01 19:47:48 +03:00
138 lines
3.3 KiB
Python
138 lines
3.3 KiB
Python
from datetime import datetime as dt
|
|
from xml.dom.pulldom import END_ELEMENT
|
|
from js import console, HTMLElement, document
|
|
|
|
|
|
def add_classes(element, class_list):
|
|
for klass in class_list.split(' '):
|
|
element.classList.add(klass)
|
|
|
|
def create(what, id_=None, classes=''):
|
|
element = document.createElement(what)
|
|
if id_:
|
|
element.id = id_
|
|
add_classes(element, classes)
|
|
return Element(id_, element)
|
|
|
|
class PyWidgetTheme:
|
|
def __init__(self, main_style_classes):
|
|
self.main_style_classes = main_style_classes
|
|
|
|
def theme_it(self, widget):
|
|
for klass in self.main_style_classes.split(' '):
|
|
widget.classList.add(klass)
|
|
|
|
|
|
class PyListTemplate:
|
|
theme = PyWidgetTheme("flex flex-col-reverse mt-4")
|
|
|
|
|
|
def __init__(self, parent):
|
|
self.parent = parent
|
|
self._children = []
|
|
self.id = self.parent.id
|
|
|
|
def connect(self):
|
|
self.md = main_div = document.createElement('div');
|
|
main_div.id = self.id + "-list-tasks-container"
|
|
|
|
if self.theme:
|
|
self.theme.theme_it(main_div)
|
|
|
|
self.parent.appendChild(main_div)
|
|
|
|
def add(self, data, labels):
|
|
child = PyItem(self, data, labels)
|
|
return self._add(child)
|
|
|
|
def _add(self, child_elem):
|
|
console.log("appending child", child_elem.element)
|
|
self.pre_child_append(child_elem)
|
|
child_elem.pre_append()
|
|
self._children.append(child_elem)
|
|
self.md.appendChild(child_elem.create().element)
|
|
child_elem.post_append()
|
|
self.child_appended(child_elem)
|
|
return child_elem
|
|
|
|
def pre_child_append(self, child):
|
|
pass
|
|
|
|
def child_appended(self, child):
|
|
"""Overwrite me to define logic"""
|
|
pass
|
|
|
|
|
|
class PyItemTemplate(Element):
|
|
def __init__(self, parent, data, labels):
|
|
self._parent = parent
|
|
self.id = f"{self._parent.id}-c-{len(self._parent._children)}"
|
|
self.data = data
|
|
self.data['id'] = self.id
|
|
self.labels = labels
|
|
|
|
super().__init__(self.id)
|
|
|
|
def create(self):
|
|
console.log('creating section')
|
|
new_child = create('section', self.id, "task bg-white my-1")
|
|
console.log('creating values')
|
|
values = ' - '.join([self.data[f] for f in self.labels])
|
|
console.log('creating innerHtml')
|
|
new_child._element.innerHTML = f"""
|
|
<label for="flex items-center p-2 ">
|
|
<input class="mr-2" type="checkbox" class="task-check">
|
|
<p class="m-0 inline">{values}</p>
|
|
</label>
|
|
"""
|
|
|
|
# check = new_child.select('input').element
|
|
# check.onclick = self.check_task
|
|
console.log('returning')
|
|
return new_child
|
|
|
|
def on_click(self, evt):
|
|
pass
|
|
|
|
def pre_append(self):
|
|
pass
|
|
|
|
def post_append(self):
|
|
self.element.click = self.on_click
|
|
self.element.onclick = self.on_click
|
|
|
|
self._post_append()
|
|
|
|
def _post_append(self):
|
|
pass
|
|
|
|
def strike(self, value):
|
|
if value:
|
|
self.add_class("line-through")
|
|
else:
|
|
self.remove_class("line-through")
|
|
|
|
|
|
class PyList(PyListTemplate):
|
|
pass
|
|
|
|
|
|
class PyItem(PyItemTemplate):
|
|
def on_click(self, evt=None):
|
|
self.data['done'] = not self.data['done']
|
|
self.strike(self.data['done'])
|
|
|
|
self.select('input').element.checked = self.data['done']
|
|
|
|
|
|
def add_task(*ags, **kws):
|
|
console.log(new_task_content.value)
|
|
console.log('adding1', myList)
|
|
task = {
|
|
"content": new_task_content.value,
|
|
"done": False,
|
|
"created_at": dt.now()
|
|
}
|
|
myList.add(task, ['content'])
|
|
new_task_content.clear()
|