comparison libervia/pages/blog/edit/_browser/__init__.py @ 1420:925a7c498cda

pages (blog/edit): move preview code to new `BlogEditor` class in `editor` module
author Goffi <goffi@goffi.org>
date Sat, 01 May 2021 18:50:04 +0200
parents 0554103ec700
children
comparison
equal deleted inserted replaced
1419:6fc41f000d24 1420:925a7c498cda
1 from browser import document, window, aio, bind
2 from aio_bridge import Bridge, BridgeException
3 import editor 1 import editor
4 import dialog
5 from javascript import JSON
6 from template import Template
7
8 bridge = Bridge()
9 item_tpl = Template('blog/item.html')
10 tab_select = window.tab_select
11
12 async def on_preview(evt):
13 elt = evt.target
14 tab_preview = document["tab_preview"]
15 tab_preview.clear()
16 form = document["blog_post_edit"]
17 data = {
18 "content_rich": form.select_one('textarea[name="body"]').value.strip()
19 }
20 title = form.select_one('input[name="title"]').value.strip()
21 if title:
22 data["title_rich"] = title
23 tags = form.select_one('input[name="tags"]').value.strip()
24 if tags:
25 data['tags'] = [t.strip() for t in tags.split(',') if t.strip()]
26 try:
27 preview_data = JSON.parse(await bridge.mbPreview("", "", JSON.stringify(data)))
28 except BridgeException as e:
29 dialog.notification.show(
30 f"Can't generate item preview: {e.message}",
31 level="error"
32 )
33 else:
34 tab_select(elt, "tab_preview", "is-active")
35 item_elt = item_tpl.get_elt({
36 "item": preview_data,
37 "dates_format": "short",
38 })
39 tab_preview <= item_elt
40
41
42 @bind(".click_to_edit", "click")
43 def on_edit(evt):
44 tab_select(evt.target, "tab_edit", "is-active")
45
46
47 @bind(document["blog_post_edit"], "submit")
48 def on_submit(evt):
49 submit_btn = document.select_one("button[type='submit']")
50 submit_btn.classList.add("is-loading")
51
52
53 for elt in document.select('.click_to_preview'):
54 elt.bind("click", lambda evt: aio.run(on_preview(evt)))
55 2
56 3
57 editor.set_form_autosave("blog_post_edit") 4 editor.set_form_autosave("blog_post_edit")
5 editor.BlogEditor()
58 editor.TagsEditor("input[name='tags']") 6 editor.TagsEditor("input[name='tags']")