From 2664d857350392f4900851cdaf6cbcf71aca334a Mon Sep 17 00:00:00 2001 From: Camil Staps Date: Sun, 10 May 2015 22:41:00 +0200 Subject: Login form start --- src/js/forms.js | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'src/js/forms.js') diff --git a/src/js/forms.js b/src/js/forms.js index 24f0f43..e096794 100644 --- a/src/js/forms.js +++ b/src/js/forms.js @@ -9,4 +9,9 @@ $('form.form-register').submit(function(){ }, BotleaguesCallback.register); event.preventDefault(); +}); + +$('.btn-botleagues-login').focus(function(){ + $('#login-block').slideDown(); + $('#login-email').focus(); }); \ No newline at end of file -- cgit v1.2.3 From f51ce6f4acf28c224ec4a02f35ae35726cdc4c38 Mon Sep 17 00:00:00 2001 From: Camil Staps Date: Tue, 12 May 2015 22:31:07 +0200 Subject: Working login, but doesn't save token yet --- gulpfile.js | 2 +- src/css/forms.less | 6 ++++++ src/include/layout-main.jade | 10 ++++------ src/js/Botleagues.js | 24 ++++++++++++++++++++---- src/js/BotleaguesCallback.js | 13 +++++++++++++ src/js/BotleaguesFrontend.js | 8 +------- src/js/forms.js | 7 ++++++- 7 files changed, 51 insertions(+), 19 deletions(-) (limited to 'src/js/forms.js') diff --git a/gulpfile.js b/gulpfile.js index 23b113c..181462c 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -92,7 +92,7 @@ gulp.task('styles', function() { return file; } }})) - .pipe(changed(dst, { destination: 'style.css' })) + //.pipe(changed(dst, { destination: 'style.css' })) .pipe(gulpif(isBootswatchFile, foreach(function(stream, file) { var themeName = path.basename(path.dirname(file.path)), content = replaceAll(baseContent, bootswatch_theme, themeName), diff --git a/src/css/forms.less b/src/css/forms.less index 6ddc244..e29f4d7 100644 --- a/src/css/forms.less +++ b/src/css/forms.less @@ -1,3 +1,9 @@ #login-block { display: none; + + #login-form { + display: inline-block; + float: right; + margin-bottom: 0.5em; + } } \ No newline at end of file diff --git a/src/include/layout-main.jade b/src/include/layout-main.jade index df3fdc5..7b15138 100644 --- a/src/include/layout-main.jade +++ b/src/include/layout-main.jade @@ -24,15 +24,13 @@ html(lang="en") #messages #login-block - form.form-inline#login-form + form.form-inline#login-form(action='#',method='post') .form-group - label.control-label(for='login-email') Email: - input.form-control#login-email(type='email') + input.form-control#login-email(type='email',placeholder='Email') .form-group - label.control-label(for='login-password') Password: - input.form-control#login-password(type='password') + input.form-control#login-password(type='password',placeholder='Password') a.btn.btn-default#login-submit(href='#') Login - + br(style='clear:both;') block content diff --git a/src/js/Botleagues.js b/src/js/Botleagues.js index f9d34b7..2ab1bc7 100644 --- a/src/js/Botleagues.js +++ b/src/js/Botleagues.js @@ -2,7 +2,9 @@ function Botleagues(){} Botleagues.url = 'https://api.local.botleagues.camilstaps.nl'; -Botleagues.request = function(user_options, callback) { +Botleagues.request = function(user_options) { + var callback = user_options.callback; + var options = { endpoint: null, method: 'GET', @@ -11,16 +13,30 @@ Botleagues.request = function(user_options, callback) { callback(data.responseJSON); } }; + + var url = Botleagues.url + '/' + user_options['endpoint']; + delete user_options['callback']; + delete user_options['endpoint']; + for (var name in user_options) { options[name] = user_options[name]; } - var url = Botleagues.url + '/' + options['endpoint']; - delete options['endpoint']; - jQuery.ajax(url, options); }; Botleagues.redirect = function(user_options) { window.location = Botleagues.url + '/' + user_options['endpoint']; +}; + +Botleagues.login = function(username, password) { + Botleagues.request({ + endpoint: 'user_token', + method: 'POST', + callback: BotleaguesCallback.login, + async: false, + headers: { + 'Authorization': 'Basic ' + btoa(username + ':' + password) + } + }); }; \ No newline at end of file diff --git a/src/js/BotleaguesCallback.js b/src/js/BotleaguesCallback.js index f162e7c..3b1de02 100644 --- a/src/js/BotleaguesCallback.js +++ b/src/js/BotleaguesCallback.js @@ -29,4 +29,17 @@ BotleaguesCallback.register = function(data) { } } } +}; + +BotleaguesCallback.login = function(data) { + if (data.user_token) { + BotleaguesFrontend.error({ + message: "Login successful!", + type: 'success' + }); + } else { + BotleaguesFrontend.error({ + message: data.error ? data.error : "Could not login." + }); + } }; \ No newline at end of file diff --git a/src/js/BotleaguesFrontend.js b/src/js/BotleaguesFrontend.js index e9ab570..c25a7f2 100644 --- a/src/js/BotleaguesFrontend.js +++ b/src/js/BotleaguesFrontend.js @@ -18,11 +18,5 @@ BotleaguesFrontend.error = function(user_options) { html = $(html); - html.prependTo(options.prepend_to).delay(3000).fadeOut().queue(html.remove); -}; - -BotleaguesFrontend.login = function() { - Botleagues.redirect({ - endpoint: 'user/login?redirect=http://local.botleagues.camilstaps.nl/' - }); + html.hide().prependTo(options.prepend_to).slideDown().delay(3000).fadeOut().queue(html.remove); }; \ No newline at end of file diff --git a/src/js/forms.js b/src/js/forms.js index e096794..c6bdffe 100644 --- a/src/js/forms.js +++ b/src/js/forms.js @@ -14,4 +14,9 @@ $('form.form-register').submit(function(){ $('.btn-botleagues-login').focus(function(){ $('#login-block').slideDown(); $('#login-email').focus(); -}); \ No newline at end of file +}); +var login = function(){ + Botleagues.login($('#login-email').val(), $('#login-password').val()); +}; +$('#login-submit').click(login); +$('#login-form').submit(login); \ No newline at end of file -- cgit v1.2.3 From 49a41885b1f5167056ba97c5e573f8a833b8055d Mon Sep 17 00:00:00 2001 From: Camil Staps Date: Wed, 13 May 2015 07:48:45 +0200 Subject: Nicer login form --- src/include/layout-main.jade | 3 ++- src/js/forms.js | 6 ++---- 2 files changed, 4 insertions(+), 5 deletions(-) (limited to 'src/js/forms.js') diff --git a/src/include/layout-main.jade b/src/include/layout-main.jade index 7b15138..fac12f2 100644 --- a/src/include/layout-main.jade +++ b/src/include/layout-main.jade @@ -29,7 +29,8 @@ html(lang="en") input.form-control#login-email(type='email',placeholder='Email') .form-group input.form-control#login-password(type='password',placeholder='Password') - a.btn.btn-default#login-submit(href='#') Login + .form-group + button.btn.btn-default.pull-right#login-submit(role='submit') Login br(style='clear:both;') block content diff --git a/src/js/forms.js b/src/js/forms.js index c6bdffe..dfecb7f 100644 --- a/src/js/forms.js +++ b/src/js/forms.js @@ -15,8 +15,6 @@ $('.btn-botleagues-login').focus(function(){ $('#login-block').slideDown(); $('#login-email').focus(); }); -var login = function(){ +$('#login-form').submit(function(){ Botleagues.login($('#login-email').val(), $('#login-password').val()); -}; -$('#login-submit').click(login); -$('#login-form').submit(login); \ No newline at end of file +}); \ No newline at end of file -- cgit v1.2.3 From 3841987127e33a17a0c070b42c9293e282fa8a72 Mon Sep 17 00:00:00 2001 From: Camil Staps Date: Wed, 13 May 2015 08:09:25 +0200 Subject: Save token information in cookies --- src/js/Botleagues.js | 1 - src/js/BotleaguesCallback.js | 3 +++ src/js/BotleaguesFrontend.js | 4 ++++ src/js/forms.js | 1 + 4 files changed, 8 insertions(+), 1 deletion(-) (limited to 'src/js/forms.js') diff --git a/src/js/Botleagues.js b/src/js/Botleagues.js index 2ab1bc7..c219a3d 100644 --- a/src/js/Botleagues.js +++ b/src/js/Botleagues.js @@ -34,7 +34,6 @@ Botleagues.login = function(username, password) { endpoint: 'user_token', method: 'POST', callback: BotleaguesCallback.login, - async: false, headers: { 'Authorization': 'Basic ' + btoa(username + ':' + password) } diff --git a/src/js/BotleaguesCallback.js b/src/js/BotleaguesCallback.js index 3b1de02..ce91d50 100644 --- a/src/js/BotleaguesCallback.js +++ b/src/js/BotleaguesCallback.js @@ -37,6 +37,9 @@ BotleaguesCallback.login = function(data) { message: "Login successful!", type: 'success' }); + $.cookie(BotleaguesFrontend.cookie_login_user_id, data.user_token.userId); + $.cookie(BotleaguesFrontend.cookie_login_token, data.user_token.token); + $.cookie(BotleaguesFrontend.cookie_login_valid_till, Date.parse(data.user_token.valid_till)); } else { BotleaguesFrontend.error({ message: data.error ? data.error : "Could not login." diff --git a/src/js/BotleaguesFrontend.js b/src/js/BotleaguesFrontend.js index c25a7f2..be80f31 100644 --- a/src/js/BotleaguesFrontend.js +++ b/src/js/BotleaguesFrontend.js @@ -1,5 +1,9 @@ function BotleaguesFrontend(){} +BotleaguesFrontend.cookie_login_user_id = 'botleagues_login_user_id'; +BotleaguesFrontend.cookie_login_token = 'botleagues_login_token'; +BotleaguesFrontend.cookie_login_valid_till = 'botleagues_login_valid_till'; + BotleaguesFrontend.error = function(user_options) { options = { dismissable: true, diff --git a/src/js/forms.js b/src/js/forms.js index dfecb7f..6a567a8 100644 --- a/src/js/forms.js +++ b/src/js/forms.js @@ -17,4 +17,5 @@ $('.btn-botleagues-login').focus(function(){ }); $('#login-form').submit(function(){ Botleagues.login($('#login-email').val(), $('#login-password').val()); + return false; }); \ No newline at end of file -- cgit v1.2.3 From 9f3483fccf26e43eed5ccb9945c17cbb7c82a56d Mon Sep 17 00:00:00 2001 From: Camil Staps Date: Wed, 13 May 2015 17:42:31 +0200 Subject: Fixed BotleaguesFrontend -> Botleagues changes (JS); added profile page with different jade base layout --- src/404.jade | 9 +++++++++ src/include/layout-loggedin.jade | 32 ++++++++++++++++++++++++++++++++ src/js/Botleagues.js | 19 ++++++++++++++++--- src/js/BotleaguesCallback.js | 15 +++++++-------- src/js/BotleaguesFrontend.js | 30 ++++++++++++------------------ src/js/forms.js | 7 ++++--- src/js/main.js | 26 +++++++++++++++----------- src/js/profile.js | 13 +++++++++++++ src/profile.jade | 12 ++++++++++++ src/register.jade | 33 ++++++++++++++++++--------------- 10 files changed, 138 insertions(+), 58 deletions(-) create mode 100644 src/404.jade create mode 100644 src/include/layout-loggedin.jade create mode 100644 src/js/profile.js create mode 100644 src/profile.jade (limited to 'src/js/forms.js') diff --git a/src/404.jade b/src/404.jade new file mode 100644 index 0000000..65e0aed --- /dev/null +++ b/src/404.jade @@ -0,0 +1,9 @@ +extends ./include/layout-main.jade + +block menu + -var selected = '' + +block content + .jumbotron + h1 404 + p.lead Congrats. You did it: you broke my website. \ No newline at end of file diff --git a/src/include/layout-loggedin.jade b/src/include/layout-loggedin.jade new file mode 100644 index 0000000..fca8c17 --- /dev/null +++ b/src/include/layout-loggedin.jade @@ -0,0 +1,32 @@ +doctype html +html(lang="en") + head + include ./head.jade + + body + .container + + block menu + -var selected = '/profile'; //default + + -var menu = { 'Home': '/', 'Leagues': '/leagues', 'My Bots': '/profile/bots', 'Profile': '/profile' }; + + .header.clearfix + nav: ul.nav.nav-pills.pull-right#nav + each val, key in menu + if selected === val + li.active(role='presentation'): a(href=val,title=key)= key + else + li(role='presentation'): a(href=val,title=key)= key + h3#banner Botleagues + + #messages + + block content + + footer.footer: :markdown + © [ViviSoft](http://vivisoft.nl/) 2015 + + include ./foot.jade + + block js \ No newline at end of file diff --git a/src/js/Botleagues.js b/src/js/Botleagues.js index 21dd5d7..35c8c0d 100644 --- a/src/js/Botleagues.js +++ b/src/js/Botleagues.js @@ -2,6 +2,12 @@ function Botleagues(){} Botleagues.url = 'https://api.local.botleagues.camilstaps.nl'; +$.cookie.json = true; +Botleagues.cookie_login_email = 'botleagues_login_email'; +Botleagues.cookie_login_user_id = 'botleagues_login_user_id'; +Botleagues.cookie_login_token = 'botleagues_login_token'; +Botleagues.cookie_login_valid_till = 'botleagues_login_valid_till'; + Botleagues.request = function(user_options) { var callback = user_options.callback; @@ -39,10 +45,17 @@ Botleagues.login = function(email, password) { } }); - $.cookie(BotleaguesFrontend.cookie_login_email, email); + $.cookie(Botleagues.cookie_login_email, email); }; Botleagues.logout = function(){ - BotleaguesFrontend.clearLoginCookies(); - BotleaguesFrontend.redirect('/'); + Botleagues.clearLoginCookies(); + window.location = '/'; +}; + +Botleagues.clearLoginCookies = function() { + $.removeCookie(Botleagues.cookie_login_email); + $.removeCookie(Botleagues.cookie_login_user_id); + $.removeCookie(Botleagues.cookie_login_token); + $.removeCookie(Botleagues.cookie_login_valid_till); }; \ No newline at end of file diff --git a/src/js/BotleaguesCallback.js b/src/js/BotleaguesCallback.js index b4916c1..13305fa 100644 --- a/src/js/BotleaguesCallback.js +++ b/src/js/BotleaguesCallback.js @@ -33,21 +33,20 @@ BotleaguesCallback.register = function(data) { BotleaguesCallback.login = function(data) { if (data.user_token) { - BotleaguesFrontend.error({ - message: "Login successful!", - type: 'success' + BotleaguesFrontend.success({ + message: "Login successful!" }); - $.cookie(BotleaguesFrontend.cookie_login_user_id, data.user_token.userId); - $.cookie(BotleaguesFrontend.cookie_login_token, data.user_token.token); - $.cookie(BotleaguesFrontend.cookie_login_valid_till, + $.cookie(Botleagues.cookie_login_user_id, data.user_token.userId); + $.cookie(Botleagues.cookie_login_token, data.user_token.token); + $.cookie(Botleagues.cookie_login_valid_till, (new Date()).getTime() + Date.parse(data.user_token.valid_till) - Date.parse(data.user_token.updated_at)); - BotleaguesFrontend.refresh(); + window.location = '/profile'; } else { BotleaguesFrontend.error({ message: data.error ? data.error : "Could not login." }); - $.removeCookie(BotleaguesFrontend.cookie_login_email); + $.removeCookie(Botleagues.cookie_login_email); } }; \ No newline at end of file diff --git a/src/js/BotleaguesFrontend.js b/src/js/BotleaguesFrontend.js index b94708e..ebc71f2 100644 --- a/src/js/BotleaguesFrontend.js +++ b/src/js/BotleaguesFrontend.js @@ -1,16 +1,10 @@ function BotleaguesFrontend(){} -$.cookie.json = true; -BotleaguesFrontend.cookie_login_email = 'botleagues_login_email'; -BotleaguesFrontend.cookie_login_user_id = 'botleagues_login_user_id'; -BotleaguesFrontend.cookie_login_token = 'botleagues_login_token'; -BotleaguesFrontend.cookie_login_valid_till = 'botleagues_login_valid_till'; - -BotleaguesFrontend.error = function(user_options) { +BotleaguesFrontend.message = function(user_options) { options = { dismissable: true, prepend_to: $('#messages'), - type: 'danger' + type: 'info' }; for (var key in user_options) { options[key] = user_options[key]; @@ -27,17 +21,17 @@ BotleaguesFrontend.error = function(user_options) { html.hide().prependTo(options.prepend_to).slideDown().delay(3000).fadeOut().queue(html.remove); }; -BotleaguesFrontend.refresh = function() { - location.reload(); +BotleaguesFrontend.danger = BotleaguesFrontend.error = function(user_options) { + user_options.type = 'danger'; + return BotleaguesFrontend.message(user_options); }; -BotleaguesFrontend.redirect = function(location) { - window.location = location; -} +BotleaguesFrontend.success = function(user_options) { + user_options.type = 'success'; + return BotleaguesFrontend.message(user_options); +}; -BotleaguesFrontend.clearLoginCookies = function() { - $.removeCookie(BotleaguesFrontend.cookie_login_email); - $.removeCookie(BotleaguesFrontend.cookie_login_user_id); - $.removeCookie(BotleaguesFrontend.cookie_login_token); - $.removeCookie(BotleaguesFrontend.cookie_login_valid_till); +BotleaguesFrontend.warning = function(user_options) { + user_options.type = 'warning'; + return BotleaguesFrontend.message(user_options); }; \ No newline at end of file diff --git a/src/js/forms.js b/src/js/forms.js index 6a567a8..8a58b2d 100644 --- a/src/js/forms.js +++ b/src/js/forms.js @@ -5,8 +5,9 @@ $('form.form-register').submit(function(){ data: { email: $(this).find('input[name="email"]').val(), password: $(this).find('input[name="password"]').val() - } - }, BotleaguesCallback.register); + }, + callback: BotleaguesCallback.register + }); event.preventDefault(); }); @@ -17,5 +18,5 @@ $('.btn-botleagues-login').focus(function(){ }); $('#login-form').submit(function(){ Botleagues.login($('#login-email').val(), $('#login-password').val()); - return false; + event.preventDefault(); }); \ No newline at end of file diff --git a/src/js/main.js b/src/js/main.js index 4444273..1f869c4 100644 --- a/src/js/main.js +++ b/src/js/main.js @@ -1,21 +1,25 @@ $(document).ready(function(){ // Show profile link instead of login if user is logged in - var email = $.cookie(BotleaguesFrontend.cookie_login_email); - if (typeof email != 'undefined' && $.cookie(BotleaguesFrontend.cookie_login_valid_till) > (new Date()).getTime()) { - setupLoginMenu(email); + var email = $.cookie(Botleagues.cookie_login_email); + if (typeof email != 'undefined' && $.cookie(Botleagues.cookie_login_valid_till) > (new Date()).getTime()) { + setupLoginMenu(); } }); -function setupLoginMenu(email) { +function setupLoginMenu() { $('#nav .login-link').remove(); - $('
  • ').append( - $('') - .attr('role', 'presentation') - .attr('title', 'User profile') - .attr('href', '/profile') - .text(email)) - .appendTo($('#nav')); + + if ($('#nav').find('[href="/profile"]').length == 0) { + $('
  • ').append( + $('') + .attr('role', 'presentation') + .attr('title', 'User profile') + .attr('href', '/profile') + .text('Profile')) + .appendTo($('#nav')); + } + $('
  • ').append( $('') .attr('role', 'presentation') diff --git a/src/js/profile.js b/src/js/profile.js new file mode 100644 index 0000000..48600db --- /dev/null +++ b/src/js/profile.js @@ -0,0 +1,13 @@ +$(document).ready(function(){ + setupGreeter(); +}); + +function setupGreeter() { + $('#greeter').append(' ' + $.cookie(Botleagues.cookie_login_email)); + $('#banner').append( + $('') + .attr('id', 'banner-email') + .addClass('text-muted') + .text(' / ' + $.cookie(Botleagues.cookie_login_email)) + ); +} \ No newline at end of file diff --git a/src/profile.jade b/src/profile.jade new file mode 100644 index 0000000..568434c --- /dev/null +++ b/src/profile.jade @@ -0,0 +1,12 @@ +extends ./include/layout-loggedin.jade + +block menu + -var selected = '/profile' + +block content + .jumbotron + h1 Welcome back + p.lead#greeter You're logged in as + +block js + script(src='/assets/js/profile.js', type='text/javascript') \ No newline at end of file diff --git a/src/register.jade b/src/register.jade index 8f79715..b373d1c 100644 --- a/src/register.jade +++ b/src/register.jade @@ -6,21 +6,24 @@ block menu block content .row .col-lg-6 - h4 Register - form.form-register(action='#') - .form-group - label(for="register-email") Email - input.form-control#register-email(type='email',name='email',placeholder="Enter email") - .form-group - label(for="register-password") Password - input.form-control#register-password(type='password',name='password',placeholder="Enter password") - .form-group - label(for="register-password2") Password (confirmation) - input.form-control#register-password2(type='password',name='password',placeholder="Enter password again") - .checkbox: label - input#accepts-toc(type='checkbox',name="accepts-toc") - | I accept the terms and conditions - button.btn.btn-lg.btn-success.pull-right(type='submit') Register + div.well.bs-component + h4 Register + form.form-register(action='#') + .form-group + label(for="register-email") Email + input.form-control#register-email(type='email',name='email',placeholder="Enter email") + .form-group + label(for="register-password") Password + input.form-control#register-password(type='password',name='password',placeholder="Enter password") + .form-group + label(for="register-password2") Password (confirmation) + input.form-control#register-password2(type='password',name='password',placeholder="Enter password again") + .checkbox: label + input#accepts-toc(type='checkbox',name="accepts-toc") + | I accept the terms and conditions + button.btn.btn-lg.btn-success.pull-right(type='submit') Register + br(style='clear:both;') + .col-lg-6 h4 Subheading p Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum. -- cgit v1.2.3 From a14b49e59e6764b6b7764ee3bc95d0d049bf21f8 Mon Sep 17 00:00:00 2001 From: Camil Staps Date: Wed, 13 May 2015 22:57:53 +0200 Subject: Turned javascript into coffeescript --- gulpfile.js | 10 +++++-- package.json | 1 + src/js/Botleagues.coffee | 54 +++++++++++++++++++++++++++++++++++ src/js/Botleagues.js | 61 ---------------------------------------- src/js/BotleaguesCallback.coffee | 52 ++++++++++++++++++++++++++++++++++ src/js/BotleaguesCallback.js | 52 ---------------------------------- src/js/BotleaguesFrontend.coffee | 42 +++++++++++++++++++++++++++ src/js/BotleaguesFrontend.js | 37 ------------------------ src/js/forms.coffee | 25 ++++++++++++++++ src/js/forms.js | 22 --------------- src/js/main.coffee | 29 +++++++++++++++++++ src/js/main.js | 27 ------------------ src/js/profile.coffee | 15 ++++++++++ src/js/profile.js | 14 --------- 14 files changed, 226 insertions(+), 215 deletions(-) create mode 100644 src/js/Botleagues.coffee delete mode 100644 src/js/Botleagues.js create mode 100644 src/js/BotleaguesCallback.coffee delete mode 100644 src/js/BotleaguesCallback.js create mode 100644 src/js/BotleaguesFrontend.coffee delete mode 100644 src/js/BotleaguesFrontend.js create mode 100644 src/js/forms.coffee delete mode 100644 src/js/forms.js create mode 100644 src/js/main.coffee delete mode 100644 src/js/main.js create mode 100644 src/js/profile.coffee delete mode 100644 src/js/profile.js (limited to 'src/js/forms.js') diff --git a/gulpfile.js b/gulpfile.js index 96768e7..4a0dff1 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -2,6 +2,7 @@ var gulp = require('gulp'), changed = require('gulp-changed'), + coffee = require('gulp-coffee'), concat = require('gulp-concat'), debug = require('gulp-debug'), foreach = require('gulp-foreach'), @@ -153,11 +154,16 @@ gulp.task('3rd-party-scripts', function(){ }); gulp.task('scripts', function(){ - var src = './src/js/*.js'; + var src = [ + './src/js/*.js', + './src/js/*.coffee' + ] + ; var dst = './build/assets/js'; return gulp.src(src) - .pipe(changed(dst)) + .pipe(changed(dst, { extension: 'js' })) + .pipe(gulpif(/\.coffee$/, coffee())) .pipe(gulpif(production, stripdebug())) .pipe(gulpif(production, uglify())) .pipe(gulp.dest(dst)); diff --git a/package.json b/package.json index d5c122a..61bf2fe 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "gulp": "^3.8.11", "gulp-autoprefixer": "^2.1.0", "gulp-changed": "~1.2.1", + "gulp-coffee": "~2.3.1", "gulp-concat": "~2.5.2", "gulp-debug": "^2.0.0", "gulp-foreach": "^0.1.0", diff --git a/src/js/Botleagues.coffee b/src/js/Botleagues.coffee new file mode 100644 index 0000000..06ace76 --- /dev/null +++ b/src/js/Botleagues.coffee @@ -0,0 +1,54 @@ +$.cookie.json = true + +@Botleagues = + + url: 'https://api.local.botleagues.camilstaps.nl' + + cookie_login_email: 'botleagues_login_email' + cookie_login_user_id: 'botleagues_login_user_id' + cookie_login_token: 'botleagues_login_token' + cookie_login_valid_till: 'botleagues_login_valid_till' + + request: (user_options) -> + callback = user_options.callback + + options = + method: 'GET' + dataType: 'json' + complete: (data) -> + callback data.responseJSON + + url = Botleagues.url + '/' + user_options.endpoint + delete user_options.callback + delete user_options.endpoint + + for key, option of user_options + options[key] = option + + jQuery.ajax url, options + + return + + login: (email, password) -> + Botleagues.request + endpoint: 'user_token' + method: 'POST' + callback: BotleaguesCallback.login + headers: + 'Authorization': 'Basic ' + btoa(email + ':' + password) + + $.cookie Botleagues.cookie_login_email, email + + return + + logout: -> + Botleagues.clearLoginCookies() + window.location = '/' + return + + clearLoginCookies: -> + $.removeCookie Botleagues.cookie_login_email + $.removeCookie Botleagues.cookie_login_user_id + $.removeCookie Botleagues.cookie_login_token + $.removeCookie Botleagues.cookie_login_valid_till + return \ No newline at end of file diff --git a/src/js/Botleagues.js b/src/js/Botleagues.js deleted file mode 100644 index 35c8c0d..0000000 --- a/src/js/Botleagues.js +++ /dev/null @@ -1,61 +0,0 @@ -function Botleagues(){} - -Botleagues.url = 'https://api.local.botleagues.camilstaps.nl'; - -$.cookie.json = true; -Botleagues.cookie_login_email = 'botleagues_login_email'; -Botleagues.cookie_login_user_id = 'botleagues_login_user_id'; -Botleagues.cookie_login_token = 'botleagues_login_token'; -Botleagues.cookie_login_valid_till = 'botleagues_login_valid_till'; - -Botleagues.request = function(user_options) { - var callback = user_options.callback; - - var options = { - endpoint: null, - method: 'GET', - dataType: 'json', - complete: function(data) { - callback(data.responseJSON); - } - }; - - var url = Botleagues.url + '/' + user_options['endpoint']; - delete user_options['callback']; - delete user_options['endpoint']; - - for (var name in user_options) { - options[name] = user_options[name]; - } - - jQuery.ajax(url, options); -}; - -Botleagues.redirect = function(user_options) { - window.location = Botleagues.url + '/' + user_options['endpoint']; -}; - -Botleagues.login = function(email, password) { - Botleagues.request({ - endpoint: 'user_token', - method: 'POST', - callback: BotleaguesCallback.login, - headers: { - 'Authorization': 'Basic ' + btoa(email + ':' + password) - } - }); - - $.cookie(Botleagues.cookie_login_email, email); -}; - -Botleagues.logout = function(){ - Botleagues.clearLoginCookies(); - window.location = '/'; -}; - -Botleagues.clearLoginCookies = function() { - $.removeCookie(Botleagues.cookie_login_email); - $.removeCookie(Botleagues.cookie_login_user_id); - $.removeCookie(Botleagues.cookie_login_token); - $.removeCookie(Botleagues.cookie_login_valid_till); -}; \ No newline at end of file diff --git a/src/js/BotleaguesCallback.coffee b/src/js/BotleaguesCallback.coffee new file mode 100644 index 0000000..a02ee59 --- /dev/null +++ b/src/js/BotleaguesCallback.coffee @@ -0,0 +1,52 @@ +@BotleaguesCallback = + + register: (data) -> + $ 'form.form-register .form-group' + .removeClass 'has-feedback has-success has-warning has-error' + .find '.form-control-feedback' + .remove() + + if data.error? + BotleaguesFrontend.error + message: data.error + prepend_to: $ 'form.form-register' + + for key, msgs of data.errors + error_msg = msgs.join '; ' + + $('#register-' + key) + .attr 'title', error_msg + .parent() + .addClass 'has-feedback has-error' + .append( + $ '' + .addClass 'glyphicon glyphicon-remove form-control-feedback' + .attr 'aria-hidden', true + ) + .find 'label' + .append( + $ '' + .addClass 'pull-right text-danger' + .text error_msg + ) + + return + + login: (data) -> + if data.user_token? + BotleaguesFrontend.success + message: 'Login successful! Refreshing the page...' + + $.cookie Botleagues.cookie_login_user_id, data.user_token.userId + $.cookie Botleagues.cookie_login_token, data.user_token.token + $.cookie Botleagues.cookie_login_valid_till, (new Date()).getTime() + Date.parse(data.user_token.valid_till) - Date.parse(data.user_token.updated_at) + + window.setTimeout (-> window.location = 'profile'), 1000 + + else + BotleaguesFrontend.error + message: if data.error? then data.error else "Could not login." + + $.removeCookie Botleagues.cookie_login_email + + return \ No newline at end of file diff --git a/src/js/BotleaguesCallback.js b/src/js/BotleaguesCallback.js deleted file mode 100644 index ff99225..0000000 --- a/src/js/BotleaguesCallback.js +++ /dev/null @@ -1,52 +0,0 @@ -function BotleaguesCallback(){} - -BotleaguesCallback.register = function(data) { - $('form.form-register .form-group') - .removeClass('has-feedback has-success has-warning, has-error') - .find('.form-control-feedback').remove(); - - if (typeof data.error !== 'undefined') { - BotleaguesFrontend.error({message: data.error, prepend_to: $('form.form-register')}); - if (typeof data.errors !== 'undefined') { - for (var key in data.errors) { - var error_msg = data.errors[key].join('; '); - - $('#register-' + key) - .attr('title', error_msg) - .parent() - .addClass('has-feedback has-error') - .append( - $('') - .addClass('glyphicon glyphicon-remove form-control-feedback') - .attr('aria-hidden', true) - ) - .find('label') - .append( - $('') - .addClass('pull-right text-danger') - .text(error_msg) - ); - } - } - } -}; - -BotleaguesCallback.login = function(data) { - if (data.user_token) { - BotleaguesFrontend.success({ - message: "Login successful! Refreshing the page..." - }); - - $.cookie(Botleagues.cookie_login_user_id, data.user_token.userId); - $.cookie(Botleagues.cookie_login_token, data.user_token.token); - $.cookie(Botleagues.cookie_login_valid_till, - (new Date()).getTime() + Date.parse(data.user_token.valid_till) - Date.parse(data.user_token.updated_at)); - - window.setTimeout(function(){ window.location = '/profile'; }, 1000); - } else { - BotleaguesFrontend.error({ - message: data.error ? data.error : "Could not login." - }); - $.removeCookie(Botleagues.cookie_login_email); - } -}; \ No newline at end of file diff --git a/src/js/BotleaguesFrontend.coffee b/src/js/BotleaguesFrontend.coffee new file mode 100644 index 0000000..5c2d116 --- /dev/null +++ b/src/js/BotleaguesFrontend.coffee @@ -0,0 +1,42 @@ +@BotleaguesFrontend = + + message: (user_options) -> + options = + dismissable: true + prepend_to: $ '#messages' + type: 'info' + + for key, option of user_options + options[key] = option + + html = '
    ' + if options.dismissable + html += '×' + html += options.message + html += '
    ' + + html = $ html + html + .hide() + .prependTo options.prepend_to + .slideDown() + .delay 3000 + .fadeOut() + .queue html.remove + + return + + error: (user_options) -> + user_options.type = 'danger' + BotleaguesFrontend.message user_options + + danger: (user_options) -> + BotleaguesFrontend.error user_options + + success: (user_options) -> + user_options.type = 'success' + BotleaguesFrontend.message user_options + + warning: (user_options) -> + user_options.type = 'warning' + BotleaguesFrontend.message user_options \ No newline at end of file diff --git a/src/js/BotleaguesFrontend.js b/src/js/BotleaguesFrontend.js deleted file mode 100644 index ebc71f2..0000000 --- a/src/js/BotleaguesFrontend.js +++ /dev/null @@ -1,37 +0,0 @@ -function BotleaguesFrontend(){} - -BotleaguesFrontend.message = function(user_options) { - options = { - dismissable: true, - prepend_to: $('#messages'), - type: 'info' - }; - for (var key in user_options) { - options[key] = user_options[key]; - } - - var html = '
    '; - if (options.dismissable === true) - html += '×'; - html += options.message; - html += '
    '; - - html = $(html); - - html.hide().prependTo(options.prepend_to).slideDown().delay(3000).fadeOut().queue(html.remove); -}; - -BotleaguesFrontend.danger = BotleaguesFrontend.error = function(user_options) { - user_options.type = 'danger'; - return BotleaguesFrontend.message(user_options); -}; - -BotleaguesFrontend.success = function(user_options) { - user_options.type = 'success'; - return BotleaguesFrontend.message(user_options); -}; - -BotleaguesFrontend.warning = function(user_options) { - user_options.type = 'warning'; - return BotleaguesFrontend.message(user_options); -}; \ No newline at end of file diff --git a/src/js/forms.coffee b/src/js/forms.coffee new file mode 100644 index 0000000..e742160 --- /dev/null +++ b/src/js/forms.coffee @@ -0,0 +1,25 @@ +# Request API for registering +$('form.form-register').submit -> + Botleagues.request + endpoint: 'user' + method: 'POST' + data: + email: $(this).find('input[name="email"]').val() + password: $(this).find('input[name="password"]').val() + callback: BotleaguesCallback.register + + event.preventDefault() + + return + +# Show login form on click +$('.btn-botleagues-login').focus -> + $('#login-block').slideDown() + $('#login-email').focus() + return + +# Request API for logging in +$('#login-form').submit -> + Botleagues.login $('#login-email').val(), $('#login-password').val() + event.preventDefault() + return \ No newline at end of file diff --git a/src/js/forms.js b/src/js/forms.js deleted file mode 100644 index 8a58b2d..0000000 --- a/src/js/forms.js +++ /dev/null @@ -1,22 +0,0 @@ -$('form.form-register').submit(function(){ - Botleagues.request({ - endpoint: 'user', - method: 'POST', - data: { - email: $(this).find('input[name="email"]').val(), - password: $(this).find('input[name="password"]').val() - }, - callback: BotleaguesCallback.register - }); - - event.preventDefault(); -}); - -$('.btn-botleagues-login').focus(function(){ - $('#login-block').slideDown(); - $('#login-email').focus(); -}); -$('#login-form').submit(function(){ - Botleagues.login($('#login-email').val(), $('#login-password').val()); - event.preventDefault(); -}); \ No newline at end of file diff --git a/src/js/main.coffee b/src/js/main.coffee new file mode 100644 index 0000000..4bf9c20 --- /dev/null +++ b/src/js/main.coffee @@ -0,0 +1,29 @@ +$ -> + # Show extra links if user is logged in + email = $.cookie(Botleagues.cookie_login_email) + setupLoginMenu() if email? && $.cookie(Botleagues.cookie_login_valid_till) > (new Date()).getTime() + return + +# Show extra links if user is logged in +setupLoginMenu = -> + $('#nav .login-link').remove() + + extra_links = + 'Leagues': '/leagues' + 'My Bots': '/profile/bots' + 'Profile': '/profile' + 'Logout': '/logout' + + for title, link of extra_links + li = $('
  • ').append( + $('') + .attr 'role', 'presentation' + .attr 'title', title + .attr 'href', link + .text title + ) + if link == selected_page + li.addClass 'active' + li.appendTo $('#nav') + + return \ No newline at end of file diff --git a/src/js/main.js b/src/js/main.js deleted file mode 100644 index 5d17e02..0000000 --- a/src/js/main.js +++ /dev/null @@ -1,27 +0,0 @@ -$(document).ready(function(){ - - // Show profile link instead of login if user is logged in - var email = $.cookie(Botleagues.cookie_login_email); - if (typeof email != 'undefined' && $.cookie(Botleagues.cookie_login_valid_till) > (new Date()).getTime()) { - setupLoginMenu(); - } -}); - -function setupLoginMenu() { - $('#nav .login-link').remove(); - - var extra_links = {'Leagues': '/leagues', 'My Bots': '/profile/bots', 'Profile': '/profile', 'Logout': '/logout'}; - - for (var text in extra_links) { - var li = $('
  • ').append( - $('') - .attr('role', 'presentation') - .attr('title', text) - .attr('href', extra_links[text]) - .text(text)); - if (extra_links[text] == selected_page) { // selected_page is added in layout-main.jade - li.addClass('active'); - } - li.appendTo($('#nav')); - } -} \ No newline at end of file diff --git a/src/js/profile.coffee b/src/js/profile.coffee new file mode 100644 index 0000000..33d171b --- /dev/null +++ b/src/js/profile.coffee @@ -0,0 +1,15 @@ +$ -> + # Show email address in page when logged in + setupGreeter() + return + +# Show email address in page when logged in +setupGreeter = -> + $('.jumbotron .lead').append(' ' + $.cookie(Botleagues.cookie_login_email)) + $('.header h3').append( + $('') + .attr('id', 'banner-email') + .addClass('text-muted') + .text(' / ' + $.cookie(Botleagues.cookie_login_email)) + ) + return \ No newline at end of file diff --git a/src/js/profile.js b/src/js/profile.js deleted file mode 100644 index f27e562..0000000 --- a/src/js/profile.js +++ /dev/null @@ -1,14 +0,0 @@ -$(document).ready(function(){ - setupGreeter(); -}); - -function setupGreeter() { - $('.jumbotron .lead').append(' ' + $.cookie(Botleagues.cookie_login_email)); - - $('.header h3').append( - $('') - .attr('id', 'banner-email') - .addClass('text-muted') - .text(' / ' + $.cookie(Botleagues.cookie_login_email)) - ); -} \ No newline at end of file -- cgit v1.2.3