From 26b5259b3c049c86d66701e4f2412a2f68e8b5c1 Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Mon, 3 Feb 2020 17:53:19 +0900
Subject: [PATCH 1/4] =?UTF-8?q?#=20=EC=9D=B4=EC=8A=88=EC=B2=98=EB=A6=AC=20?=
 =?UTF-8?q?106=20=EC=9E=85=EB=A0=A5=EB=90=9C=20=EB=82=B4=EC=9A=A9=20?=
 =?UTF-8?q?=EB=8B=A4=20=EC=A7=80=EC=9B=A0=EC=A7=80=EB=A7=8C=201=EB=A1=9C?=
 =?UTF-8?q?=20=EB=B3=B4=EC=97=AC=EC=A7=90=20132=20=EC=AA=BD=EC=A7=80=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=82=BD=EC=9E=85=20=EC=8B=9C=20?=
 =?UTF-8?q?=EB=93=9C=EB=9E=98=EA=B7=B8=EB=90=9C=EA=B2=83=EC=B2=98=EB=9F=BC?=
 =?UTF-8?q?=20=EB=B3=B4=EC=97=AC=EC=A7=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/lib/components/write.component.ts                       | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts
index 3cd2b445..65e42c5a 100644
--- a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts
+++ b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts
@@ -331,6 +331,7 @@ export class WriteComponent implements OnInit, OnDestroy, AfterViewInit {
   private checkContentLength() {
     const result = this.parseContent();
     if (!result) {
+      this.contentLength = 0;
       return;
     }
 
@@ -572,6 +573,7 @@ export class WriteComponent implements OnInit, OnDestroy, AfterViewInit {
     } else {
       this.editor.nativeElement.appendChild(node);
     }
+    selection.empty();
   }
 
   private inEditor(el) {

From 8629d1f32182a3d662566f07a14c8d60c2ffd204 Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Mon, 3 Feb 2020 18:35:56 +0900
Subject: [PATCH 2/4] =?UTF-8?q?=EC=AA=BD=EC=A7=80-=20=EB=94=94=EC=9E=90?=
 =?UTF-8?q?=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../left-sidenav/message.component.html       |  4 +--
 .../left-sidenav/message.component.scss       | 32 +++++++++++++++++--
 .../messenger-settings.dialog.component.scss  | 22 +++++++------
 .../src/assets/scss/global/_default.scss      |  3 ++
 .../schedule-send.dialog.component.html       | 17 +++++-----
 .../schedule-send.dialog.component.scss       | 20 +++++++++++-
 .../components/notification.component.html    |  8 ++---
 .../components/notification.component.scss    | 10 ++++++
 .../lib/components/pick-time.component.scss   |  7 ++--
 .../lib/components/step-input.component.scss  |  2 +-
 10 files changed, 94 insertions(+), 31 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.html
index 7d1cece4..d83cb5cb 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.html
@@ -128,9 +128,9 @@
   </div>
 
   <div class="message-section" [style.display]="isSearch ? 'block' : 'none'">
-    <div class="search-sub">
+    <div class="search-sub input-lineless">
       <form [formGroup]="fgSearchType" class="w-100-p">
-        <mat-form-field style="width: 100px;">
+        <mat-form-field>
           <mat-select
             value="A"
             formControlName="searchMessageType"
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.scss
index eb2aefba..7d8f2e2f 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.scss
@@ -30,10 +30,36 @@
       position: relative;
       height: 100%;
     }
-
+    .search-sub {
+      padding: 0 20px;
+      font-size: 0.9em;
+      height: 50px;
+      align-items: center;
+      display: flex;
+      border-bottom: 1px solid #dddddd;
+      form {
+        .mat-form-field {
+          width: 30%;
+          flex: 0 0 auto;
+          margin-right: 10px;
+          font-size: 1em;
+        }
+        .mat-radio-group {
+          .mat-radio-button {
+            margin: 0 4px;
+            .mat-radio-label {
+              .mat-radio-label-content {
+                padding-left: 4px;
+              }
+            }
+          }
+        }
+      }
+    }
     .no-search-result {
-      padding-top: 10px;
-      padding-left: 10px;
+      justify-content: center;
+      align-items: center;
+      display: flex;
     }
   }
 }
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
index 5799246b..be24d055 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
@@ -22,7 +22,6 @@
       color: #444444;
     }
   }
-
   .mat-card-content {
     flex: 0 0 auto;
     display: flex;
@@ -46,16 +45,10 @@
               align-items: self-start;
               justify-content: flex-start;
             }
-            .mat-ink-bar {
-              display: none;
-            }
           }
-        }
-        .mat-tab-body-wrapper {
-          border-left: 1px solid #dddddd;
-          position: relative;
-          height: 100%;
-          padding: 0 0 10px 10px;
+          .mat-ink-bar {
+            display: none;
+          }
         }
       }
     }
@@ -77,9 +70,11 @@
     position: relative;
     height: 100%;
     width: 100%;
+
     .mat-tab-header {
       width: 160px;
       flex-flow: column;
+      border-right: 1px solid #dddddd;
       .mat-tab-label-container {
         .mat-tab-list {
           .mat-tab-labels {
@@ -113,8 +108,15 @@
     position: relative;
     .mat-list-item {
       font-size: 15px;
+      .mat-tab-header {
+        border-right: none;
+      }
     }
     .mat-divider {
+      //margin-top: 10px;
+    }
+    .mat-subheader {
+      font-weight: 600;
     }
   }
 }
diff --git a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
index efb28354..34310367 100644
--- a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
+++ b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
@@ -439,4 +439,7 @@ $daesang-grey: (
       }
     }
   }
+  .mat-calendar-body-selected{
+     background-color: mat-color($accent);
+  }
 }
diff --git a/projects/ucap-webmessenger-ui-message/src/lib/dialogs/schedule-send.dialog.component.html b/projects/ucap-webmessenger-ui-message/src/lib/dialogs/schedule-send.dialog.component.html
index 367db99e..a2b601a2 100644
--- a/projects/ucap-webmessenger-ui-message/src/lib/dialogs/schedule-send.dialog.component.html
+++ b/projects/ucap-webmessenger-ui-message/src/lib/dialogs/schedule-send.dialog.component.html
@@ -14,9 +14,11 @@
               (selected)="onSelectedDate($event)"
             ></ucap-pick-date>
           </div>
-          <div fxFlex="30px" style="margin-top: 30px;">
-            <span flFlex="1 1 auto"></span>
-            <span style="width: 100px;">
+          <div class="pick-time">
+            <span class="icon-img"
+              ><i class="mid mdi-clock-check-outline"></i
+            ></span>
+            <span class="pick-time-select">
               <ucap-pick-time
                 [hour]="selectedDate.hour()"
                 [hourStep]="hourStep"
@@ -33,8 +35,8 @@
       </div>
       <div fxFlex="40%" style="margin-left: 30px;">
         <div fxLayout="column">
-          <div fxFlex="40px" style="margin-top: 30px;">
-            <span flFlexFill style="font-size: 22px;">
+          <div fxFlex="40px" style="margin-top: 30px;" class="Reservation-dete">
+            <span flFlexFill style="font-size: 20px;" class="text-accent-dark">
               {{ selectedDate.format('MMM DD YYYY, HH:mm') }}
             </span>
           </div>
@@ -102,12 +104,11 @@
   </mat-card-content>
   <mat-card-actions>
     <div class="actions-container">
-      <div class="actions-message">
+      <div class="actions-message text-warn-color">
         <span *ngIf="dateIsToEarly">
           {{ 'message.errors.minTimeReservation' | translate }}
         </span>
       </div>
-      <div class="actions-spacer"></div>
       <div class="actions">
         <button
           mat-stroked-button
@@ -117,7 +118,7 @@
           {{ 'common.messages.cancel' | translate }}
         </button>
         <button
-          mat-stroked-button
+          mat-flat-button
           [disabled]="dateIsToEarly"
           (click)="onClickSend()"
           class="mat-primary"
diff --git a/projects/ucap-webmessenger-ui-message/src/lib/dialogs/schedule-send.dialog.component.scss b/projects/ucap-webmessenger-ui-message/src/lib/dialogs/schedule-send.dialog.component.scss
index d48f2547..d69e2282 100644
--- a/projects/ucap-webmessenger-ui-message/src/lib/dialogs/schedule-send.dialog.component.scss
+++ b/projects/ucap-webmessenger-ui-message/src/lib/dialogs/schedule-send.dialog.component.scss
@@ -4,9 +4,10 @@
 
 .actions-container {
   display: flex;
-  position: fixed;
+  flex-flow: column;
 
   .actions-message {
+    font-size: 0.9em;
   }
 
   .actions-spacer {
@@ -14,5 +15,22 @@
   }
 
   .actions {
+    margin-left: auto;
+    button {
+      margin-left: 8px;
+    }
+  }
+}
+
+.pick-time {
+  display: flex;
+  flex-flow: row;
+  margin-top: 20px;
+  width: 100%;
+  &-select {
+    width: 100%;
+  }
+  .icon-img {
+    margin-right: 20px;
   }
 }
diff --git a/projects/ucap-webmessenger-ui-settings/src/lib/components/notification.component.html b/projects/ucap-webmessenger-ui-settings/src/lib/components/notification.component.html
index 616da8df..3dd48011 100644
--- a/projects/ucap-webmessenger-ui-settings/src/lib/components/notification.component.html
+++ b/projects/ucap-webmessenger-ui-settings/src/lib/components/notification.component.html
@@ -79,10 +79,10 @@
             'settings.notification.receiveForMobileTypeAlways' | translate
           }}</mat-checkbox
         >
-        <br />({{
+        <span class="text-guide">({{
           'settings.notification.descriptionReceiveForMobileTypeAlways'
             | translate
-        }})
+        }})</span>
       </span>
     </mat-list-item>
 
@@ -102,10 +102,10 @@
             'settings.notification.receiveForMessageTypePopup' | translate
           }}</mat-checkbox
         >
-        <br />({{
+        <span class="text-guide">({{
           'settings.notification.descriptionReceiveForMobileTypePopup'
             | translate
-        }})
+        }})</span>
       </span>
     </mat-list-item>
   </mat-list>
diff --git a/projects/ucap-webmessenger-ui-settings/src/lib/components/notification.component.scss b/projects/ucap-webmessenger-ui-settings/src/lib/components/notification.component.scss
index 73af1139..8f036a25 100644
--- a/projects/ucap-webmessenger-ui-settings/src/lib/components/notification.component.scss
+++ b/projects/ucap-webmessenger-ui-settings/src/lib/components/notification.component.scss
@@ -9,3 +9,13 @@
 .item-input[fullWidth] {
   width: 100%;
 }
+
+.text-guide {
+  display: block;
+  font-size: 0.9em;
+  color: rgb(0, 0, 0, 0.7);
+}
+
+.mat-radio-container {
+  margin-right: 20px;
+}
diff --git a/projects/ucap-webmessenger-ui/src/lib/components/pick-time.component.scss b/projects/ucap-webmessenger-ui/src/lib/components/pick-time.component.scss
index 260c3809..889c5957 100644
--- a/projects/ucap-webmessenger-ui/src/lib/components/pick-time.component.scss
+++ b/projects/ucap-webmessenger-ui/src/lib/components/pick-time.component.scss
@@ -7,9 +7,12 @@
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
 
   .hour-input {
-    width: 40px;
+    width: 60px;
+    + span {
+      padding: 0 10px;
+    }
   }
   .minute-input {
-    width: 40px;
+    width: 60px;
   }
 }
diff --git a/projects/ucap-webmessenger-ui/src/lib/components/step-input.component.scss b/projects/ucap-webmessenger-ui/src/lib/components/step-input.component.scss
index bac472c4..480c6b64 100644
--- a/projects/ucap-webmessenger-ui/src/lib/components/step-input.component.scss
+++ b/projects/ucap-webmessenger-ui/src/lib/components/step-input.component.scss
@@ -26,7 +26,7 @@
     font-size: 1rem;
     color: inherit;
     outline: none;
-    text-align: end;
+    text-align: start;
 
     &:disabled {
       background-color: transparent;

From f98acedbb2f8db0cbe71bd10442918dcd6cf00f8 Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Tue, 4 Feb 2020 09:52:43 +0900
Subject: [PATCH 3/4] bugfix : duplication message unread count retrieve

---
 .../components/left-nav.component.html        |  4 +--
 .../components/left-nav.component.ts          | 30 +++++------------
 .../components/left-side.component.ts         | 33 +------------------
 3 files changed, 11 insertions(+), 56 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.html
index 03a8bba4..64533d1d 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.html
@@ -34,8 +34,8 @@
       <ng-template mat-tab-label>
         <div
           class="icon-item"
-          [matBadgeHidden]="badgeChatUnReadCount <= 0"
-          [matBadge]="badgeChatUnReadCount"
+          [matBadgeHidden]="(badgeChatUnReadCount$ | async) <= 0"
+          [matBadge]="badgeChatUnReadCount$ | async"
           matBadgeDescription="{{
             'chat.badgeDescriptionForUnread' | translate
           }}"
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.ts
index 25f3c2e8..f4bae095 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.ts
@@ -1,20 +1,14 @@
-import {
-  Component,
-  OnInit,
-  OnDestroy,
-} from '@angular/core';
+import { Component, OnInit, OnDestroy } from '@angular/core';
 import { NGXLogger } from 'ngx-logger';
 import { ucapAnimations } from '@ucap-webmessenger/ui';
-import { Subscription, Observable, } from 'rxjs';
+import { Observable } from 'rxjs';
 import { Store, select } from '@ngrx/store';
 
 import * as AppStore from '@app/store';
 import * as MessageStore from '@app/store/messenger/message';
 import * as SettingsStore from '@app/store/messenger/settings';
 import { MatTabChangeEvent } from '@angular/material';
-import {
-  MainMenu
-} from '@app/types';
+import { MainMenu } from '@app/types';
 
 @Component({
   selector: 'app-layout-messenger-left-nav',
@@ -23,8 +17,7 @@ import {
   animations: ucapAnimations
 })
 export class LeftNaviComponent implements OnInit, OnDestroy {
-  badgeChatUnReadCount: number;
-  badgeChatUnReadCountSubscription: Subscription;
+  badgeChatUnReadCount$: Observable<number>;
   badgeMessageUnReadCount$: Observable<number>;
   badgeMessageInterval: any;
 
@@ -33,13 +26,10 @@ export class LeftNaviComponent implements OnInit, OnDestroy {
   constructor(private store: Store<any>, private logger: NGXLogger) {}
 
   ngOnInit() {
-    this.badgeChatUnReadCountSubscription = this.store
-      .pipe(
-        select(AppStore.MessengerSelector.SyncSelector.selectChatUnreadCount)
-      )
-      .subscribe(count => {
-        this.badgeChatUnReadCount = count;
-      });
+    /** About Chat Badge */
+    this.badgeChatUnReadCount$ = this.store.pipe(
+      select(AppStore.MessengerSelector.SyncSelector.selectChatUnreadCount)
+    );
 
     /** About Message Badge */
     this.badgeMessageUnReadCount$ = this.store.pipe(
@@ -54,10 +44,6 @@ export class LeftNaviComponent implements OnInit, OnDestroy {
   }
 
   ngOnDestroy(): void {
-    if (!!this.badgeChatUnReadCountSubscription) {
-      this.badgeChatUnReadCountSubscription.unsubscribe();
-    }
-
     if (!!this.badgeMessageInterval) {
       clearInterval(this.badgeMessageInterval);
     }
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.ts
index 937549e2..63ca02fb 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.ts
@@ -17,7 +17,7 @@ import {
   CreateChatDialogData,
   CreateChatDialogResult
 } from '@app/layouts/messenger/dialogs/chat/create-chat.dialog.component';
-import { Subscription, Observable, merge } from 'rxjs';
+import { Subscription, merge } from 'rxjs';
 import { Store, select } from '@ngrx/store';
 
 import * as AppStore from '@app/store';
@@ -76,11 +76,6 @@ export class LeftSideComponent implements OnInit, OnDestroy {
 
   onLangChangeSubscription: Subscription;
 
-  badgeChatUnReadCount: number;
-  badgeChatUnReadCountSubscription: Subscription;
-  badgeMessageUnReadCount$: Observable<number>;
-  badgeMessageInterval: any;
-
   /** 조직도에서 부서원 선택 */
   selectedUserList: (UserInfo | UserInfoSS | UserInfoF | UserInfoDN)[] = [];
 
@@ -113,14 +108,6 @@ export class LeftSideComponent implements OnInit, OnDestroy {
   }
 
   ngOnInit() {
-    this.badgeChatUnReadCountSubscription = this.store
-      .pipe(
-        select(AppStore.MessengerSelector.SyncSelector.selectChatUnreadCount)
-      )
-      .subscribe(count => {
-        this.badgeChatUnReadCount = count;
-      });
-
     this.loginResSubscription = this.store
       .pipe(
         select(AppStore.AccountSelector.AuthenticationSelector.loginRes),
@@ -130,17 +117,6 @@ export class LeftSideComponent implements OnInit, OnDestroy {
       )
       .subscribe();
 
-    /** About Message Badge */
-    this.badgeMessageUnReadCount$ = this.store.pipe(
-      select(AppStore.MessengerSelector.MessageSelector.unReadMessageCount)
-    );
-
-    this.getMessageUnreadCount();
-    this.badgeMessageInterval = setInterval(
-      () => this.getMessageUnreadCount(),
-      5 * 60 * 1000
-    );
-
     this.setFabInitial(MainMenu.Group);
     this.currentTabLable = MainMenu.Group;
 
@@ -164,19 +140,12 @@ export class LeftSideComponent implements OnInit, OnDestroy {
   }
 
   ngOnDestroy(): void {
-    if (!!this.badgeChatUnReadCountSubscription) {
-      this.badgeChatUnReadCountSubscription.unsubscribe();
-    }
     if (!!this.loginResSubscription) {
       this.loginResSubscription.unsubscribe();
     }
     if (!!this.onLangChangeSubscription) {
       this.onLangChangeSubscription.unsubscribe();
     }
-
-    if (!!this.badgeMessageInterval) {
-      clearInterval(this.badgeMessageInterval);
-    }
   }
 
   async onClickNewChat(type: string = 'NORMAL') {

From d9a65f988b8e33ccb0ac385a435d50223806124f Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Tue, 4 Feb 2020 10:06:20 +0900
Subject: [PATCH 4/4] =?UTF-8?q?=EC=9D=B4=EC=9A=A9=EC=A3=BC=EC=9D=98?=
 =?UTF-8?q?=EC=82=AC=ED=95=AD=20bg=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ucap-webmessenger-app/src/assets/scss/global/_default.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
index 34310367..a60e59d4 100644
--- a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
+++ b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
@@ -276,8 +276,9 @@ $daesang-grey: (
   }
 
   .policy {
-    background-color: mat-color($accent, B100);
+    color: mat-color($accent, B100);
   }
+
   .mat-badge-accent .mat-badge-content,
   .weblink .mat-badge-content {
     background-color: mat-color($warn, 400);