46 lines
1.5 KiB
Plaintext
Raw Normal View History

2018-10-26 02:13:03 +00:00
component SettingsPersonal(user *arn.User)
SettingsTabs
h1.page-title Personal settings
.settings
.widget.mountable(data-api="/api/user/" + user.ID)
h3.widget-title
Icon("user")
span Personal
2019-08-31 07:52:42 +00:00
InputText("Nick", user.Nick, "Username", "Your username on notify.moe", 25)
InputTextArea("Introduction", user.Introduction, "Introduction", "Tell us a little bit about yourself", 2000)
2018-11-06 09:28:50 +00:00
2018-10-26 02:13:03 +00:00
.widget.mountable(data-api="/api/settings/" + user.ID)
h3.widget-title
Icon("camera")
span Avatar
2018-11-15 03:42:10 +00:00
AvatarInput(user)
2018-10-26 02:13:03 +00:00
.widget.mountable(data-api="/api/settings/" + user.ID)
h3.widget-title
Icon("picture-o")
span Cover
InputFileUpload("cover-input", "File", "image", "/api/upload/user/cover")
2018-10-26 02:13:03 +00:00
.cover-preview(title="Recommended: 1920 x 450 | PNG or JPG")
img.profile-cover.cover-input-preview.lazy(data-src=user.CoverLink("small"), data-webp="true", alt="Cover image")
if !user.IsPro()
.footer
p PRO account required.
2018-11-15 03:42:10 +00:00
component AvatarInput(user *arn.User)
InputFileUpload("avatar-input", "File", "image", "/api/upload/user/image")
2018-11-15 03:42:10 +00:00
.profile-image-container.avatar-preview
if user.HasAvatar()
img.avatar-input-preview.profile-image.lazy(data-src=user.AvatarLink("large"), data-webp="true", alt="Profile image", title="Recommended: 560 x 560 | PNG or JPG")
else
img.avatar-input-preview.profile-image.hidden(src=user.AvatarLink("large"), alt="Profile image", title="Recommended: 560 x 560 | PNG or JPG")
#avatar-input-preview-svg
SVGProfileImage(user)