ro
1e37580869
dropped in js from the old site to begin the process of wiring up the API, but this time around, scripts will be served directly in browswer rather than being transpiled through NPM/Babel, eliminating the need for NPM. also scripting will new modularized and served specifically for the requirements of the page loading it. no more front loading everything. only script that is needed for that page will be retrieved. if no scripting is needed, none will be loaded. The only casualty so far has been syntax highlighting due to prismjs still being a common js module, but either this will be replaced with another library or a custom syntax enginge will be created at a later date
96 lines
2.9 KiB
JavaScript
96 lines
2.9 KiB
JavaScript
export default class DataUtils {
|
|
//--------------------------
|
|
// constructor
|
|
//--------------------------
|
|
constructor() {}
|
|
//--------------------------
|
|
// methods
|
|
//--------------------------
|
|
|
|
imgLoad(url) {
|
|
'use strict';
|
|
// Create new promise with the Promise() constructor;
|
|
// This has as its argument a function with two parameters, resolve and reject
|
|
return new Promise(function (resolve, reject) {
|
|
// Standard XHR to load an image
|
|
var request = new XMLHttpRequest();
|
|
request.open('GET', url);
|
|
request.responseType = 'blob';
|
|
// When the request loads, check whether it was successful
|
|
request.onload = function () {
|
|
if (request.status === 200) {
|
|
// If successful, resolve the promise by passing back the request response
|
|
resolve(request.response);
|
|
} else {
|
|
// If it fails, reject the promise with a error message
|
|
reject(
|
|
new Error(
|
|
"Image didn't load successfully; error code: " +
|
|
request.status +
|
|
' ' +
|
|
request.statusText
|
|
)
|
|
);
|
|
}
|
|
};
|
|
request.onerror = function () {
|
|
// Also deal with the case when the entire request fails to begin with
|
|
// This is probably a network error, so reject the promise with an appropriate message
|
|
reject(new Error('There was a network error.'));
|
|
};
|
|
// Send the request
|
|
request.send();
|
|
});
|
|
}
|
|
loadImage(src) {
|
|
'use strict';
|
|
let self = this;
|
|
return new Promise(function (resolve, reject) {
|
|
// Get a reference to the body element, and create a new image object
|
|
var myImage = new Image();
|
|
myImage.crossOrigin = ''; // or "anonymous"
|
|
// Call the function with the URL we want to load, but then chain the
|
|
// promise then() method on to the end of it. This contains two callbacks
|
|
self.imgLoad(src).then(
|
|
function (response) {
|
|
// The first runs when the promise resolves, with the request.reponse specified within the resolve() method.
|
|
var imageURL = window.URL.createObjectURL(response);
|
|
resolve(imageURL);
|
|
//$('background-content').setStyle('background-image', 'url('+imageURL+')') //myImage.src = imageURL;
|
|
//console.log(imageURL);
|
|
//body.appendChild(myImage);
|
|
// The second runs when the promise is rejected, and logs the Error specified with the reject() method.
|
|
},
|
|
function (Error) {
|
|
reject(Error);
|
|
}
|
|
);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create a function to convert the serialize and convert the form data to JSON
|
|
* @param : $('#form_example');
|
|
* @return a JSON Stringify
|
|
*/
|
|
formDataToJSON(form) {
|
|
let object = {};
|
|
let formData = new FormData(form);
|
|
formData.forEach((value, key) => {
|
|
if (!object.hasOwnProperty(key)) {
|
|
object[key] = value;
|
|
return;
|
|
}
|
|
if (!Array.isArray(object[key])) {
|
|
object[key] = [object[key]];
|
|
}
|
|
object[key].push(value);
|
|
});
|
|
//let json = JSON.stringify(object);
|
|
return object;
|
|
}
|
|
//--------------------------
|
|
// event handlers
|
|
//--------------------------
|
|
}
|