CustomerAnalytics/index.html at master · KitHensel/CustomerAnalytics · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!doctype html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="css/normalize.css"/>
		<link type="text/css" rel="stylesheet" href="css/skeleton.css"/>
		<link type="text/css" rel="stylesheet" href="css/angular-chart.css"/>
		<link type="text/css" rel="stylesheet" href="css/main.css"/>

		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
		<script src='js/chart.js'></script>
		<script src="js/angular-chart.min.js"></script>
		<script src="js/controllers.js"></script>
	</head>

	<body ng-app="reportingApp">
		<div ng-controller="CardCtrl">

			<div id="loading">
			  <h6>Loading...</h6>
			</div>

			<div class="row">
				<div ng-repeat="user in users | orderBy:orderProp" class="four columns">
					<div class="card">

						<div ng-if="user.avatar != ''">
          		<img src="{{ user.avatar }}" class="avatar"><br>
          	</div>

          	<div ng-if="user.avatar == ''">
          		<div class="avatarInital"><h4>{{ user.firstLetter }}</h4></div>
          	</div>

          	<h5><span class="name">{{ user.name }}</span></h5>
          	<h6><span class="subtitle">{{ user.occupation }}</span></h6>

						<div class="stats u-pull-right">
        			<h5 class="impressions">{{ user.logs.impressions | number }}</h5>
        			<h6 class="subtitle">impressions</h6>
        			<h5 class="conversions">{{ user.logs.conversions | number }}</h5>
        			<h6 class="subtitle">conversions</h6>
        			<h5 class="revenue">{{ user.revenue | currency }}</h5>
        		</div>

						<canvas class="chart chart-line" data="user.chartData" labels="user.labels" series="user.series" legend="true"></canvas>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>