clean up API, re-connected API to front end, base template tweak

This commit is contained in:
Ro 2021-04-01 12:54:03 -07:00
parent 083faa7c1d
commit 5ad1118244
14 changed files with 737 additions and 584 deletions

70
.eslintrc Normal file
View file

@ -0,0 +1,70 @@
{
"parserOptions": {
"ecmaVersion": 7,
"sourceType": "module",
"ecmaFeatures": {}
},
"rules": {
"constructor-super": 2,
"for-direction": 2,
"getter-return": 2,
"no-case-declarations": 2,
"no-class-assign": 2,
"no-compare-neg-zero": 2,
"no-cond-assign": 2,
"no-console": 1,
"no-const-assign": 2,
"no-constant-condition": 2,
"no-control-regex": 1,
"no-debugger": 2,
"no-delete-var": 2,
"no-dupe-args": 2,
"no-dupe-class-members": 2,
"no-dupe-keys": 2,
"no-duplicate-case": 2,
"no-empty": 2,
"no-empty-character-class": 2,
"no-empty-pattern": 2,
"no-ex-assign": 2,
"no-extra-boolean-cast": 2,
"no-extra-semi": 2,
"no-fallthrough": 2,
"no-func-assign": 2,
"no-global-assign": 2,
"no-inner-declarations": 2,
"no-invalid-regexp": 2,
"no-irregular-whitespace": 2,
"no-mixed-spaces-and-tabs": 2,
"no-new-symbol": 2,
"no-obj-calls": 2,
"no-octal": 2,
"no-redeclare": 2,
"no-regex-spaces": 2,
"no-self-assign": 2,
"no-sparse-arrays": 2,
"no-this-before-super": 2,
"no-undef": 2,
"no-unexpected-multiline": 2,
"no-unreachable": 2,
"no-unsafe-finally": 2,
"no-unsafe-negation": 2,
"no-unused-labels": 2,
"no-unused-vars": 2,
"no-useless-escape": 1,
"require-yield": 2,
"use-isnan": 2,
"valid-typeof": 2,
"no-duplicate-imports": 2
},
"env": {
"node": true,
"browser": true,
"es6": true
},
"globals": {
"_": false,
"hljs": false,
"Sortable": false,
"Prism": false
}
}

1
.gitignore vendored
View file

@ -1,4 +1,5 @@
node_modules/ node_modules/
src/node_modules/
.sass-cache/ .sass-cache/
.cache/ .cache/
.nova/ .nova/

View file

@ -6,7 +6,23 @@ use Psr\Http\Message\ServerRequestInterface;
class APIControl class APIControl
{ {
public static function start( public static function get(
ServerRequestInterface $request,
ResponseInterface $response,
array $args
): ResponseInterface {
switch (isset($args["third"]) ? $args["third"] : "none") {
case "status":
$result = Auth::status();
break;
default:
break;
}
$response->getBody()->write(json_encode($result));
return $response->withHeader("Content-Type", "application/json");
}
public static function post(
ServerRequestInterface $request, ServerRequestInterface $request,
ResponseInterface $response, ResponseInterface $response,
array $args array $args
@ -24,7 +40,6 @@ class APIControl
switch (isset($args["third"]) ? $args["third"] : "none") { switch (isset($args["third"]) ? $args["third"] : "none") {
case "login": case "login":
$result = Auth::login($body); $result = Auth::login($body);
break; break;
case "logout": case "logout":
$result = Auth::logout($body); $result = Auth::logout($body);
@ -38,7 +53,6 @@ class APIControl
} }
$response->getBody()->write(json_encode($result)); $response->getBody()->write(json_encode($result));
return $response->withHeader("Content-Type", "application/json"); return $response->withHeader("Content-Type", "application/json");
} }
} }

View file

@ -17,6 +17,9 @@ class RouteControl
case "dashboard": case "dashboard":
return DashControl::start($request, $response, $args); return DashControl::start($request, $response, $args);
break; break;
case "api":
return APIControl::get($request, $response, $args);
break;
default: default:
return IndexControl::start($request, $response, $args); return IndexControl::start($request, $response, $args);
break; break;
@ -30,7 +33,7 @@ class RouteControl
): ResponseInterface { ): ResponseInterface {
switch (isset($args["first"]) ? $args["first"] : "index") { switch (isset($args["first"]) ? $args["first"] : "index") {
case "api": case "api":
return APIControl::start($request, $response, $args); return APIControl::post($request, $response, $args);
break; break;
default: default:
//echo "YES"; //echo "YES";

View file

@ -19,6 +19,25 @@ class Auth
//return $this->secret; //return $this->secret;
} }
public static function status()
{
$result = [];
if (Session::active()) {
$result = [
"message" => "Authorized",
"type" => "apiUseAuthorized",
"token" => Session::get("token"),
];
} else {
$result = [
"message" => "Not Authorized",
"type" => "apiUseNotAuthorized",
];
}
return $result;
}
public static function login($who) public static function login($who)
{ {
//grab member list //grab member list
@ -47,19 +66,19 @@ class Auth
$result = [ $result = [
"message" => "Welcome back", "message" => "Welcome back",
"type" => "TASK_LOGIN", "type" => "requestGood",
]; ];
} else { } else {
$result = [ $result = [
"message" => "Check your password, sport", "message" => "Check your password, sport",
"type" => "TASK_LOGIN", "type" => "requestLame",
]; ];
} }
} else { } else {
//if name is not found //if name is not found
$result = [ $result = [
"message" => "Need to see some id, champ", "message" => "Need to see some id, champ",
"type" => "TASK_LOGIN", "type" => "requestLame",
]; ];
} }
return $result; return $result;

View file

@ -17,7 +17,7 @@ class Settings
); );
} }
public function getFolks($key) public function getFolks($key = null)
{ {
if (isset($key)) { if (isset($key)) {
$member = Session::get("member"); $member = Session::get("member");

View file

@ -13,14 +13,15 @@
<div id="notifications" class="notifications"> <div id="notifications" class="notifications">
<div id="notifyMessage" class="notifyMessage"> <div id="notifyMessage" class="notifyMessage">
<div id="notify-good" class="notify-icon"> <div id="notify-good" class="notify-icon">
<svg class="menu-icon"><use xlink:href="/images/global/sprite.svg#entypo-emoji-flirt"/></svg> <svg viewbox="0 0 20 20" class="icons"><use xlink:href="/assets/images/global/sprite.svg#entypo-emoji-flirt"/></svg>
</div> </div>
<div id="notify-lame" class="notify-icon"> <div id="notify-lame" class="notify-icon">
<svg class="menu-icon"><use xlink:href="/images/global/sprite.svg#entypo-emoji-sad"/></svg> <svg viewbox="0 0 20 20" class="icons"><use xlink:href="/assets/images/global/sprite.svg#entypo-emoji-sad"/></svg>
</div> </div>
<div id="notify-working" class="notify-icon"> <div id="notify-working" class="notify-icon">
<svg class="menu-icon"><use xlink:href="/images/global/sprite.svg#entypo-cog"/></svg> <svg viewbox="0 0 20 20" class="icons"><use xlink:href="/assets/images/global/sprite.svg#entypo-cog"/></svg>
</div> </div>
<p id="message-text"></p>
</div> </div>
</div> </div>
<div id="main-content" class="main-container"> <div id="main-content" class="main-container">
@ -41,24 +42,7 @@
</div> </div>
<footer> <footer></footer>
{% if options['showFooter'] is defined %}
<!-- NO FOOTER -->
{% else %}
<div class="inner">
<div class="columns">
<div id="footer_left" class="column">
<a href="#">About</a><br/>
</div>
<div id="footer_right " class="column">
<a href="#">FAQ</a><br/>
</div>
</div>
</div>
{% endif %}
</footer>
{% block javascripts %}{% endblock %} {% block javascripts %}{% endblock %}
</body> </body>
</html> </html>

View file

@ -11,8 +11,6 @@
{% block mainContent %} {% block mainContent %}
<div id="dash-index"> <div id="dash-index">
<div id="dash-index-wrapper"> <div id="dash-index-wrapper">
STATUS:
{{ status }}
{% if status %} {% if status %}
DASH INDEX DASH INDEX
{% else %} {% else %}

View file

@ -1,9 +1,9 @@
import FipamoApi from '../libraries/FipamoAPI'; import FipamoApi from "../libraries/FipamoAPI";
import FipamoAdminAPI from '../libraries/FipamoAdminAPI'; import FipamoAdminAPI from "../libraries/FipamoAdminAPI";
import DataUitls from './utils/DataUtils'; import DataUitls from "./utils/DataUtils";
import * as DataEvent from './events/DataEvent'; import * as DataEvent from "./events/DataEvent";
import DashManager from './controllers/DashManager'; import DashManager from "./controllers/DashManager";
import Notfications from './ui/Notifications'; import Notfications from "./ui/Notifications";
const api = new FipamoApi(); const api = new FipamoApi();
const admin = new FipamoAdminAPI(); const admin = new FipamoAdminAPI();
@ -11,119 +11,125 @@ const data = new DataUitls();
const notify = new Notfications(); const notify = new Notfications();
export default class Base { export default class Base {
//-------------------------- //--------------------------
// constructor // constructor
//-------------------------- //--------------------------
constructor() { constructor() {
this.start(); this.start();
} }
//-------------------------- //--------------------------
// methods // methods
//-------------------------- //--------------------------
start() { start() {
if (document.getElementById('dash-form') || document.getElementById('dash-init')) { if (
var options = document.getElementsByClassName('init-option'); document.getElementById("dash-form") ||
for (let index = 0; index < options.length; index++) { document.getElementById("dash-init")
options[index].addEventListener('click', e => this.handleOptions(e)); ) {
} console.log("GET THAT ID, boss");
if (document.getElementById('dash-form')) { var options = document.getElementsByClassName("init-option");
document for (let index = 0; index < options.length; index++) {
.getElementById('login-btn') options[index].addEventListener("click", (e) => this.handleOptions(e));
.addEventListener('click', e => this.handleLogin(e)); }
} else { if (document.getElementById("dash-form")) {
document document
.getElementById('init-blog') .getElementById("login-btn")
.addEventListener('click', e => this.handleSetup(e)); .addEventListener("click", (e) => this.handleLogin(e));
document } else {
.getElementById('blog-restore') document
.addEventListener('click', e => this.handleRestore(e)); .getElementById("init-blog")
} .addEventListener("click", (e) => this.handleSetup(e));
} else { document
new DashManager(); .getElementById("blog-restore")
} .addEventListener("click", (e) => this.handleRestore(e));
} }
//-------------------------- } else {
// event handlers new DashManager();
//-------------------------- }
handleLogin(e) { }
e.stopPropagation(); //--------------------------
e.preventDefault(); // event handlers
let authForm = data.formDataToJSON(document.getElementById('login')); //--------------------------
notify.alert('Looking, hold up', null); handleLogin(e) {
api.login(authForm) e.stopPropagation();
.then(response => { e.preventDefault();
if (response.type === DataEvent.REQUEST_LAME) { let authForm = data.formDataToJSON(document.getElementById("login"));
notify.alert(response.message, false); notify.alert("Looking, hold up", null);
} else { api
notify.alert(response.message, true); .login(authForm)
e.target.innerHTML = response.message; .then((response) => {
setTimeout(() => { if (response.type === DataEvent.REQUEST_LAME) {
window.location = '/@/dashboard'; notify.alert(response.message, false);
}, 500); } else {
} notify.alert(response.message, true);
}) e.target.innerHTML = response.message;
.catch(err => { setTimeout(() => {
notify.alert(err, false); window.location = "/dashboard";
}); }, 500);
} }
})
.catch((err) => {
notify.alert(err, false);
});
}
handleSetup(e) { handleSetup(e) {
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
let setUpForm = data.formDataToJSON(document.getElementById('init-form')); let setUpForm = data.formDataToJSON(document.getElementById("init-form"));
api.init(setUpForm) api
.then(response => { .init(setUpForm)
if (response.type === DataEvent.API_INIT_LAME) { .then((response) => {
notify.alert(response.message, false); if (response.type === DataEvent.API_INIT_LAME) {
} else { notify.alert(response.message, false);
notify.alert(response.message, true); } else {
setTimeout(() => { notify.alert(response.message, true);
window.location = '/@/dashboard'; setTimeout(() => {
}, 700); window.location = "/@/dashboard";
} }, 700);
}) }
.catch(err => { })
notify.alert(err, false); .catch((err) => {
}); notify.alert(err, false);
} });
handleRestore(e) { }
e.stopPropagation(); handleRestore(e) {
e.preventDefault(); e.stopPropagation();
var form = document.getElementById('init-restore'); e.preventDefault();
admin var form = document.getElementById("init-restore");
.handleInitRestore(form) admin
.then(response => { .handleInitRestore(form)
if (response.type === DataEvent.REQUEST_LAME) { .then((response) => {
notify.alert(response.message, false); if (response.type === DataEvent.REQUEST_LAME) {
} else { notify.alert(response.message, false);
notify.alert(response.message, true); } else {
setTimeout(() => { notify.alert(response.message, true);
//window.location = '/@/dashboard'; setTimeout(() => {
}, 700); //window.location = '/@/dashboard';
} }, 700);
}) }
.catch(err => { })
notify.alert(err, false); .catch((err) => {
}); notify.alert(err, false);
} });
handleOptions(e) { }
e.stopPropagation(); handleOptions(e) {
e.preventDefault(); e.stopPropagation();
let init = document.getElementById('dash-init'); e.preventDefault();
let restore = document.getElementById('dash-restore'); let init = document.getElementById("dash-init");
if (e.target.id === 'init-switch-restore') { let restore = document.getElementById("dash-restore");
init.style.display = 'none'; if (e.target.id === "init-switch-restore") {
init.style.visibility = 'hidden'; init.style.display = "none";
init.style.visibility = "hidden";
restore.style.display = 'block'; restore.style.display = "block";
restore.style.visibility = 'visible'; restore.style.visibility = "visible";
} else { } else {
init.style.display = 'block'; init.style.display = "block";
init.style.visibility = 'visible'; init.style.visibility = "visible";
restore.style.display = 'none'; restore.style.display = "none";
restore.style.visibility = 'hidden'; restore.style.visibility = "hidden";
} }
} }
} }

View file

@ -1,9 +1,9 @@
import Base from './Base'; import Base from "./Base";
document.addEventListener( document.addEventListener(
'DOMContentLoaded', "DOMContentLoaded",
function () { function () {
new Base(); new Base();
}, },
false false
); );

View file

@ -1,121 +1,138 @@
export const REQUEST_TYPE_POST = 'POST'; export const REQUEST_TYPE_POST = "POST";
export const REQUEST_TYPE_GET = 'GET'; export const REQUEST_TYPE_GET = "GET";
export const REQUEST_TYPE_PUT = 'PUT'; export const REQUEST_TYPE_PUT = "PUT";
export const REQUEST_TYPE_DELETE = 'DELETE'; export const REQUEST_TYPE_DELETE = "DELETE";
export const CONTENT_TYPE_JSON = 'json'; export const CONTENT_TYPE_JSON = "json";
export const CONTENT_TYPE_FORM = 'x-www-form-urlencoded'; export const CONTENT_TYPE_FORM = "x-www-form-urlencoded";
export const API_STATUS = '/api/v1/auth/status'; export const API_STATUS = "/api/v1/status";
export const API_INIT = '/api/v1/auth/init'; export const API_INIT = "/api/v1/init";
export const API_LOGIN = '/api/v1/auth/login'; export const API_LOGIN = "/api/v1/login";
export const API_GET_PAGES = '/api/v1/page/published'; export const API_GET_PAGES = "/api/v1/page/published";
export const API_GET_PAGE = '/api/v1/page/single'; export const API_GET_PAGE = "/api/v1/page/single";
import * as DataEvent from '../com/events/DataEvent'; import * as DataEvent from "../com/events/DataEvent";
export default class APIUtils { export default class APIUtils {
//-------------------------- //--------------------------
// constructor // constructor
//-------------------------- //--------------------------
constructor() {} constructor() {}
//-------------------------- //--------------------------
// public // public
//-------------------------- //--------------------------
login(data) { login(data) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this._request( this._request(
API_LOGIN, API_LOGIN,
DataEvent.AUTH_STATUS, DataEvent.AUTH_STATUS,
REQUEST_TYPE_POST, REQUEST_TYPE_POST,
CONTENT_TYPE_JSON, CONTENT_TYPE_JSON,
data data
) )
.then(result => { .then((result) => {
resolve(result); resolve(result);
}) })
.catch(err => { .catch((err) => {
reject(err); reject(err);
}); });
}); });
} }
init(data) { init(data) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this._request(API_INIT, DataEvent.API_INIT, REQUEST_TYPE_POST, CONTENT_TYPE_JSON, data) this._request(
.then(result => { API_INIT,
resolve(result); DataEvent.API_INIT,
}) REQUEST_TYPE_POST,
.catch(err => { CONTENT_TYPE_JSON,
reject(err); data
}); )
}); .then((result) => {
} resolve(result);
getPages(num) { })
let pageNum = num; .catch((err) => {
if (pageNum === null || pageNum === '' || !pageNum) pageNum = 1; reject(err);
return new Promise((resolve, reject) => { });
this._request(API_GET_PAGES + '/' + pageNum, DataEvent.API_GET_PAGES, REQUEST_TYPE_GET) });
.then(result => { }
resolve(result); getPages(num) {
}) let pageNum = num;
.catch(err => { if (pageNum === null || pageNum === "" || !pageNum) pageNum = 1;
reject(err); return new Promise((resolve, reject) => {
}); this._request(
}); API_GET_PAGES + "/" + pageNum,
} DataEvent.API_GET_PAGES,
REQUEST_TYPE_GET
)
.then((result) => {
resolve(result);
})
.catch((err) => {
reject(err);
});
});
}
getPage(id) { getPage(id) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this._request(API_GET_PAGE + '/' + id, DataEvent.API_GET_PAGES, REQUEST_TYPE_GET) this._request(
.then(result => { API_GET_PAGE + "/" + id,
resolve(result); DataEvent.API_GET_PAGES,
}) REQUEST_TYPE_GET
.catch(err => { )
reject(err); .then((result) => {
}); resolve(result);
}); })
} .catch((err) => {
//-------------------------- reject(err);
// private });
//-------------------------- });
_request( }
requestURL, //--------------------------
eventType, // private
requestType = REQUEST_TYPE_GET, //--------------------------
contentType = CONTENT_TYPE_JSON, _request(
requestData = null requestURL,
) { eventType,
var self = this; requestType = REQUEST_TYPE_GET,
return new Promise(function (resolve, reject) { contentType = CONTENT_TYPE_JSON,
var request = new XMLHttpRequest(); requestData = null
request.upload.onprogress = self.handleLoadProgress; ) {
request.open(requestType, requestURL, true); var self = this;
request.onload = () => { return new Promise(function (resolve, reject) {
if (request.status == 200) { var request = new XMLHttpRequest();
let response = JSON.parse(request['response']); request.upload.onprogress = self.handleLoadProgress;
resolve(response); request.open(requestType, requestURL, true);
} else { request.onload = () => {
let error = JSON.parse(request['response']); if (request.status == 200) {
reject(error); let response = JSON.parse(request["response"]);
} resolve(response);
}; } else {
if (requestType == REQUEST_TYPE_PUT || requestType == REQUEST_TYPE_POST) { let error = JSON.parse(request["response"]);
switch (contentType) { reject(error);
case CONTENT_TYPE_JSON: }
request.setRequestHeader('Content-type', 'application/' + contentType); };
request.send(JSON.stringify(requestData)); if (requestType == REQUEST_TYPE_PUT || requestType == REQUEST_TYPE_POST) {
break; switch (contentType) {
case CONTENT_TYPE_FORM: case CONTENT_TYPE_JSON:
request.send(requestData); request.setRequestHeader(
break; "Content-type",
} "application/" + contentType
} else { );
request.send(); request.send(JSON.stringify(requestData));
} break;
}); case CONTENT_TYPE_FORM:
} request.send(requestData);
break;
}
} else {
request.send();
}
});
}
//-------------------------- //--------------------------
// event handlers // event handlers
//-------------------------- //--------------------------
handleLoadProgress(e) { handleLoadProgress(e) {
this.percentComplete = Math.ceil((e.loaded / e.total) * 100); this.percentComplete = Math.ceil((e.loaded / e.total) * 100);
//pass element to display request progress //pass element to display request progress
} }
} }

View file

@ -1,325 +1,328 @@
export const REQUEST_TYPE_POST = 'POST'; export const REQUEST_TYPE_POST = "POST";
export const REQUEST_TYPE_GET = 'GET'; export const REQUEST_TYPE_GET = "GET";
export const REQUEST_TYPE_PUT = 'PUT'; export const REQUEST_TYPE_PUT = "PUT";
export const REQUEST_TYPE_DELETE = 'DELETE'; export const REQUEST_TYPE_DELETE = "DELETE";
export const TASK_PAGE_CREATE = 'createNewPage'; export const TASK_PAGE_CREATE = "createNewPage";
export const TASK_PAGE_EDIT = 'editPage'; export const TASK_PAGE_EDIT = "editPage";
export const TASK_PAGE_DELETE = 'deletePage'; export const TASK_PAGE_DELETE = "deletePage";
export const CONTENT_TYPE_JSON = 'json'; export const CONTENT_TYPE_JSON = "json";
export const CONTENT_TYPE_FORM = 'x-www-form-urlencoded'; export const CONTENT_TYPE_FORM = "x-www-form-urlencoded";
export const API_STATUS = '/api/v1/auth/status'; export const API_STATUS = "/api/v1/status";
export const API_GET_NAV = '/api/settings/nav'; export const API_GET_NAV = "/api/settings/nav";
export const API_NEW_PAGE = '/api/v1/page/write/new'; export const API_NEW_PAGE = "/api/v1/page/write/new";
export const API_EDIT_PAGE = '/api/v1/page/write'; export const API_EDIT_PAGE = "/api/v1/page/write";
export const API_DELETE_PAGE = '/api/v1/page/delete'; export const API_DELETE_PAGE = "/api/v1/page/delete";
export const API_IMAGE_UPLOAD = '/api/v1/page/add-post-image'; export const API_IMAGE_UPLOAD = "/api/v1/page/add-post-image";
export const API_SETTINGS_SYNC = '/api/v1/settings/sync'; export const API_SETTINGS_SYNC = "/api/v1/settings/sync";
export const API_UPLOAD_AVATAR = '/api/v1/settings/add-avatar'; export const API_UPLOAD_AVATAR = "/api/v1/settings/add-avatar";
export const API_UPLOAD_BACKGROUND = '/api/v1/settings/add-feature-background'; export const API_UPLOAD_BACKGROUND = "/api/v1/settings/add-feature-background";
export const API_PUBLISH_PAGES = '/api/v1/settings/publish-pages'; export const API_PUBLISH_PAGES = "/api/v1/settings/publish-pages";
export const API_NAV_SYNC = '/api/v1/settings/nav-sync'; export const API_NAV_SYNC = "/api/v1/settings/nav-sync";
export const API_REINDEX_PAGES = '/api/v1/settings/reindex'; export const API_REINDEX_PAGES = "/api/v1/settings/reindex";
export const API_CREATE_BACKUP = '/api/v1/backup/create'; export const API_CREATE_BACKUP = "/api/v1/backup/create";
export const API_DOWNLOAD_BACKUP = '/api/v1/backup/download'; export const API_DOWNLOAD_BACKUP = "/api/v1/backup/download";
export const API_RESTORE_BACKUP = '/api/v1/backup/restore'; export const API_RESTORE_BACKUP = "/api/v1/backup/restore";
export const API_INIT_RESTORE_BACKUP = '/api/v1/backup/init-restore'; export const API_INIT_RESTORE_BACKUP = "/api/v1/backup/init-restore";
export const API_SEND_MAIL = '/api/v1/mailer'; export const API_SEND_MAIL = "/api/v1/mailer";
import * as DataEvent from '../com/events/DataEvent'; import * as DataEvent from "../com/events/DataEvent";
export default class APIUtils { export default class APIUtils {
//-------------------------- //--------------------------
// constructor // constructor
//-------------------------- //--------------------------
constructor() { constructor() {
this.percentComplete = 0; this.percentComplete = 0;
this.token = null; this.token = null;
//checks backend to see if user is logged in //checks backend to see if user is logged in
//and requests encrypted token for api calls //and requests encrypted token for api calls
this._request(API_STATUS).then(response => { this._request(API_STATUS).then((response) => {
if (response.type === DataEvent.API_REQUEST_GOOD) { if (response.type === DataEvent.API_REQUEST_GOOD) {
this.token = response.token; this.token = response.token;
} else { } else {
//don't set token //don't set token
} }
}); });
} }
//-------------------------- //--------------------------
// public // public
//-------------------------- //--------------------------
syncSettings(data) { syncSettings(data) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this._request( this._request(
API_SETTINGS_SYNC, API_SETTINGS_SYNC,
DataEvent.API_SETTINGS_WRITE, DataEvent.API_SETTINGS_WRITE,
REQUEST_TYPE_POST, REQUEST_TYPE_POST,
CONTENT_TYPE_JSON, CONTENT_TYPE_JSON,
data data
) )
.then(result => { .then((result) => {
resolve(result); resolve(result);
}) })
.catch(err => { .catch((err) => {
reject(err); reject(err);
}); });
}); });
} }
imageUpload(type, files) { imageUpload(type, files) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
let url = ''; let url = "";
switch (type) { switch (type) {
case 'avatar-upload': case "avatar-upload":
url = API_UPLOAD_AVATAR; url = API_UPLOAD_AVATAR;
break; break;
case 'background-upload': case "background-upload":
url = API_UPLOAD_BACKGROUND; url = API_UPLOAD_BACKGROUND;
break; break;
default: default:
url = API_IMAGE_UPLOAD; url = API_IMAGE_UPLOAD;
break; break;
} }
var imageData = new FormData(); var imageData = new FormData();
for (var i = 0; i < files.length; i++) { for (var i = 0; i < files.length; i++) {
var file = files[i]; var file = files[i];
// Check the file type. // Check the file type.
if (!file.type.match('image.*')) { if (!file.type.match("image.*")) {
continue; continue;
} }
if (type === 'avatar-upload') { if (type === "avatar-upload") {
imageData.append('avatar_upload', file, file.name); imageData.append("avatar_upload", file, file.name);
} else if (type === 'background-upload') { } else if (type === "background-upload") {
imageData.append('background_upload', file, file.name); imageData.append("background_upload", file, file.name);
} else { } else {
imageData.append('post_image', file, file.name); imageData.append("post_image", file, file.name);
} }
} }
this._request( this._request(
url, url,
DataEvent.API_IMAGES_UPLOAD, DataEvent.API_IMAGES_UPLOAD,
REQUEST_TYPE_POST, REQUEST_TYPE_POST,
CONTENT_TYPE_FORM, CONTENT_TYPE_FORM,
imageData imageData
) )
.then(r => { .then((r) => {
resolve(r); resolve(r);
}) })
.catch(err => { .catch((err) => {
reject(err); reject(err);
}); });
}); });
} }
publishSite(data) { publishSite(data) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this._request( this._request(
API_PUBLISH_PAGES, API_PUBLISH_PAGES,
DataEvent.API_RENDER_PAGES, DataEvent.API_RENDER_PAGES,
REQUEST_TYPE_POST, REQUEST_TYPE_POST,
CONTENT_TYPE_JSON, CONTENT_TYPE_JSON,
data data
) )
.then(result => { .then((result) => {
resolve(result); resolve(result);
}) })
.catch(err => { .catch((err) => {
reject(err); reject(err);
}); });
}); });
} }
pageActions(task, data) { pageActions(task, data) {
let url, event, content; let url, event, content;
switch (task) { switch (task) {
case TASK_PAGE_CREATE: case TASK_PAGE_CREATE:
url = API_NEW_PAGE; url = API_NEW_PAGE;
event = DataEvent.API_PAGE_WRITE; event = DataEvent.API_PAGE_WRITE;
content = CONTENT_TYPE_FORM; content = CONTENT_TYPE_FORM;
break; break;
case TASK_PAGE_EDIT: case TASK_PAGE_EDIT:
url = API_EDIT_PAGE; url = API_EDIT_PAGE;
event = DataEvent.API_PAGE_WRITE; event = DataEvent.API_PAGE_WRITE;
content = CONTENT_TYPE_FORM; content = CONTENT_TYPE_FORM;
break; break;
case TASK_PAGE_DELETE: case TASK_PAGE_DELETE:
url = API_DELETE_PAGE; url = API_DELETE_PAGE;
event = DataEvent.API_PAGE_DELETE; event = DataEvent.API_PAGE_DELETE;
content = CONTENT_TYPE_JSON; content = CONTENT_TYPE_JSON;
break; break;
default: default:
break; break;
} }
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this._request(url, event, REQUEST_TYPE_POST, content, data) this._request(url, event, REQUEST_TYPE_POST, content, data)
.then(result => { .then((result) => {
resolve(result); resolve(result);
}) })
.catch(err => { .catch((err) => {
reject(err); reject(err);
}); });
}); });
} }
syncNav(data) { syncNav(data) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this._request( this._request(
API_NAV_SYNC, API_NAV_SYNC,
DataEvent.API_SETTINGS_WRITE, DataEvent.API_SETTINGS_WRITE,
REQUEST_TYPE_POST, REQUEST_TYPE_POST,
CONTENT_TYPE_JSON, CONTENT_TYPE_JSON,
data data
) )
.then(result => { .then((result) => {
resolve(result); resolve(result);
}) })
.catch(err => { .catch((err) => {
reject(err); reject(err);
}); });
}); });
} }
sendMail(message) { sendMail(message) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this._request( this._request(
API_SEND_MAIL, API_SEND_MAIL,
DataEvent.SEND_MAIL, DataEvent.SEND_MAIL,
REQUEST_TYPE_POST, REQUEST_TYPE_POST,
CONTENT_TYPE_JSON, CONTENT_TYPE_JSON,
message message
) )
.then(result => { .then((result) => {
resolve(result); resolve(result);
}) })
.catch(err => { .catch((err) => {
reject(err); reject(err);
}); });
}); });
} }
handleBackup(id, files) { handleBackup(id, files) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
var url, event, method, type, data; var url, event, method, type, data;
if (id === 'create-backup') { if (id === "create-backup") {
url = API_CREATE_BACKUP; url = API_CREATE_BACKUP;
event = DataEvent.API_BACKUP_CREATE; event = DataEvent.API_BACKUP_CREATE;
method = REQUEST_TYPE_POST; method = REQUEST_TYPE_POST;
type = CONTENT_TYPE_JSON; type = CONTENT_TYPE_JSON;
data = { task: 'create_backup' }; data = { task: "create_backup" };
} else { } else {
url = API_RESTORE_BACKUP; url = API_RESTORE_BACKUP;
event = DataEvent.API_BACKUP_RESTORE; event = DataEvent.API_BACKUP_RESTORE;
method = REQUEST_TYPE_POST; method = REQUEST_TYPE_POST;
type = CONTENT_TYPE_FORM; type = CONTENT_TYPE_FORM;
data = new FormData(); data = new FormData();
for (var i = 0; i < files.length; i++) { for (var i = 0; i < files.length; i++) {
var file = files[i]; var file = files[i];
// Check the file type. // Check the file type.
if (!file.type.match('application.zip')) { if (!file.type.match("application.zip")) {
continue; continue;
} }
data.append('backup_upload', file, file.name); data.append("backup_upload", file, file.name);
} }
} }
this._request(url, event, method, type, data) this._request(url, event, method, type, data)
.then(result => { .then((result) => {
resolve(result); resolve(result);
}) })
.catch(err => { .catch((err) => {
reject(err); reject(err);
}); });
}); });
} }
handleInitRestore(form) { handleInitRestore(form) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
var url, event, method, type, data; var url, event, method, type, data;
url = API_INIT_RESTORE_BACKUP; url = API_INIT_RESTORE_BACKUP;
event = DataEvent.API_BACKUP_RESTORE; event = DataEvent.API_BACKUP_RESTORE;
method = REQUEST_TYPE_POST; method = REQUEST_TYPE_POST;
type = CONTENT_TYPE_FORM; type = CONTENT_TYPE_FORM;
data = new FormData(form); data = new FormData(form);
this._request(url, event, method, type, data) this._request(url, event, method, type, data)
.then(result => { .then((result) => {
resolve(result); resolve(result);
}) })
.catch(err => { .catch((err) => {
reject(err); reject(err);
}); });
}); });
} }
handleReindex(data) { handleReindex(data) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this._request( this._request(
API_REINDEX_PAGES, API_REINDEX_PAGES,
DataEvent.API_REINDEX_PAGES, DataEvent.API_REINDEX_PAGES,
REQUEST_TYPE_POST, REQUEST_TYPE_POST,
CONTENT_TYPE_JSON, CONTENT_TYPE_JSON,
data data
) )
.then(result => { .then((result) => {
resolve(result); resolve(result);
}) })
.catch(err => { .catch((err) => {
reject(err); reject(err);
}); });
}); });
} }
//-------------------------- //--------------------------
// private // private
//-------------------------- //--------------------------
_request( _request(
requestURL, requestURL,
eventType, eventType,
requestType = REQUEST_TYPE_GET, requestType = REQUEST_TYPE_GET,
contentType = CONTENT_TYPE_JSON, contentType = CONTENT_TYPE_JSON,
requestData = null requestData = null
) { ) {
var self = this; var self = this;
return new Promise(function (resolve, reject) { return new Promise(function (resolve, reject) {
var request = new XMLHttpRequest(); var request = new XMLHttpRequest();
request.upload.onprogress = self.handleLoadProgress; request.upload.onprogress = self.handleLoadProgress;
request.open(requestType, requestURL, true); request.open(requestType, requestURL, true);
request.onload = () => { request.onload = () => {
if (request.status == 200) { if (request.status == 200) {
let response = JSON.parse(request['response']); let response = JSON.parse(request["response"]);
resolve(response); resolve(response);
} else { } else {
let error = JSON.parse(request['response']); let error = JSON.parse(request["response"]);
reject(error); reject(error);
} }
}; };
if (requestType == REQUEST_TYPE_PUT || requestType == REQUEST_TYPE_POST) { if (requestType == REQUEST_TYPE_PUT || requestType == REQUEST_TYPE_POST) {
if ( if (
eventType === DataEvent.API_PAGE_WRITE || eventType === DataEvent.API_PAGE_WRITE ||
eventType === DataEvent.API_IMAGES_UPLOAD || eventType === DataEvent.API_IMAGES_UPLOAD ||
eventType === DataEvent.API_SETTINGS_WRITE || eventType === DataEvent.API_SETTINGS_WRITE ||
eventType === DataEvent.API_PAGE_DELETE || eventType === DataEvent.API_PAGE_DELETE ||
eventType === DataEvent.API_RENDER_PAGES || eventType === DataEvent.API_RENDER_PAGES ||
eventType === DataEvent.API_BACKUP_CREATE || eventType === DataEvent.API_BACKUP_CREATE ||
eventType === DataEvent.API_BACKUP_RESTORE || eventType === DataEvent.API_BACKUP_RESTORE ||
eventType === DataEvent.API_REINDEX_PAGES eventType === DataEvent.API_REINDEX_PAGES
) )
request.setRequestHeader('x-access-token', self.token); request.setRequestHeader("x-access-token", self.token);
switch (contentType) { switch (contentType) {
case CONTENT_TYPE_JSON: case CONTENT_TYPE_JSON:
request.setRequestHeader('Content-type', 'application/' + contentType); request.setRequestHeader(
request.send(JSON.stringify(requestData)); "Content-type",
break; "application/" + contentType
case CONTENT_TYPE_FORM: );
request.send(requestData); request.send(JSON.stringify(requestData));
break; break;
} case CONTENT_TYPE_FORM:
} else { request.send(requestData);
request.send(); break;
} }
}); } else {
} request.send();
}
});
}
//-------------------------- //--------------------------
// event handlers // event handlers
//-------------------------- //--------------------------
handleLoadProgress(e) { handleLoadProgress(e) {
this.percentComplete = Math.ceil((e.loaded / e.total) * 100); this.percentComplete = Math.ceil((e.loaded / e.total) * 100);
//pass element to display request progress //pass element to display request progress
} }
} }

23
src/package-lock.json generated Normal file
View file

@ -0,0 +1,23 @@
{
"name": "codekit-project",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"animejs": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/animejs/-/animejs-3.2.1.tgz",
"integrity": "sha512-sWno3ugFryK5nhiDm/2BKeFCpZv7vzerWUcUPyAZLDhMek3+S/p418ldZJbJXo5ZUOpfm2kP2XRO4NJcULMy9A=="
},
"caret-pos": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/caret-pos/-/caret-pos-2.0.0.tgz",
"integrity": "sha512-cOIiBS1SjzXg+LXSiQAzGg89dHDKq/y4c30+tB5hkVN7GbtXh1BNypOmjti4LwAWQrvP4y+bNG7RJFxLGoL3bA=="
},
"sortablejs": {
"version": "1.13.0",
"resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.13.0.tgz",
"integrity": "sha512-RBJirPY0spWCrU5yCmWM1eFs/XgX2J5c6b275/YyxFRgnzPhKl/TDeU2hNR8Dt7ITq66NRPM4UlOt+e5O4CFHg=="
}
}
}

15
src/package.json Normal file
View file

@ -0,0 +1,15 @@
{
"name": "fipamo-dash",
"version": "1.2.4",
"description": "Front end script for the most chill blog framework ever.",
"scripts": {},
"author": "Are0h",
"license": "UNLICENSED",
"repository": "https://code.playvicio.us/Are0h/Fipamo",
"private": true,
"dependencies": {
"animejs": "^3.2.1",
"caret-pos": "^2.0.0",
"sortablejs": "^1.13.0"
}
}