Sha256: de49a72cb2354ab04668f4ecf5282e109270d0a29517394db497635f23183ebd
Contents?: true
Size: 1.57 KB
Versions: 5
Compression:
Stored size: 1.57 KB
Contents
global.FuturizeComponent = {
init: function (css_selector) {
var obj = document.querySelectorAll(css_selector);
for (var i in obj) {
if (obj.hasOwnProperty(i)) {
//console.log(obj[i].getAttribute('data-futurize-component'));
this.load_component(obj[i])
}
}
},
reload: function(css_selector) {
document.querySelectorAll(css_selector).forEach(function(o) {
o.innerHTML = ""
})
},
load_component: function (obj) {
var component_name = obj.getAttribute('data-futurize-component'),
component_params = obj.getAttribute('data-futurize-params');
if (obj.innerHTML.trim().length <= 0) {
obj.innerHTML = 'Loading....';
}
var AUTH_TOKEN = document.querySelector('meta[name=csrf-token]').getAttribute('content');
fetch('/home/loadComponent', {
mode: 'same-origin',
method: 'POST',
dataType: 'json',
body : JSON.stringify({ component_to_load: component_name, component_params: component_params }),
headers: {
'Content-Type': 'application/json',
'X-CSRF-Token' : AUTH_TOKEN,
},
})
.then(response => response.json())
.then(data => {
obj.innerHTML = data.html
obj.querySelectorAll("script").forEach(function(o) {
eval(o.innerHTML)
})
}).catch((error) => {
console.error('Error:', error);
});
}
}
document.addEventListener('DOMContentLoaded', function () {
FuturizeComponent.init('[data-futurize-component]');
})
Version data entries
5 entries across 5 versions & 1 rubygems