diff --git a/images/icons/icon-login-success.png b/images/icons/icon-login-success.png new file mode 100644 index 0000000..34b71c6 Binary files /dev/null and b/images/icons/icon-login-success.png differ diff --git a/images/icons/icon-proposal-sent.png b/images/icons/icon-proposal-sent.png new file mode 100644 index 0000000..7528655 Binary files /dev/null and b/images/icons/icon-proposal-sent.png differ diff --git a/images/icons/icon-user-created.png b/images/icons/icon-user-created.png new file mode 100644 index 0000000..dc57178 Binary files /dev/null and b/images/icons/icon-user-created.png differ diff --git a/js/main.js b/js/main.js index 2ce090e..f7be198 100644 --- a/js/main.js +++ b/js/main.js @@ -561,10 +561,11 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F } }, 300); }, - displaySuccess: function(container, text, timeout) { + displaySuccess: function(container, text, timeout, iconClass) { timeout = typeof timeout !== 'undefined' ? timeout : 2000; container.css('opacity', 0.1); var successPanel = $('.success-panel').clone(); + successPanel.find('.icon').addClass(iconClass); successPanel.find('.message').html(text); successPanel.appendTo(container.closest('.categories')); successPanel.show(); @@ -776,7 +777,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F $form.siblings('.success-sent').show(); $form.siblings('.subtitle').hide(); $form.siblings('.info').hide(); - Main.displaySuccess($form.closest('.make-proposal .section-content'), 'Proposta enviada com sucesso', 2000); + Main.displaySuccess($form.closest('.make-proposal .section-content'), 'Proposta enviada com sucesso', 2000, 'icon-proposal-sent'); }) .fail(function( jqxhr, textStatus, error ) { var err = textStatus + ', ' + error; @@ -830,7 +831,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F } }).done(function(data) { Main.loginCallback(true, data.private_token); - Main.displaySuccess(button.closest('.section-content'), 'Login efetuado com sucesso', 1000); + Main.displaySuccess(button.closest('.section-content'), 'Login efetuado com sucesso', 1000, 'icon-login-success'); }).fail(function( /*data*/ ) { message.show(); message.text('Não foi possível logar'); @@ -889,7 +890,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F data: $(this).parents('.signup').serialize(), }).done(function(data) { Main.loginCallback(true, data.private_token); - Main.displaySuccess(button.closest('.section-content'), 'Cadastro efetuado com sucesso', 1000); + Main.displaySuccess(button.closest('.section-content'), 'Cadastro efetuado com sucesso', 1000, 'icon-user-created'); }).fail(function(data) { var msg = Main.responseToText(data.responseJSON.message); message.show(); diff --git a/sass/style.sass b/sass/style.sass index c905993..3fec306 100644 --- a/sass/style.sass +++ b/sass/style.sass @@ -302,6 +302,21 @@ td background-color: #32dbb5 border-bottom: 3px solid darken(#32dbb5, $darken) !important +hover(#32dbb5, $darken) + &-user-created + height: 71px + width: 71px + background: url(images/icons/icon-user-created.png) no-repeat 50% 50% + border-radius: 0 + &-login-success + height: 71px + width: 71px + background: url(images/icons/icon-login-success.png) no-repeat 50% 50% + border-radius: 0 + &-proposal-sent + height: 71px + width: 71px + background: url(images/icons/icon-proposal-sent.png) no-repeat 50% 50% + border-radius: 0 // ------------------------------------ @@ -928,6 +943,7 @@ td .success-panel position: absolute z-index: 100 + text-align: center // ------------------------------------ // 7 - Modificadores -- libgit2 0.21.2