Commit db4bbbab authored by Clement Ho's avatar Clement Ho

Merge branch 'winh-dropdown-ajax-cache' into 'master'

Use AjaxCache in Droplab Ajax plugin

Closes #31897

See merge request !11171
parents 5d5e6954 382995c2
/* eslint-disable */ /* eslint-disable */
import AjaxCache from '~/lib/utils/ajax_cache';
const Ajax = { const Ajax = {
_loadUrlData: function _loadUrlData(url) {
var self = this;
return new Promise(function(resolve, reject) {
var xhr = new XMLHttpRequest;
xhr.open('GET', url, true);
xhr.onreadystatechange = function () {
if(xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
self.cache[url] = data;
return resolve(data);
} else {
return reject([xhr.responseText, xhr.status]);
}
}
};
xhr.send();
});
},
_loadData: function _loadData(data, config, self) { _loadData: function _loadData(data, config, self) {
if (config.loadingTemplate) { if (config.loadingTemplate) {
var dataLoadingTemplate = self.hook.list.list.querySelector('[data-loading-template]'); var dataLoadingTemplate = self.hook.list.list.querySelector('[data-loading-template]');
...@@ -31,7 +14,6 @@ const Ajax = { ...@@ -31,7 +14,6 @@ const Ajax = {
init: function init(hook) { init: function init(hook) {
var self = this; var self = this;
self.destroyed = false; self.destroyed = false;
self.cache = self.cache || {};
var config = hook.config.Ajax; var config = hook.config.Ajax;
this.hook = hook; this.hook = hook;
if (!config || !config.endpoint || !config.method) { if (!config || !config.endpoint || !config.method) {
...@@ -48,14 +30,10 @@ const Ajax = { ...@@ -48,14 +30,10 @@ const Ajax = {
this.listTemplate = dynamicList.outerHTML; this.listTemplate = dynamicList.outerHTML;
dynamicList.outerHTML = loadingTemplate.outerHTML; dynamicList.outerHTML = loadingTemplate.outerHTML;
} }
if (self.cache[config.endpoint]) {
self._loadData(self.cache[config.endpoint], config, self); AjaxCache.retrieve(config.endpoint)
} else { .then((data) => self._loadData(data, config, self))
this._loadUrlData(config.endpoint) .catch(config.onError);
.then(function(d) {
self._loadData(d, config, self);
}, config.onError).catch(config.onError);
}
}, },
destroy: function() { destroy: function() {
this.destroyed = true; this.destroyed = true;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment