From f90cd0da3eda7c1723ce4de439f64334c81db712 Mon Sep 17 00:00:00 2001
From: Pacien TRAN-GIRARD
Date: Sun, 8 Feb 2015 17:06:58 +0100
Subject: Implement account summary page

---
 app/views/fragments/accountInfos.scala.html |  2 +-
 app/views/pages/accountSummary.scala.html   | 89 +++++++++++++++++++++++++++++
 2 files changed, 90 insertions(+), 1 deletion(-)
 create mode 100644 app/views/pages/accountSummary.scala.html

(limited to 'app/views')

diff --git a/app/views/fragments/accountInfos.scala.html b/app/views/fragments/accountInfos.scala.html
index 887e485..60c3583 100644
--- a/app/views/fragments/accountInfos.scala.html
+++ b/app/views/fragments/accountInfos.scala.html
@@ -7,7 +7,7 @@
 			Logout
 		</a>
 
-		<a class="pure-button" href="#">
+		<a class="pure-button" href="@routes.Account.summary()">
 			<i class="fa fa-money fa-lg"></i>
 			@account.equity €
 		</a>
diff --git a/app/views/pages/accountSummary.scala.html b/app/views/pages/accountSummary.scala.html
new file mode 100644
index 0000000..3a10d3d
--- /dev/null
+++ b/app/views/pages/accountSummary.scala.html
@@ -0,0 +1,89 @@
+@(transactions: Seq[Tables.Transaction])(implicit request: AuthRequest[AnyContent], flash: Flash, token: play.filters.csrf.CSRF.Token)
+
+@templates.pepal("Account summary")(request.account) {
+
+	<div class="action-buttons pure-g">
+	@fragments.pepalMainActions()
+	</div>
+
+	<br>
+
+	<div class="pure-g">
+		<div class="pure-u-1 pure-u-lg-1-4">
+			<div class="l-box">
+				<h2>My wallet</h2>
+
+				<table class="pure-table pure-table-horizontal">
+					<thead>
+						<tr>
+							<td colspan="2">Account summary</td>
+						</tr>
+					</thead>
+
+					<tbody>
+						<tr class="dark-blue">
+							<td>Balance</td>
+							<td>@request.account.get.balance €</td>
+						</tr>
+
+						<tr class="light-blue">
+							<td>Available funds</td>
+							<td>@request.account.get.equity €</td>
+						</tr>
+					</tbody>
+				</table>
+
+				<br>
+
+				<div class="pure-g wallet-actions">
+					<div class="pure-u-1 pure-u-lg-1-1">
+						<a class="pure-button" href="#">
+							<i class="fa fa-download"></i>
+							Deposit
+						</a>
+					</div>
+
+					<br><br>
+
+					<div class="pure-u-1 pure-u-lg-1-1">
+						<a class="pure-button" href="#HAHAHAHA">
+							<i class="fa fa-upload"></i>
+							Withdraw
+						</a>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<div class="pure-u-1 pure-u-lg-3-4">
+			<div class="l-box">
+				<h2>Transaction history</h2>
+
+				<table class="pure-table pure-table-horizontal">
+
+					<thead>
+						<tr>
+							<td>Date</td>
+							<td>Amount</td>
+							<td>Label</td>
+						</tr>
+					</thead>
+
+					<tbody>
+					@for(transaction <- transactions) {
+						<tr>
+							<td>@transaction.transactionDate</td>
+							<td class="align-right @if(transaction.amount >= 0) {income} else {outcome}">@transaction.amount
+								€</td>
+							<td>@transaction.label</td>
+						</tr>
+					}
+					</tbody>
+
+
+				</table>
+			</div>
+		</div>
+	</div>
+
+}
-- 
cgit v1.2.3