/public/javascripts/auth.js

/**
 *  auth.js - keeper of the grounds
 *    Basic bits to verify user login and present
 *    appropriate UI when necessary.
 */

var authNS = odkmaker.namespace.load('odkmaker.auth');

;(function($)
{
    authNS.currentUser = null;

    var signinSuccessful = function(response, status)
    {
        $('.accountStatus')
            .empty()
            .append('Signed in as <a href="#accountDialog" rel="modal">' +
                     authNS.currentUser.display_name + '</a>. <a href="#signout" ' +
                     'class="signoutLink">Sign out</a>.')
            .fadeIn('slow');
        $('.signinDialog')
            .find(':input')
                .val('')
                .end()
            .jqmHide();
    };

    var noAuthMessage = function()
    {
        $('.accountStatus')
            .empty()
            .append('Not signed in. <a href="#signinDialog" rel="modal">' +
                    'Sign in now</a>.')
            .fadeIn('slow');
    };

    authNS.verify = function(callback)
    {
        // Get current user status from server
        $.ajax({
            url: '/user',
            dataType: 'json',
            type: 'GET',
            complete: function()
            {
                setTimeout(function()
                {
                    $('.loadingScreen')
                        .fadeOut('normal', function()
                        {
                            $(this).remove();
                        });
                    $('.preloadImages').remove();
                }, 200); // give a bit of extra time in case the load was instantaneous
            },
            success: function(response, status)
            {
                authNS.currentUser = response;
                (callback || signinSuccessful)(response, status);
            },
            error: function(request, status, error)
            {
                authNS.currentUser = null;
                noAuthMessage();
                $('.signinDialog').jqmShow();
            }
        });
    };

    $(function()
    {
        // Signin dialog events
        $('.signinDialog .toggleSignupLink').click(function(event)
        {
            event.preventDefault();
            // TODO: this code sucks.
            $('.signinDialog .signup_section, p:has(.togglePasswordLink)').slideToggle();
            $('.signinDialog .signinLink, .signinDialog .signupLink').toggleClass('hide');
            if ($('.modalButton.signinLink').hasClass('hide'))
            {
                $(this).text('Never mind, I have an account.');
                $('.signinDialog h3').text('Sign up');
                $('.signinDialog .emailHint').hide();
            }
            else
            {
                $(this).text('Don\'t yet have an account?');
                $('.signinDialog h3').text('Sign in');
                $('.signinDialog .emailHint').show();
            }
        });
        $('.signinDialog .togglePasswordLink').click(function(event)
        {
            event.preventDefault();
            // TODO: this code still sucks.
            $('.signinDialog .signin_section, p:has(.toggleSignupLink)').slideToggle();
            $('.signinDialog .signinLink, .signinDialog .passwordLink').toggleClass('hide');
            if ($('.modalButton.signinLink').hasClass('hide'))
            {
                $(this).text('Never mind, I remembered it.');
                $('.signinDialog h3').text('Reset password');
            }
            else
            {
                $(this).text('Forgot your password?');
                $('.signinDialog h3').text('Sign in');
            }
        });
        $('.signinDialog .signinLink').click(function(event)
        {
            event.preventDefault();

            $('.signinDialog .errorMessage').slideUp();

            $.ajax({
                url: '/login',
                dataType: 'json',
                type: 'POST',
                data: $('.signinDialog form').find(':input:visible'),
                success: function(response, status)
                {
                    authNS.currentUser = response;
                    signinSuccessful(response, status);
                },
                error: function(request, status, error)
                {
                    var message = 'Could not log you in with those credentials. Please try again.';

                    if (request.status == 500)
                        message = 'Something has gone wrong. Please try again in a bit, and report the issue if it persists.';

                    $('.signinDialog .errorMessage')
                        .empty()
                        .append('<p>' + message + '</p>')
                        .slideDown();
                }
            });
        });
        $('.signinDialog .passwordLink').click(function(event)
        {
            event.preventDefault();

            $('.signinDialog .errorMessage').slideUp();

            $.ajax({
                url: '/reset_password',
                dataType: 'json',
                type: 'POST',
                data: { username: $('.signinDialog form #signin_username').val() },
                success: function(response, status)
                {
                    $('.signinDialog')
                        .find(':input')
                            .val('')
                            .end()
                        .jqmHide();
                    $.toast('Your password has reset, and the new password has been emailed to you. Please check your inbox in a minute.');
                },
                error: function(request, status, error)
                {
                    $('.signinDialog .errorMessage')
                        .empty()
                        .append('<p>We couldn\'t reset your password for some reason. Please check that your user name is correct, and try again in a bit.')
                        .slideDown();
                }
            })
        });
        $('.signinDialog .signupLink').click(function(event)
        {
            event.preventDefault();

            $('.signinDialog .errorMessage').slideUp();

            if ($('.signinDialog form #signin_password').val() !==
                $('.signinDialog form #signup_password_confirm').val())
            {
                $('.signinDialog .errorMessage')
                    .empty()
                    .append('<p>The passwords you typed do not match.</p>')
                    .slideDown();
                return;
            }

            $.ajax({
                url: '/users',
                dataType: 'json',
                type: 'POST',
                data: $('.signinDialog form').find(':input'),
                success: function(response, status)
                {
                    authNS.currentUser = response;
                    signinSuccessful(response, status);
                },
                error: function(request, status, error)
                {
                    $('.signinDialog .errorMessage')
                        .empty()
                        .append('<p>Could not create an account with those credentials. Please try again.</p>')
                        .slideDown();
                }
            });
        });

        // Sign out link
        $('.accountStatus').on('click', '.signoutLink', function(event)
        {
            event.preventDefault();

            $.ajax({
                url: '/logout',
                dataType: 'json',
                type: 'GET',
                success: function(response, status)
                {
                    authNS.currentUser = null;
                    odkmaker.data.currentForm = null;
                    $('.accountStatus')
                        .fadeOut('slow', noAuthMessage);
                    $.toast('You have been successfully signed out. You can continue editing this form but you\'ll have to log in to save it.');
                },
                error: function(request, status, error)
                {
                    $.toast('You could not be signed out at this time. Please try again in a moment.');
                }
            });
        });

        // Account modal events
        $('.accountDialog .updateAccountLink').click(function(event)
        {
            event.preventDefault();

            $('.accountDialog .errorMessage').slideUp();

            $.ajax({
                url: '/user/' + authNS.currentUser.username,
                dataType: 'json',
                type: 'PUT',
                data: $('.accountDialog form').find(':input'),
                success: function(response, status)
                {
                    $('.accountDialog').jqmHide();
                    $.toast('Your account information has been successfully updated.');
                },
                error: function(request, status, error)
                {
                    $('.accountDialog .errorMessage')
                        .empty()
                        .append('<p>Could not update your account settings. Please try again.</p>')
                        .slideDown();
                }
            });
        });

        authNS.verify();
    });
})(jQuery);