taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

User Profile and delete account template

stable
Xavier Julián 2014-07-23 10:23:00 +02:00
parent 03d8fefc52
commit 4003e1cb04
5 changed files with 106 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
app/partials/user-profile.jade Normal file
View File

@ -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

12
app/partials/views/modules/lightbox-delete-account.jade Normal file
View File

@ -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

1
app/styles/main.scss
View File

@ -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

27
app/styles/modules/common/lightbox.scss
View File

@ -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 {

30
app/styles/modules/user-settings/user-profile.scss Normal file
View File

@ -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;
}
}