You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
191 lines
4.7 KiB
JavaScript
191 lines
4.7 KiB
JavaScript
3 years ago
|
//** REQUEST TYPES **//
|
||
4 years ago
|
export const REQUEST_TYPE_POST = "POST";
|
||
|
export const REQUEST_TYPE_GET = "GET";
|
||
|
export const REQUEST_TYPE_PUT = "PUT";
|
||
|
export const REQUEST_TYPE_DELETE = "DELETE";
|
||
3 years ago
|
|
||
3 years ago
|
//** POST CONTENT TYPES **//
|
||
4 years ago
|
export const CONTENT_TYPE_JSON = "json";
|
||
|
export const CONTENT_TYPE_FORM = "x-www-form-urlencoded";
|
||
3 years ago
|
|
||
3 years ago
|
//** API URLS **//
|
||
4 years ago
|
export const API_GET_PAGES = "/api/v1/page/published";
|
||
3 years ago
|
export const API_GET_FEATURED = "/api/v1/page/featured";
|
||
|
export const API_GET_MENU = "/api/v1/page/menu";
|
||
4 years ago
|
export const API_GET_PAGE = "/api/v1/page/single";
|
||
3 years ago
|
export const API_GET_TAGS = "/api/v1/page/tags";
|
||
|
|
||
3 years ago
|
//** API TASKS **//
|
||
|
export const TASK_GET_CONTENT = "retrieveContent";
|
||
|
|
||
3 years ago
|
/**
|
||
|
* FipamoContentAPI
|
||
|
*/
|
||
3 years ago
|
export default class FipamoAPI {
|
||
4 years ago
|
//--------------------------
|
||
|
// constructor
|
||
|
//--------------------------
|
||
3 years ago
|
|
||
|
/**
|
||
|
* @constructor
|
||
|
* @param {string} baseURL - url of site
|
||
|
* @param {string} key - user api key
|
||
|
*/
|
||
|
constructor(baseURL = null, key = null) {
|
||
3 years ago
|
this.baseURL = null;
|
||
3 years ago
|
this.key = null;
|
||
|
if (key) this.key = key;
|
||
|
if (baseURL) this.baseURL = baseURL;
|
||
3 years ago
|
}
|
||
4 years ago
|
//--------------------------
|
||
3 years ago
|
// methods
|
||
4 years ago
|
//--------------------------
|
||
3 years ago
|
|
||
3 years ago
|
getPages(key) {
|
||
4 years ago
|
return new Promise((resolve, reject) => {
|
||
|
this._request(
|
||
3 years ago
|
this.baseURL
|
||
|
? this.baseURL + API_GET_PAGES + "?key=" + key
|
||
|
: API_GET_PAGES,
|
||
|
TASK_GET_CONTENT,
|
||
|
REQUEST_TYPE_GET
|
||
4 years ago
|
)
|
||
|
.then((result) => {
|
||
|
resolve(result);
|
||
|
})
|
||
|
.catch((err) => {
|
||
|
reject(err);
|
||
|
});
|
||
|
});
|
||
|
}
|
||
3 years ago
|
|
||
3 years ago
|
getFeatured(key) {
|
||
4 years ago
|
return new Promise((resolve, reject) => {
|
||
|
this._request(
|
||
3 years ago
|
this.baseURL
|
||
|
? this.baseURL + API_GET_FEATURED + "?key=" + key
|
||
|
: API_GET_FEATURED,
|
||
|
TASK_GET_CONTENT,
|
||
|
REQUEST_TYPE_GET
|
||
4 years ago
|
)
|
||
|
.then((result) => {
|
||
|
resolve(result);
|
||
|
})
|
||
|
.catch((err) => {
|
||
|
reject(err);
|
||
|
});
|
||
|
});
|
||
|
}
|
||
4 years ago
|
|
||
3 years ago
|
getMenu(key) {
|
||
3 years ago
|
return new Promise((resolve, reject) => {
|
||
|
this._request(
|
||
3 years ago
|
this.baseURL
|
||
|
? this.baseURL + API_GET_MENU + "?key=" + key
|
||
|
: API_GET_MENU,
|
||
|
TASK_GET_CONTENT,
|
||
|
REQUEST_TYPE_GET
|
||
3 years ago
|
)
|
||
|
.then((result) => {
|
||
|
resolve(result);
|
||
|
})
|
||
|
.catch((err) => {
|
||
|
reject(err);
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
|
||
3 years ago
|
getTags(key) {
|
||
3 years ago
|
return new Promise((resolve, reject) => {
|
||
|
this._request(
|
||
3 years ago
|
this.baseURL
|
||
3 years ago
|
? this.baseURL + API_GET_TAGS + "?key=" + key
|
||
|
: API_GET_TAGS,
|
||
3 years ago
|
TASK_GET_CONTENT,
|
||
|
REQUEST_TYPE_GET
|
||
3 years ago
|
)
|
||
|
.then((result) => {
|
||
|
resolve(result);
|
||
|
})
|
||
|
.catch((err) => {
|
||
|
reject(err);
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
|
||
3 years ago
|
getPage(id, key) {
|
||
4 years ago
|
return new Promise((resolve, reject) => {
|
||
|
this._request(
|
||
3 years ago
|
//API_GET_PAGE + "/" + id + "?key=" + key,
|
||
|
this.baseURL
|
||
|
? this.baseURL + API_GET_PAGE + "/" + id + "?key=" + key
|
||
|
: API_GET_PAGE,
|
||
3 years ago
|
TASK_GET_CONTENT,
|
||
4 years ago
|
REQUEST_TYPE_GET
|
||
|
)
|
||
|
.then((result) => {
|
||
|
resolve(result);
|
||
|
})
|
||
|
.catch((err) => {
|
||
|
reject(err);
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
//--------------------------
|
||
|
// private
|
||
|
//--------------------------
|
||
|
_request(
|
||
|
requestURL,
|
||
|
eventType,
|
||
|
requestType = REQUEST_TYPE_GET,
|
||
|
contentType = CONTENT_TYPE_JSON,
|
||
|
requestData = null
|
||
|
) {
|
||
|
var self = this;
|
||
|
return new Promise(function (resolve, reject) {
|
||
|
var request = new XMLHttpRequest();
|
||
|
request.upload.onprogress = self.handleLoadProgress;
|
||
|
request.open(requestType, requestURL, true);
|
||
|
request.onload = () => {
|
||
|
if (request.status == 200) {
|
||
|
let response = JSON.parse(request["response"]);
|
||
|
resolve(response);
|
||
|
} else {
|
||
|
let error = JSON.parse(request["response"]);
|
||
|
reject(error);
|
||
|
}
|
||
|
};
|
||
|
if (requestType == REQUEST_TYPE_PUT || requestType == REQUEST_TYPE_POST) {
|
||
|
switch (contentType) {
|
||
|
case CONTENT_TYPE_JSON:
|
||
|
request.setRequestHeader(
|
||
|
"Content-type",
|
||
|
"application/" + contentType
|
||
|
);
|
||
3 years ago
|
/**
|
||
|
request.setRequestHeader(
|
||
|
"Access-Control-Allow-Origin",
|
||
|
self.baseURL
|
||
|
);
|
||
|
**/
|
||
4 years ago
|
request.send(JSON.stringify(requestData));
|
||
|
break;
|
||
|
case CONTENT_TYPE_FORM:
|
||
|
request.send(requestData);
|
||
|
break;
|
||
|
}
|
||
|
} else {
|
||
|
request.send();
|
||
|
}
|
||
|
});
|
||
|
}
|
||
5 years ago
|
|
||
4 years ago
|
//--------------------------
|
||
|
// event handlers
|
||
|
//--------------------------
|
||
|
handleLoadProgress(e) {
|
||
|
this.percentComplete = Math.ceil((e.loaded / e.total) * 100);
|
||
|
//pass element to display request progress
|
||
|
}
|
||
5 years ago
|
}
|