com.woltlab.wcf/templates/avatarEdit.tpl

   1 {capture assign='pageTitle'}{lang}wcf.user.avatar.edit{/lang} - {lang}wcf.user.usercp{/lang}{/capture}
   2
   3 {capture assign='contentTitle'}{lang}wcf.user.avatar.edit{/lang}{/capture}
   4
   5 {include file='userMenuSidebar'}
   6
   7 {include file='header'}
   8
   9 {if $__wcf->user->disableAvatar}
  10         <p class="error">{lang}wcf.user.avatar.error.disabled{/lang}</p>
  11 {/if}
  12
  13 {include file='formError'}
  14
  15 {if $success|isset}
  16         <p class="success">{lang}wcf.global.success.edit{/lang}</p>
  17 {/if}
  18
  19 <form method="post" action="{link controller='AvatarEdit'}{/link}" id="avatarForm">
  20         <div class="section avatarEdit">
  21                 <dl class="avatarType">
  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')}
  30                         <dl class="avatarType jsOnly{if $errorField == 'custom'} formError{/if}" id="avatarUpload">
  31                                 <dt>
  32                                         {if $avatarType == 'custom'}
  33                                                 {if $__wcf->getUserProfileHandler()->getAvatar()->canCrop()}
  34                                                         {@$__wcf->getUserProfileHandler()->getAvatar()->getCropImageTag(96)}
  35                                                 {else}
  36                                                         {@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(96)}
  37                                                 {/if}
  38                                         {else}
  39                                                 <img src="{@$__wcf->getPath()}images/avatars/avatar-default.svg" alt="" class="userAvatarImage" style="width: 96px; height: 96px" />
  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: *}
  47                                         <div class="avatarUploadButtonContainer"></div>
  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}
  59                         <dl class="avatarType{if $errorField == 'gravatar'} formError{/if}">
  60                                 <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>
  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'}
  74         </div>
  75
  76         {event name='sections'}
  77
  78         {if !$__wcf->user->disableAvatar}
  79                 <div class="formSubmit">
  80                         <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
  81                         {@SECURITY_TOKEN_INPUT_TAG}
  82                 </div>
  83         {/if}
  84 </form>
  85
  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}',
  97                                 'wcf.user.avatar.upload.success': '{lang}wcf.user.avatar.upload.success{/lang}'
  98                         });
  99
 100                         {if !$__wcf->user->disableAvatar}
 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}
 106                         {/if}
 107                 });
 108                 //]]>
 109         </script>
 110 {/if}
 111
 112 {include file='footer'}