adding direct to page navigation route

This commit is contained in:
Jason White 2016-11-23 09:32:06 -05:00
parent 4940a12d0d
commit 0aa9c29256
3 changed files with 89 additions and 15 deletions

View File

@ -61,7 +61,12 @@ define(['jquery',
this.menuButtonView = new MenuButtonView();
};
this.loadLesson = function(name) {
this.loadLesson = function(name,pageNum) {
if (this.name === name) {
this.lessonContentView.navToPage(pageNum)
return;
}
this.titleView = new TitleView();
this.helpsLoaded = {};
if (typeof(name) === 'undefined' || name === null) {
@ -195,6 +200,14 @@ define(['jquery',
});
};
this.testHandler = function(param) {
console.log('test handler');
this.lessonContentView.showTestParam(param);
};
};
return Controller;
});

View File

@ -22,11 +22,12 @@ define(['jquery',
var GoatAppRouter = Backbone.Router.extend({
routes: {
'welcome':'welcomeRoute',
'lesson/:name':'lessonRoute'
//'attack/:scr/:menu/:stage':'attackRoute',
//'attack/:scr/:menu/*stage/:num':'attackRoute',
'lesson/:name':'lessonRoute',
'lesson/:name/:pageNum':'lessonPageRoute',
'test/:param':'testRoute'
},
lessonController: new LessonController({
lessonContentView: lessonContentView
}),
@ -41,14 +42,17 @@ define(['jquery',
// this.menuController.initMenu();
webgoat = {};
webgoat.customjs = {};
webgoat.customjs.jquery = $;
webgoat.customjs.jquery = $; //passing jquery into custom js scope ... still klunky, but works for now
// goatRouter.on('route:attackRoute', function(scr,menu,stage,num) {
// this.lessonController.loadLesson(scr,menu,stage,num);
// this.menuController.updateMenu(scr,menu);
// });
goatRouter.on('route:lessonRoute', function(name) {
this.lessonController.loadLesson(name);
this.lessonController.loadLesson(name,0);
//TODO - update menu code from below
this.menuController.updateMenu(name);
});
goatRouter.on('route:lessonPageRoute', function(name,pageNum) {
pageNum = (_.isNumber(parseInt(pageNum))) ? parseInt(pageNum) : 0;
this.lessonController.loadLesson(name,pageNum);
//TODO - update menu code from below
this.menuController.updateMenu(name);
});
@ -56,6 +60,15 @@ define(['jquery',
goatRouter.on('route:welcomeRoute', function() {
this.lessonController.loadWelcome();
});
goatRouter.on('route:welcomeRoute', function() {
this.lessonController.loadWelcome();
});
goatRouter.on('route:testRoute', function(param) {
this.lessonController.testHandler(param);
});
goatRouter.on("route", function(route, params) {});
Backbone.history.start();

View File

@ -46,6 +46,14 @@ define(['jquery',
}
},
setCurrentPage: function (pageNum) {
this.currentPage = (_.isNumber(pageNum) && pageNum < this.numPages) ? pageNum : 0;
},
getCurrentPage: function () {
return this.currentPage;
},
makeFormsAjax: function () {
this.$form = $('form.attack-form');
// turn off standard submit
@ -79,7 +87,7 @@ define(['jquery',
return false;
},
onSuccessResponse: function(data) {
onSuccessResponse: function(data) {
console.log(data);
this.renderFeedback(data.feedback);
@ -88,14 +96,14 @@ define(['jquery',
this.trigger('lesson:complete');
}
return false;
},
},
onErrorResponse: function (a,b,c) {
onErrorResponse: function (a,b,c) {
console.error(a);
console.error(b);
console.error(c);
return false;
},
},
ajaxifyAttackHref: function() { // rewrite any links with hrefs point to relative attack URLs
var self = this;
@ -120,7 +128,7 @@ define(['jquery',
addPaginationControls: function() {
var pagingControlsDiv;
this.$el.html();
//this.$el.html();
//prev
var prevPageButton = $('<span>',{class:'glyphicon-class glyphicon glyphicon-circle-arrow-left show-prev-page'});
prevPageButton.unbind().on('click',this.decrementPageView.bind(this));
@ -190,6 +198,46 @@ define(['jquery',
showCurContentPage: function(isIncrement) {
this.$contentPages.hide();
this.$el.find(this.$contentPages[this.currentPage]).show();
},
navToPage: function (pageNum) {
this.setCurrentPage(pageNum);//provides validation
this.showCurContentPage(this.currentPage);
this.hideShowNavButtons();
},
hideShowNavButtons: function () {
//one page only
if (this.numPages === 1) {
this.hidePrevPageButton();
this.hideNextPageButton();
}
//first page
if (this.currentPage === 0) {
this.hidePrevPageButton();
if (this.numPages > 1) {
this.showNextPageButton();
}
return;
}
// > first page, but not last
if (this.currentPage > 0 && this.currentPage < this.numPages -1) {
this.showNextPageButton();
this.showPrevPageButton();
return;
}
// last page and more than one page
if (this.currentPage === this.numPages -1 && this.numPages > 1) {
this.hideNextPageButton();
this.showPrevPageButton();
return;
}
},
/* for testing */
showTestParam: function (param) {
this.$el.find('.lesson-content').html('test:' + param);
}
});