From 53c99cfe68c16c20d51012c78c6886890eecf4b2 Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Mon, 23 Dec 2019 15:21:48 +0900
Subject: [PATCH] =?UTF-8?q?=EC=84=A4=EC=B9=98=ED=8C=A8=ED=82=A4=EC=A7=80?=
 =?UTF-8?q?=EC=9D=98=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=99=94=EB=A9=B4=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EB=82=98=EC=98=A4=EC=A7=80=20?=
 =?UTF-8?q?=EC=95=8A=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=EC=9E=84=EC=8B=9C?=
 =?UTF-8?q?=EB=A1=9C=20=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/login.page.component.html       | 18 +++++++++++++++---
 .../components/login.page.component.scss       |  6 +++---
 .../src/lib/components/login.component.html    |  7 ++++++-
 .../src/lib/components/login.component.scss    |  2 +-
 4 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.html b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.html
index abcb350c..d0371279 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.html
+++ b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.html
@@ -2,7 +2,7 @@
   <div class="login-wrapper">
     <div class="slider">
       <div
-        *ngFor="let infomation of rotateInfomation"
+        *ngFor="let infomation of rotateInfomation; let i = index"
         [ngClass]="[
           'slider_slide',
           infomation.index === rotateInfomationIndex
@@ -11,9 +11,21 @@
         ]"
       >
         <div class="slider_wrap slider_wrap-hacked">
-          <div class="slider_back"></div>
+          <div
+            class="slider_back"
+            [ngStyle]="{
+              'background-image':
+                ' url(./assets/images/login/bg_login0' + (i + 1) + '.png)'
+            }"
+          ></div>
         </div>
-        <div class="slider_inner">
+        <div
+          class="slider_inner"
+          [ngStyle]="{
+            'background-image':
+              ' url(./assets/images/login/bg_login0' + (i + 1) + '.png)'
+          }"
+        >
           <div class="slider_header">
             <span class="company-name">DAESANG Messenger</span>
             <span class="h-line"></span>
diff --git a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss
index 6822e1db..af242ff0 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss
@@ -237,17 +237,17 @@ $ease-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
 
     &:nth-child(1) .slider_back,
     &:nth-child(1) .slider_inner {
-      background-image: url(/assets/images/login/bg_login01.png);
+      // background-image: url(/assets/images/login/bg_login01.png);
       //background: #eee;
     }
     &:nth-child(2) .slider_back,
     &:nth-child(2) .slider_inner {
-      background-image: url(/assets/images/login/bg_login02.png);
+      // background-image: url(/assets/images/login/bg_login02.png);
       //background: #aaa;
     }
     &:nth-child(3) .slider_back,
     &:nth-child(3) .slider_inner {
-      background-image: url(/assets/images/login/bg_login03.png);
+      // background-image: url(/assets/images/login/bg_login03.png);
       //background: #888;
     }
   }
diff --git a/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.html b/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.html
index 0dd039a4..12e04546 100644
--- a/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.html
+++ b/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.html
@@ -1,5 +1,10 @@
 <div class="login-form">
-  <div class="mat-title">LOGIN TO YOUR ACCOUNT</div>
+  <div
+    class="mat-title"
+    style="background-image: url(./assets/images/logo/bg_login_w160.png);"
+  >
+    LOGIN TO YOUR ACCOUNT
+  </div>
 
   <form name="loginForm" [formGroup]="loginForm" novalidate>
     <mat-form-field [style.display]="!!curCompanyCode ? 'none' : 'block'">
diff --git a/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.scss b/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.scss
index 803ece04..c99565e1 100644
--- a/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.scss
+++ b/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.scss
@@ -19,7 +19,7 @@
     text-indent: -10000000px;
     width: 160px;
     height: 160px;
-    background-image: url(/assets/images/logo/bg_login_w160.png);
+    // background-image: url(/assets/images/logo/bg_login_w160.png);
     background-repeat: no-repeat;
     display: inline-flex;
     background-size: 100% auto;