WEB-43 Implement Accordion on Menu
tried to implement jQuery UI Accordion; issues raised in the ticket
This commit is contained in:
diver-sity
parent
d6e68e4860
commit
8b2eeb103b
@ -8,55 +8,54 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<head>
|
<head>
|
||||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||||
<!--[if gt IE 8]><!-->
|
<!--[if gt IE 8]><!-->
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
|
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
|
||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
|
<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
|
||||||
<!-- Fonts from Font Awsome -->
|
<!-- Fonts from Font Awsome -->
|
||||||
<link rel="stylesheet" href="css/font-awesome.min.css">
|
<link rel="stylesheet" href="css/font-awesome.min.css">
|
||||||
<!-- CSS Animate -->
|
<!-- CSS Animate -->
|
||||||
<link rel="stylesheet" href="css/animate.css">
|
<link rel="stylesheet" href="css/animate.css">
|
||||||
<!-- Custom styles for this theme -->
|
<!-- Custom styles for this theme -->
|
||||||
<link rel="stylesheet" href="css/main.css">
|
<link rel="stylesheet" href="css/main.css">
|
||||||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
|
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
|
||||||
<!-- end of CSS -->
|
<!-- end of CSS -->
|
||||||
|
|
||||||
<!-- JS -->
|
<!-- JS -->
|
||||||
<script src="js/angular/angular.min.js"></script>
|
<script src="js/angular/angular.min.js"></script>
|
||||||
<!-- angular modules -->
|
<!-- angular modules -->
|
||||||
<script src="js/angular/angular-animate.min.js"></script>
|
<script src="js/angular/angular-animate.min.js"></script>
|
||||||
<script src="js/angular/ui-bootstrap-tpls-0.11.0.min.js"></script>
|
<script src="js/angular/ui-bootstrap-tpls-0.11.0.min.js"></script>
|
||||||
<!-- Feature detection -->
|
<!-- Feature detection -->
|
||||||
<script src="js/modernizr-2.6.2.min.js"></script>
|
<script src="js/modernizr-2.6.2.min.js"></script>
|
||||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="js/html5shiv.js"></script>
|
<script src="js/html5shiv.js"></script>
|
||||||
<script src="js/respond.min.js"></script>
|
<script src="js/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
<!--Global JS-->
|
<!--Global JS-->
|
||||||
<script src="js/jquery/jquery-1.10.2.min.js"></script>
|
<script src="js/jquery/jquery-1.10.2.min.js"></script>
|
||||||
<script src="plugins/bootstrap/js/bootstrap.min.js"></script>
|
<script src="plugins/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
<script src="js/application.js"></script>
|
<script src="js/application.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var goat=angular.module("goatApp", ['ngAnimate','ui.bootstrap']);
|
var goat=angular.module("goatApp", ['ngAnimate','ui.bootstrap']);
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript" src="js/goatConstants.js"></script>
|
<script type="text/javascript" src="js/goatConstants.js"></script>
|
||||||
<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>
|
||||||
<!-- end of JS -->
|
<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" />
|
<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">
|
||||||
@ -71,30 +70,34 @@
|
|||||||
<button type="button" class="btn btn-default" id="toggle-left" data-toggle="tooltip" data-placement="right" title="Toggle Navigation">
|
<button type="button" class="btn btn-default" id="toggle-left" data-toggle="tooltip" data-placement="right" title="Toggle Navigation">
|
||||||
<i class="fa fa-bars"></i>
|
<i class="fa fa-bars"></i>
|
||||||
</button>
|
</button>
|
||||||
<span id="lessonTitle">Welcome To WebGoat</span>
|
<span id="lessonTitle">Welcome To WebGoat</span>
|
||||||
|
|
||||||
</div><!--toggle navigation end-->
|
</div><!--toggle navigation end-->
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!--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">
|
||||||
<a ng-click="expanded = !expanded" href=""><i class="fa {{item.class}}"></i><span>{{item.name}}</span></a>
|
<h6>
|
||||||
<ul class="slideDown" ng-show="expanded">
|
<a ng-click="expanded = !expanded" href=""><i class="fa {{item.class}}"></i><span>{{item.name}}</span></a>
|
||||||
<li ng-repeat="lesson in item.children">
|
</h6>
|
||||||
<a ng-click="renderLesson(lesson.link)" title="link to {{lesson.name}}" href="">{{lesson.name}}</a>
|
<div>
|
||||||
<span ng-repeat="stage in lesson.children" >
|
<ul class="slideDown" ng-show="expanded">
|
||||||
<a ng-click="renderLesson(stage.link)" title="link to {{stage.name}}" href="">{{stage.name}}</a>
|
<li ng-repeat="lesson in item.children">
|
||||||
</span>
|
<a ng-click="renderLesson(lesson.link)" title="link to {{lesson.name}}"
|
||||||
</li>
|
href="">{{lesson.name}}</a>
|
||||||
</ul>
|
<span ng-repeat="stage in lesson.children" >
|
||||||
</li>
|
<a ng-click="renderLesson(stage.link)" title="link to {{stage.name}}"
|
||||||
</ul>
|
href="">{{stage.name}}</a>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</aside>
|
</aside>
|
||||||
<!--sidebar left end-->
|
<!--sidebar left end-->
|
||||||
<!--main content start-->
|
<!--main content start-->
|
||||||
@ -102,69 +105,69 @@
|
|||||||
|
|
||||||
<section id="main-content">
|
<section id="main-content">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div class="panel" id="buttonPanel">
|
<div class="panel" id="buttonPanel">
|
||||||
<button type="button" class="btn btn-primary btn-xs">Params/Cookies</button>
|
<button type="button" class="btn btn-primary btn-xs">Params/Cookies</button>
|
||||||
<button type="button" class="btn btn-primary btn-xs">Hints</button>
|
<button type="button" class="btn btn-primary btn-xs">Hints</button>
|
||||||
<button type="button" class="btn btn-primary btn-xs">Lesson Plan</button>
|
<button type="button" class="btn btn-primary btn-xs">Lesson Plan</button>
|
||||||
<button type="button" class="btn btn-primary btn-xs" ng-click="showSource('lg')">Java [Source]</button>
|
<button type="button" class="btn btn-primary btn-xs" ng-click="showSource('lg')">Java [Source]</button>
|
||||||
<button type="button" class="btn btn-primary btn-xs" ng-click="showSolution('lg')">Solution</button>
|
<button type="button" class="btn btn-primary btn-xs" ng-click="showSolution('lg')">Solution</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel" >
|
<div class="panel" >
|
||||||
<div class="panel-body" id="lesson_content">
|
<div class="panel-body" id="lesson_content">
|
||||||
<b>This should default to the "How to Work with Webgoat" lesson</b>
|
<b>This should default to the "How to Work with Webgoat" lesson</b>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row" id="lesson_cookies_row">
|
<div class="row" id="lesson_cookies_row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<h4>Lesson Parameters and Cookies</h4>
|
<h4>Lesson Parameters and Cookies</h4>
|
||||||
<div class="panel" >
|
<div class="panel" >
|
||||||
<div class="panel-body" id="lesson_cookies">
|
<div class="panel-body" id="lesson_cookies">
|
||||||
1
|
1
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row" id="lesson_hint_row">
|
<div class="row" id="lesson_hint_row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<h4>Lesson Hints</h4>
|
<h4>Lesson Hints</h4>
|
||||||
<div class="panel" >
|
<div class="panel" >
|
||||||
<div class="panel-body" id="lesson_hint">
|
<div class="panel-body" id="lesson_hint">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row" id="lesson_plan_row">
|
<div class="row" id="lesson_plan_row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<h4>Lesson Plan</h4>
|
<h4>Lesson Plan</h4>
|
||||||
<div class="panel" >
|
<div class="panel" >
|
||||||
<div class="panel-body" id="lesson_plan">
|
<div class="panel-body" id="lesson_plan">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row" id="lesson_solution_row">
|
<div class="row" id="lesson_solution_row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<h4>Lesson Solution</h4>
|
<h4>Lesson Solution</h4>
|
||||||
<div class="panel" >
|
<div class="panel" >
|
||||||
<div class="panel-body" id="lesson_solution">
|
<div class="panel-body" id="lesson_solution">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row" id="lesson_source_row">
|
<div class="row" id="lesson_source_row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<h4>Lesson Source Code</h4>
|
<h4>Lesson Source Code</h4>
|
||||||
<div class="panel" >
|
<div class="panel" >
|
||||||
<div class="panel-body" id="lesson_source">
|
<div class="panel-body" id="lesson_source">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
@ -177,7 +180,7 @@
|
|||||||
<script src="http://malsup.github.com/jquery.form.js"></script>
|
<script src="http://malsup.github.com/jquery.form.js"></script>
|
||||||
<script>
|
<script>
|
||||||
//Load global functions
|
//Load global functions
|
||||||
|
|
||||||
// set this to true if you want to see form submissions
|
// set this to true if you want to see form submissions
|
||||||
// set to false once we get all the kinks worked out
|
// set to false once we get all the kinks worked out
|
||||||
var DEBUG_FORM_SUBMISSION = false;
|
var DEBUG_FORM_SUBMISSION = false;
|
||||||
|
|||||||
7
src/main/webapp/js/jquery/jquery-ui-1.10.4.custom.min.js
vendored
Normal file
7
src/main/webapp/js/jquery/jquery-ui-1.10.4.custom.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user