<figure class="pos-relative" data-id="{{communities.communityInfo._id}}" data-login="{{communities.communityInfo.communityUrl}}" data-position="down" data-hidefollow="true">
  {{#if communities.isEditing}}
    <div class="cn-overlay cn-edit-image balloon-wrapper" onclick={{action (mut showBalloon) (not showBalloon)}}>
      <div class="balloon balloon--left balloon--down balloon--dropmenu balloon--fancy mg-t-1 {{if showBalloon 'show' 'hide'}}">
        <ul class="balloon__list">
          <li><a class="balloon__link" onclick={{action openInModal uploadImageTemplate this}}>{{i18n 'Upload new image'}}</a></li>
          <li class="balloon__stroke"></li>
          <li><a class="balloon__link" onclick={{action 'removeAvatar'}}>{{i18n 'Remove'}}</a></li>
        </ul>
      </div>
      {{svg-icon path='svg/edit'}}
      <p>{{i18n 'Change avatar'}}</p>
    </div>
  {{/if}}
  <img src={{avatarImage}} alt={{communities.communityInfo.name}} class="cm-avatar">
</figure>
