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

WEB-43 Implement Accordion on Menu

Browse Source 
tried to implement jQuery UI Accordion; issues raised in the ticket
This commit is contained in:
diver-sity 2014-09-05 05:45:47 +10:00
parent d6e68e4860
commit 8b2eeb103b
2 changed files with 111 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/main/webapp/WEB-INF/pages/main_new.jsp
View File

@ -51,12 +51,11 @@
<script type="text/javascript" src="js/goatUtil.js"></script> <script type="text/javascript" src="js/goatUtil.js"></script>
<script type="text/javascript" src="js/goatData.js"></script> <script type="text/javascript" src="js/goatData.js"></script>
<script type="text/javascript" src="js/goatControllers.js"></script> <script type="text/javascript" src="js/goatControllers.js"></script>
<script type="text/javascript" src="js/jquery/jquery-ui-1.10.4.custom.min.js"></script>
<!-- end of JS --> <!-- end of JS -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>WebGoat V6.0</title> <title>WebGoat V6.0 fsdafasd</title>
</head> </head>
<body class="animated fadeIn" ng-app="goatApp" ng-controller="goatLesson"> <body class="animated fadeIn" ng-app="goatApp" ng-controller="goatLesson">
@ -79,22 +78,26 @@
<!--sidebar left start--> <!--sidebar left start-->
<aside class="sidebar"> <aside class="sidebar">
<div id="leftside-navigation" class="nano" > <div id="leftside-navigation" class="nano" >
<ul class="nano-content"> <ul id="accordion" class="nano-content">
<li class="sub-menu" ng-repeat="item in menuTopics"> <li class="sub-menu" ng-repeat="item in menuTopics">
<h6>
<a ng-click="expanded = !expanded" href=""><i class="fa {{item.class}}"></i><span>{{item.name}}</span></a> <a ng-click="expanded = !expanded" href=""><i class="fa {{item.class}}"></i><span>{{item.name}}</span></a>
</h6>
<div>
<ul class="slideDown" ng-show="expanded"> <ul class="slideDown" ng-show="expanded">
<li ng-repeat="lesson in item.children"> <li ng-repeat="lesson in item.children">
<a ng-click="renderLesson(lesson.link)" title="link to {{lesson.name}}" href="">{{lesson.name}}</a> <a ng-click="renderLesson(lesson.link)" title="link to {{lesson.name}}"
href="">{{lesson.name}}</a>
<span ng-repeat="stage in lesson.children" > <span ng-repeat="stage in lesson.children" >
<a ng-click="renderLesson(stage.link)" title="link to {{stage.name}}" href="">{{stage.name}}</a> <a ng-click="renderLesson(stage.link)" title="link to {{stage.name}}"
href="">{{stage.name}}</a>
</span> </span>
</li> </li>
</ul> </ul>
</div>
</li> </li>
</ul> </ul>
</div> </div>
</aside> </aside>
<!--sidebar left end--> <!--sidebar left end-->
<!--main content start--> <!--main content start-->

7
src/main/webapp/js/jquery/jquery-ui-1.10.4.custom.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long