14 files changed, 108 insertions, 36 deletions

diff --git a/app/views/fragments/accountInfos.scala.html b/app/views/fragments/accountInfos.scala.html
index 711fb40..8fb0aab 100644
--- a/app/views/fragments/accountInfos.scala.html
+++ b/app/views/fragments/accountInfos.scala.html
@@ -1,14 +1,32 @@
-<a class="pure-button" href="#">
-        <i class="fa fa-sign-out fa-lg"></i>
-        Logout
-</a>
-
-<a class="pure-button" href="#">
-        <i class="fa fa-money fa-lg"></i>
-        -400 000 €
-</a>
-
-<a class="pure-button" href="#">
-        <i class="fa fa-user fa-lg"></i>
-        Mr. Kornada
-</a>
+@(accountData: Option[models.Views.Account] = None)
+
+@accountData match {
+        case Some(account) => {
+                <a class="pure-button" href="@routes.Auth.logout()">
+                        <i class="fa fa-sign-out fa-lg"></i>
+                        Logout
+                </a>
+
+                <a class="pure-button" href="#">
+                        <i class="fa fa-money fa-lg"></i>
+                        @account.equity €
+                </a>
+
+                <a class="pure-button" href="#">
+                        <i class="fa fa-user fa-lg"></i>
+                        @account.username
+                </a>
+        }
+
+        case None => {
+                <a class="pure-button" href="@routes.Auth.logout()">
+                        <i class="fa fa-pencil-square-o fa-lg"></i>
+                        Sign up
+                </a>
+
+                <a class="pure-button" href="@routes.Auth.login()">
+                        <i class="fa fa-sign-in fa-lg"></i>
+                        Log in
+                </a>
+        }
+}
diff --git a/app/views/fragments/ebeLogo.scala.html b/app/views/fragments/branding/ebeLogo.scala.html
index f2b552a..f2b552a 100644
--- a/app/views/fragments/ebeLogo.scala.html
+++ b/app/views/fragments/branding/ebeLogo.scala.html
diff --git a/app/views/fragments/ebeSlogan.scala.html b/app/views/fragments/branding/ebeSlogan.scala.html
index c0b5332..c0b5332 100644
--- a/app/views/fragments/ebeSlogan.scala.html
+++ b/app/views/fragments/branding/ebeSlogan.scala.html
diff --git a/app/views/fragments/pepalLogo.scala.html b/app/views/fragments/branding/pepalLogo.scala.html
index a4b75ae..a4b75ae 100644
--- a/app/views/fragments/pepalLogo.scala.html
+++ b/app/views/fragments/branding/pepalLogo.scala.html
diff --git a/app/views/fragments/pepalSlogan.scala.html b/app/views/fragments/branding/pepalSlogan.scala.html
index a6d6e69..a6d6e69 100644
--- a/app/views/fragments/pepalSlogan.scala.html
+++ b/app/views/fragments/branding/pepalSlogan.scala.html
diff --git a/app/views/fragments/forms/globalErrors.scala.html b/app/views/fragments/forms/globalErrors.scala.html
new file mode 100644
index 0000000..98dad24
--- /dev/null
+++ b/app/views/fragments/forms/globalErrors.scala.html
@@ -0,0 +1,7 @@
+@(form: Form[_ <: Product])
+
+<div class="flash-message">
+        @for(error <- form.globalErrors) {
+                <div class="error">@error.message</div>
+        }
+</div>
diff --git a/app/views/fragments/forms/inputField.scala.html b/app/views/fragments/forms/inputField.scala.html
new file mode 100644
index 0000000..7de0e3b
--- /dev/null
+++ b/app/views/fragments/forms/inputField.scala.html
@@ -0,0 +1,10 @@
+@(field: Field, inputType: String, label: String)
+
+<input
+class="pure-input-1 @if(field.hasErrors) {input-invalid}"
+type="@inputType"
+placeholder="@label"
+name="@field.name"
+id="@field.name"
+value="@field.value"
+>
diff --git a/app/views/fragments/forms/textarea.scala.html b/app/views/fragments/forms/textarea.scala.html
new file mode 100644
index 0000000..44904ca
--- /dev/null
+++ b/app/views/fragments/forms/textarea.scala.html
@@ -0,0 +1,8 @@
+@(field: Field, label: String)
+
+<textarea
+class="pure-input-1 @if(field.hasErrors) {input-invalid}"
+placeholder="@label"
+name="@field.name"
+id="@field.name"
+>@field.value</textarea>
diff --git a/app/views/pages/ebeHomepage.scala.html b/app/views/pages/ebeHomepage.scala.html
index da1fb08..d4fe80a 100644
--- a/app/views/pages/ebeHomepage.scala.html
+++ b/app/views/pages/ebeHomepage.scala.html
@@ -1,6 +1,6 @@
-@()(implicit flash: Flash)
+@()(implicit request : AuthRequest[AnyContent], flash: Flash, token: play.filters.csrf.CSRF.Token)
 
-@templates.ebe("eBé") {
+@templates.ebe("eBé")(request.account) {
 
         <div class="action-buttons pure-g">
         @fragments.ebeMainActions()
@@ -13,7 +13,7 @@
                         <div class="l-box">
                                 <h3 class="information-head">Get started today</h3>
                                 <p>
-                                        With @fragments.ebeLogo(), the leading online auction platform, buy or sell items in a few clicks!
+                                        With @fragments.branding.ebeLogo(), the leading online auction platform, buy or sell items in a few clicks!
                                 </p>
                         </div>
                 </div>
@@ -22,7 +22,7 @@
                         <div class="l-box">
                                 <h3 class="information-head">Buy and sell with confidence</h3>
                                 <p>
-                                        @fragments.ebeLogo() guarantees all transactions for both buyers and sellers.
+                                        @fragments.branding.ebeLogo() guarantees all transactions for both buyers and sellers.
                                 </p>
                         </div>
                 </div>
@@ -40,7 +40,7 @@
                         <div class="l-box">
                                 <h3 class="information-head">Secure transactions</h3>
                                 <p>
-                                        With @fragments.ebeLogo(), you are not required to give any personal information to any buyer or seller.
+                                        With @fragments.branding.ebeLogo(), you are not required to give any personal information to any buyer or seller.
                                 </p>
                         </div>
                 </div>
diff --git a/app/views/pages/loginForm.scala.html b/app/views/pages/loginForm.scala.html
new file mode 100644
index 0000000..5e4d8e5
--- /dev/null
+++ b/app/views/pages/loginForm.scala.html
@@ -0,0 +1,27 @@
+@(loginForm: Form[LoginData])(implicit flash: Flash, token: play.filters.csrf.CSRF.Token)
+
+@templates.ebe("Log in")() {
+
+        <div class="pure-g">
+                <div class="pure-u-1 pure-u-lg-1-3 centered">
+
+                        <h2>Log in</h2>
+
+                        @views.html.fragments.forms.globalErrors(loginForm)
+
+                        @helper.form(action = routes.Auth.loginSubmit(), 'class -> "pure-form") {
+
+                                @helper.CSRF.formField
+
+                                <fieldset class="pure-group">
+                                        @views.html.fragments.forms.inputField(loginForm("username"), "text", "Username")
+                                        @views.html.fragments.forms.inputField(loginForm("password"), "password", "Password")
+                                </fieldset>
+
+                                <button type="submit" class="pure-button pure-input-1 pure-button-primary">Log in</button>
+                        }
+
+                </div>
+        </div>
+
+}
diff --git a/app/views/pages/pepalHomepage.scala.html b/app/views/pages/pepalHomepage.scala.html
index b4a8e9c..9f4b227 100644
--- a/app/views/pages/pepalHomepage.scala.html
+++ b/app/views/pages/pepalHomepage.scala.html
@@ -1,6 +1,6 @@
-@()(implicit flash: Flash)
+@()(implicit request : AuthRequest[AnyContent], flash: Flash, token: play.filters.csrf.CSRF.Token)
 
-@templates.pepal("PéPal") {
+@templates.pepal("PéPal")(request.account) {
 
         <div class="action-buttons pure-g">
         @fragments.pepalMainActions()
@@ -13,7 +13,7 @@
                         <div class="l-box">
                                 <h3 class="information-head">Get started today</h3>
                                 <p>
-                                        With @fragments.pepalLogo(), the leading online payment solution, buy or sell items on the web in a few clicks!
+                                        With @fragments.branding.pepalLogo(), the leading online payment solution, buy or sell items on the web in a few clicks!
                                 </p>
                         </div>
                 </div>
@@ -40,7 +40,7 @@
                         <div class="l-box">
                                 <h3 class="information-head">Secure transactions</h3>
                                 <p>
-                                        With @fragments.pepalLogo(), you are not required to give any personal information to any buyer or seller.
+                                        With @fragments.branding.pepalLogo(), you are not required to give any personal information to any buyer or seller.
                                 </p>
                         </div>
                 </div>
diff --git a/app/views/templates/ebe.scala.html b/app/views/templates/ebe.scala.html
index 2bab310..8e8fc8e 100644
--- a/app/views/templates/ebe.scala.html
+++ b/app/views/templates/ebe.scala.html
@@ -1,3 +1,3 @@
-@(title: String)(content: Html)(implicit flash: Flash)
+@(title: String)(accountData: Option[models.Views.Account] = None)(content: Html)(implicit flash: Flash, token: play.filters.csrf.CSRF.Token)