plugged in prettier and eslint, deep cleaned code base
parent
cc19e14a25
commit
5decfa92e2
@ -0,0 +1,69 @@
|
||||
{
|
||||
"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": 2,
|
||||
"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
|
||||
}
|
||||
}
|
@ -0,0 +1,5 @@
|
||||
.babelrc
|
||||
README.md
|
||||
*.pug
|
||||
*.styl
|
||||
|
@ -0,0 +1,17 @@
|
||||
{
|
||||
"arrowParens": "avoid",
|
||||
"bracketSpacing": true,
|
||||
"htmlWhitespaceSensitivity": "css",
|
||||
"insertPragma": false,
|
||||
"jsxBracketSameLine": false,
|
||||
"jsxSingleQuote": true,
|
||||
"parser": "babel",
|
||||
"proseWrap": "preserve",
|
||||
"requirePragma": false,
|
||||
"semi": true,
|
||||
"singleQuote": true,
|
||||
"trailingComma": "none",
|
||||
"useTabs": true,
|
||||
"tabWidth": 4,
|
||||
"printWidth": 100
|
||||
}
|
@ -1,33 +1,37 @@
|
||||
module.exports = function (sequelize, DataTypes) {
|
||||
var FreshPost = sequelize.define('FreshPost', {
|
||||
post: {
|
||||
type: DataTypes.JSONB
|
||||
}
|
||||
}, {
|
||||
timestamps: false,
|
||||
module.exports = function(sequelize, DataTypes) {
|
||||
var FreshPost = sequelize.define(
|
||||
'FreshPost',
|
||||
{
|
||||
post: {
|
||||
type: DataTypes.JSONB
|
||||
}
|
||||
},
|
||||
{
|
||||
timestamps: false,
|
||||
|
||||
// don't delete database entries but set the newly added attribute deletedAt
|
||||
// to the current date (when deletion was done). paranoid will only work if
|
||||
// timestamps are enabled
|
||||
paranoid: false,
|
||||
// don't delete database entries but set the newly added attribute deletedAt
|
||||
// to the current date (when deletion was done). paranoid will only work if
|
||||
// timestamps are enabled
|
||||
paranoid: false,
|
||||
|
||||
// don't use camelcase for automatically added attributes but underscore style
|
||||
// so updatedAt will be updated_at
|
||||
underscored: true,
|
||||
// don't use camelcase for automatically added attributes but underscore style
|
||||
// so updatedAt will be updated_at
|
||||
underscored: true,
|
||||
|
||||
// disable the modification of table names; By default, sequelize will automatically
|
||||
// transform all passed model names (first parameter of define) into plural.
|
||||
// if you don't want that, set the following
|
||||
freezeTableName: false,
|
||||
// disable the modification of table names; By default, sequelize will automatically
|
||||
// transform all passed model names (first parameter of define) into plural.
|
||||
// if you don't want that, set the following
|
||||
freezeTableName: false,
|
||||
|
||||
// define the table's name
|
||||
tableName: 'FreshPosts',
|
||||
// define the table's name
|
||||
tableName: 'FreshPosts',
|
||||
|
||||
// Enable optimistic locking. When enabled, sequelize will add a version count attriubte
|
||||
// to the model and throw an OptimisticLockingError error when stale instances are saved.
|
||||
// Set to true or a string with the attribute name you want to use to enable.
|
||||
version: false
|
||||
});
|
||||
// Enable optimistic locking. When enabled, sequelize will add a version count attriubte
|
||||
// to the model and throw an OptimisticLockingError error when stale instances are saved.
|
||||
// Set to true or a string with the attribute name you want to use to enable.
|
||||
version: false
|
||||
}
|
||||
);
|
||||
|
||||
return FreshPost;
|
||||
return FreshPost;
|
||||
};
|
||||
|
@ -1,98 +1,80 @@
|
||||
const express = require('express');
|
||||
const router = express.Router();
|
||||
const Models = require('../../models');
|
||||
const fs = require("fs-extra");
|
||||
const fs = require('fs-extra');
|
||||
const _ = require('lodash');
|
||||
var settings = [];
|
||||
//--------------------------
|
||||
// SETTINGS
|
||||
//--------------------------
|
||||
router.get('/', function(req, res)
|
||||
{
|
||||
fs.readJson('config/site-settings.json').then(obj =>
|
||||
{
|
||||
settings = []
|
||||
settings = obj;
|
||||
}).catch(err =>
|
||||
{
|
||||
//console.error(err)
|
||||
})
|
||||
if (req.session.user)
|
||||
{
|
||||
Models.User.findById(req.session.user.id).then((user) =>
|
||||
{
|
||||
Models.FreshPost.findAll(
|
||||
{
|
||||
order: [
|
||||
['id', 'DESC']
|
||||
]
|
||||
}).then(posts =>
|
||||
{
|
||||
let pages = []
|
||||
if (settings.menu.length == 0)
|
||||
{
|
||||
for (let index = 0; index < posts.length; index++)
|
||||
{
|
||||
let item = posts[index].post;
|
||||
if (item.page == true || item.page == "true") pages.push(
|
||||
{
|
||||
id: posts[index].id,
|
||||
uuid: posts[index].post.uuid,
|
||||
title: posts[index].post.title,
|
||||
slug: posts[index].post.slug
|
||||
});
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
let newpages = []
|
||||
pages = settings.menu;
|
||||
for (let index = 0; index < posts.length; index++)
|
||||
{
|
||||
let item = posts[index].post;
|
||||
if (item.page == true || item.page == "true") newpages.push(
|
||||
{
|
||||
id: posts[index].id,
|
||||
uuid: posts[index].post.uuid,
|
||||
title: posts[index].post.title,
|
||||
slug: posts[index].post.slug
|
||||
});
|
||||
}
|
||||
for (let i = 0; i < newpages.length; i++)
|
||||
{
|
||||
if (_.findIndex(pages, function(o)
|
||||
{
|
||||
return o.id == newpages[i].id;
|
||||
}) != -1)
|
||||
{
|
||||
//console.log("FOUND")
|
||||
}
|
||||
else
|
||||
{
|
||||
pages.push(
|
||||
{
|
||||
id: newpages[i].id,
|
||||
uuid: newpages[i].uuid,
|
||||
title: newpages[i].title,
|
||||
slug: newpages[i].slug
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
res.render('dash/navigation',
|
||||
{
|
||||
pages: pages,
|
||||
title: 'Dashboard | Global Nav'
|
||||
});
|
||||
}).catch(err =>
|
||||
{
|
||||
console.log("ERROR", err)
|
||||
})
|
||||
})
|
||||
}
|
||||
else
|
||||
{
|
||||
res.redirect('/@/dashboard');
|
||||
}
|
||||
router.get('/', function(req, res) {
|
||||
fs.readJson('config/site-settings.json')
|
||||
.then(obj => {
|
||||
settings = [];
|
||||
settings = obj;
|
||||
})
|
||||
.catch(() => {
|
||||
//console.error(err)
|
||||
});
|
||||
if (req.session.user) {
|
||||
Models.User.findById(req.session.user.id).then(() => {
|
||||
Models.FreshPost.findAll({
|
||||
order: [['id', 'DESC']]
|
||||
})
|
||||
.then(posts => {
|
||||
let pages = [];
|
||||
if (settings.menu.length == 0) {
|
||||
for (let index = 0; index < posts.length; index++) {
|
||||
let item = posts[index].post;
|
||||
if (item.page == true || item.page == 'true')
|
||||
pages.push({
|
||||
id: posts[index].id,
|
||||
uuid: posts[index].post.uuid,
|
||||
title: posts[index].post.title,
|
||||
slug: posts[index].post.slug
|
||||
});
|
||||
}
|
||||
} else {
|
||||
let newpages = [];
|
||||
pages = settings.menu;
|
||||
for (let index = 0; index < posts.length; index++) {
|
||||
let item = posts[index].post;
|
||||
if (item.page == true || item.page == 'true')
|
||||
newpages.push({
|
||||
id: posts[index].id,
|
||||
uuid: posts[index].post.uuid,
|
||||
title: posts[index].post.title,
|
||||
slug: posts[index].post.slug
|
||||
});
|
||||
}
|
||||
for (let i = 0; i < newpages.length; i++) {
|
||||
if (
|
||||
_.findIndex(pages, function(o) {
|
||||
return o.id == newpages[i].id;
|
||||
}) != -1
|
||||
) {
|
||||
//console.log("FOUND")
|
||||
} else {
|
||||
pages.push({
|
||||
id: newpages[i].id,
|
||||
uuid: newpages[i].uuid,
|
||||
title: newpages[i].title,
|
||||
slug: newpages[i].slug
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
res.render('dash/navigation', {
|
||||
pages: pages,
|
||||
title: 'Dashboard | Global Nav'
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
//console.log('ERROR', err);
|
||||
});
|
||||
});
|
||||
} else {
|
||||
res.redirect('/@/dashboard');
|
||||
}
|
||||
});
|
||||
module.exports = router;
|
@ -1,23 +0,0 @@
|
||||
import EventEmitter from '../events/EventEmitter';
|
||||
|
||||
class Animate extends EventEmitter {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {
|
||||
super();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
object(properties) {
|
||||
var animation = anime(
|
||||
properties
|
||||
);
|
||||
//animation.start(properties);
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
||||
export default Animate
|
@ -1,70 +0,0 @@
|
||||
class TexEffects {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
scramble(obj, offset, complete)
|
||||
{
|
||||
var scrambleText = new ScrambleText(obj, {
|
||||
timeOffset: offset,
|
||||
chars: [
|
||||
'安',
|
||||
'以',
|
||||
'宇',
|
||||
'衣',
|
||||
'於',
|
||||
'加',
|
||||
'幾',
|
||||
'久',
|
||||
'計',
|
||||
'己',
|
||||
'左',
|
||||
'之',
|
||||
'寸',
|
||||
'世',
|
||||
'曽',
|
||||
'太',
|
||||
'知',
|
||||
'川',
|
||||
'天',
|
||||
'止',
|
||||
'奈',
|
||||
'仁',
|
||||
'奴',
|
||||
'称',
|
||||
'乃',
|
||||
'波',
|
||||
'比',
|
||||
'不',
|
||||
'部',
|
||||
'保',
|
||||
'末',
|
||||
'美',
|
||||
'武',
|
||||
'女',
|
||||
'毛',
|
||||
'也',
|
||||
'為',
|
||||
'由',
|
||||
'恵',
|
||||
'与',
|
||||
'良',
|
||||
'利',
|
||||
'留',
|
||||
'礼',
|
||||
'呂',
|
||||
'和',
|
||||
'遠',
|
||||
'无'
|
||||
],
|
||||
callback: complete
|
||||
}).start();
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
||||
export default TexEffects
|
@ -1,57 +1,52 @@
|
||||
class EventEmitter
|
||||
{
|
||||
class EventEmitter {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {
|
||||
this.listeners = new Map();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
addListener(label, callback) {
|
||||
this.listeners.has(label) || this.listeners.set(label, []);
|
||||
this.listeners.get(label).push(callback);
|
||||
}
|
||||
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{
|
||||
this.listeners = new Map();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
addListener(label, callback) {
|
||||
this.listeners.has(label) || this.listeners.set(label, []);
|
||||
this.listeners.get(label).push(callback);
|
||||
}
|
||||
removeListener(label, callback) {
|
||||
var isFunction = function(obj) {
|
||||
return typeof obj == 'function' || false;
|
||||
};
|
||||
|
||||
removeListener(label, callback) {
|
||||
var isFunction = function(obj) {
|
||||
return typeof obj == 'function' || false;
|
||||
};
|
||||
var listeners = this.listeners.get(label),
|
||||
index;
|
||||
|
||||
var listeners = this.listeners.get(label),
|
||||
index;
|
||||
if (listeners && listeners.length) {
|
||||
index = listeners.reduce((i, listener, index) => {
|
||||
return isFunction(listener) && listener === callback ? (i = index) : i;
|
||||
}, -1);
|
||||
|
||||
if (listeners && listeners.length) {
|
||||
index = listeners.reduce((i, listener, index) => {
|
||||
return (isFunction(listener) && listener === callback)
|
||||
? i = index
|
||||
: i;
|
||||
}, -1);
|
||||
if (index > -1) {
|
||||
listeners.splice(index, 1);
|
||||
this.listeners.set(label, listeners);
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
if (index > -1) {
|
||||
listeners.splice(index, 1);
|
||||
this.listeners.set(label, listeners);
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
emitEvent(label, ...args) {
|
||||
var listeners = this.listeners.get(label);
|
||||
if (listeners && listeners.length) {
|
||||
listeners.forEach((listener) => {
|
||||
listener(...args);
|
||||
});
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
emitEvent(label, ...args) {
|
||||
var listeners = this.listeners.get(label);
|
||||
if (listeners && listeners.length) {
|
||||
listeners.forEach(listener => {
|
||||
listener(...args);
|
||||
});
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
||||
export default EventEmitter
|
||||
export default EventEmitter;
|
||||
|
@ -1,160 +1,156 @@
|
||||
import * as DataEvent from '../events/DataEvent';
|
||||
import DateUtils from '../utilities/DateUtils';
|
||||
import {
|
||||
position,
|
||||
offset
|
||||
}
|
||||
from 'caret-pos';
|
||||
import { position } from 'caret-pos';
|
||||
import EventEmitter from '../events/EventEmitter';
|
||||
import * as EditorEvent from '../events/EditorEvent';
|
||||
class TextEditor extends EventEmitter {
|
||||
/**
|
||||
* Text Editor UI Component
|
||||
* @constructor
|
||||
* @param {object} textEditor - Text area that will edit text
|
||||
* @param {number} scrollLimit - YPos where editor position will become fixed
|
||||
*/
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor(textEditor, scrollLimit) {
|
||||
super();
|
||||
hljs.initHighlightingOnLoad();
|
||||
this.dateUtils = new DateUtils();
|
||||
this.textEditor = textEditor;
|
||||
this.fixLimit = scrollLimit;
|
||||
this.caretPos = null;
|
||||
this.url = '';
|
||||
let self = this;
|
||||
this.setInputs();
|
||||
window.addEventListener("scroll", f => {
|
||||
var fixLimit = this.fixLimit;
|
||||
if (window.pageYOffset >= fixLimit) {
|
||||
document.getElementById('edit-control').style.position = "fixed"
|
||||
} else {
|
||||
document.getElementById('edit-control').style.position = "relative"
|
||||
}
|
||||
});
|
||||
this.refresh();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
setInputs() {
|
||||
let self = this;
|
||||
var editorButtons = document.querySelectorAll('.editor-button');
|
||||
for (var i = 0, length = editorButtons.length; i < length; i++) {
|
||||
editorButtons[i].addEventListener('click', e => this.handleEditorOption(e), false);
|
||||
}
|
||||
|
||||
this.textEditor.addEventListener('input', e => {
|
||||
let htmlTagRe = /<[a-z][\s\S]*>/g;
|
||||
let text = this.textEditor.innerText;
|
||||
if (e.inputType == "insertParagraph") return //cursor setting gets weird on return, so just back out
|
||||
/**
|
||||
* Text Editor UI Component
|
||||
* @constructor
|
||||
* @param {object} textEditor - Text area that will edit text
|
||||
* @param {number} scrollLimit - YPos where editor position will become fixed
|
||||
*/
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor(textEditor, scrollLimit) {
|
||||
super();
|
||||
hljs.initHighlightingOnLoad();
|
||||
this.dateUtils = new DateUtils();
|
||||
this.textEditor = textEditor;
|
||||
this.fixLimit = scrollLimit;
|
||||
this.caretPos = null;
|
||||
this.url = '';
|
||||
this.setInputs();
|
||||
window.addEventListener('scroll', () => {
|
||||
var fixLimit = this.fixLimit;
|
||||
if (window.pageYOffset >= fixLimit) {
|
||||
document.getElementById('edit-control').style.position = 'fixed';
|
||||
} else {
|
||||
document.getElementById('edit-control').style.position = 'relative';
|
||||
}
|
||||
});
|
||||
this.refresh();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
setInputs() {
|
||||
let self = this;
|
||||
var editorButtons = document.querySelectorAll('.editor-button');
|
||||
for (var i = 0, length = editorButtons.length; i < length; i++) {
|
||||
editorButtons[i].addEventListener('click', e => this.handleEditorOption(e), false);
|
||||
}
|
||||
|
||||
if (text.search(htmlTagRe) > -1) {
|
||||
let caret = position(this.textEditor).pos;
|
||||
self.refresh()
|
||||
position(this.textEditor, caret);
|
||||
}
|
||||
})
|
||||
}
|
||||
refresh() {
|
||||
var spiffed = hljs.highlight('markdown', this.textEditor.innerText).value;
|
||||
spiffed = spiffed.replace(new RegExp('\r?\n', 'g'), '<br>');
|
||||
var temp = document.createElement("div");
|
||||
temp.innerText = spiffed;
|
||||
this.textEditor.innerHTML = temp.innerText;
|
||||
this.textEditor.style.maxWidth = '900px';
|
||||
}
|
||||
notify(type, data) {
|
||||
switch (type) {
|
||||
case DataEvent.POST_UPDATED:
|
||||
document.getElementById('submit-update').classList.add('icon-hide');
|
||||
document.getElementById('submit-good').classList.remove('icon-hide');
|
||||
document.getElementById('edit-update').classList.remove('submit-start');
|
||||
document.getElementById('edit-update').classList.add('submit-cool');
|
||||
setTimeout(f => {
|
||||
document.getElementById('submit-update').classList.remove('icon-hide');
|
||||
document.getElementById('submit-good').classList.add('icon-hide');
|
||||
document.getElementById('edit-update').classList.add('submit-start');
|
||||
document.getElementById('edit-update').classList.remove('submit-cool');
|
||||
}, 2000);
|
||||
break;
|
||||
case DataEvent.POST_ADDED:
|
||||
// do nothing
|
||||
break;
|
||||
case EditorEvent.EDITOR_UPLOAD_POST_IMAGE:
|
||||
position(this.textEditor, this.caretPos);
|
||||
var sel, range, pulled;
|
||||
sel = window.getSelection(); //console.log(sel)
|
||||
//console.log(note.message)
|
||||
if (sel.rangeCount) {
|
||||
range = sel.getRangeAt(0);
|
||||
pulled = sel.getRangeAt(0).toString();
|
||||
range.deleteContents();
|
||||
range.insertNode(document.createTextNode("![image alt text](" + data + " 'image title')"));
|
||||
}
|
||||
this.refresh();
|
||||
break;
|
||||
}
|
||||
this.textEditor.addEventListener('input', e => {
|
||||
let htmlTagRe = /<[a-z][\s\S]*>/g;
|
||||
let text = this.textEditor.innerText;
|
||||
if (e.inputType == 'insertParagraph') return; //cursor setting gets weird on return, so just back out
|
||||
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
handleEditorOption(e) {
|
||||
e.preventDefault();
|
||||
var self = this;
|
||||
var sel, range, pulled;
|
||||
sel = window.getSelection(); //console.log(sel)
|
||||
if (sel.rangeCount) {
|
||||
range = sel.getRangeAt(0);
|
||||
pulled = sel.getRangeAt(0).toString();
|
||||
range.deleteContents();
|
||||
switch (e.target.id) {
|
||||
case "edit-bold":
|
||||
range.insertNode(document.createTextNode("**" + pulled + "**"));
|
||||
break;
|
||||
case "edit-italic":
|
||||
range.insertNode(document.createTextNode("*" + pulled + "*"));
|
||||
break;
|
||||
case "edit-strikethrough":
|
||||
range.insertNode(document.createTextNode("<del>" + pulled + "</del>"));
|
||||
break;
|
||||
case "edit-header1":
|
||||
range.insertNode(document.createTextNode("# " + pulled));
|
||||
break;
|
||||
case "edit-header2":
|
||||
range.insertNode(document.createTextNode("## " + pulled));
|
||||
break;
|
||||
case "edit-header3":
|
||||
range.insertNode(document.createTextNode("### " + pulled));
|
||||
break;
|
||||
case "edit-image":
|
||||
this.caretPos = position(this.textEditor).pos;
|
||||
this.emitEvent(EditorEvent.EDITOR_UPLOAD_POST_IMAGE);
|
||||
break;
|
||||
case "submit-save":
|
||||
case "edit-save":
|
||||
this.emitEvent(EditorEvent.EDITOR_SAVE);
|
||||
break;
|
||||
case "submit-update":
|
||||
case "edit-update":
|
||||
this.emitEvent(EditorEvent.EDITOR_UPDATE);
|
||||
break
|
||||
case "edit-link":
|
||||
range.insertNode(document.createTextNode("[" + pulled + "](PASTE URL HERE)"));
|
||||
break;
|
||||
case "edit-delete":
|
||||
this.emitEvent(EditorEvent.EDITOR_DELETE);
|
||||
break
|
||||
default:
|
||||
//range.insertNode(document.createTextNode("[" + self.url + "](PASTE URL HERE)"));
|
||||
break;
|
||||
}
|
||||
}
|
||||
this.refresh()
|
||||
}
|
||||
if (text.search(htmlTagRe) > -1) {
|
||||
let caret = position(this.textEditor).pos;
|
||||
self.refresh();
|
||||
position(this.textEditor, caret);
|
||||
}
|
||||
});
|
||||
}
|
||||
refresh() {
|
||||
var spiffed = hljs.highlight('markdown', this.textEditor.innerText).value;
|
||||
spiffed = spiffed.replace(new RegExp('\r?\n', 'g'), '<br>');
|
||||
var temp = document.createElement('div');
|
||||
temp.innerText = spiffed;
|
||||
this.textEditor.innerHTML = temp.innerText;
|
||||
this.textEditor.style.maxWidth = '900px';
|
||||
}
|
||||
notify(type, data) {
|
||||
switch (type) {
|
||||
case DataEvent.POST_UPDATED:
|
||||
document.getElementById('submit-update').classList.add('icon-hide');
|
||||
document.getElementById('submit-good').classList.remove('icon-hide');
|
||||
document.getElementById('edit-update').classList.remove('submit-start');
|
||||
document.getElementById('edit-update').classList.add('submit-cool');
|
||||
setTimeout(() => {
|
||||
document.getElementById('submit-update').classList.remove('icon-hide');
|
||||
document.getElementById('submit-good').classList.add('icon-hide');
|
||||
document.getElementById('edit-update').classList.add('submit-start');
|
||||
document.getElementById('edit-update').classList.remove('submit-cool');
|
||||
}, 2000);
|
||||
break;
|
||||
case DataEvent.POST_ADDED:
|
||||
// do nothing
|
||||
break;
|
||||
case EditorEvent.EDITOR_UPLOAD_POST_IMAGE:
|
||||
position(this.textEditor, this.caretPos);
|
||||
var sel, range;
|
||||
//var pulled;
|
||||
sel = window.getSelection(); //console.log(sel)
|
||||
//console.log(note.message)
|
||||
if (sel.rangeCount) {
|
||||
range = sel.getRangeAt(0);
|
||||
//pulled = sel.getRangeAt(0).toString();
|
||||
range.deleteContents();
|
||||
range.insertNode(
|
||||
document.createTextNode('![image alt text](' + data + " 'image title')")
|
||||
);
|
||||
}
|
||||
this.refresh();
|
||||
break;
|
||||
}
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
handleEditorOption(e) {
|
||||
e.preventDefault();
|
||||
var sel, range, pulled;
|
||||
sel = window.getSelection(); //console.log(sel)
|
||||
if (sel.rangeCount) {
|
||||
range = sel.getRangeAt(0);
|
||||
pulled = sel.getRangeAt(0).toString();
|
||||
range.deleteContents();
|
||||
switch (e.target.id) {
|
||||
case 'edit-bold':
|
||||
range.insertNode(document.createTextNode('**' + pulled + '**'));
|
||||
break;
|
||||
case 'edit-italic':
|
||||
range.insertNode(document.createTextNode('*' + pulled + '*'));
|
||||
break;
|
||||
case 'edit-strikethrough':
|
||||
range.insertNode(document.createTextNode('<del>' + pulled + '</del>'));
|
||||
break;
|
||||
case 'edit-header1':
|
||||
range.insertNode(document.createTextNode('# ' + pulled));
|
||||
break;
|
||||
case 'edit-header2':
|
||||
range.insertNode(document.createTextNode('## ' + pulled));
|
||||
break;
|
||||
case 'edit-header3':
|
||||
range.insertNode(document.createTextNode('### ' + pulled));
|
||||
break;
|
||||
case 'edit-image':
|
||||
this.caretPos = position(this.textEditor).pos;
|
||||
this.emitEvent(EditorEvent.EDITOR_UPLOAD_POST_IMAGE);
|
||||
break;
|
||||
case 'submit-save':
|
||||
case 'edit-save':
|
||||
this.emitEvent(EditorEvent.EDITOR_SAVE);
|
||||
break;
|
||||
case 'submit-update':
|
||||
case 'edit-update':
|
||||
this.emitEvent(EditorEvent.EDITOR_UPDATE);
|
||||
break;
|
||||
case 'edit-link':
|
||||
range.insertNode(document.createTextNode('[' + pulled + '](PASTE URL HERE)'));
|
||||
break;
|
||||
case 'edit-delete':
|
||||
this.emitEvent(EditorEvent.EDITOR_DELETE);
|
||||
break;
|
||||
default:
|
||||
//range.insertNode(document.createTextNode("[" + self.url + "](PASTE URL HERE)"));
|
||||
break;
|
||||
}
|
||||
}
|
||||
this.refresh();
|
||||
}
|
||||
}
|
||||
export default TextEditor
|
||||
export default TextEditor;
|
||||
|
@ -1,204 +1,177 @@
|
||||
"use strict";
|
||||
import DataUtils,
|
||||
{
|
||||
REQUEST_TYPE_GET,
|
||||
REQUEST_TYPE_PUT,
|
||||
REQUEST_TYPE_POST,
|
||||
REQUEST_TYPE_DELETE,
|
||||
CONTENT_TYPE_JSON,
|
||||
CONTENT_TYPE_FORM
|
||||
}
|
||||
from '../utilities/DataUtils';
|
||||
'use strict';
|
||||
import DataUtils, { REQUEST_TYPE_POST, CONTENT_TYPE_JSON } from '../utilities/DataUtils';
|
||||
import Dexie from 'dexie';
|
||||
import * as DataEvent from '../events/DataEvent';
|
||||
export var COUNT;
|
||||
export var FINAL_KEY;
|
||||
export default class DBUtils
|
||||
{
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{
|
||||
/**
|
||||
* NOTE: DB ERRORS REPLICATE.
|
||||
* WHEN FIXING A BUG, FIX DATA WITH JSON BACKUP
|
||||
*/
|
||||
this.dataUtils = new DataUtils();
|
||||
this.db = new Dexie("fipamo_posts");
|
||||
this.db.version(1).stores(
|
||||
{
|
||||
postList: 'id,post'
|
||||
});
|
||||
this.db.postList.toArray(array =>
|
||||
{
|
||||
COUNT = array.length;
|
||||
FINAL_KEY = array[COUNT - 1].id;
|
||||
})
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
modify(id, postData)
|
||||
{
|
||||
let self = this;
|
||||
let freshID;
|
||||
return new Promise(function(resolve, reject)
|
||||
{
|
||||
if (id == null)
|
||||
{
|
||||
self.db.postList.put(postData).then(fresh =>
|
||||
{
|
||||
freshID = fresh;
|
||||
}).catch(e =>
|
||||
{
|
||||
let err = {
|
||||
message: "PUT ERROR",
|
||||
error: e
|
||||
}
|
||||
});
|
||||
}
|
||||
else
|
||||
{
|
||||
//console.log("UPDATED", postData);
|
||||
self.db.postList.update(Number(id),
|
||||
{
|
||||
post: postData
|
||||
}).then(updated =>
|
||||
{}).catch(e =>
|
||||
{
|
||||
let err = {
|
||||
message: "UPDATE ERROR",
|
||||
error: e
|
||||
}
|
||||
});
|
||||
}
|
||||
self.db.postList.toArray(array =>
|
||||
{
|
||||
self.syncRemote(array, freshID).then(response =>
|
||||
{
|
||||
resolve(
|
||||
{
|
||||
response
|
||||
})
|
||||
}).catch(err =>
|
||||
{
|
||||
reject(
|
||||
{
|
||||
err
|
||||
});
|
||||
});
|
||||
})
|
||||
})
|
||||
}
|
||||
syncLocal(array)
|
||||
{
|
||||
let self = this;
|
||||
return new Promise(function(resolve, reject)
|
||||
{
|
||||
self.db.postList.clear().then(result =>
|
||||
{
|
||||
self.db.postList.bulkAdd(array).then(key =>
|
||||
{
|
||||
self.db.postList.toArray(array =>
|
||||
{
|
||||
let event = DataEvent.LOCAL_DB_READY
|
||||
resolve(
|
||||
{
|
||||
event
|
||||
})
|
||||
})
|
||||
}).catch(Dexie.BulkError, e =>
|
||||
{
|
||||
reject(
|
||||
{
|
||||
e
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
syncRemote(db, newPostId)
|
||||
{
|
||||
let self = this;
|
||||
return new Promise(function(resolve, reject)
|
||||
{
|
||||
self.dataUtils.request('/api/post/sync', DataEvent.POSTS_SYNCED, REQUEST_TYPE_POST, CONTENT_TYPE_JSON, db).then((response) =>
|
||||
{
|
||||
let bounce = {
|
||||
message: response,
|
||||
newPost: newPostId
|
||||
}
|
||||
resolve(bounce)
|
||||
}).catch((err) =>
|
||||
{
|
||||
reject(err);
|
||||
})
|
||||
})
|
||||
}
|
||||
getPost(id)
|
||||
{
|
||||
let self = this;
|
||||
if (id == null)
|
||||
{
|
||||
return new Promise(function(resolve, reject)
|
||||
{
|
||||
self.db.postList.toArray(array =>
|
||||
{
|
||||
resolve(array)
|
||||
}).catch(err =>
|
||||
{
|
||||
reject(err)
|
||||
})
|
||||
})
|
||||
}
|
||||
else
|
||||
{
|
||||
return new Promise(function(resolve, reject)
|
||||
{
|
||||
self.db.postList.get(Number(id)).then(obj =>
|
||||
{
|
||||
resolve(obj)
|
||||
}).catch(err =>
|
||||
{
|
||||
reject(err)
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
archivePost(id, archive)
|
||||
{
|
||||
let self = this;
|
||||
return new Promise(function(resolve, reject)
|
||||
{
|
||||
self.db.postList.update(Number(id),
|
||||
{
|
||||
post: archive
|
||||
}).then(deleted =>
|
||||
{
|
||||
self.db.postList.toArray(array =>
|
||||
{
|
||||
self.syncRemote(array, null).then(response =>
|
||||
{
|
||||
resolve(
|
||||
{
|
||||
response
|
||||
})
|
||||
}).catch(err =>
|
||||
{
|
||||
reject(
|
||||
{
|
||||
err
|
||||
});
|
||||
});
|
||||
})
|
||||
}).catch(e =>
|
||||
{
|
||||
console.log("ERROR", e)
|
||||
});
|
||||
})
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
export default class DBUtils {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {
|
||||
/**
|
||||
* NOTE: DB ERRORS REPLICATE.
|
||||
* WHEN FIXING A BUG, FIX DATA WITH JSON BACKUP
|
||||
*/
|
||||
this.dataUtils = new DataUtils();
|
||||
this.db = new Dexie('fipamo_posts');
|
||||
this.db.version(1).stores({
|
||||
postList: 'id,post'
|
||||
});
|
||||
this.db.postList.toArray(array => {
|
||||
COUNT = array.length;
|
||||
FINAL_KEY = array[COUNT - 1].id;
|
||||
});
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
modify(id, postData) {
|
||||
let self = this;
|
||||
let freshID;
|
||||
return new Promise(function(resolve, reject) {
|
||||
if (id == null) {
|
||||
self.db.postList
|
||||
.put(postData)
|
||||
.then(fresh => {
|
||||
freshID = fresh;
|
||||
})
|
||||
.catch(e => {
|
||||
let err = {
|
||||
message: 'PUT ERROR',
|
||||
error: e
|
||||
};
|
||||
|
||||
return err;
|
||||
});
|
||||
} else {
|
||||
//console.log("UPDATED", postData);
|
||||
self.db.postList
|
||||
.update(Number(id), {
|
||||
post: postData
|
||||
})
|
||||
.then(() => {})
|
||||
.catch(e => {
|
||||
let err = {
|
||||
message: 'UPDATE ERROR',
|
||||
error: e
|
||||
};
|
||||
return err;
|
||||
});
|
||||
}
|
||||
self.db.postList.toArray(array => {
|
||||
self.syncRemote(array, freshID)
|
||||
.then(response => {
|
||||
resolve({
|
||||
response
|
||||
});
|
||||
})
|
||||
.catch(err => {
|
||||
reject({
|
||||
err
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
syncLocal(array) {
|
||||
let self = this;
|
||||
return new Promise(function(resolve, reject) {
|
||||
self.db.postList.clear().then(() => {
|
||||
self.db.postList
|
||||
.bulkAdd(array)
|
||||
.then(() => {
|
||||
self.db.postList.toArray(() => {
|
||||
let event = DataEvent.LOCAL_DB_READY;
|
||||
resolve({
|
||||
event
|
||||
});
|
||||
});
|
||||
})
|
||||
.catch(Dexie.BulkError, e => {
|
||||
reject({
|
||||
e
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
syncRemote(db, newPostId) {
|
||||
let self = this;
|
||||
return new Promise(function(resolve, reject) {
|
||||
self.dataUtils
|
||||
.request(
|
||||
'/api/post/sync',
|
||||
DataEvent.POSTS_SYNCED,
|
||||
REQUEST_TYPE_POST,
|
||||
CONTENT_TYPE_JSON,
|
||||
db
|
||||
)
|
||||
.then(response => {
|
||||
let bounce = {
|
||||
message: response,
|
||||
newPost: newPostId
|
||||
};
|
||||
resolve(bounce);
|
||||
})
|
||||
.catch(err => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
getPost(id) {
|
||||
let self = this;
|
||||
if (id == null) {
|
||||
return new Promise(function(resolve, reject) {
|
||||
self.db.postList
|
||||
.toArray(array => {
|
||||
resolve(array);
|
||||
})
|
||||
.catch(err => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
} else {
|
||||
return new Promise(function(resolve, reject) {
|
||||
self.db.postList
|
||||
.get(Number(id))
|
||||
.then(obj => {
|
||||
resolve(obj);
|
||||
})
|
||||
.catch(err => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
archivePost(id, archive) {
|
||||
let self = this;
|
||||
return new Promise(function(resolve, reject) {
|
||||
self.db.postList
|
||||
.update(Number(id), {
|
||||
post: archive
|
||||
})
|
||||
.then(() => {
|
||||
self.db.postList.toArray(array => {
|
||||
self.syncRemote(array, null)
|
||||
.then(response => {
|
||||
resolve({
|
||||
response
|
||||
});
|
||||
})
|
||||
.catch(err => {
|
||||
reject({
|
||||
err
|
||||
});
|
||||
});
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
//console.log('ERROR', e);
|
||||
});
|
||||
});
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
@ -1,31 +1,27 @@
|
||||
class DOMUtils
|
||||
{
|
||||
class DOMUtils {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
getWindowXY() {
|
||||
var w = window,
|
||||
d = document,
|
||||
e = d.documentElement,
|
||||
g = d.getElementsByTagName('body')[0],
|
||||
x = w.innerWidth || e.clientWidth || g.clientWidth,
|
||||
y = w.innerHeight || e.clientHeight || g.clientHeight;
|
||||
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
getWindowXY()
|
||||
{
|
||||
var w = window,
|
||||
d = document,
|
||||
e = d.documentElement,
|
||||
g = d.getElementsByTagName('body')[0],
|
||||
x = w.innerWidth || e.clientWidth || g.clientWidth,
|
||||
y = w.innerHeight || e.clientHeight || g.clientHeight;
|
||||
|
||||
var dimensions = {
|
||||
windowHeight: y,
|
||||
windowWidth: x
|
||||
}
|
||||
return dimensions;
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
var dimensions = {
|
||||
windowHeight: y,
|
||||
windowWidth: x
|
||||
};
|
||||
return dimensions;
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
||||
export default DOMUtils
|
||||
export default DOMUtils;
|
||||
|
@ -1,139 +1,123 @@
|
||||
export const REQUEST_TYPE_POST = "POST";
|
||||
export const REQUEST_TYPE_GET = "GET";
|
||||
export const REQUEST_TYPE_PUT = "PUT";
|
||||
export const REQUEST_TYPE_DELETE = "DELETE";
|
||||
export const REQUEST_TYPE_POST = 'POST';
|
||||
export const REQUEST_TYPE_GET = 'GET';
|
||||
export const REQUEST_TYPE_PUT = 'PUT';
|
||||
export const REQUEST_TYPE_DELETE = 'DELETE';
|
||||
export const CONTENT_TYPE_JSON = 'json';
|
||||
export const CONTENT_TYPE_FORM = 'x-www-form-urlencoded';
|
||||
import EventEmitter from '../events/EventEmitter';
|
||||
import * as DataEvent from '../events/DataEvent';
|
||||
class DataUtils extends EventEmitter
|
||||
{
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{
|
||||
super();
|
||||
var self = this;
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
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 = function(e)
|
||||
{
|
||||
if (request.status == 200)
|
||||
{
|
||||
resolve(
|
||||
{
|
||||
request,
|
||||
eventType
|
||||
});
|
||||
}
|
||||
else
|
||||
{
|
||||
reject(
|
||||
{
|
||||
request,
|
||||
eventType
|
||||
});
|
||||
};
|
||||
};
|
||||
if (requestType == REQUEST_TYPE_PUT || requestType == REQUEST_TYPE_POST)
|
||||
{
|
||||
switch (contentType)
|
||||
{
|
||||
case CONTENT_TYPE_JSON:
|
||||
request.setRequestHeader("Content-type", "application/" + contentType);
|
||||
request.send(JSON.stringify(requestData));
|
||||
break;
|
||||
case CONTENT_TYPE_FORM:
|
||||
request.send(requestData);
|
||||
break;
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
request.send();
|
||||
}
|
||||
})
|
||||
}
|
||||
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.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 body = document.querySelector('body'),
|
||||
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)
|
||||
});
|
||||
});
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
handleLoadProgress(e)
|
||||
{
|
||||
var percentComplete = Math.ceil((e.loaded / e.total) * 100);
|
||||
//console.log(percentComplete);
|
||||
}
|
||||
class DataUtils extends EventEmitter {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {
|
||||
super();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
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) {
|
||||
resolve({
|
||||
request,
|
||||
eventType
|
||||
});
|
||||
} else {
|
||||
reject({
|
||||
request,
|
||||
eventType
|
||||
});
|
||||
}
|
||||
};
|
||||
if (requestType == REQUEST_TYPE_PUT || requestType == REQUEST_TYPE_POST) {
|
||||
switch (contentType) {
|
||||
case CONTENT_TYPE_JSON:
|
||||
request.setRequestHeader('Content-type', 'application/' + contentType);
|
||||
request.send(JSON.stringify(requestData));
|
||||
break;
|
||||
case CONTENT_TYPE_FORM:
|
||||
request.send(requestData);
|
||||
break;
|
||||
}
|
||||
} else {
|
||||
request.send();
|
||||
}
|
||||
});
|
||||
}
|
||||
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.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);
|
||||
}
|
||||
);
|
||||
});
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
handleLoadProgress() {
|
||||
//var percentComplete = Math.ceil((e.loaded / e.total) * 100);
|
||||
//console.log(percentComplete);
|
||||
}
|
||||
}
|
||||
export default DataUtils;
|
@ -1,61 +1,102 @@
|
||||
class DateUtils {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {}
|
||||
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
getMKtime() {
|
||||
var time =
|
||||
new Date(
|
||||
new Date().getFullYear(),
|
||||
new Date().getMonth(),
|
||||
new Date().getDate(),
|
||||
new Date().getHours(),
|
||||
new Date().getMinutes(),
|
||||
new Date().getSeconds(),
|
||||
0
|
||||
).getTime() / 1000;
|
||||
return time;
|
||||
}
|
||||
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
getMKtime() {
|
||||
var time = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), new Date().getHours(), new Date().getMinutes(), new Date().getSeconds(), 0).getTime() / 1000;
|
||||
return time;
|
||||
}
|
||||
convertMKtime(seconds) {
|
||||
var date = new Date(seconds * 1000);
|
||||
return date;
|
||||
}
|
||||
|
||||
convertMKtime(seconds) {
|
||||
var date = new Date(seconds * 1000);
|
||||
return date;
|
||||
}
|
||||
getDate(type, rawdate) {
|
||||
var day =
|
||||
rawdate != null || rawdate != ''
|
||||
? String(new Date(rawdate).getUTCDate())
|
||||
: String(new Date().getUTCDate());
|
||||
var month =
|
||||
rawdate != null || rawdate != ''
|
||||
? String(new Date(rawdate).getUTCMonth() + 1)
|
||||
: String(new Date().getUTCMonth() + 1);
|
||||
var year =
|
||||
rawdate != null || rawdate != ''
|
||||
? String(new Date(rawdate).getUTCFullYear())
|
||||
: String(new Date().getUTCFullYear());
|
||||
var hour =
|
||||
rawdate != null || rawdate != ''
|
||||
? String(new Date(rawdate).getUTCHours())
|
||||
: String(new Date().getUTCHours());
|
||||
var minute =
|
||||
rawdate != null || rawdate != ''
|
||||
? String(new Date(rawdate).getUTCMinutes())
|
||||
: String(new Date().getUTCMinutes());
|
||||
var seconds =
|
||||
rawdate != null || rawdate != ''
|
||||
? String(new Date(rawdate).getUTCSeconds())
|
||||
: String(new Date().getUTCSeconds());
|
||||
var millisecond =
|
||||
rawdate != null || rawdate != ''
|
||||
? String(new Date(rawdate).getUTCMilliseconds())
|
||||
: String(new Date().getUTCMilliseconds());
|
||||
var offset =
|
||||
rawdate != null || rawdate != ''
|
||||
? String(new Date(rawdate).getTimezoneOffset())
|
||||
: String(new Date().getTimezoneOffset());
|
||||
if (day.length == 1) day = String('0' + day);
|
||||
if (month.length == 1) month = String('0' + month);
|
||||
offset = String(offset / 60);
|
||||
if (offset.length == 1) offset = String('0' + offset);
|
||||
switch (type) {
|
||||
case 'day':
|
||||
return day;
|
||||
|
||||
getDate(type, rawdate) {
|
||||
var day = ((rawdate != null || rawdate != '') ? String(new Date(rawdate).getUTCDate()) : String(new Date().getUTCDate()));
|
||||
var month = ((rawdate != null || rawdate != '') ? String(new Date(rawdate).getUTCMonth() + 1) : String(new Date().getUTCMonth() + 1));
|
||||
var year = ((rawdate != null || rawdate != '') ? String(new Date(rawdate).getUTCFullYear()) : String(new Date().getUTCFullYear()));
|
||||
var hour = ((rawdate != null || rawdate != '') ? String(new Date(rawdate).getUTCHours()) : String(new Date().getUTCHours()));
|
||||
var minute = ((rawdate != null || rawdate != '') ? String(new Date(rawdate).getUTCMinutes()) : String(new Date().getUTCMinutes()));
|
||||
var seconds = ((rawdate != null || rawdate != '') ? String(new Date(rawdate).getUTCSeconds()) : String(new Date().getUTCSeconds()));
|
||||
var millisecond = ((rawdate != null || rawdate != '') ? String(new Date(rawdate).getUTCMilliseconds()) : String(new Date().getUTCMilliseconds()));
|
||||
var offset = ((rawdate != null || rawdate != '') ? String(new Date(rawdate).getTimezoneOffset()) : String(new Date().getTimezoneOffset()));
|
||||
if (day.length == 1)
|
||||
day = String("0" + day);
|
||||
if (month.length == 1)
|
||||
month = String("0" + month);
|
||||
offset = String(offset / 60);
|
||||
if (offset.length == 1)
|
||||
offset = String("0" + offset);
|
||||
switch (type) {
|
||||
case "day":
|
||||
return day;
|
||||
break;
|
||||
case "month":
|
||||
return month;
|
||||
break;
|
||||
case "year":
|
||||
return year;
|
||||
break;
|
||||
case "stamp":
|
||||
return String(year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + seconds + "." + millisecond + "-" + (offset));
|
||||
break
|
||||
default:
|
||||
return String(year + "-" + month + "-" + day);
|
||||
break;
|
||||
}
|
||||
}
|
||||
case 'month':
|
||||
return month;
|
||||
case 'year':
|
||||
return year;
|
||||
case 'stamp':
|
||||
return String(
|
||||
year +
|
||||
'-' +
|
||||
month +
|
||||
'-' +
|
||||
day +
|
||||
' ' +
|
||||
hour +
|
||||
':' +
|
||||
minute +
|
||||
':' +
|
||||
seconds +
|
||||
'.' +
|
||||
millisecond +
|
||||
'-' +
|
||||
offset
|
||||
);
|
||||
default:
|
||||
return String(year + '-' + month + '-' + day);
|
||||
}
|
||||
}
|
||||
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
||||
|
||||
export default DateUtils
|
||||
export default DateUtils;
|
||||
|
@ -1,162 +1,137 @@
|
||||
export const roles = {
|
||||
hnic:
|
||||
{
|
||||
"client_admin":
|
||||
{
|
||||
"create": true,
|
||||
"read": true,
|
||||
"update": true,
|
||||
"delete": true
|
||||
},
|
||||
"client_user":
|
||||
{
|
||||
"create": true,
|
||||
"read": true,
|
||||
"update": true,
|
||||
"delete": true
|
||||
},
|
||||
"client_project":
|
||||
{
|
||||
"create": true,
|
||||
"read": true,
|
||||
"update": true,
|
||||
"delete": true
|
||||
},
|
||||
"folio_project":
|
||||
{
|
||||
"create": true,
|
||||
"read": true,
|
||||
"update": true,
|
||||
"delete": true
|
||||
},
|
||||
"bookmark":
|
||||
{
|
||||
"create": true,
|
||||
"read": true,
|
||||
"update": true,
|
||||
"delete": true
|
||||
},
|
||||
"post":
|
||||
{
|
||||
"create": true,
|
||||
"read": true,
|
||||
"update": true,
|
||||
"delete": true
|
||||
},
|
||||
"settings":
|
||||
{
|
||||
"create": true,
|
||||
"read": true,
|
||||
"update": true,
|
||||
"delete": true
|
||||
}
|
||||
},
|
||||
client:
|
||||
{
|
||||
"client_admin":
|
||||
{
|
||||
"create": false,
|
||||
"read": true,
|
||||
"update": false,
|
||||
"delete": false
|
||||
},
|
||||
"client_user":
|
||||
{
|
||||
"create": true,
|
||||
"read": true,
|
||||
"update": true,
|
||||
"delete": true
|
||||
},
|
||||
"client_project":
|
||||
{
|
||||
"create": true,
|
||||
"read": true,
|
||||
"update": true,
|
||||
"delete": false
|
||||
},
|
||||
"folio_project":
|
||||
{
|
||||
"create": false,
|
||||
"read": false,
|
||||
"update": false,
|
||||
"delete": false
|
||||
}
|
||||
},
|
||||
user:
|
||||
{
|
||||
"client_admin":
|
||||
{
|
||||
"create": false,
|
||||
"read": false,
|
||||
"update": false,
|
||||
"delete": false
|
||||
},
|
||||
"client_user":
|
||||
{
|
||||
"create": false,
|
||||
"read": true,
|
||||
"update": false,
|
||||
"delete": false
|
||||
},
|
||||
"client_project":
|
||||
{
|
||||
"create": false,
|
||||
"read": true,
|
||||
"update": true,
|
||||
"delete": false
|
||||
},
|
||||
"folio_project":
|
||||
{
|
||||
"create": false,
|
||||
"read": false,
|
||||
"update": false,
|
||||
"delete": false
|
||||
},
|
||||
"bookmark":
|
||||
{
|
||||
"create": true,
|
||||
"read": true,
|
||||
"update": true,
|
||||
"delete": true
|
||||
},
|
||||
"post":
|
||||
{
|
||||
"create": false,
|
||||
"read": false,
|
||||
"update": false,
|
||||
"delete": false
|
||||
}
|
||||
}
|
||||
hnic: {
|
||||
client_admin: {
|
||||
create: true,
|
||||
read: true,
|
||||
update: true,
|
||||
delete: true
|
||||
},
|
||||
client_user: {
|
||||
create: true,
|
||||
read: true,
|
||||
update: true,
|
||||
delete: true
|
||||
},
|
||||
client_project: {
|
||||
create: true,
|
||||
read: true,
|
||||
update: true,
|
||||
delete: true
|
||||
},
|
||||
folio_project: {
|
||||
create: true,
|
||||
read: true,
|
||||
update: true,
|
||||
delete: true
|
||||
},
|
||||
bookmark: {
|
||||
create: true,
|
||||
read: true,
|
||||
update: true,
|
||||
delete: true
|
||||
},
|
||||
post: {
|
||||
create: true,
|
||||
read: true,
|
||||
update: true,
|
||||
delete: true
|
||||
},
|
||||
settings: {
|
||||
create: true,
|
||||
read: true,
|
||||
update: true,
|
||||
delete: true
|
||||
}
|
||||
},
|
||||
client: {
|
||||
client_admin: {
|
||||
create: false,
|
||||
read: true,
|
||||
update: false,
|
||||
delete: false
|
||||
},
|
||||
client_user: {
|
||||
create: true,
|
||||
read: true,
|
||||
update: true,
|
||||
delete: true
|
||||
},
|
||||
client_project: {
|
||||
create: true,
|
||||
read: true,
|
||||
update: true,
|
||||
delete: false
|
||||
},
|
||||
folio_project: {
|
||||
create: false,
|
||||
read: false,
|
||||
update: false,
|
||||
delete: false
|
||||
}
|
||||
},
|
||||
user: {
|
||||
client_admin: {
|
||||
create: false,
|
||||
read: false,
|
||||
update: false,
|
||||
delete: false
|
||||
},
|
||||
client_user: {
|
||||
create: false,
|
||||
read: true,
|
||||
update: false,
|
||||
delete: false
|
||||
},
|
||||
client_project: {
|
||||
create: false,
|
||||
read: true,
|
||||
update: true,
|
||||
delete: false
|
||||
},
|
||||
folio_project: {
|
||||
create: false,
|
||||
read: false,
|
||||
update: false,
|
||||
delete: false
|
||||
},
|
||||
bookmark: {
|
||||
create: true,
|
||||
read: true,
|
||||
update: true,
|
||||
delete: true
|
||||
},
|
||||
post: {
|
||||
create: false,
|
||||
read: false,
|
||||
update: false,
|
||||
delete: false
|
||||
}
|
||||
}
|
||||
};
|
||||
export const TASK_CREATE = 'create'
|
||||
export const TASK_UPDATE = 'update'
|
||||
export const TASK_READ = 'read'
|
||||
export const TASK_DELETE = 'delete'
|
||||
export const OBJECT_CLIENT_ADMIN = 'client_admin'
|
||||
export const OBJECT_CLIENT_USER = 'client_user'
|
||||
export const OBJECT_PROJECT_CLIENT = 'client_project'
|
||||
export const OBJECT_PROJECT_FOLIO = 'folio_project'
|
||||
export const OBJECT_BOOKMARK = 'bookmark'
|
||||
export const OBJECT_POST = 'post'
|
||||
export const OBJECT_SETTINGS = 'settings'
|
||||
export default class RightsManager
|
||||
{
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{
|
||||
var self = this;
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
check(role, object, task)
|
||||
{
|
||||
//console.log(role + " *** " + object + " *** " + task);
|
||||
return roles[role][object][task];
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
export const TASK_CREATE = 'create';
|
||||
export const TASK_UPDATE = 'update';
|
||||
export const TASK_READ = 'read';
|
||||
export const TASK_DELETE = 'delete';
|
||||
export const OBJECT_CLIENT_ADMIN = 'client_admin';
|
||||
export const OBJECT_CLIENT_USER = 'client_user';
|
||||
export const OBJECT_PROJECT_CLIENT = 'client_project';
|
||||
export const OBJECT_PROJECT_FOLIO = 'folio_project';
|
||||
export const OBJECT_BOOKMARK = 'bookmark';
|
||||
export const OBJECT_POST = 'post';
|
||||
export const OBJECT_SETTINGS = 'settings';
|
||||
export default class RightsManager {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
check(role, object, task) {
|
||||
//console.log(role + " *** " + object + " *** " + task);
|
||||
return roles[role][object][task];
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
@ -1,65 +1,68 @@
|
||||
class StringUtils
|
||||
{
|
||||
class StringUtils {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
cleanString(string) {
|
||||
var clean = string
|
||||
.replace(/(^\-+|[^a-zA-Z0-9\/_| -]+|\-+$)/g, '')
|
||||
.toLowerCase()
|
||||
.replace(/[\/_| -]+/g, '-');
|
||||
return clean;
|
||||
}
|
||||
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
cleanString(string)
|
||||
{
|
||||
var clean = string.replace(/(^\-+|[^a-zA-Z0-9\/_| -]+|\-+$)/g, '').toLowerCase().replace(/[\/_| -]+/g, '-');
|
||||
return clean;
|
||||
}
|
||||
decodeHTML(string, quote_style) {
|
||||
var optTemp = 0,
|
||||
i = 0,
|
||||
noquotes = false;
|
||||
if (typeof quote_style === 'undefined') {
|
||||
quote_style = 2;
|
||||
}
|
||||
string = string
|
||||
.toString()
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>');
|
||||
var OPTS = {
|
||||
ENT_NOQUOTES: 0,
|
||||
ENT_HTML_QUOTE_SINGLE: 1,
|
||||
ENT_HTML_QUOTE_DOUBLE: 2,
|
||||
ENT_COMPAT: 2,
|
||||
ENT_QUOTES: 3,
|
||||
ENT_IGNORE: 4
|
||||
};
|
||||
if (quote_style === 0) {
|
||||
noquotes = true;
|
||||
}
|
||||
if (typeof quote_style !== 'number') {
|
||||
// Allow for a single string or an array of string flags
|
||||
quote_style = [].concat(quote_style);
|
||||
for (i = 0; i < quote_style.length; i++) {
|
||||
// Resolve string input to bitwise e.g. 'PATHINFO_EXTENSION' becomes 4
|
||||
if (OPTS[quote_style[i]] === 0) {
|
||||
noquotes = true;
|
||||
} else if (OPTS[quote_style[i]]) {
|
||||
optTemp = optTemp | OPTS[quote_style[i]];
|
||||
}
|
||||
}
|
||||
quote_style = optTemp;
|
||||
}
|
||||
if (quote_style & OPTS.ENT_HTML_QUOTE_SINGLE) {
|
||||
string = string.replace(/�*39;/g, "'"); // PHP doesn't currently escape if more than one 0, but it should
|
||||
// string = string.replace(/'|�*27;/g, "'"); // This would also be useful here, but not a part of PHP
|
||||
}
|
||||
if (!noquotes) {
|
||||
string = string.replace(/"/g, '"');
|
||||
}
|
||||
// Put this in last place to avoid escape being double-decoded
|
||||
string = string.replace(/&/g, '&');
|
||||
return string;
|
||||
}
|
||||
|
||||
decodeHTML(string, quote_style) {
|
||||
var optTemp = 0,
|
||||
i = 0,
|
||||
noquotes = false;
|
||||
if (typeof quote_style === 'undefined') {
|
||||
quote_style = 2;
|
||||
}
|
||||
string = string.toString().replace(/</g, '<').replace(/>/g, '>');
|
||||
var OPTS = {
|
||||
'ENT_NOQUOTES': 0,
|
||||
'ENT_HTML_QUOTE_SINGLE': 1,
|
||||
'ENT_HTML_QUOTE_DOUBLE': 2,
|
||||
'ENT_COMPAT': 2,
|
||||
'ENT_QUOTES': 3,
|
||||
'ENT_IGNORE': 4
|
||||
};
|
||||
if (quote_style === 0) {
|
||||
noquotes = true;
|
||||
}
|
||||
if (typeof quote_style !== 'number') { // Allow for a single string or an array of string flags
|
||||
quote_style = [].concat(quote_style);
|
||||
for (i = 0; i < quote_style.length; i++) {
|
||||
// Resolve string input to bitwise e.g. 'PATHINFO_EXTENSION' becomes 4
|
||||
if (OPTS[quote_style[i]] === 0) {
|
||||
noquotes = true;
|
||||
} else if (OPTS[quote_style[i]]) {
|
||||
optTemp = optTemp | OPTS[quote_style[i]];
|
||||
}
|
||||
}
|
||||
quote_style = optTemp;
|
||||
}
|
||||
if (quote_style & OPTS.ENT_HTML_QUOTE_SINGLE) {
|
||||
string = string.replace(/�*39;/g, "'"); // PHP doesn't currently escape if more than one 0, but it should
|
||||
// string = string.replace(/'|�*27;/g, "'"); // This would also be useful here, but not a part of PHP
|
||||
}
|
||||
if (!noquotes) {
|
||||
string = string.replace(/"/g, '"');
|
||||
}
|
||||
// Put this in last place to avoid escape being double-decoded
|
||||
string = string.replace(/&/g, '&');
|
||||
return string;
|
||||
}
|
||||
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
||||
export default StringUtils
|
||||
export default StringUtils;
|
||||
|
@ -1,41 +1,39 @@
|
||||
import DataUtils,
|
||||
{
|
||||
REQUEST_TYPE_GET,
|
||||
REQUEST_TYPE_PUT,
|
||||
REQUEST_TYPE_POST,
|
||||
REQUEST_TYPE_DELETE,
|
||||
CONTENT_TYPE_JSON,
|
||||
CONTENT_TYPE_FORM
|
||||
}
|
||||
from '../../../../../brain//tools/utilities/DataUtils';
|
||||
import DataUtils, {
|
||||
REQUEST_TYPE_POST,
|
||||
CONTENT_TYPE_JSON
|
||||
} from '../../../../../brain//tools/utilities/DataUtils';
|
||||
import * as DataEvent from '../../../../../brain/tools/events/DataEvent';
|
||||
export default class Mailer
|
||||
{
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{
|
||||
this.dataUtils = new DataUtils();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
sendMail()
|
||||
{
|
||||
var self = this;
|
||||
let mailData = {
|
||||
content: "This is a test email"
|
||||
}
|
||||
self.dataUtils.request('/api/mail', DataEvent.SETTINGS_UPDATED, REQUEST_TYPE_POST, CONTENT_TYPE_JSON, mailData).then((response) =>
|
||||
{
|
||||
console.log(response)
|
||||
}).catch((err) =>
|
||||
{
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
export default class Mailer {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {
|
||||
this.dataUtils = new DataUtils();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
sendMail() {
|
||||
var self = this;
|
||||
let mailData = {
|
||||
content: 'This is a test email'
|
||||
};
|
||||
self.dataUtils
|
||||
.request(
|
||||
'/api/mail',
|
||||
DataEvent.SETTINGS_UPDATED,
|
||||
REQUEST_TYPE_POST,
|
||||
CONTENT_TYPE_JSON,
|
||||
mailData
|
||||
)
|
||||
.then(() => {
|
||||
//console.log(response);
|
||||
})
|
||||
.catch(() => {
|
||||
//console.log(err);
|
||||
});
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
@ -1,71 +1,62 @@
|
||||
import DataUtils,
|
||||
{
|
||||
REQUEST_TYPE_GET,
|
||||
REQUEST_TYPE_PUT,
|
||||
REQUEST_TYPE_POST,
|
||||
REQUEST_TYPE_DELETE,
|
||||
CONTENT_TYPE_JSON,
|
||||
CONTENT_TYPE_FORM
|
||||
}
|
||||
from '../../../../../brain//tools/utilities/DataUtils';
|
||||
import StringUtils from '../../../../../brain//tools/utilities/StringUtils';
|
||||
import DataUtils, {
|
||||
REQUEST_TYPE_POST,
|
||||
CONTENT_TYPE_JSON
|
||||
} from '../../../../../brain//tools/utilities/DataUtils';
|
||||
import DateUtils from '../../../../../brain/tools/utilities/DateUtils';
|
||||
import * as DataEvent from '../../../../../brain/tools/events/DataEvent';
|
||||
import DBUtils from '../../../../../brain/tools/utilities/DBUtils';
|
||||
export default class NavActions
|
||||
{
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{
|
||||
this.dataUtils = new DataUtils();
|
||||
this.dateUtils = new DateUtils();
|
||||
this.dbutils = new DBUtils();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
save()
|
||||
{
|
||||
let self = this;
|
||||
let navData = [];
|
||||
let items = document.getElementById('nav-pages').children;
|
||||
for (let index = 0; index < items.length; index++)
|
||||
{
|
||||
navData.push(
|
||||
{
|
||||
title: items[index].getElementsByTagName('label')[0].innerHTML,
|
||||
id: items[index].id,
|
||||
slug: items[index].getAttribute('data-slug'),
|
||||
uuid: items[index].getAttribute('data-uuid')
|
||||
})
|
||||
}
|
||||
return new Promise(function(resolve, reject)
|
||||
{
|
||||
self.dataUtils.request('/api/settings/nav-sync', DataEvent.SETTINGS_UPDATED, REQUEST_TYPE_POST, CONTENT_TYPE_JSON, navData).then((response) =>
|
||||
{
|
||||
resolve(response)
|
||||
}).catch((err) =>
|
||||
{
|
||||
reject(err);
|
||||
})
|
||||
})
|
||||
}
|
||||
removeItem(id)
|
||||
{
|
||||
let self = this;
|
||||
this.dbutils.getPost(id).then(post =>
|
||||
{
|
||||
post.post.page = "false";
|
||||
self.dbutils.modify(id, post.post).then(r =>
|
||||
{
|
||||
document.getElementById('nav-pages').removeChild(document.getElementById(id));
|
||||
self.save()
|
||||
})
|
||||
})
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
export default class NavActions {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {
|
||||
this.dataUtils = new DataUtils();
|
||||
this.dateUtils = new DateUtils();
|
||||
this.dbutils = new DBUtils();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
save() {
|
||||
let self = this;
|
||||
let navData = [];
|
||||
let items = document.getElementById('nav-pages').children;
|
||||
for (let index = 0; index < items.length; index++) {
|
||||
navData.push({
|
||||
title: items[index].getElementsByTagName('label')[0].innerHTML,
|
||||
id: items[index].id,
|
||||
slug: items[index].getAttribute('data-slug'),
|
||||
uuid: items[index].getAttribute('data-uuid')
|
||||
});
|
||||
}
|
||||
return new Promise(function(resolve, reject) {
|
||||
self.dataUtils
|
||||
.request(
|
||||
'/api/settings/nav-sync',
|
||||
DataEvent.SETTINGS_UPDATED,
|
||||
REQUEST_TYPE_POST,
|
||||
CONTENT_TYPE_JSON,
|
||||
navData
|
||||
)
|
||||
.then(response => {
|
||||
resolve(response);
|
||||
})
|
||||
.catch(err => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
removeItem(id) {
|
||||
let self = this;
|
||||
this.dbutils.getPost(id).then(post => {
|
||||
post.post.page = 'false';
|
||||
self.dbutils.modify(id, post.post).then(() => {
|
||||
document.getElementById('nav-pages').removeChild(document.getElementById(id));
|
||||
self.save();
|
||||
});
|
||||
});
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
@ -1,162 +1,155 @@
|
||||
import DataUtils,
|
||||
{
|
||||
REQUEST_TYPE_GET,
|
||||
REQUEST_TYPE_PUT,
|
||||
REQUEST_TYPE_POST,
|
||||
REQUEST_TYPE_DELETE,
|
||||
CONTENT_TYPE_JSON,
|
||||
CONTENT_TYPE_FORM
|
||||
}
|
||||
from '../../../../../brain//tools/utilities/DataUtils';
|
||||
import DataUtils, {
|
||||
REQUEST_TYPE_POST,
|
||||
CONTENT_TYPE_JSON
|
||||
} from '../../../../../brain//tools/utilities/DataUtils';
|
||||
import StringUtils from '../../../../../brain//tools/utilities/StringUtils';
|
||||
import DateUtils from '../../../../../brain/tools/utilities/DateUtils';
|
||||
import DBUtils from '../../../../../brain/tools/utilities/DBUtils';
|
||||
var uuidv4 = require('uuid/v4');
|
||||
import * as DataEvent from '../../../../../brain/tools/events/DataEvent';
|
||||
export default class PostActions
|
||||
{
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{
|
||||
this.dataUtils = new DataUtils();
|
||||
this.dateUtils = new DateUtils();
|
||||
this.dbUtils = new DBUtils();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
update(id, data, files, lastKey)
|
||||
{
|
||||
let self = this;
|
||||
let freshData;
|
||||
return new Promise(function(resolve, reject)
|
||||
{
|
||||
let txt = document.createElement("textarea");
|
||||
txt.innerHTML = document.getElementById('edit-post-text').innerHTML;
|
||||
let html = txt.value;
|
||||
html = html.replace(/<\/?span[^>]*>/g, ""); //removes highightjs styling
|
||||
html = html.replace(/<\/?br[^>]*>/g, "\n"); //convert back to encoded line break for storage
|
||||
data.title = document.getElementById('post_title').value;
|
||||
data.slug = new StringUtils().cleanString(document.getElementById('post_title').value)
|
||||
data.plaintext = html;
|
||||
data.html = html;
|
||||
data.created = document.getElementById('post-date').value;
|
||||
data.tags = document.getElementById('post_tags').value;
|
||||
data.page = document.getElementById('option-page').getAttribute('data-active')
|
||||
data.featured = document.getElementById('option-feature').getAttribute('data-active')
|
||||
data.published = document.getElementById('option-published').getAttribute('data-active')
|
||||
if (files.length != 0)
|
||||
{
|
||||
for (var i = 0; i < files.length; i++)
|
||||
{
|
||||
var file = files[i];
|
||||
// Check the file type.
|
||||
if (!file.type.match('image.*'))
|
||||
{
|
||||
continue;
|
||||
}
|
||||
data.feature = "/content/blog-images/" + self.dateUtils.getDate('year', new Date()) + "/" + self.dateUtils.getDate('month', new Date()) + "/" + file.name;
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
if (typeof data.feature == 'undefined') data.feature = ""
|
||||
}
|
||||
if (id == null)
|
||||
{
|
||||
freshData = {
|
||||
id: lastKey + 1,
|
||||
post:
|
||||
{
|
||||
uuid: uuidv4(),
|
||||
title: data.title,
|
||||
slug: data.slug,
|
||||
plaintext: data.plaintext,
|
||||
html: data.html,
|
||||
feature: data.feature,
|
||||
created: data.created,
|
||||
tags: data.tags,
|
||||
page: data.page,
|
||||
featured: data.featured,
|
||||
published: data.published,
|
||||
deleted: "",
|
||||
author: "user"
|
||||
}
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
freshData = data;
|
||||
}
|
||||
self.dbUtils.modify(id, freshData).then((response) =>
|
||||
{
|
||||
resolve(response)
|
||||
if(id != null) (freshData.page == 'true') ? self.updateNav(true, id, freshData) : self.updateNav(false, id, freshData)
|
||||
|
||||
}).catch((err) =>
|
||||
{
|
||||
reject(err)
|
||||
})
|
||||
})
|
||||
}
|
||||
deletePost(id, body)
|
||||
{
|
||||
let self = this;
|
||||
body.deleted = new Date().toString();
|
||||
return new Promise(function(resolve, reject)
|
||||
{
|
||||
self.dbUtils.archivePost(id, body).then(response =>
|
||||
{
|
||||
console.log(response)
|
||||
resolve(response)
|
||||
}).catch(err =>
|
||||
{
|
||||
console.log(err)
|
||||
reject(error)
|
||||
})
|
||||
})
|
||||
}
|
||||
updateNav(add, id, post)
|
||||
{
|
||||
var self = this;
|
||||
this.dataUtils.request('/api/settings/nav', DataEvent.SETTINGS_LOADED).then((response) =>
|
||||
{
|
||||
let menu = JSON.parse(response.request['response']);
|
||||
let item = {
|
||||
id: id,
|
||||
uuid: post.uuid,
|
||||
title: post.title,
|
||||
slug: post.slug
|
||||
}
|
||||
if (add)
|
||||
{
|
||||
menu.push(item)
|
||||
}
|
||||
else
|
||||
{
|
||||
for (let index = 0; index < menu.length; index++)
|
||||
{
|
||||
if (menu[index].id == id)
|
||||
{
|
||||
menu.splice(index, 1)
|
||||
}
|
||||
}
|
||||
}
|
||||
self.dataUtils.request('/api/settings/nav-sync', DataEvent.SETTINGS_UPDATED, REQUEST_TYPE_POST, CONTENT_TYPE_JSON, menu).then((response) =>
|
||||
{
|
||||
console.log(response)
|
||||
}).catch((err) =>
|
||||
{
|
||||
console.log(err)
|
||||
})
|
||||
}).catch((err) =>
|
||||
{
|
||||
console.log(err);
|
||||
});
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
export default class PostActions {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {
|
||||
this.dataUtils = new DataUtils();
|
||||
this.dateUtils = new DateUtils();
|
||||
this.dbUtils = new DBUtils();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
update(id, data, files, lastKey) {
|
||||
let self = this;
|
||||
let freshData;
|
||||
return new Promise(function(resolve, reject) {
|
||||
let txt = document.createElement('textarea');
|
||||
txt.innerHTML = document.getElementById('edit-post-text').innerHTML;
|
||||
let html = txt.value;
|
||||
html = html.replace(/<\/?span[^>]*>/g, ''); //removes highightjs styling
|
||||
html = html.replace(/<\/?br[^>]*>/g, '\n'); //convert back to encoded line break for storage
|
||||
data.title = document.getElementById('post_title').value;
|
||||
data.slug = new StringUtils().cleanString(document.getElementById('post_title').value);
|
||||
data.plaintext = html;
|
||||
data.html = html;
|
||||
data.created = document.getElementById('post-date').value;
|
||||
data.tags = document.getElementById('post_tags').value;
|
||||
data.page = document.getElementById('option-page').getAttribute('data-active');
|
||||
data.featured = document.getElementById('option-feature').getAttribute('data-active');
|
||||
data.published = document
|
||||
.getElementById('option-published')
|
||||
.getAttribute('data-active');
|
||||
if (files.length != 0) {
|
||||
for (var i = 0; i < files.length; i++) {
|
||||
var file = files[i];
|
||||
// Check the file type.
|
||||
if (!file.type.match('image.*')) {
|
||||
continue;
|
||||
}
|
||||
data.feature =
|
||||
'/content/blog-images/' +
|
||||
self.dateUtils.getDate('year', new Date()) +
|
||||
'/' +
|
||||
self.dateUtils.getDate('month', new Date()) +
|
||||
'/' +
|
||||
file.name;
|
||||
}
|
||||
} else {
|
||||
if (typeof data.feature == 'undefined') data.feature = '';
|
||||
}
|
||||
if (id == null) {
|
||||
freshData = {
|
||||
id: lastKey + 1,
|
||||
post: {
|
||||
uuid: uuidv4(),
|
||||
title: data.title,
|
||||
slug: data.slug,
|
||||
plaintext: data.plaintext,
|
||||
html: data.html,
|
||||
feature: data.feature,
|
||||
created: data.created,
|
||||
tags: data.tags,
|
||||
page: data.page,
|
||||
featured: data.featured,
|
||||
published: data.published,
|
||||
deleted: '',
|
||||
author: 'user'
|
||||
}
|
||||
};
|
||||
} else {
|
||||
freshData = data;
|
||||
}
|
||||
self.dbUtils
|
||||
.modify(id, freshData)
|
||||
.then(response => {
|
||||
resolve(response);
|
||||
if (id != null)
|
||||
freshData.page == 'true'
|
||||
? self.updateNav(true, id, freshData)
|
||||
: self.updateNav(false, id, freshData);
|
||||
})
|
||||
.catch(err => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
deletePost(id, body) {
|
||||
let self = this;
|
||||
body.deleted = new Date().toString();
|
||||
return new Promise(function(resolve, reject) {
|
||||
self.dbUtils
|
||||
.archivePost(id, body)
|
||||
.then(response => {
|
||||
//console.log(response);
|
||||
resolve(response);
|
||||
})
|
||||
.catch(err => {
|
||||
//console.log(err);
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
updateNav(add, id, post) {
|
||||
var self = this;
|
||||
this.dataUtils
|
||||
.request('/api/settings/nav', DataEvent.SETTINGS_LOADED)
|
||||
.then(response => {
|
||||
let menu = JSON.parse(response.request['response']);
|
||||
let item = {
|
||||
id: id,
|
||||
uuid: post.uuid,
|
||||
title: post.title,
|
||||
slug: post.slug
|
||||
};
|
||||
if (add) {
|
||||
menu.push(item);
|
||||
} else {
|
||||
for (let index = 0; index < menu.length; index++) {
|
||||
if (menu[index].id == id) {
|
||||
menu.splice(index, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
self.dataUtils
|
||||
.request(
|
||||
'/api/settings/nav-sync',
|
||||
DataEvent.SETTINGS_UPDATED,
|
||||
REQUEST_TYPE_POST,
|
||||
CONTENT_TYPE_JSON,
|
||||
menu
|
||||
)
|
||||
.then(() => {
|
||||
//console.log(response);
|
||||
})
|
||||
.catch(() => {
|
||||
//console.log(err);
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
//console.log(err);
|
||||
});
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
@ -1,92 +1,88 @@
|
||||
import DataUtils,
|
||||
{
|
||||
REQUEST_TYPE_GET,
|
||||
REQUEST_TYPE_PUT,
|
||||
REQUEST_TYPE_POST,
|
||||
REQUEST_TYPE_DELETE,
|
||||
CONTENT_TYPE_JSON,
|
||||
CONTENT_TYPE_FORM
|
||||
}
|
||||
from '../../../../../brain//tools/utilities/DataUtils';
|
||||
import StringUtils from '../../../../../brain//tools/utilities/StringUtils';
|
||||
import DataUtils, {
|
||||
REQUEST_TYPE_POST,
|
||||
CONTENT_TYPE_JSON
|
||||
} from '../../../../../brain//tools/utilities/DataUtils';
|
||||
import DateUtils from '../../../../../brain/tools/utilities/DateUtils';
|
||||
import * as DataEvent from '../../../../../brain/tools/events/DataEvent';
|
||||
export default class SettingsActions
|
||||
{
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{
|
||||
this.dataUtils = new DataUtils();
|
||||
this.dateUtils = new DateUtils();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
save()
|
||||
{
|
||||
let self = this;
|
||||
let handle = document.getElementById('settings-handle').value;
|
||||
let email = document.getElementById('settings-email').value;
|
||||
let url = document.getElementById('settings-url').value;
|
||||
let title = document.getElementById('settings-title').value;
|
||||
let desc = document.getElementById('settings-desc').innerHTML;
|
||||
let privacy = document.getElementById('privacy-toggle').getAttribute('data-private');
|
||||
let background = document.getElementById('background').src;
|
||||
let selected = "";
|
||||
let selects = document.querySelectorAll('.theme-select');
|
||||
let smtpDomain = document.getElementById('smtp-domain').value;
|
||||
let smtpEmail = document.getElementById('smtp-email').value;
|
||||
let smtpPass = document.getElementById('smtp-pass').value;
|
||||
let mgDomain = document.getElementById('mg-domain').value;
|
||||
let mgKey = document.getElementById('mg-key').value;
|
||||
let mailActive = "";
|
||||
let mailOptions = document.querySelectorAll('.mail-option');
|
||||
for (var i = 0, length = selects.length; i < length; i++)
|
||||
{
|
||||
if (selects[i].getAttribute('data-enabled') == "true") selected = selects[i].id;
|
||||
}
|
||||
export default class SettingsActions {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {
|
||||
this.dataUtils = new DataUtils();
|
||||
this.dateUtils = new DateUtils();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
save() {
|
||||
let self = this;
|
||||
let handle = document.getElementById('settings-handle').value;
|
||||
let email = document.getElementById('settings-email').value;
|
||||
let url = document.getElementById('settings-url').value;
|
||||
let title = document.getElementById('settings-title').value;
|
||||
let desc = document.getElementById('settings-desc').innerHTML;
|
||||
let privacy = document.getElementById('privacy-toggle').getAttribute('data-private');
|
||||
let background = document.getElementById('background').src;
|
||||
let selected = '';
|
||||
let selects = document.querySelectorAll('.theme-select');
|
||||
let smtpDomain = document.getElementById('smtp-domain').value;
|
||||
let smtpEmail = document.getElementById('smtp-email').value;
|
||||
let smtpPass = document.getElementById('smtp-pass').value;
|
||||
let mgDomain = document.getElementById('mg-domain').value;
|
||||
let mgKey = document.getElementById('mg-key').value;
|
||||
let mailActive = '';
|
||||
let mailOptions = document.querySelectorAll('.mail-option');
|
||||
var i, count;
|
||||
for (i = 0, count = selects.length; i < count; i++) {
|
||||
if (selects[i].getAttribute('data-enabled') == 'true') selected = selects[i].id;
|
||||
}
|
||||
|
||||
for (var i = 0, length = mailOptions.length; i < length; i++)
|
||||
{
|
||||
if (mailOptions[i].getAttribute('data-enabled') == "true") mailActive = mailOptions[i].id;
|
||||
}
|
||||
let settingsData = {
|
||||
handle: handle,
|
||||
email: email,
|
||||
url: url,
|
||||
title: title,
|
||||
descriptions: desc,
|
||||
background: background,
|
||||
private: privacy,
|
||||
theme: selected,
|
||||
mailSettings:{
|
||||
activeProtocol: mailActive,
|
||||
smtp:{
|
||||
domain: smtpDomain,
|
||||
email: smtpEmail,
|
||||
password:smtpPass
|
||||
},
|
||||
mailgun:{
|
||||
domain: mgDomain,
|
||||
key: mgKey
|
||||
}
|
||||
}
|
||||
}
|
||||
return new Promise(function(resolve, reject)
|
||||
{
|
||||
self.dataUtils.request('/api/settings/sync', DataEvent.SETTINGS_UPDATED, REQUEST_TYPE_POST, CONTENT_TYPE_JSON, settingsData).then((response) =>
|
||||
{
|
||||
//console.log("RESPONSE", response)
|
||||
resolve(response)
|
||||
}).catch((err) =>
|
||||
{
|
||||
reject(err);
|
||||
})
|
||||
})
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
for (i = 0, count = mailOptions.length; i < count; i++) {
|
||||
if (mailOptions[i].getAttribute('data-enabled') == 'true')
|
||||
mailActive = mailOptions[i].id;
|
||||
}
|
||||
let settingsData = {
|
||||
handle: handle,
|
||||
email: email,
|
||||
url: url,
|
||||
title: title,
|
||||
descriptions: desc,
|
||||
background: background,
|
||||
private: privacy,
|
||||
theme: selected,
|
||||
mailSettings: {
|
||||
activeProtocol: mailActive,
|
||||
smtp: {
|
||||
domain: smtpDomain,
|
||||
email: smtpEmail,
|
||||
password: smtpPass
|
||||
},
|
||||
mailgun: {
|
||||
domain: mgDomain,
|
||||
key: mgKey
|
||||
}
|
||||
}
|
||||
};
|
||||
return new Promise(function(resolve, reject) {
|
||||
self.dataUtils
|
||||
.request(
|
||||
'/api/settings/sync',
|
||||
DataEvent.SETTINGS_UPDATED,
|
||||
REQUEST_TYPE_POST,
|
||||
CONTENT_TYPE_JSON,
|
||||
settingsData
|
||||
)
|
||||
.then(response => {
|
||||
//console.log("RESPONSE", response)
|
||||
resolve(response);
|
||||
})
|
||||
.catch(err => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
@ -1,66 +1,48 @@
|
||||
import NavActions from "../actions/NavActions";
|
||||
import DataUtils,
|
||||
{
|
||||
REQUEST_TYPE_GET,
|
||||
REQUEST_TYPE_PUT,
|
||||
REQUEST_TYPE_POST,
|
||||
REQUEST_TYPE_DELETE,
|
||||
CONTENT_TYPE_JSON,
|
||||
CONTENT_TYPE_FORM
|
||||
}
|
||||
from "../../../../../brain/tools/utilities/DataUtils";
|
||||
import * as DataEvent from '../../../../../brain/tools/events/DataEvent';
|
||||
import DBUtils from "../../../../../brain/tools/utilities/DBUtils";
|
||||
export default class NavIndex
|
||||
{
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{
|
||||
this.start();
|
||||
this.dataUtils = new DataUtils();
|
||||
this.dbutils = new DBUtils();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
start()
|
||||
{
|
||||
let self = this;
|
||||
let menu = Sortable.create(document.getElementById("nav-pages"),
|
||||
{
|
||||
onUpdate: e =>
|
||||
{
|
||||
|
||||
new NavActions().save().then(r=>{
|
||||
console.log(r);
|
||||
}).catch(err=>{
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
});
|
||||
var nav = document.querySelectorAll('.nav-btn');
|
||||
for (var i = 0, length = nav.length; i < length; i++)
|
||||
{
|
||||
nav[i].addEventListener('click', e => this.handleNavButton(e), false);
|
||||
}
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
handleNavButton(e)
|
||||
{
|
||||
let self = this;
|
||||
switch (e.target.id)
|
||||
{
|
||||
case "remove-item":
|
||||
let id = e.target.getAttribute('data-id');
|
||||
new NavActions().removeItem(id);
|
||||
break
|
||||
case "edit-item":
|
||||
window.location = "/@/dashboard/posts/edit/" + e.target.getAttribute('data-id');
|
||||
break
|
||||
}
|
||||
}
|
||||
import NavActions from '../actions/NavActions';
|
||||
import DBUtils from '../../../../../brain/tools/utilities/DBUtils';
|
||||
export default class NavIndex {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {
|
||||
this.start();
|
||||
//this.dataUtils = new DataUtils();
|
||||
this.dbutils = new DBUtils();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
start() {
|
||||
Sortable.create(document.getElementById('nav-pages'), {
|
||||
onUpdate: () => {
|
||||
new NavActions()
|
||||
.save()
|
||||
.then(() => {
|
||||
//console.log(r);
|
||||
})
|
||||
.catch(() => {
|
||||
//console.log(err);
|
||||
});
|
||||
}
|
||||
});
|
||||
var nav = document.querySelectorAll('.nav-btn');
|
||||
for (var i = 0, length = nav.length; i < length; i++) {
|
||||
nav[i].addEventListener('click', e => this.handleNavButton(e), false);
|
||||
}
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
handleNavButton(e) {
|
||||
let id = '';
|
||||
switch (e.target.id) {
|
||||
case 'remove-item':
|
||||
id = e.target.getAttribute('data-id');
|
||||
new NavActions().removeItem(id);
|
||||
break;
|
||||
case 'edit-item':
|
||||
window.location = '/@/dashboard/posts/edit/' + e.target.getAttribute('data-id');
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
@ -1,253 +1,254 @@
|
||||
//TOOLS
|
||||
import DataUtils,
|
||||
{
|
||||
REQUEST_TYPE_GET,
|
||||
REQUEST_TYPE_PUT,
|
||||
REQUEST_TYPE_POST,
|
||||
REQUEST_TYPE_DELETE,
|
||||
CONTENT_TYPE_JSON,
|
||||
CONTENT_TYPE_FORM
|
||||
}
|
||||
from '../../../../../brain/tools/utilities/DataUtils';
|
||||
import DataUtils, {
|
||||
REQUEST_TYPE_POST,
|
||||
CONTENT_TYPE_FORM
|
||||
} from '../../../../../brain/tools/utilities/DataUtils';
|
||||
import * as DataEvent from '../../../../../brain/tools/events/DataEvent';
|
||||
import PostActions from '../actions/PostActions';
|
||||
import * as EditorEvent from '../../../../../brain/tools/events/EditorEvent';
|
||||
import TinyDatePicker from 'tiny-date-picker';
|
||||
import DateUtils from '../../../../../brain/tools/utilities/DateUtils';
|
||||
import TextEditor from '../../../../../brain/tools/ui/TextEditor';
|
||||
import DBUtils,
|
||||
{
|
||||
FINAL_KEY
|
||||
}
|
||||
from '../../../../../brain/tools/utilities/DBUtils';
|
||||
export default class PostEditor
|
||||
{
|
||||
|
||||
//TODO - FIX POST FEATURE URLS IN DB
|
||||
import DBUtils, { FINAL_KEY } from '../../../../../brain/tools/utilities/DBUtils';
|
||||
export default class PostEditor {
|
||||
//TODO - FIX POST FEATURE URLS IN DB
|
||||
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{
|
||||
let self = this;
|
||||
this.dataUtils = new DataUtils();
|
||||
this.dateUtils = new DateUtils();
|
||||
this.urlPieces = document.URL.split("/");
|
||||
this.dbUtils = new DBUtils();
|
||||
this.post = [];
|
||||
this.postID = null;
|
||||
if (document.getElementById('post-edit-index').getAttribute('data-index'))
|
||||
{
|
||||
this.postID = document.getElementById('post-edit-index').getAttribute('data-index');
|
||||
this.dbUtils.getPost(this.postID).then(body =>
|
||||
{
|
||||
self.post = body.post;
|
||||
this.start()
|
||||
}).catch(err =>
|
||||
{
|
||||
//console.log(err)
|
||||
})
|
||||
}
|
||||
else
|
||||
{
|
||||
this.start()
|
||||
}
|
||||
if (document.getElementById('edit-post-text'))
|
||||
{
|
||||
this.editor = new TextEditor(document.getElementById('edit-post-text'), document.getElementById('header').offsetHeight + document.getElementById('post-header').offsetHeight + document.getElementById('post-feature').offsetHeight);
|
||||
this.editor.addListener(EditorEvent.EDITOR_DELETE, f => this.handleEditorOptions(EditorEvent.EDITOR_DELETE), false)
|
||||
this.editor.addListener(EditorEvent.EDITOR_UPLOAD_POST_IMAGE, f => this.handleEditorOptions(EditorEvent.EDITOR_UPLOAD_POST_IMAGE), false)
|
||||
this.editor.addListener(EditorEvent.EDITOR_UPDATE, f => this.handleEditorOptions(EditorEvent.EDITOR_UPDATE), false)
|
||||
this.editor.addListener(EditorEvent.EDITOR_SAVE, f => this.handleEditorOptions(EditorEvent.EDITOR_SAVE), false)
|
||||
document.getElementById('post-image-upload').addEventListener('change', e =>
|
||||
{
|
||||
self.handleImageUpload(e.target.id, e.target.files);
|
||||
}, false);
|
||||
TinyDatePicker(document.getElementById('post-date'),
|
||||
{
|
||||
mode: 'dp-below',
|
||||
format(date)
|
||||
{
|
||||
return self.dateUtils.getDate('origin', date);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
start()
|
||||
{
|
||||
let self = this;
|
||||
if (document.getElementById('featured-image-drop'))
|
||||
{
|
||||
document.getElementById('featured-image-drop').addEventListener('dragover', this.handleImageActions, false);
|
||||
document.getElementById('featured-image-drop').addEventListener('drop', this.handleImageActions, false);
|
||||
document.getElementById('featured-image-upload').addEventListener('change', e => this.handleImageActions(e), false);
|
||||
if (document.getElementById('new-feature-upload'))
|
||||
{
|
||||
document.getElementById('new-feature-upload').addEventListener('click', e =>
|
||||
{
|
||||
document.getElementById('featured-image-upload').click();
|
||||
})
|
||||
}
|
||||
var optionButtons = document.querySelectorAll('.post-option-btn');
|
||||
for (var i = 0, length = optionButtons.length; i < length; i++)
|
||||
{
|
||||
optionButtons[i].addEventListener('click', e => this.handlePostOptions(e), false);
|
||||
}
|
||||
}
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
handlePostOptions(e)
|
||||
{
|
||||
let currentOption;
|
||||
switch (e.target.id)
|
||||
{
|
||||
case "option-page-icon":
|
||||
case "option-page":
|
||||
currentOption = document.getElementById('option-page');
|
||||
break;
|
||||
case "option-feature-icon":
|
||||
case "option-feature":
|
||||
currentOption = document.getElementById('option-feature');
|
||||
break;
|
||||
case "option-published-icon":
|
||||
case "option-published":
|
||||
currentOption = document.getElementById('option-published');
|
||||
break;
|
||||
}
|
||||
let active = currentOption.getAttribute('data-active');
|
||||
(active == 'false') ? currentOption.setAttribute('data-active', 'true'): currentOption.setAttribute('data-active', 'false')
|
||||
}
|
||||
handleEditorOptions(e)
|
||||
{
|
||||
let self = this;
|
||||
switch (e)
|
||||
{
|
||||
case EditorEvent.EDITOR_SAVE:
|
||||
new PostActions().update(this.postID, this.post, PostEditor.uploadFiles, FINAL_KEY).then(response =>
|
||||
{
|
||||
setTimeout(f =>
|
||||
{
|
||||
self.dbUtils.getPost(Number(response.response.newPost)).then(r =>
|
||||
{
|
||||
window.location = "/@/dashboard/posts/edit/" + r.post.uuid;
|
||||
})
|
||||
}, 100);
|
||||
}).catch(err =>
|
||||
{
|
||||
//console.log("ERROR", err)
|
||||
})
|
||||
break
|
||||
case EditorEvent.EDITOR_UPDATE:
|
||||
new PostActions().update(this.postID, this.post, PostEditor.uploadFiles, FINAL_KEY).then(response =>
|
||||
{
|
||||
this.editor.notify(DataEvent.POST_UPDATED, this.postID);
|
||||
}).catch(err =>
|
||||
{
|
||||
//console.log("ERRORZ", err)
|
||||
})
|
||||
break;
|
||||
case EditorEvent.EDITOR_DELETE:
|
||||
if (confirm('Aye! You know you\'re deleting this post, right?'))
|
||||
{
|
||||
new PostActions().deletePost(this.postID, this.post).then((response) =>
|
||||
{
|
||||
setTimeout(f =>
|
||||
{
|
||||
window.location = "/@/dashboard/posts/"
|
||||
}, 100);
|
||||
}).catch((err) =>
|
||||
{
|
||||
console.log(err)
|
||||
});
|
||||
}
|
||||
else
|
||||
{
|
||||
// Do nothing!
|
||||
}
|
||||
break;
|
||||
case EditorEvent.EDITOR_UPLOAD_POST_IMAGE:
|
||||
document.getElementById('post-image-upload').click();
|
||||
break;
|
||||
}
|
||||
}
|
||||
handleImageActions(e)
|
||||
{
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
var self = this;
|
||||
switch (e.type)
|
||||
{
|
||||
case "dragover":
|
||||
e.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.
|
||||
break;
|
||||
case "change":
|
||||
case "drop":
|
||||
(e.type == "drop") ? PostEditor.uploadFiles = e.dataTransfer.files: PostEditor.uploadFiles = e.target.files;
|
||||
for (var i = 0, f; f = PostEditor.uploadFiles[i]; i++)
|
||||
{
|
||||
// Only process image files.
|
||||
if (!f.type.match('image.*'))
|
||||
{
|
||||
continue;
|
||||
}
|
||||
var reader = new FileReader();
|
||||
// Closure to capture the file information.
|
||||
reader.onload = (function(theFile)
|
||||
{
|
||||
return function(f)
|
||||
{
|
||||
// Render thumbnail.
|
||||
var image = document.createElement('img');
|
||||
image.src = f.target.result;
|
||||
image.title = escape(theFile.name);
|
||||
var span = document.createElement('div');
|
||||
span.innerHTML = ['<img src="',
|
||||
f.target.result, '" title="',
|
||||
escape(theFile.name), '"/>'
|
||||
].join('');
|
||||
document.getElementById('featured-image-drop').innerHTML = '';
|
||||
document.getElementById('featured-image-drop').appendChild(image);
|
||||
};
|
||||
})(f);
|
||||
// Read in the image file as a data URL.
|
||||
reader.readAsDataURL(f);
|
||||
}
|
||||
if (e.target.id == "featured-image-upload") this.handleImageUpload(e.target.id, PostEditor.uploadFiles);
|
||||
break;
|
||||
}
|
||||
}
|
||||
handleImageUpload(type, files)
|
||||
{
|
||||
let url = ""
|
||||
let eventType = "";
|
||||
let self = this;
|
||||
(type == "featured-image-upload") ? url = "/api/post/add-feature-image": url = "/api/post/add-post-image";
|
||||
(type == "featured-image-upload") ? eventType = DataEvent.FEATURE_IMAGE_ADDED: eventType = DataEvent.POST_IMAGE_ADDED
|
||||
var imageData = new FormData();
|
||||
for (var i = 0; i < files.length; i++)
|
||||
{
|
||||
var file = files[i];
|
||||
// Check the file type.
|
||||
if (!file.type.match('image.*'))
|
||||
{
|
||||
continue;
|
||||
}
|
||||
(type == "featured-image-upload") ? imageData.append('feature_image', file, file.name): imageData.append('post_image', file, file.name);
|
||||
}
|
||||
this.dataUtils.request(url, eventType, REQUEST_TYPE_POST, CONTENT_TYPE_FORM, imageData).then((response) =>
|
||||
{
|
||||
let r = JSON.parse(response.request['response']);
|
||||
if (r.message == DataEvent.POST_IMAGE_ADDED) self.editor.notify(EditorEvent.EDITOR_UPLOAD_POST_IMAGE, r.url);
|
||||
}).catch((err) =>
|
||||
{
|
||||
//console.log(err)
|
||||
})
|
||||
}
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {
|
||||
let self = this;
|
||||
this.dataUtils = new DataUtils();
|
||||
this.dateUtils = new DateUtils();
|
||||
this.urlPieces = document.URL.split('/');
|
||||
this.dbUtils = new DBUtils();
|
||||
this.post = [];
|
||||
this.postID = null;
|
||||
if (document.getElementById('post-edit-index').getAttribute('data-index')) {
|
||||
this.postID = document.getElementById('post-edit-index').getAttribute('data-index');
|
||||
this.dbUtils
|
||||
.getPost(this.postID)
|
||||
.then(body => {
|
||||
self.post = body.post;
|
||||
this.start();
|
||||
})
|
||||
.catch();
|
||||
} else {
|
||||
this.start();
|
||||
}
|
||||
if (document.getElementById('edit-post-text')) {
|
||||
this.editor = new TextEditor(
|
||||
document.getElementById('edit-post-text'),
|
||||
document.getElementById('header').offsetHeight +
|
||||
document.getElementById('post-header').offsetHeight +
|
||||
document.getElementById('post-feature').offsetHeight
|
||||
);
|
||||
this.editor.addListener(
|
||||
EditorEvent.EDITOR_DELETE,
|
||||
() => this.handleEditorOptions(EditorEvent.EDITOR_DELETE),
|
||||
false
|
||||
);
|
||||
this.editor.addListener(
|
||||
EditorEvent.EDITOR_UPLOAD_POST_IMAGE,
|
||||
() => this.handleEditorOptions(EditorEvent.EDITOR_UPLOAD_POST_IMAGE),
|
||||
false
|
||||
);
|
||||
this.editor.addListener(
|
||||
EditorEvent.EDITOR_UPDATE,
|
||||
() => this.handleEditorOptions(EditorEvent.EDITOR_UPDATE),
|
||||
false
|
||||
);
|
||||
this.editor.addListener(
|
||||
EditorEvent.EDITOR_SAVE,
|
||||
() => this.handleEditorOptions(EditorEvent.EDITOR_SAVE),
|
||||
false
|
||||
);
|
||||
document.getElementById('post-image-upload').addEventListener(
|
||||
'change',
|
||||
e => {
|
||||
self.handleImageUpload(e.target.id, e.target.files);
|
||||
},
|
||||
false
|
||||
);
|
||||
TinyDatePicker(document.getElementById('post-date'), {
|
||||
mode: 'dp-below',
|
||||
format(date) {
|
||||
return self.dateUtils.getDate('origin', date);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
start() {
|
||||
if (document.getElementById('featured-image-drop')) {
|
||||
document
|
||||
.getElementById('featured-image-drop')
|
||||
.addEventListener('dragover', this.handleImageActions, false);
|
||||
document
|
||||
.getElementById('featured-image-drop')
|
||||
.addEventListener('drop', this.handleImageActions, false);
|
||||
document
|
||||
.getElementById('featured-image-upload')
|
||||
.addEventListener('change', e => this.handleImageActions(e), false);
|
||||
if (document.getElementById('new-feature-upload')) {
|
||||
document.getElementById('new-feature-upload').addEventListener('click', () => {
|
||||
document.getElementById('featured-image-upload').click();
|
||||
});
|
||||
}
|
||||
var optionButtons = document.querySelectorAll('.post-option-btn');
|
||||
for (var i = 0, length = optionButtons.length; i < length; i++) {
|
||||
optionButtons[i].addEventListener('click', e => this.handlePostOptions(e), false);
|
||||
}
|
||||
}
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
handlePostOptions(e) {
|
||||
let currentOption;
|
||||
switch (e.target.id) {
|
||||
case 'option-page-icon':
|
||||
case 'option-page':
|
||||
currentOption = document.getElementById('option-page');
|
||||
break;
|
||||
case 'option-feature-icon':
|
||||
case 'option-feature':
|
||||
currentOption = document.getElementById('option-feature');
|
||||
break;
|
||||
case 'option-published-icon':
|
||||
case 'option-published':
|
||||
currentOption = document.getElementById('option-published');
|
||||
break;
|
||||
}
|
||||
let active = currentOption.getAttribute('data-active');
|
||||
active == 'false'
|
||||
? currentOption.setAttribute('data-active', 'true')
|
||||
: currentOption.setAttribute('data-active', 'false');
|
||||
}
|
||||
handleEditorOptions(e) {
|
||||
let self = this;
|
||||
switch (e) {
|
||||
case EditorEvent.EDITOR_SAVE:
|
||||
new PostActions()
|
||||
.update(this.postID, this.post, PostEditor.uploadFiles, FINAL_KEY)
|
||||
.then(response => {
|
||||
setTimeout(() => {
|
||||
self.dbUtils.getPost(Number(response.response.newPost)).then(r => {
|
||||
window.location = '/@/dashboard/posts/edit/' + r.post.uuid;
|
||||
});
|
||||
}, 100);
|
||||
})
|
||||
.catch(() => {
|
||||
//console.log("ERROR", err)
|
||||
});
|
||||
break;
|
||||
case EditorEvent.EDITOR_UPDATE:
|
||||
new PostActions()
|
||||
.update(this.postID, this.post, PostEditor.uploadFiles, FINAL_KEY)
|
||||
.then(() => {
|
||||
this.editor.notify(DataEvent.POST_UPDATED, this.postID);
|
||||
})
|
||||
.catch(() => {
|
||||
//console.log("ERRORZ", err)
|
||||
});
|
||||
break;
|
||||
case EditorEvent.EDITOR_DELETE:
|
||||
if (confirm("Aye! You know you're deleting this post, right?")) {
|
||||
new PostActions()
|
||||
.deletePost(this.postID, this.post)
|
||||
.then(() => {
|
||||
setTimeout(() => {
|
||||
window.location = '/@/dashboard/posts/';
|
||||
}, 100);
|
||||
})
|
||||
.catch(() => {});
|
||||
} else {
|
||||
// Do nothing!
|
||||
}
|
||||
break;
|
||||
case EditorEvent.EDITOR_UPLOAD_POST_IMAGE:
|
||||
document.getElementById('post-image-upload').click();
|
||||
break;
|
||||
}
|
||||
}
|
||||
handleImageActions(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
switch (e.type) {
|
||||
case 'dragover':
|
||||
e.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.
|
||||
break;
|
||||
case 'change':
|
||||
case 'drop':
|
||||
e.type == 'drop'
|
||||
? (PostEditor.uploadFiles = e.dataTransfer.files)
|
||||
: (PostEditor.uploadFiles = e.target.files);
|
||||
for (var i = 0, f; (f = PostEditor.uploadFiles[i]); i++) {
|
||||
// Only process image files.
|
||||
if (!f.type.match('image.*')) {
|
||||
continue;
|
||||
}
|
||||
var reader = new FileReader();
|
||||
// Closure to capture the file information.
|
||||
reader.onload = (function(theFile) {
|
||||
return function(f) {
|
||||
// Render thumbnail.
|
||||
var image = document.createElement('img');
|
||||
image.src = f.target.result;
|
||||
image.title = escape(theFile.name);
|
||||
var span = document.createElement('div');
|
||||
span.innerHTML = [
|
||||
'<img src="',
|
||||
f.target.result,
|
||||
'" title="',
|
||||
escape(theFile.name),
|
||||
'"/>'
|
||||
].join('');
|
||||
document.getElementById('featured-image-drop').innerHTML = '';
|
||||
document.getElementById('featured-image-drop').appendChild(image);
|
||||
};
|
||||
})(f);
|
||||
// Read in the image file as a data URL.
|
||||
reader.readAsDataURL(f);
|
||||
}
|
||||
if (e.target.id == 'featured-image-upload')
|
||||
this.handleImageUpload(e.target.id, PostEditor.uploadFiles);
|
||||
break;
|
||||
}
|
||||
}
|
||||
handleImageUpload(type, files) {
|
||||
let url = '';
|
||||
let eventType = '';
|
||||
let self = this;
|
||||
type == 'featured-image-upload'
|
||||
? (url = '/api/post/add-feature-image')
|
||||
: (url = '/api/post/add-post-image');
|
||||
type == 'featured-image-upload'
|
||||
? (eventType = DataEvent.FEATURE_IMAGE_ADDED)
|
||||
: (eventType = DataEvent.POST_IMAGE_ADDED);
|
||||
var imageData = new FormData();
|
||||
for (var i = 0; i < files.length; i++) {
|
||||
var file = files[i];
|
||||
// Check the file type.
|
||||
if (!file.type.match('image.*')) {
|
||||
continue;
|
||||
}
|
||||
type == 'featured-image-upload'
|
||||
? imageData.append('feature_image', file, file.name)
|
||||
: imageData.append('post_image', file, file.name);
|
||||
}
|
||||
this.dataUtils
|
||||
.request(url, eventType, REQUEST_TYPE_POST, CONTENT_TYPE_FORM, imageData)
|
||||
.then(response => {
|
||||
let r = JSON.parse(response.request['response']);
|
||||
if (r.message == DataEvent.POST_IMAGE_ADDED)
|
||||
self.editor.notify(EditorEvent.EDITOR_UPLOAD_POST_IMAGE, r.url);
|
||||
})
|
||||
.catch(() => {
|
||||
//console.log(err)
|
||||
});
|
||||
}
|
||||
}
|
||||
PostEditor.uploadFiles = [];
|
@ -1,37 +1,30 @@
|
||||
import PostEditor from './PostEditor';
|
||||
export default class PostIndex
|
||||
{
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor(page)
|
||||
{
|
||||
this.currentPage = null;
|
||||
this.choosePage(page);
|
||||
this.start();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
start()
|
||||
{
|
||||
let self = this;
|
||||
}
|
||||
choosePage(page)
|
||||
{
|
||||
this.currentPage = '';
|
||||
switch (page)
|
||||
{
|
||||
case "edit":
|
||||
case "add":
|
||||
this.currentPage = new PostEditor();
|
||||
break;
|
||||
default:
|
||||
//just chill
|
||||
break;
|
||||
}
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
export default class PostIndex {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor(page) {
|
||||
this.currentPage = null;
|
||||
this.choosePage(page);
|
||||
this.start();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
start() {}
|
||||
choosePage(page) {
|
||||
this.currentPage = '';
|
||||
switch (page) {
|
||||
case 'edit':
|
||||
case 'add':
|
||||
this.currentPage = new PostEditor();
|
||||
break;
|
||||
default:
|
||||
//just chill
|
||||
break;
|
||||
}
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
}
|
@ -1,171 +1,152 @@
|
||||
import SettingsActions from "../actions/SettingsActions";
|
||||
import DataUtils,
|
||||
{
|
||||
REQUEST_TYPE_GET,
|
||||
REQUEST_TYPE_PUT,
|
||||
REQUEST_TYPE_POST,
|
||||
REQUEST_TYPE_DELETE,
|
||||
CONTENT_TYPE_JSON,
|
||||
CONTENT_TYPE_FORM
|
||||
}
|
||||
from "../../../../../brain/tools/utilities/DataUtils";
|
||||
import SettingsActions from '../actions/SettingsActions';
|
||||
import DataUtils, {
|
||||
REQUEST_TYPE_POST,
|
||||
CONTENT_TYPE_FORM
|
||||
} from '../../../../../brain/tools/utilities/DataUtils';
|
||||
import * as DataEvent from '../../../../../brain/tools/events/DataEvent';
|
||||
import Mailer from '../actions/Mailer';
|
||||
export default class SettingsIndex
|
||||
{
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor()
|
||||
{
|
||||
this.start();
|
||||
this.dataUtils = new DataUtils();
|
||||
this.mailer = new Mailer();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
start()
|
||||
{
|
||||
let self = this;
|
||||
//handle save button
|
||||
document.getElementById('save-toggle').addEventListener('click', f => new SettingsActions().save().then(response =>
|
||||
{
|
||||
console.log(response);
|
||||
}).catch(err =>
|
||||
{
|
||||
console.log(err);
|
||||
}));
|
||||
//handle set up image uploads
|
||||
document.getElementById('avatar').addEventListener('click', e =>
|
||||
{
|
||||
document.getElementById('avatar-upload').click();
|
||||
})
|
||||
document.getElementById('background').addEventListener('click', e =>
|
||||
{
|
||||
document.getElementById('background-upload').click();
|
||||
})
|
||||
document.getElementById('avatar-upload').addEventListener('change', e =>
|
||||
{
|
||||
self.handleImageUpload(e.target.id, e.target.files);
|
||||
}, false);
|
||||
document.getElementById('background-upload').addEventListener('change', e =>
|
||||
{
|
||||
self.handleImageUpload(e.target.id, e.target.files);
|
||||
}, false);
|
||||
//handle privacy toggle
|
||||
document.getElementById("privacy-toggle").addEventListener("click", e => this.togglePrivacy(e));
|
||||
document.getElementById("send-mail").addEventListener("click", e => this.handleMailer(e));
|
||||
//handle theme toggle
|
||||
let themeBtns = document.querySelectorAll('.theme-select');
|
||||
for (var i = 0, length = themeBtns.length; i < length; i++)
|
||||
{
|
||||
themeBtns[i].addEventListener('click', e => this.handleThemes(e));
|
||||
}
|
||||
//handle mail options
|
||||
let mailBtn = document.querySelectorAll('.mail-option');
|
||||
for (var i = 0, length = mailBtn.length; i < length; i++)
|
||||
{
|
||||
mailBtn[i].addEventListener('click', e => this.handleMailOptions(e));
|
||||
}
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
togglePrivacy(e)
|
||||
{
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
if (e.target.getAttribute('data-private') == "false")
|
||||
{
|
||||
e.target.setAttribute('data-private', 'true');
|
||||
e.target.innerHTML = "SITE IS PUBLIC"
|
||||
}
|
||||
else
|
||||
{
|
||||
e.target.setAttribute('data-private', 'false');
|
||||
e.target.innerHTML = "SITE IS PRIVATE"
|
||||
}
|
||||
}
|
||||
handleMailer()
|
||||
{
|
||||
this.mailer.sendMail();
|
||||
}
|
||||
handleThemes(e)
|
||||
{
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
let themes = document.querySelectorAll('.theme-select');
|
||||
for (var i = 0, length = themes.length; i < length; i++)
|
||||
{
|
||||
(e.target.id == themes[i].id) ? themes[i].setAttribute('data-enabled', 'true'): themes[i].setAttribute('data-enabled', 'false')
|
||||
}
|
||||
}
|
||||
handleMailOptions(e)
|
||||
{
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
let smtp = document.getElementById('mail-smtp');
|
||||
let mailgun = document.getElementById('mail-mg')
|
||||
let mail = document.querySelectorAll('.mail-option');
|
||||
for (var i = 0, length = mail.length; i < length; i++)
|
||||
{
|
||||
if (e.target.id == mail[i].id)
|
||||
{
|
||||
mail[i].setAttribute('data-enabled', 'true')
|
||||
if (e.target.id == "option-smtp")
|
||||
{
|
||||
smtp.setAttribute('data-enabled', 'true')
|
||||
mailgun.setAttribute('data-enabled', 'false')
|
||||
}
|
||||
else if (e.target.id == "option-none")
|
||||
{
|
||||
smtp.setAttribute('data-enabled', 'false')
|
||||
mailgun.setAttribute('data-enabled', 'false')
|
||||
}
|
||||
else
|
||||
{
|
||||
smtp.setAttribute('data-enabled', 'false')
|
||||
mailgun.setAttribute('data-enabled', 'true')
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
mail[i].setAttribute('data-enabled', 'false')
|
||||
}
|
||||
}
|
||||
}
|
||||
handleImageUpload(type, files)
|
||||
{
|
||||
let url = ""
|
||||
let eventType = "";
|
||||
let self = this;
|
||||
(type == "avatar-upload") ? url = "/api/settings/add-avatar": url = "/api/settings/add-feature-background";
|
||||
var imageData = new FormData();
|
||||
for (var i = 0; i < files.length; i++)
|
||||
{
|
||||
var file = files[i];
|
||||
// Check the file type.
|
||||
if (!file.type.match('image.*'))
|
||||
{
|
||||
continue;
|
||||
}
|
||||
(type == "avatar-upload") ? imageData.append('avatar_upload', file, file.name): imageData.append('background_upload', file, file.name);
|
||||
}
|
||||
this.dataUtils.request(url, eventType, REQUEST_TYPE_POST, CONTENT_TYPE_FORM, imageData).then((response) =>
|
||||
{
|
||||
let r = JSON.parse(response.request['response']);
|
||||
if (r.message == DataEvent.AVATAR_UPLOADED)
|
||||
{
|
||||
document.getElementById('avatar').src = r.url;
|
||||
}
|
||||
else
|
||||
{
|
||||
document.getElementById('background').src = r.url;
|
||||
}
|
||||
}).catch((err) =>
|
||||
{
|
||||
//console.log(err)
|
||||
})
|
||||
}
|
||||
export default class SettingsIndex {
|
||||
//--------------------------
|
||||
// constructor
|
||||
//--------------------------
|
||||
constructor() {
|
||||
this.start();
|
||||
this.dataUtils = new DataUtils();
|
||||
this.mailer = new Mailer();
|
||||
}
|
||||
//--------------------------
|
||||
// methods
|
||||
//--------------------------
|
||||
start() {
|
||||
let self = this;
|
||||
//handle save button
|
||||
document.getElementById('save-toggle').addEventListener('click', () =>
|
||||
new SettingsActions()
|
||||
.save()
|
||||
.then(() => {
|
||||
//console.log(response);
|
||||
})
|
||||
.catch(() => {
|
||||
//console.log(err);
|
||||
})
|
||||
);
|
||||
//handle set up image uploads
|
||||
document.getElementById('avatar').addEventListener('click', () => {
|
||||
document.getElementById('avatar-upload').click();
|
||||
});
|
||||
document.getElementById('background').addEventListener('click', () => {
|
||||
document.getElementById('background-upload').click();
|
||||
});
|
||||
document.getElementById('avatar-upload').addEventListener(
|
||||
'change',
|
||||
e => {
|
||||
self.handleImageUpload(e.target.id, e.target.files);
|
||||
},
|
||||
false
|
||||
);
|
||||
document.getElementById('background-upload').addEventListener(
|
||||
'change',
|
||||
e => {
|
||||
self.handleImageUpload(e.target.id, e.target.files);
|
||||
},
|
||||
false
|
||||
);
|
||||
//handle privacy toggle
|
||||
document
|
||||
.getElementById('privacy-toggle')
|
||||
.addEventListener('click', e => this.togglePrivacy(e));
|
||||
document.getElementById('send-mail').addEventListener('click', e => this.handleMailer(e));
|
||||
//handle theme toggle
|
||||
let themeBtns = document.querySelectorAll('.theme-select');
|
||||
for (var i = 0, length = themeBtns.length; i < length; i++) {
|
||||
themeBtns[i].addEventListener('click', e => this.handleThemes(e));
|
||||
}
|
||||
//handle mail options
|
||||
let mailBtn = document.querySelectorAll('.mail-option');
|
||||
for (i = 0, length = mailBtn.length; i < length; i++) {
|
||||
mailBtn[i].addEventListener('click', e => this.handleMailOptions(e));
|
||||
}
|
||||
}
|
||||
//--------------------------
|
||||
// event handlers
|
||||
//--------------------------
|
||||
togglePrivacy(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
if (e.target.getAttribute('data-private') == 'false') {
|
||||
e.target.setAttribute('data-private', 'true');
|
||||
e.target.innerHTML = 'SITE IS PUBLIC';
|
||||
} else {
|
||||
e.target.setAttribute('data-private', 'false');
|
||||
e.target.innerHTML = 'SITE IS PRIVATE';
|
||||
}
|
||||
}
|
||||
handleMailer() {
|
||||
this.mailer.sendMail();
|
||||
}
|
||||
handleThemes(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
let themes = document.querySelectorAll('.theme-select');
|
||||
for (var i = 0, length = themes.length; i < length; i++) {
|
||||
e.target.id == themes[i].id
|
||||
? themes[i].setAttribute('data-enabled', 'true')
|
||||
: themes[i].setAttribute('data-enabled', 'false');
|
||||
}
|
||||
}
|
||||
handleMailOptions(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
let smtp = document.getElementById('mail-smtp');
|
||||
let mailgun = document.getElementById('mail-mg');
|
||||
let mail = document.querySelectorAll('.mail-option');
|
||||
for (var i = 0, length = mail.length; i < length; i++) {
|
||||
if (e.target.id == mail[i].id) {
|
||||
mail[i].setAttribute('data-enabled', 'true');
|
||||
if (e.target.id == 'option-smtp') {
|
||||
smtp.setAttribute('data-enabled', 'true');
|
||||
mailgun.setAttribute('data-enabled', 'false');
|
||||
} else if (e.target.id == 'option-none') {
|
||||
smtp.setAttribute('data-enabled', 'false');
|
||||
mailgun.setAttribute('data-enabled', 'false');
|
||||
} else {
|
||||
smtp.setAttribute('data-enabled', 'false');
|
||||
mailgun.setAttribute('data-enabled', 'true');
|
||||
}
|
||||
} else {
|
||||
mail[i].setAttribute('data-enabled', 'false');
|
||||
}
|
||||
}
|
||||
}
|
||||
handleImageUpload(type, files) {
|
||||
let url = '';
|
||||
let eventType = '';
|
||||
type == 'avatar-upload'
|
||||
? (url = '/api/settings/add-avatar')
|
||||
: (url = '/api/settings/add-feature-background');
|
||||
var imageData = new FormData();
|
||||
for (var i = 0; i < files.length; i++) {
|
||||
var file = files[i];
|
||||
// Check the file type.
|
||||
if (!file.type.match('image.*')) {
|
||||
continue;
|
||||
}
|
||||
type == 'avatar-upload'
|
||||
? imageData.append('avatar_upload', file, file.name)
|
||||
: imageData.append('background_upload', file, file.name);
|
||||
}
|
||||
this.dataUtils
|
||||
.request(url, eventType, REQUEST_TYPE_POST, CONTENT_TYPE_FORM, imageData)
|
||||
.then(response => {
|
||||
let r = JSON.parse(response.request['response']);
|
||||
if (r.message == DataEvent.AVATAR_UPLOADED) {
|
||||
document.getElementById('avatar').src = r.url;
|
||||
} else {
|
||||
document.getElementById('background').src = r.url;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
//console.log(err)
|
||||
});
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue