module Happstack.Authenticate.Password.Partials where
import Control.Category ((.), id)
import Control.Lens ((^.))
import Control.Monad.Reader (ReaderT, ask, runReaderT)
import Control.Monad.Trans (MonadIO, lift)
import Data.Acid (AcidState)
import Data.Data (Data, Typeable)
import Data.Monoid ((<>))
import Data.Text (Text)
import Data.UserId (UserId)
import qualified Data.Text as Text
import qualified Data.Text.Lazy as LT
import HSP
import Happstack.Server.HSP.HTML ()
import Language.Haskell.HSX.QQ (hsx)
import Language.Javascript.JMacro
import Happstack.Authenticate.Core (AuthenticateState, AuthenticateURL, User(..), HappstackAuthenticateI18N(..), getToken, tokenUser, userId)
import Happstack.Authenticate.Password.Core (PasswordError(NotAuthenticated))
import Happstack.Authenticate.Password.URL (AccountURL(..), PasswordURL(..), nestPasswordURL)
import Happstack.Authenticate.Password.PartialsURL (PartialURL(..))
import Happstack.Server (Happstack, unauthorized)
import Happstack.Server.XMLGenT ()
import HSP.JMacro ()
import Prelude hiding ((.), id)
import Text.Shakespeare.I18N (Lang, mkMessageFor, renderMessage)
import Web.Routes
import Web.Routes.XMLGenT ()
import Web.Routes.TH (derivePathInfo)
type Partial' m = (RouteT AuthenticateURL (ReaderT [Lang] m))
type Partial m = XMLGenT (RouteT AuthenticateURL (ReaderT [Lang] m))
data PartialMsgs
= UsernameMsg
| EmailMsg
| PasswordMsg
| PasswordConfirmationMsg
| SignUpMsg
| SignInMsg
| LogoutMsg
| OldPasswordMsg
| NewPasswordMsg
| NewPasswordConfirmationMsg
| ChangePasswordMsg
| RequestPasswordResetMsg
mkMessageFor "HappstackAuthenticateI18N" "PartialMsgs" "messages/password/partials" "en"
instance (Functor m, Monad m) => EmbedAsChild (Partial' m) PartialMsgs where
asChild msg =
do lang <- ask
asChild $ renderMessage HappstackAuthenticateI18N lang msg
instance (Functor m, Monad m) => EmbedAsAttr (Partial' m) (Attr LT.Text PartialMsgs) where
asAttr (k := v) =
do lang <- ask
asAttr (k := renderMessage HappstackAuthenticateI18N lang v)
routePartial :: (Functor m, Monad m, Happstack m) =>
AcidState AuthenticateState
-> PartialURL
-> Partial m XML
routePartial authenticateState url =
case url of
LoginInline -> usernamePasswordForm
Logout -> logoutForm
SignupPassword -> signupPasswordForm
ChangePassword ->
do mUser <- getToken authenticateState
case mUser of
Nothing -> [hsx| <p><% show NotAuthenticated %></p> |]
(Just (token, _)) -> changePasswordForm (token ^. tokenUser ^. userId)
RequestResetPasswordForm -> requestResetPasswordForm
ResetPasswordForm -> resetPasswordForm
signupPasswordForm :: (Functor m, Monad m) =>
Partial m XML
signupPasswordForm =
[hsx|
<form ngsubmit="signupPassword()" role="form">
<div class="form-group">
<label class="sr-only" for="su-username"><% UsernameMsg %></label>
<input class="form-control" ngmodel="signup.naUser.username" type="text" id="username" name="su-username" placeholder=UsernameMsg />
</div>
<div class="form-group">
<label class="sr-only" for="su-email"><% EmailMsg %></label>
<input class="form-control" ngmodel="signup.naUser.email" type="email" id="su-email" name="email" placeholder=EmailMsg />
</div>
<div class="form-group">
<label class="sr-only" for="su-password"><% PasswordMsg %></label>
<input class="form-control" ngmodel="signup.naPassword" type="password" id="su-password" name="su-pass" placeholder=PasswordMsg />
</div>
<div class="form-group">
<label class="sr-only" for="su-password-confirm"><% PasswordConfirmationMsg %></label>
<input class="form-control" ngmodel="signup.naPasswordConfirm" type="password" id="su-password-confirm" name="su-pass-confirm" placeholder=PasswordConfirmationMsg />
</div>
<div class="form-group">
<input class="form-control" type="submit" value=SignUpMsg />
</div>
<div>{{signup_error}}</div>
</form>
|]
usernamePasswordForm :: (Functor m, Monad m) =>
Partial m XML
usernamePasswordForm = [hsx|
<span>
<span ngshow="!isAuthenticated">
<form ngsubmit="login()" role="form" class="navbar-form navbar-left">
<div class="form-group">
<label class="sr-only" for="username"><% UsernameMsg %> </label>
<input class="form-control" ngmodel="user.user" type="text" id="username" name="user" placeholder=UsernameMsg />
</div><% " " :: Text %>
<div class="form-group">
<label class="sr-only" for="password"><% PasswordMsg %></label>
<input class="form-control" ngmodel="user.password" type="password" id="password" name="pass" placeholder=PasswordMsg />
</div><% " " :: Text %>
<div class="form-group">
<input class="form-control" type="submit" value=SignInMsg />
</div>
</form>
<div>{{username_password_error}}</div>
</span>
</span>
|]
logoutForm :: (Functor m, MonadIO m) => Partial m XML
logoutForm = [hsx|
<span ngshow="isAuthenticated">
<div class="form-group">
<a class="navbar-right" ngclick="logout()" href=""><% LogoutMsg %></a>
</div>
</span>
|]
changePasswordForm :: (Functor m, MonadIO m) =>
UserId
-> Partial m XML
changePasswordForm userId =
do url <- lift $ nestPasswordURL $ showURL (Account (Just (userId, Password)))
let changePasswordFn = "changePassword('" <> url <> "')"
[hsx|
<form ngsubmit=changePasswordFn role="form">
<div class="form-group">
<label class="sr-only" for="password"><% OldPasswordMsg %></label>
<input class="form-control" ngmodel="password.cpOldPassword" type="password" id="old-password" name="old-pass" placeholder=OldPasswordMsg />
</div>
<div class="form-group">
<label class="sr-only" for="password"><% NewPasswordMsg %></label>
<input class="form-control" ngmodel="password.cpNewPassword" type="password" id="new-password" name="new-pass" placeholder=NewPasswordMsg />
</div>
<div class="form-group">
<label class="sr-only" for="password"><% NewPasswordConfirmationMsg %></label>
<input class="form-control" ngmodel="password.cpNewPasswordConfirm" type="password" id="new-password-confirm" name="new-pass-confirm" placeholder=NewPasswordConfirmationMsg />
</div>
<div class="form-group">
<input class="form-control" type="submit" value=ChangePasswordMsg />
</div>
<div>{{change_password_error}}</div>
</form>
|]
requestResetPasswordForm :: (Functor m, MonadIO m) =>
Partial m XML
requestResetPasswordForm =
do
[hsx|
<div>
<form ngsubmit="requestResetPassword()" role="form">
<div class="form-group">
<label class="sr-only" for="reset-username"><% UsernameMsg %></label>
<input class="form-control" ngmodel="requestReset.rrpUsername" type="text" id="reset-username" name="username" placeholder=UsernameMsg />
</div>
<div class="form-group">
<input class="form-control" type="submit" value=RequestPasswordResetMsg />
</div>
</form>
<div>{{request_reset_password_msg}}</div>
</div>
|]
resetPasswordForm :: (Functor m, MonadIO m) =>
Partial m XML
resetPasswordForm =
[hsx|
<div>
<form ngsubmit="resetPassword()" role="form">
<div class="form-group">
<label class="sr-only" for="reset-password"><% PasswordMsg %></label>
<input class="form-control" ngmodel="reset.rpPassword" type="password" id="reset-password" name="reset-password" placeholder=PasswordMsg />
</div>
<div class="form-group">
<label class="sr-only" for="reset-password-confirm"><% PasswordConfirmationMsg %></label>
<input class="form-control" ngmodel="reset.rpPasswordConfirm" type="password" id="reset-password-confirm" name="reset-password-confirm" placeholder=PasswordConfirmationMsg />
</div>
<div class="form-group">
<input class="form-control" type="submit" value=ChangePasswordMsg />
</div>
</form>
<div>{{reset_password_msg}}</div>
</div>
|]