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 <h1 class="contentTitle">{lang}wcf.user.avatar.edit{/lang}</h1>
19 {include file='userNotice'}
21 {if $__wcf->user->disableAvatar}
22 <p class="error">{lang}wcf.user.avatar.error.disabled{/lang}</p>
25 {include file='formError'}
28 <p class="success">{lang}wcf.global.success.edit{/lang}</p>
31 <div class="contentNavigation">
36 {event name='contentNavigationButtons'}
43 <form method="post" action="{link controller='AvatarEdit'}{/link}" id="avatarForm">
44 <div class="section avatarEdit">
45 <dl class="avatarType">
48 <label><input type="radio" name="avatarType" value="none" {if $avatarType == 'none'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.none{/lang}</label>
49 <small>{lang}wcf.user.avatar.type.none.description{/lang}</small>
53 {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')}
54 <dl class="avatarType jsOnly{if $errorField == 'custom'} formError{/if}" id="avatarUpload">
56 {if $avatarType == 'custom'}
57 {if $__wcf->getUserProfileHandler()->getAvatar()->canCrop()}
58 {@$__wcf->getUserProfileHandler()->getAvatar()->getCropImageTag(96)}
60 {@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(96)}
63 <img src="{@$__wcf->getPath()}images/avatars/avatar-default.svg" alt="" class="userAvatarImage" style="width: 96px; height: 96px" />
67 <label><input type="radio" name="avatarType" value="custom" {if $avatarType == 'custom'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.custom{/lang}</label>
68 <small>{lang}wcf.user.avatar.type.custom.description{/lang}</small>
70 {* placeholder for upload button: *}
71 <div class="avatarUploadButtonContainer"></div>
73 {if $errorField == 'custom'}
74 <small class="innerError">
75 {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
83 <dl class="avatarType{if $errorField == 'gravatar'} formError{/if}">
84 <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>
86 <label><input type="radio" name="avatarType" value="gravatar" {if $avatarType == 'gravatar'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.gravatar{/lang}</label>
87 {if $errorField == 'gravatar'}
88 <small class="innerError">
89 {if $errorType == 'notFound'}{lang}wcf.user.avatar.type.gravatar.error.notFound{/lang}{/if}
92 <small>{lang}wcf.user.avatar.type.gravatar.description{/lang}</small>
97 {event name='avatarFields'}
100 {event name='sections'}
102 {if !$__wcf->user->disableAvatar}
103 <div class="formSubmit">
104 <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
105 {@SECURITY_TOKEN_INPUT_TAG}
110 {include file='footer'}
112 {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')}
113 <script data-relocate="true">
116 WCF.Language.addObject({
117 'wcf.user.avatar.type.custom.crop': '{lang}wcf.user.avatar.type.custom.crop{/lang}',
118 'wcf.user.avatar.upload.error.invalidExtension': '{lang}wcf.user.avatar.upload.error.invalidExtension{/lang}',
119 'wcf.user.avatar.upload.error.tooSmall': '{lang}wcf.user.avatar.upload.error.tooSmall{/lang}',
120 'wcf.user.avatar.upload.error.tooLarge': '{lang}wcf.user.avatar.upload.error.tooLarge{/lang}',
121 'wcf.user.avatar.upload.error.uploadFailed': '{lang}wcf.user.avatar.upload.error.uploadFailed{/lang}',
122 'wcf.user.avatar.upload.error.badImage': '{lang}wcf.user.avatar.upload.error.badImage{/lang}',
123 'wcf.user.avatar.upload.success': '{lang}wcf.user.avatar.upload.success{/lang}'
126 {if !$__wcf->user->disableAvatar}
127 {if $__wcf->getUserProfileHandler()->getAvatar()->canCrop()}
128 new WCF.User.Avatar.Upload(0, new WCF.User.Avatar.Crop({@$__wcf->getUserProfileHandler()->getAvatar()->avatarID}));
130 new WCF.User.Avatar.Upload();