2017-08-18 06:27:42 +03:00
|
|
|
<figure class="account-image">
|
|
|
|
|
2019-12-13 17:20:29 +03:00
|
|
|
{{#unless this.previewDataURL}}
|
|
|
|
<div class="placeholder-img" style={{this.placeholderStyle}}></div>
|
|
|
|
<div id="account-image" class="gravatar-img" style={{this.avatarStyle}}>
|
2017-07-06 12:33:15 +03:00
|
|
|
<span class="sr-only">User image</span>
|
|
|
|
</div>
|
2015-05-28 08:52:41 +03:00
|
|
|
{{/unless}}
|
|
|
|
|
2019-12-13 17:20:29 +03:00
|
|
|
{{#if this.previewDataURL}}
|
|
|
|
<img src={{this.previewDataURL}} class="gravatar-img">
|
2017-08-18 06:27:42 +03:00
|
|
|
{{/if}}
|
2015-05-28 08:52:41 +03:00
|
|
|
|
2017-08-18 06:27:42 +03:00
|
|
|
<span class="edit-account-image" onclick={{action "openFileDialog"}} role="button">
|
2018-03-19 12:57:31 +03:00
|
|
|
{{svg-jar "photos"}}
|
2017-04-14 19:22:14 +03:00
|
|
|
<span class="sr-only">Upload an image</span>
|
2015-05-28 08:52:41 +03:00
|
|
|
</span>
|
2017-08-18 06:27:42 +03:00
|
|
|
|
2020-01-16 18:14:03 +03:00
|
|
|
<GhFileInput
|
|
|
|
@alt={{null}}
|
|
|
|
@name="uploadimage"
|
|
|
|
@multiple={{false}}
|
|
|
|
@action={{action "imageSelected"}}
|
|
|
|
@accept={{this.imageMimeTypes}} />
|
2015-05-28 08:52:41 +03:00
|
|
|
</figure>
|