Chamilo is a learning management system focused on ease of use and accessibility
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
chamilo-lms/assets/vue/utils/fetch.js

132 lines
3.8 KiB

import { isObject } from "lodash"
import { ENTRYPOINT } from "../config/entrypoint"
import SubmissionError from "../error/SubmissionError"
import { normalize } from "./hydra"
const MIME_TYPE = "application/ld+json"
const makeParamArray = (key, arr) => arr.map((val) => `${key}[]=${val}`).join("&")
export default function (id, options = {}) {
console.log("fetch")
console.log(options)
if ("undefined" === typeof options.headers) {
options.headers = {}
}
if (!options.headers.hasOwnProperty("Accept")) {
options.headers = { ...options.headers, Accept: MIME_TYPE }
}
if (
undefined !== options.body &&
!(options.body instanceof FormData) &&
!options.headers.hasOwnProperty("Content-Type")
) {
options.headers = { ...options.headers, "Content-Type": MIME_TYPE }
}
if (options.params) {
const params = normalize(options.params)
let queryString = Object.keys(params)
.map((key) => (Array.isArray(params[key]) ? makeParamArray(key, params[key]) : `${key}=${params[key]}`))
.join("&")
id = `${id}?${queryString}`
console.log("URL", id)
}
const entryPoint = ENTRYPOINT + (ENTRYPOINT.endsWith("/") ? "" : "/")
if ("PUT" === options.method) {
const payload = options.body && JSON.parse(options.body)
if (isObject(payload) && payload["@id"]) {
options.body = JSON.stringify(normalize(payload))
}
}
/*const payload = options.body && JSON.parse(options.body);
if (isObject(payload) && payload["@id"]) {
options.body = JSON.stringify(normalize(payload));
}*/
/*if (useAxios) {
console.log('axios');
let url = new URL(id, entryPoint);
console.log(formData);
return axios({
url: url.toString(),
method: 'POST',
//headers: options.headers,
data: formData,
headers: {
'Content-Type': 'multipart/form-data'
},
onUploadProgress: function (progressEvent) {
console.log('progress');
//console.log(progressEvent);
console.log(options.body);
let uploadPercentage = parseInt(Math.round((progressEvent.loaded / progressEvent.total) * 100));
options.body['__progress'] = uploadPercentage;
options.body['__progressLabel'] = uploadPercentage;
this.uploadPercentage = uploadPercentage;
console.log(options.body);
//options.body.set('__progressLabel', uploadPercentage);
}.bind(this)
}
).then(response => {
options.body['__uploaded'] = 1;
options.body['uploadFile']['__uploaded'] = 1
console.log(response);
console.log('SUCCESS!!');
return response.data;
})
.catch(function (response) {
console.log(response);
console.log('FAILURE!!');
});
}*/
console.log("ready to fetch")
return global.fetch(new URL(id, entryPoint), options).then((response) => {
console.log(response, "global.fetch")
if (response.ok) {
return response
}
return response.json().then(
(json) => {
let error = json["hydra:description"] || json["hydra:title"] || "An error occurred."
if (json["code"] && 401 === json["code"]) {
error = "Not allowed"
}
if (json["error"]) {
error = json["error"]
}
console.log(error, "fetch error")
if (!json.violations) {
console.log("violations")
throw Error(error)
}
let errors = { _error: error }
json.violations.map((violation) => (errors[violation.propertyPath] = violation.message))
throw new SubmissionError(errors)
},
() => {
console.log("error3")
throw new Error(response.statusText || "An error occurred.")
},
)
})
}