WEB-43 Implement Accordion on Menu

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

View File

@ -51,12 +51,11 @@
<script type="text/javascript" src="js/goatUtil.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/jquery/jquery-ui-1.10.4.custom.min.js"></script>
<!-- end of JS -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>WebGoat V6.0</title>
<title>WebGoat V6.0 fsdafasd</title>
</head>
<body class="animated fadeIn" ng-app="goatApp" ng-controller="goatLesson">
@ -79,22 +78,26 @@
<!--sidebar left start-->
<aside class="sidebar">
<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">
<h6>
<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">
<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" >
<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>
</li>
</ul>
</div>
</li>
</ul>
</div>
</aside>
<!--sidebar left end-->
<!--main content start-->

File diff suppressed because one or more lines are too long