tasiaiso/tildefriends
1
0
Fork 0
forked from cory/tildefriends
Code Issues Pull Requests Releases Wiki Activity

Start blog posts collapsed by default.

Browse Source 
git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4070 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
Cory McWilliams
2022-12-03 14:58:44 +00:00
parent 932989ee9c
commit 23a6a24288
2 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
apps/cory/ssblit/tf-message.js
View File

@ -15,6 +15,7 @@ class TfMessageElement extends LitElement {
collapsed: {type: Boolean},
content_warning_expanded: {type: Boolean},
blog_data: {type: String},
blog_expanded: {type: Boolean},
}
}
@ -304,15 +305,23 @@ class TfMessageElement extends LitElement {
tfrpc.rpc.get_blob(content.blog).then(function(data) {
self.blog_data = data;
});
let payload =
this.blog_expanded ?
html`<div>${this.blog_data ? unsafeHTML(tfutils.markdown(this.blog_data)) : 'Loading...'}</div>` :
undefined;
let body = this.raw ?
this.render_raw() :
html`
<h2>${content.title}</h2>
<div style="border: 1px solid #fff; border-radius: 1em; padding: 8px; margin: 4px: display: flex; flex-direction: row">
<img src=/${content.thumbnail}/view>
<span>${content.summary}</span>
<div
style="border: 1px solid #fff; border-radius: 1em; padding: 8px; margin: 4px; cursor: pointer"
@click=${x => self.blog_expanded = !self.blog_expanded}>
<h2>${content.title}</h2>
<div style="display: flex; flex-direction: row">
<img src=/${content.thumbnail}/view></img>
<span>${content.summary}</span>
</div>
</div>
<div>${this.blog_data ? unsafeHTML(tfutils.markdown(this.blog_data)) : 'Loading...'}</div>
${payload}
`;
return html`
<style>