added interactive view of source code for each lesson.

added ACE editor, to prettyfy the source also
This commit is contained in:
Dave
2014-08-24 13:25:41 -04:00
parent b1efd7a81b
commit 0c28f06d63
298 changed files with 416 additions and 5 deletions

View File

@ -56,7 +56,7 @@
<title>WebGoat V6.0</title>
</head>
<body class="animated fadeIn" ng-app="goatApp">
<body class="animated fadeIn" ng-app="goatApp" ng-controller="goatLesson">
<section id="container">
<header id="header">
<!--logo start-->
@ -73,7 +73,7 @@
<!--sidebar left start-->
<aside class="sidebar">
<div id="leftside-navigation" class="nano" ng-controller="goatMenu">
<div id="leftside-navigation" class="nano" >
<ul class="nano-content">
<li class="sub-menu" ng-repeat="item in menuTopics">
<!-- TODO: implement conditional rendering -->
@ -95,6 +95,7 @@
<!--sidebar left end-->
<!--main content start-->
<section class="main-content-wrapper">
<section id="main-content">
<div class="row">
<div class="col-md-12">
@ -102,12 +103,25 @@
<div class="panel-body" id="lesson_content">
<b>This should default to the "How to Work with Webgoat" lesson</b>
</div>
<div class="panel-body" id="lesson_source"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h4>Lesson Source Code</h4>
<div class="panel" >
<div class="panel-body">
<p>{{lessonSource}}</p>
</div>
</div>
</div>
</div>
</section>
</section>
<!--main content end-->
</section>