IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: caches icon picker full icon's list (#8862)

Browse Source
This commit is contained in:
Joffrey JAFFEUX
2020-02-05 09:22:11 +01:00
committed by GitHub
parent a9f1652131
commit d7dffbb13c
1 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/assets/javascripts/select-kit/components/icon-picker.js.es6
View File

@@ -8,14 +8,34 @@ export default MultiSelectComponent.extend({
pluginApiIdentifiers: ["icon-picker"], pluginApiIdentifiers: ["icon-picker"],
classNames: ["icon-picker"], classNames: ["icon-picker"],
init() {
this._super(...arguments);
this._cachedIconsList = null;
},
content: computed("value.[]", function() { content: computed("value.[]", function() {
return makeArray(this.value).map(this._processIcon); return makeArray(this.value).map(this._processIcon);
}), }),
search(filter = "") { search(filter = "") {
return ajax("/svg-sprite/picker-search", { data: { filter } }).then(icons => if (
icons.map(this._processIcon) filter === "" &&
); this._cachedIconsList &&
this._cachedIconsList.length
) {
return this._cachedIconsList;
} else {
return ajax("/svg-sprite/picker-search", {
data: { filter }
}).then(icons => {
icons = icons.map(this._processIcon);
if (filter === "") {
this._cachedIconsList = icons;
}
return icons;
});
}
}, },
_processIcon(icon) { _processIcon(icon) {
@@ -48,6 +68,8 @@ export default MultiSelectComponent.extend({
willDestroyElement() { willDestroyElement() {
$("#svg-sprites .ajax-icon-holder").remove(); $("#svg-sprites .ajax-icon-holder").remove();
this._super(...arguments); this._super(...arguments);
this._cachedIconsList = null;
}, },
actions: { actions: {