This commit is contained in:
310
wwwroot/js/app.shell.js
Normal file
310
wwwroot/js/app.shell.js
Normal file
@@ -0,0 +1,310 @@
|
||||
/*
|
||||
* app.shell.js
|
||||
* Shell module for SPA
|
||||
*/
|
||||
|
||||
/*jslint browser : true, continue : true,
|
||||
devel : true, indent : 2, maxerr : 50,
|
||||
newcap : true, nomen : true, plusplus : true,
|
||||
regexp : true, sloppy : true, vars : false,
|
||||
white : true
|
||||
*/
|
||||
/*global $, app */
|
||||
|
||||
app.shell = (function () {
|
||||
'use strict';
|
||||
//---------------- BEGIN MODULE SCOPE VARIABLES --------------
|
||||
|
||||
var
|
||||
|
||||
stateMap = {
|
||||
$container: undefined,
|
||||
anchor_map: {},
|
||||
user: {
|
||||
authenticated: false,
|
||||
token: '',
|
||||
name: '',
|
||||
id:0
|
||||
},
|
||||
apiUrl: '',
|
||||
search_cache: {
|
||||
has_cache: false
|
||||
}
|
||||
},
|
||||
tokenExpired,
|
||||
//onUPdate,
|
||||
onLogin, onLogout, onShowError, onClearError,
|
||||
initModule;
|
||||
//----------------- END MODULE SCOPE VARIABLES ---------------
|
||||
|
||||
//------------------- BEGIN UTILITY METHODS ------------------
|
||||
|
||||
tokenExpired = function () {
|
||||
//fetch stored creds if available
|
||||
var creds = store.get('pecklist.usercreds');
|
||||
if (creds) {
|
||||
//check if token has expired
|
||||
//is the date greater than the expires date
|
||||
var rightNowUtc = new Date();
|
||||
var expDate = new Date(creds.expires * 1000);
|
||||
if (rightNowUtc > expDate) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
//-------------------- END UTILITY METHODS -------------------
|
||||
|
||||
|
||||
//------------------- BEGIN EVENT HANDLERS -------------------
|
||||
|
||||
onLogin = function (event, login_user) {
|
||||
//store creds
|
||||
store.set('pecklist.usercreds', stateMap.user);
|
||||
//New token needs to reset lastNav
|
||||
stateMap.lastNav = new Date();
|
||||
//Go to the home page
|
||||
page('#!/main/');
|
||||
return false;
|
||||
};
|
||||
|
||||
onLogout = function (event) {
|
||||
store.clear();
|
||||
stateMap.user.authenticated = false;
|
||||
stateMap.user.name = '';
|
||||
stateMap.user.token = '';
|
||||
stateMap.user.id=0;
|
||||
page('#!/authenticate/');
|
||||
return false;
|
||||
};
|
||||
|
||||
// onUpdate = function (event) {
|
||||
|
||||
// window.location.reload(true);
|
||||
// return false;
|
||||
// };
|
||||
|
||||
|
||||
onShowError = function (event, msg) {
|
||||
$("#app-error-div").removeClass("d-none");
|
||||
$('#app-error-message').text(msg);
|
||||
return false;
|
||||
};
|
||||
|
||||
onClearError = function (event) {
|
||||
$("#app-error-div").addClass("d-none");
|
||||
return false;
|
||||
};
|
||||
|
||||
|
||||
//-------------------- END EVENT HANDLERS --------------------
|
||||
|
||||
|
||||
|
||||
//------------------- BEGIN PUBLIC METHODS -------------------
|
||||
initModule = function ($container) {
|
||||
|
||||
document.title = 'Pecklist ' + app.api.GZAppVersion;
|
||||
|
||||
|
||||
//PRE FLIGHT CHECK
|
||||
//================
|
||||
|
||||
//local storage required
|
||||
if (!store.enabled) {
|
||||
alert('Local storage is not supported by your browser. Please disable "Private Mode", or upgrade to a modern browser.');
|
||||
return;
|
||||
}
|
||||
|
||||
//wait indicator for ajax functions
|
||||
$(document).ajaxStart(function () {
|
||||
|
||||
//disable all buttons
|
||||
$('.app-frm-buttons button').prop('disabled', true).addClass('disabled');
|
||||
//$('.app-frm-buttons button').attr('disabled', 'disabled');
|
||||
$("body").css("cursor", "progress");
|
||||
//add app-ajax-busy style to buttons div where user clicked
|
||||
$('.app-frm-buttons').addClass('app-ajax-busy');
|
||||
|
||||
}).ajaxStop(function () {
|
||||
|
||||
//with delay in case it's too fast to see
|
||||
setTimeout(function () {
|
||||
$('.app-frm-buttons button').prop('disabled', false).removeClass('disabled');
|
||||
//$('.app-frm-buttons button').removeAttr('disabled');
|
||||
$("body").css("cursor", "default");
|
||||
$('.app-frm-buttons').removeClass('app-ajax-busy');
|
||||
}, 250);
|
||||
|
||||
});
|
||||
|
||||
|
||||
// load HTML and map jQuery collections
|
||||
stateMap.$container = $container;
|
||||
$container.html(Handlebars.templates['app.shell']({}));
|
||||
|
||||
//auto hide navbar on click of nav link item
|
||||
$('.nav-link').on('click',function() {
|
||||
$('.navbar-collapse').collapse('hide');
|
||||
});
|
||||
|
||||
//determine API url and save it
|
||||
stateMap.apiUrl = app.utilB.getApiUrl();
|
||||
|
||||
|
||||
//fetch stored creds if available
|
||||
var creds = store.get('pecklist.usercreds');
|
||||
|
||||
|
||||
//check if token has expired
|
||||
|
||||
if (tokenExpired()) {
|
||||
stateMap.user.authenticated = false;
|
||||
stateMap.user.name = '';
|
||||
stateMap.user.token = '';
|
||||
stateMap.user.id=0;
|
||||
|
||||
} else {
|
||||
//Show the logout item in the menu
|
||||
$(".app-mnu-logout").removeClass("app-hidden");
|
||||
stateMap.user.authenticated = true;
|
||||
stateMap.user.name = creds.name;
|
||||
stateMap.user.token = creds.token;
|
||||
stateMap.user.dlkey=creds.dlkey;
|
||||
stateMap.user.id=creds.id;
|
||||
}
|
||||
//}
|
||||
|
||||
|
||||
//EVENT SUBSCRIPTIONS
|
||||
$.gevent.subscribe($container, 'app-login', onLogin);
|
||||
$.gevent.subscribe($container, 'app-logout', onLogout);
|
||||
//$.gevent.subscribe($container, 'gz-update', onUpdate);
|
||||
$.gevent.subscribe($container, 'app-show-error', onShowError);
|
||||
$.gevent.subscribe($container, 'app-clear-error', onClearError);
|
||||
|
||||
|
||||
//ROUTES
|
||||
//
|
||||
page.base('/index.html');
|
||||
|
||||
page('*', beforeUrlChange);
|
||||
page('/authenticate', authenticate);
|
||||
page('/', main);
|
||||
page('/logout', function () {
|
||||
$.gevent.publish('app-logout');
|
||||
});
|
||||
page('/main', main);
|
||||
page('/settings', settings);
|
||||
page('*', notFound);
|
||||
page({
|
||||
hashbang: true
|
||||
});
|
||||
// /ROUTES
|
||||
};
|
||||
// End PUBLIC method /initModule/
|
||||
|
||||
var beforeUrlChange = function (ctx, next) {
|
||||
$.gevent.publish('app-clear-error');
|
||||
app.shell.stateMap.mediaSize = app.utilB.getMediaSize();
|
||||
|
||||
//bypass stuff below if about to logout
|
||||
if (ctx.path == '/logout') {
|
||||
return next();
|
||||
}
|
||||
|
||||
|
||||
//================================================================
|
||||
//Check authentication token to see if expired, but only if it's been a few minutes since last navigation
|
||||
if (stateMap.user.authenticated) {
|
||||
//This first bit sets the last nav in cases where it's never been set before
|
||||
//default to one hour ago in case it hasn't ever been set yet or isn't in statemap
|
||||
if (!stateMap.lastNav) {
|
||||
//Isn't this sketchy? Is this a date or a moment being set here
|
||||
stateMap.lastNav = moment().subtract(3600, 's').toDate();//60 minutes ago
|
||||
}
|
||||
|
||||
|
||||
var mNow = moment(new Date()); //todays date
|
||||
var mLastNav = moment(stateMap.lastNav); // another date
|
||||
var duration = moment.duration(mNow.diff(mLastNav));
|
||||
var secondsSinceLastNav = duration.asSeconds();
|
||||
|
||||
if (secondsSinceLastNav > 300)//have we checked in the last 5 minutes?
|
||||
{
|
||||
if (tokenExpired()) {
|
||||
stateMap.user.authenticated = false;
|
||||
}
|
||||
|
||||
}
|
||||
stateMap.lastNav = new Date();
|
||||
}
|
||||
//===============================================================
|
||||
|
||||
//Not logged in and trying to go somewhere but authenticate?
|
||||
if (!stateMap.user.authenticated) {
|
||||
//hide nav
|
||||
$("#gz-nav").hide({
|
||||
duration: 200
|
||||
});
|
||||
|
||||
|
||||
//page nav to authenticate
|
||||
if (ctx.path != '/authenticate/')
|
||||
return page('#!/authenticate/');
|
||||
|
||||
} else {
|
||||
//logged in so make sure to show toolbar here
|
||||
$("#gz-nav").show({
|
||||
duration: 200
|
||||
});
|
||||
}
|
||||
|
||||
next();
|
||||
}
|
||||
|
||||
|
||||
var authenticate = function (ctx) {
|
||||
|
||||
app.authenticate.configModule({
|
||||
context: ctx
|
||||
});
|
||||
app.authenticate.initModule();
|
||||
}
|
||||
|
||||
var main = function (ctx) {
|
||||
app.nav.setSelectedMenuItem('main');
|
||||
app.main.configModule({
|
||||
context: ctx
|
||||
});
|
||||
app.main.initModule();
|
||||
}
|
||||
|
||||
var settings = function (ctx) {
|
||||
app.nav.setSelectedMenuItem('settings');
|
||||
app.settings.configModule({
|
||||
context: ctx
|
||||
});
|
||||
app.settings.initModule();
|
||||
}
|
||||
|
||||
var notFound = function (ctx) {
|
||||
app.fourohfour.configModule({
|
||||
context: ctx
|
||||
});
|
||||
app.fourohfour.initModule();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
return {
|
||||
initModule: initModule,
|
||||
stateMap: stateMap
|
||||
};
|
||||
//------------------- END PUBLIC METHODS ---------------------
|
||||
}());
|
||||
Reference in New Issue
Block a user