openproject/frontend/app/components/inplace-edit/field-directives/display-user/display-user.directive.html

<span class="user-avatar--container">
  <img class="user-avatar--avatar"
       ng-if="user && user.avatar"
       ng-src="{{user.avatar}}"
       alt="Avatar"
       title="{{user.name}}" />
  <span class="user-avatar--user-with-role">
    <span class="user-avatar--user">
      <a ng-if="!user.isGroup"
         ng-href="{{user.href}}"
         class="user-field-user-link"
         aria-label="{{field.getKeyValue()}}"
         title="{{ user.name }}">
        {{user.name}}
      </a>
      <span ng-if="user.isGroup"
            class="user-field-user-link"
            title="{{ user.name }}">
        {{user.name}}
      </span>
    </span>
    <span class="user-avatar--user"
          ng-if="!user">
      {{ field.placeholder }}
    </span>
    <span class="user-avatar--role"
          ng-if="user.role"
          title="{{ user.role }}">
      {{user.role}}
    </span>
  </span>
</span>