프로필 휴가정보 색상 업데이트

projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html

@@ -25,10 +25,10 @@
         <span class="mdi mdi-upload mdi-18px"></span>
       </button>
 
-      <!--morning-off:오전 afternoon-off:오후  day-off:휴가 long-time:장기  leave-of-absence:휴직-->
       <span
         *ngIf="getWorkstatus(userInfo).length > 0"
-        class="work-status afternoon-off"
+        class="work-status"
+        [ngClass]="getWorkstatusStyle(userInfo)"
       >
         {{ getWorkstatus(userInfo) }}
       </span>

projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.ts

@@ -159,6 +159,31 @@ export class ProfileComponent implements OnInit {
 
     return workstatus;
   }
+  getWorkstatusStyle(userInfo: UserInfoSS): string {
+    // morning-off: 오전 afternoon-off: 오후  day-off: 휴가 long-time: 장기  leave-of-absence: 휴직
+    let style = '';
+    if (!!userInfo && !!userInfo.workstatus) {
+      switch (userInfo.workstatus) {
+        case WorkStatusType.VacationAM:
+          style = 'morning-off';
+          break;
+        case WorkStatusType.VacationPM:
+          style = 'afternoon-off';
+          break;
+        case WorkStatusType.VacationAll:
+          style = 'day-off';
+          break;
+        case WorkStatusType.LeaveOfAbsence:
+          style = 'leave-of-absence';
+          break;
+        case WorkStatusType.LongtermRefresh:
+          style = 'long-time';
+          break;
+      }
+    }
+
+    return style;
+  }
 
   getDisabledBtn(type: string): boolean {
     if (!this.myMadn || this.myMadn.trim().length === 0) {