Commit | Line | Data |
---|---|---|
3e93caf9 | 1 | {capture assign='pageTitle'}{lang}wcf.user.avatar.edit{/lang} - {lang}wcf.user.usercp{/lang}{/capture} |
320f4a6d | 2 | |
3e93caf9 | 3 | {capture assign='contentTitle'}{lang}wcf.user.avatar.edit{/lang}{/capture} |
320f4a6d MW |
4 | |
5 | {include file='userMenuSidebar'} | |
6 | ||
95961bdf | 7 | {include file='header'} |
320f4a6d | 8 | |
320f4a6d MW |
9 | {if $__wcf->user->disableAvatar} |
10 | <p class="error">{lang}wcf.user.avatar.error.disabled{/lang}</p> | |
11 | {/if} | |
12 | ||
77329f86 | 13 | {include file='formError'} |
320f4a6d MW |
14 | |
15 | {if $success|isset} | |
16 | <p class="success">{lang}wcf.global.success.edit{/lang}</p> | |
17 | {/if} | |
18 | ||
320f4a6d | 19 | <form method="post" action="{link controller='AvatarEdit'}{/link}" id="avatarForm"> |
4bc56433 | 20 | <div class="section avatarEdit"> |
a073b70d | 21 | <dl class="avatarType"> |
95961bdf MW |
22 | <dt></dt> |
23 | <dd> | |
24 | <label><input type="radio" name="avatarType" value="none" {if $avatarType == 'none'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.none{/lang}</label> | |
25 | <small>{lang}wcf.user.avatar.type.none.description{/lang}</small> | |
26 | </dd> | |
27 | </dl> | |
28 | ||
29 | {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')} | |
a073b70d | 30 | <dl class="avatarType jsOnly{if $errorField == 'custom'} formError{/if}" id="avatarUpload"> |
95961bdf MW |
31 | <dt> |
32 | {if $avatarType == 'custom'} | |
33 | {if $__wcf->getUserProfileHandler()->getAvatar()->canCrop()} | |
34 | {@$__wcf->getUserProfileHandler()->getAvatar()->getCropImageTag(96)} | |
2114e187 | 35 | {else} |
95961bdf | 36 | {@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(96)} |
320f4a6d | 37 | {/if} |
95961bdf | 38 | {else} |
190ebb00 | 39 | <img src="{@$__wcf->getPath()}images/avatars/avatar-default.svg" alt="" class="userAvatarImage" style="width: 96px; height: 96px" /> |
95961bdf MW |
40 | {/if} |
41 | </dt> | |
42 | <dd> | |
43 | <label><input type="radio" name="avatarType" value="custom" {if $avatarType == 'custom'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.custom{/lang}</label> | |
44 | <small>{lang}wcf.user.avatar.type.custom.description{/lang}</small> | |
45 | ||
46 | {* placeholder for upload button: *} | |
a073b70d | 47 | <div class="avatarUploadButtonContainer"></div> |
95961bdf MW |
48 | |
49 | {if $errorField == 'custom'} | |
50 | <small class="innerError"> | |
51 | {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if} | |
52 | </small> | |
53 | {/if} | |
54 | </dd> | |
55 | </dl> | |
56 | {/if} | |
57 | ||
58 | {if MODULE_GRAVATAR} | |
a073b70d | 59 | <dl class="avatarType{if $errorField == 'gravatar'} formError{/if}"> |
95961bdf MW |
60 | <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> |
61 | <dd> | |
62 | <label><input type="radio" name="avatarType" value="gravatar" {if $avatarType == 'gravatar'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.gravatar{/lang}</label> | |
63 | {if $errorField == 'gravatar'} | |
64 | <small class="innerError"> | |
65 | {if $errorType == 'notFound'}{lang}wcf.user.avatar.type.gravatar.error.notFound{/lang}{/if} | |
66 | </small> | |
67 | {/if} | |
68 | <small>{lang}wcf.user.avatar.type.gravatar.description{/lang}</small> | |
69 | </dd> | |
70 | </dl> | |
71 | {/if} | |
72 | ||
73 | {event name='avatarFields'} | |
4bc56433 | 74 | </div> |
320f4a6d | 75 | |
95961bdf | 76 | {event name='sections'} |
320f4a6d MW |
77 | |
78 | {if !$__wcf->user->disableAvatar} | |
79 | <div class="formSubmit"> | |
80 | <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" /> | |
a6e379b4 | 81 | {@SECURITY_TOKEN_INPUT_TAG} |
320f4a6d MW |
82 | </div> |
83 | {/if} | |
84 | </form> | |
85 | ||
2114e187 MW |
86 | {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')} |
87 | <script data-relocate="true"> | |
88 | //<![CDATA[ | |
89 | $(function() { | |
90 | WCF.Language.addObject({ | |
91 | 'wcf.user.avatar.type.custom.crop': '{lang}wcf.user.avatar.type.custom.crop{/lang}', | |
92 | 'wcf.user.avatar.upload.error.invalidExtension': '{lang}wcf.user.avatar.upload.error.invalidExtension{/lang}', | |
93 | 'wcf.user.avatar.upload.error.tooSmall': '{lang}wcf.user.avatar.upload.error.tooSmall{/lang}', | |
94 | 'wcf.user.avatar.upload.error.tooLarge': '{lang}wcf.user.avatar.upload.error.tooLarge{/lang}', | |
95 | 'wcf.user.avatar.upload.error.uploadFailed': '{lang}wcf.user.avatar.upload.error.uploadFailed{/lang}', | |
96 | 'wcf.user.avatar.upload.error.badImage': '{lang}wcf.user.avatar.upload.error.badImage{/lang}', | |
e172c40d | 97 | 'wcf.user.avatar.upload.success': '{lang}wcf.user.avatar.upload.success{/lang}' |
2114e187 MW |
98 | }); |
99 | ||
100 | {if !$__wcf->user->disableAvatar} | |
3e93caf9 MW |
101 | {if $__wcf->getUserProfileHandler()->getAvatar()->canCrop()} |
102 | new WCF.User.Avatar.Upload(0, new WCF.User.Avatar.Crop({@$__wcf->getUserProfileHandler()->getAvatar()->avatarID})); | |
103 | {else} | |
104 | new WCF.User.Avatar.Upload(); | |
105 | {/if} | |
320f4a6d | 106 | {/if} |
2114e187 MW |
107 | }); |
108 | //]]> | |
109 | </script> | |
110 | {/if} | |
320f4a6d | 111 | |
3e93caf9 | 112 | {include file='footer'} |