<div class="item user-block" *ngIf="userBlockIsVisible()">
    <!-- User picture-->
    <div class="user-block-picture">
        <div class="user-block-status">
          <img class="img-thumbnail rounded-circle" [src]="user.optr_image ? (user.optr_image  | trustUrl): './assets/img/user/01.jpg'" alt="{{user.login_name}}" (click)="openOptr()"/>
            <div class="circle bg-success circle-lg"></div>
        </div>
    </div>
    <!-- Name and Job-->
    <div class="user-block-info">
        <span class="user-block-name">{{ user.optr_name}}  </span>
        <span class="user-block-role">{{ dept?.dept_name}}</span>
    </div>
</div>
