dubey/WebGoat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

increment commit on menu

Browse Source
This commit is contained in:
Jason White
2015-06-04 23:22:56 -04:00
parent c0aeaa25dc
commit 219671061d
1 changed files with 41 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/main/webapp/js/goatApp/view/MenuView.js
View File

@ -2,9 +2,15 @@ define(['jquery',
'underscore', 'underscore',
'backbone', 'backbone',
'goatApp/model/MenuCollection', 'goatApp/model/MenuCollection',
'goatApp/view/MenuItemView'], 'goatApp/view/MenuItemView',
function($,_,Backbone,MenuCollection,MenuItemView) { 'goatApp/support/GoatUtils'],
function(
$,
_,
Backbone,
MenuCollection,
MenuItemView,
GoatUtils) {
return Backbone.View.extend({ return Backbone.View.extend({
el:'#menuContainer', el:'#menuContainer',
//TODO: set template //TODO: set template
@ -14,20 +20,43 @@ define(['jquery',
}, },
// rendering top level menu // rendering top level menu
render: function (model){ render: function (model){
var items = this.collection.models; // top level items //for now, just brute force
//TODO: refactor into sub-views/components
var items, catItems, stages;
items = this.collection.models; // top level items
var menuMarkup = ''; var menuMarkup = '';
var menuUl = $('<ul>',{class:'nano-content'}); var menuUl = $('<ul>',{class:'nano-content'});
for(var i=0;i<items.length;i++) { for(var i=0;i<items.length;i++) { //CATEGORY LEVEL
var category = $('<li>',{class:'sub-menu'}); var category = $('<li>',{class:'sub-menu ng-scope'});
var catLink = $('<a>',{text:items[i].get('name')}); var catLink = $('<a>');
var catArrow = $('<i>',{class:'fa fa-angle-right pull-right'});
var catLinkText = $('<span>',{text:items[i].get('name')});
catLink.append(catArrow);
catLink.append(catLinkText);
//TODO: bind catLink to accordion and selection method
category.append(catLink); category.append(catLink);
// lesson level (first children level) // lesson level (first children level)
var categoryLessonList = $('<ul>',{class:'slideDown lessonsAndStages'}); //var lessons = new MenuItemView({items:items[i].get('children')}).render();
var catItems = new MenuItemView({items:items[i].get('children')}).render(); var lessons=items[i].get('children');
for (var j=0;j< catItems.length;j++) { if (lessons) {
categoryLessonList.append(catItems[j]); var categoryLessonList = $('<ul>',{class:'slideDown lessonsAndStages'}); //keepOpen
for (var j=0; j < lessons.length;j++) {
var lessonItem = $('<li>');
var lessonLink = $('<a>',{href:lessons[j].link,text:lessons[j].name,id:GoatUtils.makeId(lessons[j].name)});
lessonItem.append(lessonLink);
//check for lab/stages
categoryLessonList.append(lessonLink);
var stages = lessons[j].get('children');
for (k=0; k < stages.length; k++) {
var stageSpan = $('<span>');
var stageLink = $('<a>',{href:stages[k].link,text:stages[k].name,id:GoatUtils.makeId(stages[k].name)});
stageSpan.append(stageLink);
categoryLessonList.append(stageSpan);
}
}
category.append(categoryLessonList);
} }
category.append(categoryLessonList);
menuUl.append(category); menuUl.append(category);
} }
this.$el.append(menuUl); this.$el.append(menuUl);