.user-avatar(ng-class!="{ 'is-iocaine': isIocaine }")
    img(
      style="background-color: {{ bg }}"
      src="{{ avatar.url }}"
      alt="{{ fullName }}"
    )
    .iocaine-symbol(
        ng-if="isIocaine"
        title="{{ 'TASK.TITLE_ACTION_IOCAINE' | translate }}"
    )
       tg-svg(svg-icon="icon-iocaine")

.assigned-to
    .assigned-to-options
        span.assigned-name(
            ng-if="!isEditable && fullNameVisible"
        ) {{ fullName }}

        span.user-assigned(
            title="{{ 'COMMON.ASSIGNED_TO.TITLE_ACTION_EDIT_ASSIGNMENT'|translate }}"
            ng-class="{ 'editable': isEditable }"
            ng-if="isEditable"
            ng-click="assign()"
        )
            span.assigned-name
                span(ng-if="fullNameVisible") {{ fullName }}

        span(ng-if="isUnassigned")
            |  
            span(translate="COMMON.OR")
            |  
            a.assign-to-me(
                href="#"
                title="{{'COMMON.ASSIGNED_TO.SELF' | translate}}"
                ng-click="selfAssign()"
            )
                span {{ "COMMON.ASSIGNED_TO.SELF" | translate }}

    tg-svg.remove-user(
        ng-click="unassign()"
        ng-if="isEditable && !isUnassigned"
        svg-icon="icon-close",
        title="{{'COMMON.ASSIGNED_TO.DELETE_ASSIGNMENT' | translate}}"
    )