.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-actions
        span(ng-if="fullNameVisible")
            a.user-assigned.assigned-name(
                ng-if="isEditable"
                title="{{ 'COMMON.ASSIGNED_TO.TITLE_ACTION_EDIT_ASSIGNMENT' | translate }}"
                ng-class="{ 'editable': isEditable }"
                ng-click="assign()"
            ) {{ fullName }}
            span.assigned-name(
                ng-if="!isEditable && !isUnassigned"
            ) {{ fullName }}
        span(ng-if="isEditable && isUnassigned")
            span(ng-if="fullNameVisible")
                | &nbsp;
                span(translate="COMMON.OR")
                | &nbsp;
            a.self-assign(href="#", ng-click="selfAssign()") {{ "COMMON.ASSIGNED_TO.SELF" | translate }}
    .assigned-title(ng-if="!isEditable && isUnassigned") {{ "COMMON.ASSIGNED_TO.NOT_ASSIGNED" | translate }}
    tg-svg.remove-user(
        ng-click="unassign()"
        ng-if="isEditable && !isUnassigned"
        svg-icon="icon-close",
        title="{{ 'COMMON.ASSIGNED_TO.DELETE_ASSIGNMENT' | translate }}"
    )
