com.woltlab.wcf/templates/avatarEdit.tpl

   1 {include file='documentHeader'}
   2
   3 <head>
   4         <title>{lang}wcf.user.avatar.edit{/lang} - {lang}wcf.user.usercp{/lang} - {PAGE_TITLE|language}</title>
   5
   6         {include file='headInclude'}
   7 </head>
   8
   9 <body id="tpl{$templateName|ucfirst}" data-template="{$templateName}" data-application="{$templateNameApplication}">
  10
  11 {include file='userMenuSidebar'}
  12
  13 {include file='header'}
  14
  15 <header class="contentHeader">
  16         <h1 class="contentTitle">{lang}wcf.user.avatar.edit{/lang}</h1>
  17 </header>
  18
  19 {include file='userNotice'}
  20
  21 {if $__wcf->user->disableAvatar}
  22         <p class="error">{lang}wcf.user.avatar.error.disabled{/lang}</p>
  23 {/if}
  24
  25 {include file='formError'}
  26
  27 {if $success|isset}
  28         <p class="success">{lang}wcf.global.success.edit{/lang}</p>
  29 {/if}
  30
  31 <div class="contentNavigation">
  32         {hascontent}
  33                 <nav>
  34                         <ul>
  35                                 {content}
  36                                         {event name='contentNavigationButtons'}
  37                                 {/content}
  38                         </ul>
  39                 </nav>
  40         {/hascontent}
  41 </div>
  42
  43 <form method="post" action="{link controller='AvatarEdit'}{/link}" id="avatarForm">
  44         <div class="section avatarEdit">
  45                 <dl class="avatarType">
  46                         <dt></dt>
  47                         <dd>
  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>
  50                         </dd>
  51                 </dl>
  52
  53                 {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')}
  54                         <dl class="avatarType jsOnly{if $errorField == 'custom'} formError{/if}" id="avatarUpload">
  55                                 <dt>
  56                                         {if $avatarType == 'custom'}
  57                                                 {if $__wcf->getUserProfileHandler()->getAvatar()->canCrop()}
  58                                                         {@$__wcf->getUserProfileHandler()->getAvatar()->getCropImageTag(96)}
  59                                                 {else}
  60                                                         {@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(96)}
  61                                                 {/if}
  62                                         {else}
  63                                                 <img src="{@$__wcf->getPath()}images/avatars/avatar-default.svg" alt="" class="userAvatarImage" style="width: 96px; height: 96px" />
  64                                         {/if}
  65                                 </dt>
  66                                 <dd>
  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>
  69
  70                                         {* placeholder for upload button: *}
  71                                         <div class="avatarUploadButtonContainer"></div>
  72
  73                                         {if $errorField == 'custom'}
  74                                                 <small class="innerError">
  75                                                         {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
  76                                                 </small>
  77                                         {/if}
  78                                 </dd>
  79                         </dl>
  80                 {/if}
  81
  82                 {if MODULE_GRAVATAR}
  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'}&amp;d={@GRAVATAR_DEFAULT_TYPE}{/if}" alt="" class="userAvatarImage icon96" /></dt>
  85                                 <dd>
  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}
  90                                                 </small>
  91                                         {/if}
  92                                         <small>{lang}wcf.user.avatar.type.gravatar.description{/lang}</small>
  93                                 </dd>
  94                         </dl>
  95                 {/if}
  96
  97                 {event name='avatarFields'}
  98         </div>
  99
 100         {event name='sections'}
 101
 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}
 106                 </div>
 107         {/if}
 108 </form>
 109
 110 {include file='footer'}
 111
 112 {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')}
 113         <script data-relocate="true">
 114                 //<![CDATA[
 115                 $(function() {
 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}'
 124                         });
 125
 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}));
 129                                 {else}
 130                                         new WCF.User.Avatar.Upload();
 131                                 {/if}
 132                         {/if}
 133                 });
 134                 //]]>
 135         </script>
 136 {/if}
 137
 138 </body>
 139 </html>