From 2a2365f7dd7c5b17c2889c7bf9a326deacd95b6b Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Mon, 20 Jan 2020 14:16:46 +0900
Subject: [PATCH] =?UTF-8?q?#=20=EC=9D=B4=EC=8A=88=EC=B2=98=EB=A6=AC.=20157?=
 =?UTF-8?q?=20=EC=AA=BD=EC=A7=80=20=EC=A0=9C=EB=AA=A9=EC=B9=B8=EC=97=90=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=B2=A8=EB=B6=80=EB=90=A8=20160?=
 =?UTF-8?q?=20=EC=AA=BD=EC=A7=80=20=ED=8C=8C=EC=9D=BC=20=ED=9C=B4=EC=A7=80?=
 =?UTF-8?q?=ED=86=B5=20=EB=8F=99=EC=9E=91=EB=90=98=EC=A7=80=20=EC=95=8A?=
 =?UTF-8?q?=EC=9D=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../message-detail.dialog.component.html      |  4 +-
 .../message-detail.dialog.component.scss      |  4 +-
 .../components/login.page.component.ts        |  7 +++
 .../src/lib/components/write.component.html   | 49 ++++++++++++++-----
 .../src/lib/components/write.component.ts     | 41 +++++++++++++++-
 5 files changed, 89 insertions(+), 16 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
index 64174469..f5345a89 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html
@@ -91,12 +91,12 @@
           <span
             *ngIf="messageInfo.type === MessageType.Receive"
             class="people label   bg-accent-color"
-            >발신자</span
+            >{{ 'message.sender' | translate }}</span
           >
           <span
             *ngIf="messageInfo.type !== MessageType.Receive"
             class="people label  bg-accent-color bg-warn-color"
-            >수신자</span
+            >{{ 'message.receiver' | translate }}</span
           >
           <span class="name">{{ getSendReceiverNames() }}</span>
         </div>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
index 222972ab..647ef33c 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
@@ -107,7 +107,7 @@
         margin-right: 10px;
         color: #ffffff;
         line-height: 20px;
-        width: 100px;
+        width: 120px;
         justify-content: center;
       }
       .name {
@@ -126,7 +126,7 @@
         margin-right: 10px;
         color: #ffffff;
         line-height: 20px;
-        width: 100px;
+        width: 120px;
         text-align: center;
       }
     }
diff --git a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.ts b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.ts
index b21a8fdd..55d33404 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.ts
@@ -166,6 +166,8 @@ export class LoginPageComponent implements OnInit, OnDestroy {
               });
 
               this.timeChecker = setInterval(() => this.getCheckTime(), 1000);
+            } else {
+              this.loginBtnEnable = true;
             }
             return;
           } else {
@@ -267,6 +269,11 @@ export class LoginPageComponent implements OnInit, OnDestroy {
     autoLogin: boolean;
     notValid: () => void;
   }) {
+    this.loginBtnEnable = false;
+    setTimeout(() => {
+      this.loginBtnEnable = true;
+    }, 30 * 1000);
+
     this.store.dispatch(
       AuthenticationStore.webLogin({
         loginInfo: {
diff --git a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.html b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.html
index 88c1259b..61082e77 100644
--- a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.html
+++ b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.html
@@ -74,15 +74,39 @@
           ></div>
           <input type="file" #fileInput style="display: none" multiple />
           <mat-list>
-            <mat-list-item *ngFor="let oldAttachment of oldAttachmentList">
-              {{ oldAttachment.resContent }}
-              <button
-                mat-button
-                aria-label="이미지삭제"
-                (click)="onClickDeleteOldAttachment(oldAttachment)"
-              >
-                <span class="mdi mdi-delete"></span>
-              </button>
+            <mat-list-item
+              *ngFor="let oldAttachment of oldAttachmentList"
+              class="attach-file"
+            >
+              <div class="file-name">
+                <span class="mdi mdi-attachment mdi-18px"> </span
+                >{{ oldAttachment.resContent }}
+                <button
+                  mat-button
+                  aria-label="기존파일삭제"
+                  (click)="onClickDeleteOldAttachment(oldAttachment)"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="16"
+                    height="16"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    class="feather feather-trash-2"
+                  >
+                    <polyline points="3 6 5 6 21 6"></polyline>
+                    <path
+                      d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
+                    ></path>
+                    <line x1="10" y1="11" x2="10" y2="17"></line>
+                    <line x1="14" y1="11" x2="14" y2="17"></line>
+                  </svg>
+                </button>
+              </div>
             </mat-list-item>
             <mat-list-item
               *ngFor="let attachment of attachmentList"
@@ -91,8 +115,11 @@
               <div class="file-name">
                 <span class="mdi mdi-attachment mdi-18px"> </span
                 >{{ attachment.name }}
-                <button mat-button aria-label="파일삭제">
-                  <!--<span class="mdi mdi-delete"></span>-->
+                <button
+                  mat-button
+                  aria-label="파일삭제"
+                  (click)="onClickDelelteAttachment(attachment)"
+                >
                   <svg
                     xmlns="http://www.w3.org/2000/svg"
                     width="16"
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 a5eeabe3..533e066e 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
@@ -153,6 +153,11 @@ export class WriteComponent implements OnInit, OnDestroy, AfterViewInit {
       detailContent => detailContent.resSeq !== oldAttachment.resSeq
     );
   }
+  onClickDelelteAttachment(attachment: File) {
+    this.attachmentList = this.attachmentList.filter(
+      attFile => attFile !== attachment
+    );
+  }
 
   onClickImage() {
     this.fileInput.nativeElement.setAttribute('accept', 'image/*');
@@ -557,6 +562,40 @@ export class WriteComponent implements OnInit, OnDestroy, AfterViewInit {
       selection.empty();
     }
 
-    range.insertNode(node);
+    const inEditor = this.inEditor(selection.anchorNode);
+    if (inEditor) {
+      range.insertNode(node);
+    } else {
+      this.editor.nativeElement.appendChild(node);
+    }
+  }
+
+  private inEditor(el) {
+    if (!!el.classList) {
+      let root = false;
+      (el.classList as DOMTokenList).forEach(className => {
+        if (className === 'ucap-message-write') {
+          root = true;
+        }
+      });
+
+      if (!!root) {
+        return false;
+      }
+    }
+
+    if (el.tagName === 'BODY') {
+      return false;
+    }
+
+    if (
+      !!el.className &&
+      el.className === 'ucap-message-write-editor' &&
+      el.getAttribute('contenteditable')
+    ) {
+      return true;
+    } else {
+      return this.inEditor(el.parentNode);
+    }
   }
 }