<div class="user-list line-top" *ngIf="userInfo">
  <div class="user-profile-info">
    <div class="user-profile-thumb mobile-ing">
      <!-- 모바일이 온라인일 경우 + mobile-ing -->
      <span class="presence other-business">다른용무</span>
      <!-- 기본값:온라인, +offline:오프라인, +absence:부재중, +other-business:다른용무 -->
      <!-- <span class="ucap-organization-profile-list-item-presence">bullet</span> -->
      <div class="profile-image">
        <img
          class="thumbnail"
          ucapImage
          [base]="profileImageRoot"
          [path]="userInfo.profileImageFile"
          [default]="defaultProfileImage"
          (click)="onClickProfileImage($event, userInfo)"
        />
      </div>
    </div>
    <div class="user-info">
      <div>
        <div class="user-name">
          {{ userInfo | ucapOrganizationTranslate: 'name' }}
        </div>
        <div class="user-grade">
          {{ userInfo | ucapOrganizationTranslate: 'grade' }}
        </div>
      </div>
      <div class="dept-name">
        {{ userInfo | ucapOrganizationTranslate: 'deptName' }}
      </div>
    </div>
  </div>
  <div class="intro">
    {{ userInfo.intro }}
  </div>
  <div *ngIf="checkable">
    <mat-checkbox
      #checkbox
      (change)="onChangeCheck(checkbox.checked, userInfo)"
    ></mat-checkbox>
  </div>
</div>
