diff --git a/app/partials/user-profile.jade b/app/partials/user-profile.jade new file mode 100644 index 00000000..7751c77b --- /dev/null +++ b/app/partials/user-profile.jade @@ -0,0 +1,36 @@ +extends layout + +block head + title Taiga Project management web application with scrum in mind! + +block content + div.wrapper + sidebar.menu-secondary.sidebar + include views/modules/admin-menu + + sidebar.menu-tertiary.sidebar + include views/modules/admin-submenu-project-profile + + section.main.user-profile + header + include views/components/mainTitle + + form + fieldset + label(for="user-email") Email + input(type="text", placeholder="Email", id="user-email") + fieldset + label(for="current-password") Current Password + input(type="password", placeholder="Password", id="current-password") + fieldset + label(for="new-password") New Password + input(type="password", placeholder="New Password", id="new-password") + fieldset + label(for="retype-password") Retype Password + input(type="password", placeholder="Retype Password", id="retype-password") + fieldset + input(type="submit", class="hidden") + a.button.button-green(href="") Save + a.delete-account(href="", title="Delete Taiga account") Delete Taiga account + div.lightbox.lightbox-delete-account + include views/modules/lightbox-delete-account \ No newline at end of file diff --git a/app/partials/views/modules/lightbox-delete-account.jade b/app/partials/views/modules/lightbox-delete-account.jade new file mode 100644 index 00000000..9f236657 --- /dev/null +++ b/app/partials/views/modules/lightbox-delete-account.jade @@ -0,0 +1,12 @@ +a.close(href="", title="close") + span.icon.icon-delete +form + h2.title Delete Taiga Account + p + span.delete-question Are you sure you want to delete your Taiga account? + span.subtitle We're going to miss you! :-( + div.delete-options + a.button.button-green(href="", title="Accept") + span Accept + a.button.button-red(href="", title="Delete") + span Cancel \ No newline at end of file diff --git a/app/styles/main.scss b/app/styles/main.scss index 37ecb9ec..723e40d5 100755 --- a/app/styles/main.scss +++ b/app/styles/main.scss @@ -100,6 +100,7 @@ $prefix-for-spec: true; //Modules user Settings @import 'modules/user-settings/mail-notifications-table'; +@import 'modules/user-settings/user-profile'; //################################################# // Layout diff --git a/app/styles/modules/common/lightbox.scss b/app/styles/modules/common/lightbox.scss index 42ea79c2..1ee07d30 100644 --- a/app/styles/modules/common/lightbox.scss +++ b/app/styles/modules/common/lightbox.scss @@ -261,6 +261,33 @@ } } +.lightbox-delete-account { + form { + @include table-flex-child(0, 420px, 0, 420px); + } + .delete-question, + .subtitle { + display: block; + line-height: 2rem; + text-align: center; + } + .subtitle { + @extend %large; + @extend %title; + } + .delete-options { + @include table-flex(); + a { + @include table-flex-child(1, 0, 0); + padding: 8px 0; + text-align: center; + &:first-child { + margin-right: .5rem; + } + } + } +} + .lightbox-generic-success, .lightbox-generic-error { diff --git a/app/styles/modules/user-settings/user-profile.scss b/app/styles/modules/user-settings/user-profile.scss new file mode 100644 index 00000000..226aca76 --- /dev/null +++ b/app/styles/modules/user-settings/user-profile.scss @@ -0,0 +1,30 @@ +.user-profile { + input[type="text"], + input[type="email"] { + @extend %title; + background-color: $very-light-gray; + } + fieldset { + margin-bottom: 1rem; + width: 50%; + &:last-child { + margin-top: 2rem; + } + } + label { + @extend %title; + display: block; + margin-bottom: .5rem; + } + .button-green { + color: $white; + display: block; + padding: 12px; + text-align: center; + } + .delete-account { + @extend %small; + display: block; + margin-top: 1rem; + } +}