voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Pull create_editor into separate function, called by loop.

Browse source
This commit is contained in:
voussoir 2021-05-02 18:36:10 -07:00
parent 3c299422d8
commit c984f6884e
No known key found for this signature in database
GPG key ID: 5F7554F8C26DACCB
1 changed files with 23 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
frontends/etiquette_flask/templates/bookmarks.html
View file

@ -34,7 +34,7 @@
{{cards.create_bookmark_card(bookmark, add_delete_button=True)}} {{cards.create_bookmark_card(bookmark, add_delete_button=True)}}
{% endfor %} {% endfor %}
<div class="bookmark_card new_bookmark_card"> <div id="new_bookmark_card" class="bookmark_card">
<input id="new_bookmark_title" type="text" placeholder="title (optional)"> <input id="new_bookmark_title" type="text" placeholder="title (optional)">
<input id="new_bookmark_url" type="text" placeholder="url"> <input id="new_bookmark_url" type="text" placeholder="url">
<div class="bookmark_toolbox"> <div class="bookmark_toolbox">
@ -112,31 +112,36 @@ function ed_on_save(ed)
ed_on_cancel = undefined; ed_on_cancel = undefined;
function create_editor(bookmark_card)
{
const ed_elements = [
{
"id": "title",
"element": bookmark_card.getElementsByClassName("bookmark_title")[0],
"placeholder": "title (optional)",
"empty_text": bookmark_card.dataset.id,
"autofocus": true,
},
{
"id": "url",
"element": bookmark_card.getElementsByClassName("bookmark_url")[0],
"placeholder": "url",
},
];
ed = new editor.Editor(ed_elements, ed_on_open, ed_on_save, ed_on_cancel);
ed.misc_data["bookmark_id"] = bookmark_card.dataset.id;
}
function create_editors() function create_editors()
{ {
const cards = document.getElementsByClassName("bookmark_card"); const cards = document.getElementsByClassName("bookmark_card");
for (const card of cards) for (const card of cards)
{ {
if (card.classList.contains("new_bookmark_card")) if (card.id == "new_bookmark_card")
{ {
continue; continue;
} }
const ed_elements = [ create_editor(card);
{
"id": "title",
"element": card.getElementsByClassName("bookmark_title")[0],
"placeholder": "title (optional)",
"empty_text": card.dataset.id,
"autofocus": true,
},
{
"id": "url",
"element": card.getElementsByClassName("bookmark_url")[0],
"placeholder": "url",
},
];
ed = new editor.Editor(ed_elements, ed_on_open, ed_on_save, ed_on_cancel);
ed.misc_data["bookmark_id"] = card.dataset.id;
} }
} }