[대상향]

개인정보처리방침 > 이용 주의사항 으로 변경처리

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/index.ts

@@ -1,3 +1,4 @@
 import { ChangePasswordDialogComponent } from './change-password.dialog.component';
+import { NoticeDialogComponent } from './notice.dialog.component';
 
-export const DIALOGS = [ChangePasswordDialogComponent];
+export const DIALOGS = [ChangePasswordDialogComponent, NoticeDialogComponent];

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/notice.dialog.component.html

@@ -0,0 +1,16 @@
+<mat-card class="confirm-card mat-elevation-z">
+  <mat-card-header>
+    <mat-card-title>{{ data.title }}</mat-card-title>
+    <!-- <mat-card-subtitle>Confirm</mat-card-subtitle> -->
+  </mat-card-header>
+  <mat-card-content>
+    <div #messageContainer class="notice">
+      {{ data.message }}
+    </div>
+  </mat-card-content>
+  <mat-card-actions class="button-farm flex-row">
+    <button mat-stroked-button (click)="onClickConfirm()" class="mat-primary">
+      Confirm
+    </button>
+  </mat-card-actions>
+</mat-card>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/notice.dialog.component.scss

@@ -0,0 +1,22 @@
+.mat-card{
+  padding:10px;
+  .mat-card-header{
+    margin-bottom:20px;
+    .mat-card-title{
+      margin:0 -16px;
+      padding-bottom:10px;
+    }
+  }
+  .button-farm {
+    text-align:right;
+    .mat-primary{
+      margin-left:4px;
+    }
+  }
+}
+
+form{
+.mat-form-field{
+  width:100%;
+  }
+}

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/notice.dialog.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NoticeDialogComponent } from './notice.dialog.component';
+
+describe('ui::AlertDialogComponent', () => {
+  let component: NoticeDialogComponent;
+  let fixture: ComponentFixture<NoticeDialogComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [NoticeDialogComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(NoticeDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/notice.dialog.component.ts

@@ -0,0 +1,44 @@
+import {
+  Component,
+  OnInit,
+  Inject,
+  ViewChild,
+  ElementRef
+} from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+
+export interface NoticeDialogData {
+  title: string;
+  message?: string;
+  html?: string;
+}
+
+// tslint:disable-next-line: no-empty-interface
+export interface NoticeDialogResult {}
+
+@Component({
+  selector: 'app-notice-dialog',
+  templateUrl: './notice.dialog.component.html',
+  styleUrls: ['./notice.dialog.component.scss']
+})
+export class NoticeDialogComponent implements OnInit {
+  @ViewChild('messageContainer', { static: true })
+  messageContainer: ElementRef;
+
+  tempAgeLimits = [];
+
+  constructor(
+    public dialogRef: MatDialogRef<NoticeDialogComponent, NoticeDialogResult>,
+    @Inject(MAT_DIALOG_DATA) public data: NoticeDialogData
+  ) {}
+
+  ngOnInit(): void {
+    if (!!this.data.html) {
+      this.messageContainer.nativeElement.innerHTML = this.data.html;
+    }
+  }
+
+  onClickConfirm(): void {
+    this.dialogRef.close({});
+  }
+}

projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.html

@@ -3,9 +3,11 @@
     <ucap-account-login
       [companyList]="companyList$ | async"
       curCompanyCode="GUC100"
+      notiText="이용 주의사항"
       [loginBtnEnable]="loginBtnEnable"
       [loginBtnText]="loginBtnText"
       (login)="onLogin($event)"
+      (notiClick)="onClickNoti($event)"
     >
     </ucap-account-login>
   </div>

projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.ts

@@ -17,6 +17,11 @@ import {
   AlertDialogResult
 } from '@ucap-webmessenger/ui';
 import { StringUtil } from '@ucap-webmessenger/core';
+import {
+  NoticeDialogComponent,
+  NoticeDialogResult,
+  NoticeDialogData
+} from '@app/layouts/messenger/dialogs/account/notice.dialog.component';
 
 @Component({
   selector: 'app-page-account-login',
@@ -151,7 +156,30 @@ export class LoginPageComponent implements OnInit, OnDestroy {
     );
   }
 
-  onClickTemplate() {
+  onClickNoti() {
-    this.router.navigate(['/template']);
+    // For Daesang,,
+    this.dialogService.open<
+      NoticeDialogComponent,
+      NoticeDialogData,
+      NoticeDialogResult
+    >(NoticeDialogComponent, {
+      width: '500px',
+      data: {
+        title: '이용시 주의사항',
+        html: `
+<p>1. 메신저 계정/비밀번호를 타인에게 공유하지 않아야 합니다.</p>
+<p>2. 회사 중요정보(고객정보 포함)를 업무상 필요한 인원에게 필요한 만큼만 공유해야 합니다.</p>
+<p>3. 퇴근, 회의 등 자리를 비우는 경우 중요자료가 방치되지 않도록 주의하고, Clean Desk를 실천해야 합니다.</p>
+<p>4. 메신저를 누군가 허락 없이 함부로 열람하고 그 내부 내용을 타인과 공유하지 않아야 합니다.</p>
+<p>5. 공용PC에 메신저 사용 후 반드시 로그아웃 하시기 바랍니다.</p>
+<p>6. 사내메신저는 업무용 협업도구입니다. 비업무용 소통을 자제하시기 바랍니다.</p>
+<p>7. 업무상 인지한 정보(개인의 프라이버시 포함)나 일반인에게 공개되지 않은 회사기록을 통해 얻은 정보는 오직 회사의 이익을 위해서 활용하여야 하며 사외에 유출하거나 타인에게 알려주거나 업무 이외의 목적에 사용하여서는 아니 됩니다.</p>
+`
+      }
+    });
   }
+
+  // onClickTemplate() {
+  //   this.router.navigate(['/template']);
+  // }
 }

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

@@ -69,5 +69,9 @@
     <span class="text">Don't have an account?</span>
     <a class="link">Create an account</a>
   </div>
-  <div class="policy"><a class="link">개인정보 처리방침</a></div>
+  <div class="policy">
+    <a class="link" (click)="onClickNoti()">{{
+      !!notiText ? notiText : '개인정보 처리방침'
+    }}</a>
+  </div>
 </div>

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

@@ -27,6 +27,8 @@ export class LoginComponent implements OnInit {
   loginBtnText?: string;
   @Input()
   loginBtnEnable: boolean;
+  @Input()
+  notiText?: string;
 
   @Output()
   login = new EventEmitter<{
@@ -36,6 +38,8 @@ export class LoginComponent implements OnInit {
     rememberMe: boolean;
     notValid: () => void;
   }>();
+  @Output()
+  notiClick = new EventEmitter();
 
   @ViewChild('loginPw', { static: true }) loginPwElementRef: ElementRef;
 
@@ -85,4 +89,8 @@ export class LoginComponent implements OnInit {
       }
     });
   }
+
+  onClickNoti(): void {
+    this.notiClick.emit();
+  }
 }