forked from projects/fipamo
ro
1e37580869
dropped in js from the old site to begin the process of wiring up the API, but this time around, scripts will be served directly in browswer rather than being transpiled through NPM/Babel, eliminating the need for NPM. also scripting will new modularized and served specifically for the requirements of the page loading it. no more front loading everything. only script that is needed for that page will be retrieved. if no scripting is needed, none will be loaded. The only casualty so far has been syntax highlighting due to prismjs still being a common js module, but either this will be replaced with another library or a custom syntax enginge will be created at a later date
75 lines
2.1 KiB
JavaScript
75 lines
2.1 KiB
JavaScript
import FipamoAdminAPI, { TASK_SYNC_NAV } from '../../libraries/FipamoAdminAPI';
|
|
import NavActions from '../actions/NavActions';
|
|
import * as DataEvent from '../events/DataEvent';
|
|
import Notifications from '../ui/Notifications';
|
|
import Sortable from 'sortablejs';
|
|
const notify = new Notifications();
|
|
|
|
export default class NavIndex {
|
|
//--------------------------
|
|
// constructor
|
|
//--------------------------
|
|
constructor() {
|
|
this.processing = false;
|
|
this.admin = new FipamoAdminAPI(null);
|
|
this.start();
|
|
}
|
|
//--------------------------
|
|
// methods
|
|
//--------------------------
|
|
start() {
|
|
//grabs elements and makes them sortables
|
|
let self = this;
|
|
Sortable.create(document.getElementById('nav-items'), {
|
|
onUpdate: () => {
|
|
new NavActions().syncMenu().then(data => {
|
|
notify.alert('Updating Menu', null);
|
|
self.admin.sync(TASK_SYNC_NAV, data).then(r => {
|
|
if (r.type == DataEvent.MENU_UPDATED) {
|
|
notify.alert(r.message, true);
|
|
} else {
|
|
notify.alert(r.message, true);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
});
|
|
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) {
|
|
if (this.processing) return;
|
|
let id = '';
|
|
let self = this;
|
|
switch (e.target.id) {
|
|
case 'remove-item':
|
|
id = e.target.getAttribute('data-id');
|
|
new NavActions().removeItem(id);
|
|
new NavActions().syncMenu().then(data => {
|
|
data.remove = e.target.getAttribute('data-uuid');
|
|
notify.alert('Editing Menu', null);
|
|
self.processing = true;
|
|
self.admin.sync(TASK_SYNC_NAV, data).then(r => {
|
|
self.processing = false;
|
|
if (r.type == DataEvent.MENU_UPDATED) {
|
|
notify.alert(r.message, true);
|
|
} else {
|
|
notify.alert(r.message, true);
|
|
}
|
|
});
|
|
});
|
|
break;
|
|
case 'edit-item':
|
|
self.processing = false;
|
|
window.location =
|
|
'/dashboard/page/edit/' + e.target.getAttribute('data-id');
|
|
break;
|
|
}
|
|
}
|
|
}
|