1 files changed, 62 insertions, 0 deletions
diff --git a/src/client/elm/SignIn/View.elm b/src/client/elm/SignIn/View.elm
new file mode 100644
index 0000000..2f63651
--- /dev/null
+++ b/src/client/elm/SignIn/View.elm
@@ -0,0 +1,62 @@
+module SignIn.View
+  ( view
+  ) where
+
+import Html as H exposing (..)
+import Html.Attributes exposing (..)
+import Html.Events exposing (..)
+import Signal exposing (Address)
+import Json.Decode as Json
+
+import SignIn.Action as SignInAction
+import SignIn.Model as SignInModel
+
+import Update exposing (..)
+
+import Model exposing (Model)
+import Model.Action exposing (..)
+import Model.Translations exposing (getMessage)
+
+import View.Events exposing (onSubmitPrevDefault)
+import View.Icon exposing (renderSpinIcon)
+
+view : Address Action -> Model -> SignInModel.Model -> Html
+view address model signInModel =
+  div
+    [ class "signIn" ]
+    [ H.form
+        [ onSubmitPrevDefault address (SignIn signInModel.login) ]
+        [ input
+            [ value signInModel.login
+            , on "input" targetValue (Signal.message address << UpdateSignIn << SignInAction.UpdateLogin)
+            , type' "text"
+            , autocomplete True
+            ]
+            []
+        , button
+            []
+            [ if signInModel.waitingServer
+                then renderSpinIcon
+                else text (getMessage "SignIn" model.translations)
+            ]
+        ]
+    , div
+        [ class "result" ]
+        [ signInResult model signInModel ]
+    ]
+
+signInResult : Model -> SignInModel.Model -> Html
+signInResult model signInModel =
+  case signInModel.result of
+    Just result ->
+      case result of
+        Ok login ->
+          div
+            [ class "success" ]
+            [ text (getMessage "SignInEmailSent" model.translations) ]
+        Err error ->
+          div
+            [ class "error" ]
+            [ text (getMessage error model.translations) ]
+    Nothing ->
+      text ""