Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Bugfix. Filtering of contacts stopped working after refactoring

Browse Source
This commit is contained in:
JC Brand 2021-01-07 12:52:56 +01:00
parent 680701667e
commit eaa67dab91
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/plugins/rosterview/filterview.js
View File

@ -5,7 +5,6 @@ import { _converse, api } from "@converse/headless/core";
import { debounce } from "lodash-es";
import { render } from 'lit-html';
export const RosterFilter = Model.extend({
initialize () {
this.set({
@ -13,10 +12,9 @@ export const RosterFilter = Model.extend({
'filter_type': 'contacts',
'chat_state': 'online'
});
},
}
});
export class RosterFilterView extends ElementView {
tagName = 'span';
@ -30,8 +28,12 @@ export class RosterFilterView extends ElementView {
this.model.save({'filter_text': this.querySelector('.roster-filter').value});
}, 250);
this.listenTo(this.model, 'change:filter_type', this.render);
this.listenTo(this.model, 'change:filter_text', this.render);
this.listenTo(this.model, 'change', this.render);
this.listenTo(
this.model,
'change',
() => this.dispatchEvent(new CustomEvent('update', { 'detail': this.model.changed }))
);
this.listenTo(_converse.roster, "add", this.render);
this.listenTo(_converse.roster, "destroy", this.render);
@ -102,5 +104,4 @@ export class RosterFilterView extends ElementView {
}
}
api.elements.define('converse-roster-filter', RosterFilterView);

4
src/plugins/rosterview/rosterview.js
View File

@ -80,7 +80,7 @@ const RosterView = OrderedListView.extend({
listenToRosterFilter () {
this.filter_view = this.el.querySelector('converse-roster-filter');
this.listenTo(this.filter_view.model, 'change', this.updateFilter);
this.filter_view.addEventListener('update', () => this.updateFilter());
},
/**
@ -91,6 +91,7 @@ const RosterView = OrderedListView.extend({
* contact fetched from browser storage.
*/
updateFilter: debounce(function () {
this.filter_view = this.el.querySelector('converse-roster-filter');
const type = this.filter_view.model.get('filter_type');
if (type === 'state') {
this.filter(this.filter_view.model.get('chat_state'), type);
@ -103,7 +104,6 @@ const RosterView = OrderedListView.extend({
if (!u.isVisible(this.roster_el)) {
u.showElement(this.roster_el);
}
// this.filter_view.render();
return this;
},