Xp history

html/playerXp.html

@@ -1,6 +1,63 @@
 
 <div ng-controller="PlayerXpController" flex layout="column" id="PlayerXpController">
 
-Show info about this player xp here
+	<md-content flex layout-padding>
+
+		<h2>Statistics for player <a href="#/player/{{userid}}/">{{userid}}</a></h2>
+
+		<div layout="row" layout-sm="column">
+
+			<div flex>
+				<md-card>
+					<md-card-title>
+						<md-card-title-text>
+							<span class="md-headline">Xp Income Sources</span>
+							<span class="md-subhead">Where has this user got their Xp from</span>
+						</md-card-title-text>
+					</md-card-title>	
+					<md-card-content layout="row" layout-align="space-between">
+						<md-card-title-media flex>
+							<nvd3 flex options="Sources.Options" data="Sources.Data"></nvd3>
+						</md-card-title-media>
+					</md-card-content>
+				</md-card>
+			</div>
+
+			<div flex>
+				<md-card>
+					<md-card-title>
+						<md-card-title-text>
+							<span class="md-headline">Xp Outgoing Sources</span>
+							<span class="md-subhead">Where has this user spent their Xp</span>
+						</md-card-title-text>
+					</md-card-title>
+					<md-card-content layout="row" layout-align="space-between">
+						<md-card-title-media flex>
+							<nvd3 flex options="Outgoings.Options" data="Outgoings.Data"></nvd3>
+						</md-card-title-media>
+					</md-card-content>
+				</md-card>
+			</div>
+
+		</div>
+
+		<div flex>
+			<md-card>
+				<md-card-title>
+					<md-card-title-text>
+						<span class="md-headline">Xp Over Time</span>
+						<span class="md-subhead">How much XP has this user got over time</span>
+					</md-card-title-text>
+				</md-card-title>
+				<md-card-content layout="row" layout-align="space-between">
+					<md-card-title-media flex>
+						<nvd3 flex options="OverTime.Options" data="OverTime.Data"></nvd3>
+					</md-card-title-media>
+				</md-card-content>
+			</md-card>
+		</div>
+
+	</md-content>
+
 
 </div>

html/playerlist.html

@@ -1,9 +1,7 @@
 <div ng-controller="PlayerListController" flex layout="column" id="PlayerListController">
-
 <md-content flex id="vertical-container">
 	<md-list>
-		<div ng-repeat="line in Players | filter : FilterText">
-			<md-list-item class="md-3-line" layout="row" style="min-height: auto;">
+			<md-list-item class="" ng-repeat="line in Players | filter : FilterText" href="#/player/{{line.SteamID}}/">
 				<div flex layout="row">
 					<div flex class="md-list-item-text">
 						<h3><a href="#/player/{{line.SteamID}}/">{{line.DisplayName}}</a></h3>
@@ -23,7 +21,7 @@
 				</div>
 				
 				<div flex="10"style="text-align: right">
-					XP: {{line.UnspentXp}}			
+					XP: <a href="#/player/{{line.SteamID}}/xp">{{line.UnspentXp}}</a>
 				</div>
 				
 				<div flex="20"style="text-align: right">
@@ -36,12 +34,8 @@
 					{{line.ConnectedSeconds | SecondsToDuration}}
 				</div>
 				
-				
+				<md-divider></md-divider>			
 			</md-list-item>
-		<md-divider></md-divider>
-		</div>
-		
-		
 	</md-list>
 </md-content>