cory/tildefriends
4
5
Fork 1
Code Issues 33 Pull Requests 1 Actions Releases 27 Wiki Activity

Fix expanding messages on the search tab. Maybe this should happen at another level.

Browse Source 
git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4321 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
Cory McWilliams 2023-06-14 16:39:08 +00:00
parent 0e8867dd6e
commit 486212f22a
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
apps/ssb/tf-tab-search.js
View File

@ -9,6 +9,7 @@ class TfTabSearchElement extends LitElement {
users: {type: Object}, users: {type: Object},
following: {type: Array}, following: {type: Array},
query: {type: String}, query: {type: String},
expanded: {type: Object},
}; };
} }
@ -20,6 +21,7 @@ class TfTabSearchElement extends LitElement {
this.whoami = null; this.whoami = null;
this.users = {}; this.users = {};
this.following = []; this.following = [];
this.expanded = {};
} }
async search(query) { async search(query) {
@ -55,8 +57,20 @@ class TfTabSearchElement extends LitElement {
} }
} }
on_expand(event) {
if (event.detail.expanded) {
let expand = {};
expand[event.detail.id] = true;
this.expanded = Object.assign({}, this.expanded, expand);
} else {
delete this.expanded[event.detail.id];
this.expanded = Object.assign({}, this.expanded);
}
}
render() { render() {
if (this.query !== this.last_query) { if (this.query !== this.last_query) {
this.last_query = this.query;
this.search(this.query); this.search(this.query);
} }
let self = this; let self = this;
@ -65,7 +79,7 @@ class TfTabSearchElement extends LitElement {
<input type="text" id="search" value=${this.query} style="flex: 1" @keydown=${this.search_keydown}></input> <input type="text" id="search" value=${this.query} style="flex: 1" @keydown=${this.search_keydown}></input>
<input type="button" value="Search" @click=${(event) => self.search(self.renderRoot.getElementById('search').value)}></input> <input type="button" value="Search" @click=${(event) => self.search(self.renderRoot.getElementById('search').value)}></input>
</div> </div>
<tf-news id="news" whoami=${this.whoami} .messages=${this.messages} .users=${this.users}></tf-news> <tf-news id="news" whoami=${this.whoami} .messages=${this.messages} .users=${this.users} .expanded=${this.expanded} @tf-expand=${this.on_expand}></tf-news>
`; `;
} }
} }