~joetalbott/uci-engine/user_auth

« back to all changes in this revision

Viewing changes to nf-stats-service/web_static/index.html

  • Committer: Thomi Richards
  • Date: 2014-06-27 20:02:44 UTC
  • mto: (629.2.9 nfss)
  • mto: This revision was merged to the branch mainline in revision 636.
  • Revision ID: thomi.richards@canonical.com-20140627200244-zi7dwxnyw38ypr2f
Initial version.

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!DOCTYPE html>
 
2
<html>
 
3
<head>
 
4
<meta charset="utf-8" />
 
5
<title>Non-Functional Statistics Service</title>
 
6
<link rel="stylesheet" type="text/css" href="style.css">
 
7
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.min.css">
 
8
<link rel="stylesheet" type="text/css" href="v/ng-quick-date.css" media="all" />
 
9
<link rel="stylesheet" type="text/css" href="v/ng-quick-date-default-theme.css" media="all" />
 
10
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
 
11
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular-animate.min.js"></script>
 
12
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.8/d3.min.js"></script>
 
13
<script src="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.min.js"></script>
 
14
<script src="v/angularjs-nvd3-directives.min.js"></script>
 
15
<script src="v/ng-quick-date.min.js"></script>
 
16
<script src="app.js"></script>
 
17
</head>
 
18
<body ng-app="NonFunctional" ng-controller="appController">
 
19
 
 
20
<div class="spinner" ng-show="loading"></div>
 
21
 
 
22
<table id="project_selector"
 
23
    ng-class="url.project === undefined ? 'starter' : 'header'">
 
24
    <tr>
 
25
        <td class="left">
 
26
            <a href="#"><h1>Home</h1></a>
 
27
        </td>
 
28
        <td class="center">
 
29
            <a ng-repeat="project in projects | filter:q"
 
30
                ng-class="project == url.project ? 'active' : 'inactive'"
 
31
                href="#?project={{project}}">{{project}}</a>
 
32
        </td>
 
33
        <td class="right">
 
34
            <input type="search" ng-model="q" placeholder="Filter projects..." />
 
35
        </td>
 
36
    </tr>
 
37
</table>
 
38
 
 
39
<div id="test_selector" class="center">
 
40
    <div ng-repeat="test in tests" class="testBubble">
 
41
        <a ng-class="test == url.test ? 'active' : 'inactive'"
 
42
            href="#?project={{url.project}}&test={{test}}">
 
43
            {{test}}</a>
 
44
        <div ng-hide="url.test" class="testBubbleDesc sample-show-hide">
 
45
            {{chosenProjectData[test].data_points}} data points<br />
 
46
            between {{dateFormatter()(chosenProjectData[test].first_data)}}<br />
 
47
            and {{dateFormatter()(chosenProjectData[test].last_data)}}
 
48
        </div>
 
49
    </div>
 
50
</div>
 
51
 
 
52
<div id="date_picker" ng-show="graphData.length > 0">
 
53
    <quick-datepicker placeholder="Set Start Date" ng-model="startDate"
 
54
                      label-format="EEEE, MMMM d, yyyy" class="start_date"></quick-datepicker>
 
55
    <quick-datepicker placeholder="Set End Date" ng-model="endDate"
 
56
                      label-format="EEEE, MMMM d, yyyy" class="end_date"></quick-datepicker>
 
57
</div>
 
58
 
 
59
<div id="graph_container" custom-graph ng-show="graphData.length > 0" />
 
60
 
 
61
</body>
 
62
</html>