com.woltlab.wcf/templates/avatarEdit.tpl

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