You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
2.9 KiB
69 lines
2.9 KiB
extends ../layouts/main
|
|
block vendorcss
|
|
link(rel='stylesheet', href=`/cropperjs/cropper.min.css?v=${pkg.version}`)
|
|
block vendorjs
|
|
script(src=`/cropperjs/cropper.min.js?v=${pkg.version}`)
|
|
block content
|
|
|
|
include ../components/file-upload-image
|
|
|
|
section.uk-section.uk-section-default
|
|
.uk-container
|
|
h1 Settings
|
|
|
|
div(uk-grid)
|
|
div(class="uk-width-1-1 uk-width-1-3@m")
|
|
-
|
|
var currentProfile = null;
|
|
if (user.picture && user.picture.large) {
|
|
currentProfile = user.picture.large;
|
|
}
|
|
.uk-margin
|
|
+renderFileUploadImage(
|
|
`/user/${user._id}/header-image`,
|
|
'header-image-upload',
|
|
'header-image-file',
|
|
'header-image-picture',
|
|
`/img/default-header.png`,
|
|
user.header,
|
|
{ aspectRatio: 1400 / 400 },
|
|
)
|
|
|
|
.uk-margin
|
|
+renderFileUploadImage(
|
|
`/user/${user._id}/profile-photo`,
|
|
'profile-picture-upload',
|
|
'profile-picture-file',
|
|
'site-profile-picture',
|
|
`/img/default-member.png`,
|
|
currentProfile,
|
|
{ aspectRatio: 1 },
|
|
)
|
|
|
|
div(class="uk-width-1-1 uk-width-expand@m")
|
|
form(method="POST", action=`/user/${user._id}/settings`, onsubmit="return dtp.app.submitForm(event, 'user account update');").uk-form
|
|
.uk-margin
|
|
label(for="username").uk-form-label Username
|
|
input(id="username", name="username", type="text", placeholder="Enter username", value= user.username).uk-input
|
|
.uk-margin
|
|
label(for="display-name").uk-form-label Display Name
|
|
input(id="display-name", name="displayName", type="text", placeholder="Enter display name", value= user.displayName).uk-input
|
|
.uk-margin
|
|
label(for="bio").uk-form-label Profile bio
|
|
textarea(id="bio", name="bio", rows="3", placeholder="Tell people about yourself").uk-textarea.uk-resize-vertival= user.bio
|
|
|
|
.uk-margin-medium
|
|
fieldset
|
|
legend Change Password
|
|
div(uk-grid)
|
|
div(class="uk-width-1-1 uk-width-1-2@s")
|
|
label(for="password").uk-form-label New password
|
|
input(id="password", name="password", type="password", placeholder="Enter new password").uk-input
|
|
.uk-text-small To change your password, enter it here.
|
|
div(class="uk-width-1-1 uk-width-1-2@s")
|
|
label(for="passwordv").uk-form-label Verify password
|
|
input(id="passwordv", name="passwordVerify", type="password", placeholder="Verify new password").uk-input
|
|
.uk-text-small Please verify the new password by entering it again.
|
|
|
|
.uk-margin
|
|
button(type="submit").uk-button.dtp-button-primary Update account settings
|