1 {include file='documentHeader'}
4 <title>{lang}wcf.user.avatar.edit{/lang} - {lang}wcf.user.usercp{/lang} - {PAGE_TITLE|language}</title>
6 {include file='headInclude'}
9 <body id="tpl{$templateName|ucfirst}" data-template="{$templateName}" data-application="{$templateNameApplication}">
11 {include file='userMenuSidebar'}
13 {include file='header'}
15 <header class="contentHeader">
16 <div class="contentHeaderTitle">
17 <h1 class="contentTitle">{lang}wcf.user.avatar.edit{/lang}</h1>
21 <nav class="contentHeaderNavigation">
23 {content}{event name='contentHeaderNavigation'}{/content}
29 {include file='userNotice'}
31 {if $__wcf->user->disableAvatar}
32 <p class="error">{lang}wcf.user.avatar.error.disabled{/lang}</p>
35 {include file='formError'}
38 <p class="success">{lang}wcf.global.success.edit{/lang}</p>
41 <form method="post" action="{link controller='AvatarEdit'}{/link}" id="avatarForm">
42 <div class="section avatarEdit">
43 <dl class="avatarType">
46 <label><input type="radio" name="avatarType" value="none" {if $avatarType == 'none'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.none{/lang}</label>
47 <small>{lang}wcf.user.avatar.type.none.description{/lang}</small>
51 {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')}
52 <dl class="avatarType jsOnly{if $errorField == 'custom'} formError{/if}" id="avatarUpload">
54 {if $avatarType == 'custom'}
55 {if $__wcf->getUserProfileHandler()->getAvatar()->canCrop()}
56 {@$__wcf->getUserProfileHandler()->getAvatar()->getCropImageTag(96)}
58 {@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(96)}
61 <img src="{@$__wcf->getPath()}images/avatars/avatar-default.svg" alt="" class="userAvatarImage" style="width: 96px; height: 96px" />
65 <label><input type="radio" name="avatarType" value="custom" {if $avatarType == 'custom'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.custom{/lang}</label>
66 <small>{lang}wcf.user.avatar.type.custom.description{/lang}</small>
68 {* placeholder for upload button: *}
69 <div class="avatarUploadButtonContainer"></div>
71 {if $errorField == 'custom'}
72 <small class="innerError">
73 {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
81 <dl class="avatarType{if $errorField == 'gravatar'} formError{/if}">
82 <dt><img src="https://secure.gravatar.com/avatar/{@$__wcf->user->email|strtolower|md5}?s=96{if GRAVATAR_DEFAULT_TYPE != '404'}&d={@GRAVATAR_DEFAULT_TYPE}{/if}" alt="" class="userAvatarImage icon96" /></dt>
84 <label><input type="radio" name="avatarType" value="gravatar" {if $avatarType == 'gravatar'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.gravatar{/lang}</label>
85 {if $errorField == 'gravatar'}
86 <small class="innerError">
87 {if $errorType == 'notFound'}{lang}wcf.user.avatar.type.gravatar.error.notFound{/lang}{/if}
90 <small>{lang}wcf.user.avatar.type.gravatar.description{/lang}</small>
95 {event name='avatarFields'}
98 {event name='sections'}
100 {if !$__wcf->user->disableAvatar}
101 <div class="formSubmit">
102 <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
103 {@SECURITY_TOKEN_INPUT_TAG}
108 {include file='footer'}
110 {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')}
111 <script data-relocate="true">
114 WCF.Language.addObject({
115 'wcf.user.avatar.type.custom.crop': '{lang}wcf.user.avatar.type.custom.crop{/lang}',
116 'wcf.user.avatar.upload.error.invalidExtension': '{lang}wcf.user.avatar.upload.error.invalidExtension{/lang}',
117 'wcf.user.avatar.upload.error.tooSmall': '{lang}wcf.user.avatar.upload.error.tooSmall{/lang}',
118 'wcf.user.avatar.upload.error.tooLarge': '{lang}wcf.user.avatar.upload.error.tooLarge{/lang}',
119 'wcf.user.avatar.upload.error.uploadFailed': '{lang}wcf.user.avatar.upload.error.uploadFailed{/lang}',
120 'wcf.user.avatar.upload.error.badImage': '{lang}wcf.user.avatar.upload.error.badImage{/lang}',
121 'wcf.user.avatar.upload.success': '{lang}wcf.user.avatar.upload.success{/lang}'
124 {if !$__wcf->user->disableAvatar}
125 {if $__wcf->getUserProfileHandler()->getAvatar()->canCrop()}
126 new WCF.User.Avatar.Upload(0, new WCF.User.Avatar.Crop({@$__wcf->getUserProfileHandler()->getAvatar()->avatarID}));
128 new WCF.User.Avatar.Upload();