github.com/billybanfield/evergreen@v0.0.0-20170525200750-eeee692790f7/service/templates/task_timing.html (about) 1 2 {{define "scripts"}} 3 <script type="text/javascript"> 4 window.activeProject = {{.Project}}; 5 </script> 6 <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script> 7 <script type="text/javascript" src="{{Static "js" "task_timing.js"}}?hash={{ StaticsMD5 }}"></script> 8 {{end}} 9 10 {{define "title"}} 11 Evergreen - Task Timing 12 {{end}} 13 14 {{define "content"}} 15 <div id="content" class="container-fluid" ng-controller="TaskTimingController"> 16 <div class="row"> 17 <ul class="nav nav-tabs"> 18 <li ng-repeat="view in requestViewOptions" ng-class="{active:currentRequest.requester == view.requester }"><a href="#" ng-click="setCurrentRequest(view)">[[view.name]]</a></li> 19 </ul> 20 </div> 21 <div class="row"> 22 <div class="col-lg-3"> 23 <h3>Variants</h3> 24 <div class="dropdown task-timing-list-container"> 25 <ul id="build-variants" class="task-timing-list"> 26 <li ng-repeat="bv in currentProject.build_variants" ng-click="form.$setPristine();setBuildVariant(bv)" 27 ng-class="{'active-elt': bv.name == currentBV.name}"> 28 [[bv.name]] 29 </li> 30 </ul> 31 </div> 32 </div> 33 34 <div class="col-lg-3"> 35 <h3>Tasks</h3> 36 <div class="task-timing-list-container"> 37 <ul id="task-names" class="task-timing-list"> 38 <li ng-repeat="task in currentProject.task_names" ng-click="form.$setPristine();setTaskName(task)" 39 ng-class="{'active-elt': task == currentTask, 'semi-transparent': !checkTaskForGraph(task), 'full-opacity': checkTaskForGraph(task)}"> 40 [[task]] 41 </li> 42 </ul> 43 </div> 44 </div> 45 46 <div class="col-lg-2" ng-show = "!isAllTasks()"> 47 <h3>Duration</h3> 48 <div class="row" ng-repeat="diff in timeDiffOptions" > 49 <button class="btn btn-default col-lg-12" ng-class="{active: timeDiff == diff}" ng-click="setTimeDiff(diff)"> 50 [[diff.name]] 51 </button> 52 </div> 53 </div> 54 <div class="col-lg-2" ng-show = "isAllTasks()"> 55 <h3>Duration</h3> 56 <div class="row" ng-repeat="diff in allTasksOptions" > 57 <button class="btn btn-default col-lg-12" ng-class="{active: allTasksView == diff}" ng-click="setAllTasksView(diff)"> 58 [[diff.name]] 59 </button> 60 </div> 61 </div> 62 <div class="col-lg-4"> 63 <h3>Number of Versions</h3> 64 <div> 65 <button ng-repeat="num in numTasksOptions" ng-class="{active: numTasks == num}" class="btn btn-default" ng-class="{active: timeDiff == diff}" ng-click="setNumTasks(num)"> 66 [[num]] 67 </button> 68 </div> 69 </div> 70 </div> 71 <div class="row"> 72 <div class="col-lg-3" style="margin-top:50px; margin-left:10px;" > 73 <div ng-hide="hoverInfo.hidden"> 74 <div ng-hide="isAllTasks()">host id: <b>[[hoverInfo.host]]</b></div> 75 <div ng-hide="isAllTasks()">distro id: <b>[[hoverInfo.distro]]</b></div> 76 <div> duration: <b>[[hoverInfo.duration]]</b> </div> 77 <div style="font-family:monospace"><a ng-href="[[getLink()]]">[[hoverInfo.revision| limitTo:7]]</a></div> 78 <div>[[hoverInfo.create_time | date: "MM/dd/yyyy 'at' h:mma"]] </div> 79 <div> <b> [[hoverInfo.author]]</b> </div><div>[[hoverInfo.message]] </div> 80 </div> 81 </div> 82 <div class="col-lg-8 task-timing-chart" id="tt-graph"></div> 83 </div> 84 </div> 85 {{end}}