Fix Bootstrap3 regression: close account

This commit is contained in:
Steffen van Bergerem 2015-06-14 13:08:10 +02:00
parent b0de3925aa
commit 4534ba5de8
7 changed files with 45 additions and 90 deletions

View file

@ -13,6 +13,7 @@
//= require fileuploader-custom
//= require rails-timeago
//= require underscore
//= require bootstrap
//= require diaspora
//= require helpers/i18n
//= require widgets/timeago

View file

@ -1,41 +1,44 @@
.modal.hide.fade{ id: "closeAccountModal", tabindex: "-1", role: "dialog", aria: { labelledby: "closeAccountModalLabel", hidden: "true" }}
.modal-header
%button.close{type: "button", data: {dismiss: "modal"}, aria: {hidden: "true" }}
×
%h3{ id:"closeAccountModalLabel"}
= t("users.edit.close_account.dont_go")
.modal-body
.row-fluid
.text-center
= image_tag "sadcat.jpg"
%h4
%strong
= t("users.edit.close_account.mr_wiggles")
.modal.fade{ id: "closeAccountModal",
tabindex: "-1",
role: "dialog",
aria: { labelledby: "closeAccountModalLabel", hidden: "true" }}
.modal-dialog
.modal-content
.modal-header
%button.close{type: "button", data: {dismiss: "modal"}, aria: {hidden: "true" }}
×
%h3.modal-title{ id:"closeAccountModalLabel"}
= t("users.edit.close_account.dont_go")
= form_for "user", url: user_path, html: { method: :delete } do |f|
.modal-body
.text-center
= image_tag "sadcat.jpg", class: "img-responsive center-block"
%h4
%strong
= t("users.edit.close_account.mr_wiggles")
.small-horizontal-spacer
= t("users.edit.close_account.make_diaspora_better")
.row-fluid
.span12
= t("users.edit.close_account.make_diaspora_better")
%ol
%li
= t("users.edit.close_account.what_we_delete")
%li
= t("users.edit.close_account.locked_out")
%li
= t("users.edit.close_account.lock_username")
.small-horizontal-spacer
%ul
%li
= t("users.edit.close_account.what_we_delete")
%li
= t("users.edit.close_account.locked_out")
%li
= t("users.edit.close_account.lock_username")
%p
%strong
= t("users.edit.close_account.no_turning_back")
= form_for "user", url: user_path, html: { method: :delete } do |f|
.small-horizontal-spacer
= f.error_messages
%p
.form-group
= f.label :close_account_password, t("users.edit.current_password"), for: :close_account_password
= f.password_field :current_password, id: :close_account_password
%p
= f.submit t('users.edit.close_account_text'), class: "btn btn-danger", id: "close_account_confirm", data: { confirm: t("are_you_sure_delete_account") }
= f.password_field :current_password, id: :close_account_password, class: "form-control"
.modal-footer
.btn.btn-default{type: "button", data: {dismiss: "modal"}, aria: {hidden: "true"}}
= t("cancel")
= f.submit t("users.edit.close_account_text"),
class: "btn btn-danger",
id: "close_account_confirm",
data: { confirm: t("are_you_sure_delete_account") }

View file

@ -191,56 +191,6 @@
.col-lg-5
%h3.text-right
= t('.close_account_text')
- if mobile
= form_for "user", url: user_path, html: { method: :delete } do |f|
= f.error_messages
.form-group
.clearfix= f.label :close_account_password, t("users.edit.current_password"), for: :close_account_password,
class: "pull-right", style: "padding-top: 9px;"
.small-horizontal-spacer
.clearfix= f.password_field :current_password, id: :close_account_password, class: "form-control"
%p
.clearfix= f.submit t('users.edit.close_account_text'), class: "btn btn-danger pull-right",
id: "close_account_confirm", data: { confirm: t("are_you_sure_delete_account") }
- if not mobile
=link_to t('.close_account_text'), '#close_account_pane', rel: 'facebox',
class: "btn btn-danger pull-right", id: "close_account"
.hidden#close_account_pane{rel: 'facebox'}
#inner_account_delete
%h1
= t('.close_account.dont_go')
%p
= t('.close_account.make_diaspora_better')
.row
.col-md-6
= image_tag 'sadcat.jpg'
.small-horizontal-spacer
%small
%b
= t('.close_account.mr_wiggles')
.col-md-6
%ul
%li
= t('.close_account.what_we_delete')
%li
= t('.close_account.locked_out')
%li
= t('.close_account.lock_username')
%p
%b
= t('.close_account.no_turning_back')
= form_for 'user', url: user_path, html: { method: :delete } do |f|
= f.error_messages
%p
= f.label :close_account_password, t('.current_password'), for: :close_account_password
= f.password_field :current_password, id: :close_account_password
%p
.small-horizontal-spacer
= f.submit t('.close_account_text'), class: "btn btn-danger", id: "close_account_confirm",
data: { confirm: t('are_you_sure_delete_account') }
.small-horizontal-spacer
.btn.btn-danger.pull-right{ id: "close_account", data: {toggle: "modal", target: "#closeAccountModal"}}
= t(".close_account_text")
= render "close_account_modal"

View file

@ -1 +0,0 @@
= render "edit", mobile: false

View file

@ -1 +0,0 @@
= render "edit", mobile: true

View file

@ -8,7 +8,8 @@ Feature: Close account
Given I am signed in
When I go to the users edit page
And I click on selector "#close_account"
And I put in my password in "close_account_password"
Then I should see "Hey, please dont go!" within "#closeAccountModal"
When I put in my password in "close_account_password"
And I press "close_account_confirm"
And I confirm the alert
Then I should be on the new user session page

View file

@ -7,7 +7,9 @@ Feature: Close account
Scenario: user closes account
Given I am signed in
When I go to the users edit page
And I put in my password in "close_account_password"
And I click on selector "#close_account"
Then I should see "Hey, please dont go!" within "#closeAccountModal"
When I put in my password in "close_account_password"
And I press "close_account_confirm"
And I confirm the alert