|
1416
|
1 from browser import document, window, aio, bind |
|
|
2 from aio_bridge import Bridge, BridgeException |
|
|
3 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 |
|
|
56 |
|
|
57 editor.set_form_autosave("blog_post_edit") |
|
|
58 editor.TagsEditor("input[name='tags']") |
