1 <html>
 2   <head>
 3     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script>
 4     <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.js"></script>
 5     <script src="/app.js"></script>
 6     <link rel="stylesheet" href="/app.css">
 7     <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.css">-->
 8     <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.js"></script>-->
 9   </head>
10 
11   <body ng-app="MarketingPlatformApp.admin">
12     <div ng-controller="SimpleTaskController">
13       Filter: <input ng-model="search">
14       Sort By: <select ng-model="predicate" ng-options="column for column in columns"></select>
15       Reverse: <input type="checkbox" ng-model="reverse">
16       <p>Number of results: {{(tasks | filter:search).length}}</p>
17       <pre>Start   : {{formatTo(timeRange.start)}}</pre> 
18       <pre>End     : {{formatTo(timeRange.end)}}</pre>
19       <pre>Now     : {{formatTo(timeRange.now)}}</pre>
20       <table ng-if="tasks.length !== 0">
21         <thead>
22           <tr>
23             <th ng-repeat="column in columnsPretty">
24               <a href="#">{{column}}</a>
25             </th>
26           </tr>
27         </thead>
28         <tbody>
29           <!--ng-class="{error: isTaskFailed(task, now), success: isTaskSucceeded(task, now) }"-->
30           <tr ng-repeat="task in tasks | filter:search | orderBy:predicate:reverse"  ng-class="{error: isTaskFailed(task, timeRange.now), success: isTaskSucceeded(task, timeRange.now) }">
31               <td ng-repeat="column in columns">
32               <pre>{{task[column]}}</pre>
33             </td>
34           </tr>
35         </tbody>
36       </table>
37       <p ng-if="tasks.length === 0">
38         No results.
39       </p>
40     </div>
41   </body>
42 </html>