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' sidebarOrientation='left'}
  14
  15 <header class="boxHeadline">
  16         <h1>{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="container containerPadding marginTop">
  45                 <fieldset>
  46                         <legend>{lang}wcf.user.avatar{/lang}</legend>
  47
  48                         <dl>
  49                                 <dt></dt>
  50                                 <dd>
  51                                         <label><input type="radio" name="avatarType" value="none" {if $avatarType == 'none'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.none{/lang}</label>
  52                                         <small>{lang}wcf.user.avatar.type.none.description{/lang}</small>
  53                                 </dd>
  54                         </dl>
  55
  56                         {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')}
  57                                 <dl class="jsOnly{if $errorField == 'custom'} formError{/if}" id="avatarUpload">
  58                                         <dt class="framed">
  59                                                 {if $avatarType == 'custom'}
  60                                                         {assign var='__customAvatar' value=$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(96)}
  61                                                         {if $__wcf->getUserProfileHandler()->getAvatar()->canCrop()}
  62                                                                 {assign var='__customAvatar' value=$__customAvatar|substr:0:-2}
  63                                                                 {assign var='__customAvatarTitle' value='wcf.user.avatar.type.custom.crop'|language}
  64                                                                 {append var='__customAvatar' value='class="userAvatarCrop jsTooltip" title="'|concat:$__customAvatarTitle:'" />'}
  65                                                         {/if}
  66                                                         {@$__customAvatar}
  67                                                 {else}
  68                                                         <img src="{@$__wcf->getPath()}images/avatars/avatar-default.svg" alt="" class="icon96" />
  69                                                 {/if}
  70                                         </dt>
  71                                         <dd>
  72                                                 <label><input type="radio" name="avatarType" value="custom" {if $avatarType == 'custom'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.custom{/lang}</label>
  73                                                 <small>{lang}wcf.user.avatar.type.custom.description{/lang}</small>
  74
  75                                                 {* placeholder for upload button: *}
  76                                                 <div></div>
  77
  78                                                 {if $errorField == 'custom'}
  79                                                         <small class="innerError">
  80                                                                 {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
  81                                                         </small>
  82                                                 {/if}
  83                                         </dd>
  84                                 </dl>
  85                         {/if}
  86
  87                         {if MODULE_GRAVATAR}
  88                                 <dl{if $errorField == 'gravatar'} class="formError"{/if}>
  89                                         <dt class="framed"><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="icon96" /></dt>
  90                                         <dd>
  91                                                 <label><input type="radio" name="avatarType" value="gravatar" {if $avatarType == 'gravatar'}checked="checked" {/if}/> {lang}wcf.user.avatar.type.gravatar{/lang}</label>
  92                                                 {if $errorField == 'gravatar'}
  93                                                         <small class="innerError">
  94                                                                 {if $errorType == 'notFound'}{lang}wcf.user.avatar.type.gravatar.error.notFound{/lang}{/if}
  95                                                         </small>
  96                                                 {/if}
  97                                                 <small>{lang}wcf.user.avatar.type.gravatar.description{/lang}</small>
  98                                         </dd>
  99                                 </dl>
 100                         {/if}
 101
 102                         {event name='avatarFields'}
 103                 </fieldset>
 104
 105                 {event name='fieldsets'}
 106         </div>
 107
 108         {if !$__wcf->user->disableAvatar}
 109                 <div class="formSubmit">
 110                         <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
 111                         {@SECURITY_TOKEN_INPUT_TAG}
 112                 </div>
 113         {/if}
 114 </form>
 115
 116 {include file='footer'}
 117
 118 {if $__wcf->getSession()->getPermission('user.profile.avatar.canUploadAvatar')}
 119         <script data-relocate="true">
 120                 //<![CDATA[
 121                 $(function() {
 122                         WCF.Language.addObject({
 123                                 'wcf.user.avatar.type.custom.crop': '{lang}wcf.user.avatar.type.custom.crop{/lang}',
 124                                 'wcf.user.avatar.upload.error.invalidExtension': '{lang}wcf.user.avatar.upload.error.invalidExtension{/lang}',
 125                                 'wcf.user.avatar.upload.error.tooSmall': '{lang}wcf.user.avatar.upload.error.tooSmall{/lang}',
 126                                 'wcf.user.avatar.upload.error.tooLarge': '{lang}wcf.user.avatar.upload.error.tooLarge{/lang}',
 127                                 'wcf.user.avatar.upload.error.uploadFailed': '{lang}wcf.user.avatar.upload.error.uploadFailed{/lang}',
 128                                 'wcf.user.avatar.upload.error.badImage': '{lang}wcf.user.avatar.upload.error.badImage{/lang}',
 129                                 'wcf.user.avatar.upload.success': '{lang}wcf.user.avatar.upload.success{/lang}'
 130                         });
 131
 132                         {if !$__wcf->user->disableAvatar}
 133                                 {if $__wcf->getUserProfileHandler()->getAvatar()->canCrop()}
 134                                         new WCF.User.Avatar.Upload(0, new WCF.User.Avatar.Crop({@$__wcf->getUserProfileHandler()->getAvatar()->avatarID}));
 135                                 {else}
 136                                         new WCF.User.Avatar.Upload();
 137                                 {/if}
 138                         {/if}
 139                 });
 140                 //]]>
 141         </script>
 142 {/if}
 143
 144 </body>
 145 </html>