blob: 4988454ff7412ec3e1df7ffbce50d920e91977db [file] [log] [blame]
<!DOCTYPE html>
<html lang="en" ng-app="drat" xmlns:wicket="http://wicket.apache.org">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PROTEUS</title>
<!-- Latest compiled and minified CSS -->
<wicket:link>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="nv.d3.min.css"/>
<link rel="stylesheet" type="text/css" href="HomePage.css">
</wicket:link>
<wicket:remove>
<style type="text/css">
.dropdown-menu>wicket\:remove>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
</style>
</wicket:remove>
</head>
<body ng-controller="switch">
<div class="container" ng-show="!goSecondPage">
<div class="header">
<h1 class="proteus">PROTEUS</h1>
<span class="h4">'A GUI FOR DRAT'</span>
</div>
<!-- The toolbar that shows up in the top left corner -->
<div id="menu-bar">
<a href="/" class="top-left"> Home </a>
<div class="top-left"> > </div>
<a href="" class="top-left active-bar"> Workflow </a>
</div>
<!-- drat's beauty stats visualizations starts here -->
<div class="col-md-5 box">
<form wicket:id="form" action="/workflow" method="POST">
<div class="col-lg-10 col-lg-offset-0 col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-2">
<!-- loader -->
<div id="loader">
<wicket:link>
<img src="spinner.gif">
</wicket:link>
</div>
<div class="input-group">
<div class="select-text">Select a repository to audit with <span class="weight">DRAT</span></div>
<input wicket:id="path" placeholder="Enter a remote git/svn repository or a canonical path on your computer." type="text" class="form-control input-height" id="remote_repository">
<label class="grey-font" style="font-size: 18px; margin: 5px 0">or</label> <br>
<span class="file-input btn btn-block btn-info btn-file default-weight input-height">
<span class="glyphicon glyphicon-folder-open folder-icon"></span>
Choose a directory from your computer
<input wicket:id="fileUploader" type="file" id="files" name="attachment[]" accept=".zip" multiple />
<output id="list"></output>
</span>
<div class="name" id="file-name">
</div>
</div>
<div class="btn-group" style="margin-top: 30px; width: 100%; ">
<div class="choose-text">Choose a command to run</div>
<button type="button" class="btn btn-info default-weight go ng-binding">
Go! (runs all commands)
</button>
<div class="btn-group">
<ul class="dropdown-menu">
<li class="ng-scope" wicket:id="cmd">
<a href="#" class="ng-binding" wicket:id="cmd_link"><span wicket:id="cmd_item_label" class="ng-binding">Index</span></a>
</li>
<wicket:remove>
<li class="ng-scope">
<a href="#" class="ng-binding"><span class="ng-binding">Crawl</span></a>
</li>
<li class="ng-scope">
<a href="#" class="ng-binding"><span class="ng-binding">Map</span></a>
</li>
<li class="ng-scope">
<a href="#" class="ng-binding"><span class="ng-binding">Reduce</span></a>
</li>
</wicket:remove>
</ul>
<button type="button" class="btn btn-info dropdown-toggle down-drop-button" data-toggle="dropdown" aria-expanded="false">
<span class="caret"></span>
</button>
</div>
<button type="submit" value="Upload" class="btn btn-primary default-weight run-button">
Run DRAT!
</button>
</div>
</div>
</form>
</div>
</div>
<wicket:link>
<script src="jquery-2.1.4.min.js"></script>
<script src="angular.min.js"></script>
<script src="ui-bootstrap-tpls-0.14.3.js"></script>
<script src="jquery-2.1.4.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="angular-animate.js"></script>
<script src="bower_components/angularjs-nvd3-directives/dist/angularjs-nvd3-directives.js"></script>
<script src="d3.min.js"></script>
<script src="HomePage.js"></script>
</wicket:link>
</body>
</html>