| <!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> |
| </head> |
| <body ng-controller="switch"> |
| <div class="container" ng-init="runDrat()"> |
| <div class="header"> |
| <h1 class="proteus"><a style="color:inherit; text-decoration:none" href="/proteus">PROTEUS</a></h1> |
| <span class="h4">'A GUI FOR DRAT'</span> |
| </div> |
| |
| |
| <div class="row sections"> |
| |
| <!-- ******* The left section is here ******* --> |
| <div id="left-section" class="col-lg-3"> |
| <!-- List of scanned files start here --> |
| <div id="scanned-files" > |
| <!-- List of scanned files are inside of here --> |
| <div class = "list-header"><span class="glyphicon glyphicon-folder-close" id="icon"></span> <span class="sub-header">{{scanStatus}}</span></div> |
| <div class="list-box"> |
| <ul class = "list-group scanned-list"> |
| <li ng-if="!scanComplete" class = "list-group-item" ng-repeat="files in arrayOfScannedFiles">{{files.listName}}</li> |
| |
| <li ng-if="scanComplete" class = "list-group-item" ng-repeat="rat in ratInstances"> |
| <a href="#" data-toggle="modal" data-target="#logs" ng-click="openModal(rat.ratId)"> RAT {{rat.ratId}} </a> |
| </li> |
| </ul> |
| </div> |
| |
| </div> |
| <!-- List of scanned files end here --> |
| |
| <!-- logs are here --> |
| <div class="logs list-header" > |
| <!-- logs contents are here --> |
| </div> |
| <!-- logs ended above --> |
| </div> |
| <!-- ******* The left section ends here ******* --> |
| |
| <!-- ******* The middle section is here ******* --> |
| <div id="middle-section" class="col-lg-6"> |
| <!-- progress bar area and header start here --> |
| <div class="mid-header-box"> |
| <h1> Please wait while <span class="fontweight-600">DRAT</span> scans your repository...</h1> |
| <uib-progressbar max="max" value="dynamic" type="info"> |
| <span style="color:white; white-space:nowrap;"></span> |
| </uib-progressbar> |
| <div class="index-value"> |
| <span class="fontweight-600">{{ value }}%</span> is completed on step: <span class="fontweight-600"> {{ steps[0] }} </span> |
| </div> |
| <!-- progress bar area and header are inside of it --> |
| </div> |
| <!-- progress bar and header ends here --> |
| |
| <!-- stats area --> |
| <div class="stats-area"> |
| <!-- stats are inside of it --> |
| <div class="sub-header"> |
| <h4 lass="fontweight-600"> <span class="glyphicon glyphicon-folder-open"> </span> <span class="stat-subheader">Repository Statistics</span></h4> |
| </div> |
| <div class="table-responsive num-stats"> |
| <table class="table"> |
| <tr> |
| <td> |
| <div class="in-memory-size"> |
| <table class="rep-stats-table"> |
| <tr> |
| <td class="left fontweight-600"> In-Memory Size </td> |
| <td class="right"> {{ memorySize/1000000 | number : fractionSize }} MB</td> |
| </tr> |
| </table> |
| </div> |
| </td> |
| <td class="right-s"> |
| <div class="number-of-files"> |
| <table class="rep-stats-table"> |
| <tr> |
| <td class="left fontweight-600"> Number of files </td> |
| <td class="right"> {{ numberOfFiles | number : fractionSize }}</td> |
| </tr> |
| </table> |
| </div> |
| </td> |
| </tr> |
| </table> |
| </div> |
| <div class="pie-chart col-lg-6"> |
| |
| <!-- the tag below shows the pie-chart --> |
| <div class="fontweight-600">MIME Types Breakdown </div> |
| <wicket:link> |
| <img src="spinner.gif" class="spinner"> |
| </wicket:link> |
| <div style="margih-right: 50px;"> |
| <nvd3 |
| transform="translate(20,50) rotate(40) scale(7)" |
| data="data" |
| id="donutLabelsOutsideExample" |
| options="options" |
| > |
| |
| </nvd3> |
| </div> |
| <!-- <nvd3 options="options" data="data"></nvd3> --> |
| </div> |
| <div class="bars col-lg-6"> |
| <!-- the tag below shows the pie-chart --> |
| <div class="fontweight-600">License Types Breakdowns </div> |
| <wicket:link> |
| <img src="spinner.gif" class="spinner"> |
| </wicket:link> |
| <nvd3 options="chartOptions" data="chartData"></nvd3> |
| </div> |
| </div> |
| <!-- stats area ends --> |
| </div> |
| <!-- ******* The middle section ends here ******* --> |
| |
| |
| <!-- ******* Section for the DRAT statistics. (left-section) ******* --> |
| <div id="stats-right-section" class="col-lg-3"> |
| <!-- Contents of the Drat stats are here... --> |
| <div class="drat-stats"> |
| <div class = "list-header"> |
| <span class="glyphicon glyphicon-stats" id="icon"></span> |
| <span class="sub-header">DRAT Statistics</span> |
| </div> |
| <ul class="drat-stats-list"> |
| <li><span class="fontweight-600">{{numOfRatRunning}}</span> RAT Instances <span class="fontweight-600">running</span> </li> |
| <li><span class="fontweight-600">{{numORatFinished}}</span> RAT Instances <span class="fontweight-600">finished</span> </li> |
| </ul> |
| </div> |
| </div> |
| <!-- ******* Left-side section ends here... ******* --> |
| |
| </div> <!-- .sections div ends --> |
| |
| <!-- modal window for RAT instances --> |
| <div class="modal fade" id="logs" role="dialog"> |
| <!--<div class="modal fade" id="showLogsDiv" ng-show="showLogsBox" role="dialog">--> |
| <div class="modal-dialog"> |
| |
| <!-- Modal content--> |
| <div class="modal-content"> |
| <div class="modal-header"> |
| <button type="button" class="close" data-dismiss="modal">×</button> |
| <h4 class="modal-title">RAT {{ modalObject.ratId }} Statistics </h4> |
| </div> |
| <div class="modal-body"> |
| <div class = "list-header"><span class="sub-header">Unapproved Licenses</span></div> |
| <div class="list-box"> |
| <ul class = "list-group scanned-list"> |
| <li class = "list-group-item" ng-repeat="file in modalObject.unapprovedFiles"> |
| <a href="#"> {{file}} </a> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| |
| </div> |
| </div> |
| |
| |
| <div class="modal fade" id="logs" role="dialog"> |
| <!--<div class="modal fade" id="showLogsDiv" ng-show="showLogsBox" role="dialog">--> |
| <div class="modal-dialog"> |
| |
| <!-- Modal content--> |
| <div class="modal-content"> |
| <div class="modal-header"> |
| <button type="button" class="close" data-dismiss="modal">×</button> |
| <h4 class="modal-title">RAT {{ modalObject.ratId }} Statistics </h4> |
| </div> |
| <div class="modal-body"> |
| <div class = "list-header"><span class="sub-header">Unapproved Licenses</span></div> |
| <div class="list-box"> |
| <ul class = "list-group scanned-list"> |
| <li class = "list-group-item" ng-repeat="file in modalObject.unapprovedFiles"> |
| <a href="#"> {{file}} </a> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| |
| </div> |
| </div> |
| |
| |
| </div> <!-- container div ends --> |
| |
| <wicket:link> |
| <script src="jquery-2.1.4.min.js"></script> |
| <script src="bootstrap.min.js"></script> |
| <script src="angular.min.js"></script> |
| <script src="angular-animate.js"></script> |
| <script src="ui-bootstrap-tpls-0.14.3.js"></script> |
| <script src="bower_components/angularjs-nvd3-directives/dist/angularjs-nvd3-directives.js"></script> |
| <script src="d3.min.js"></script> |
| <script src="bower_components/nvd3/nv.d3.js"></script> |
| <script src="angular-nvd3.js"></script> |
| <script src="Workflow.js"></script> |
| </wicket:link> |
| </body> |
| </html> |