[대상향]
개인정보처리방침 > 이용 주의사항 으로 변경처리
This commit is contained in:
leejinho
parent
438cb519b4
commit
ac76cbb1c3
|
|
@ -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];
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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%;
|
||||
}
|
||||
}
|
||||
|
|
@ -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();
|
||||
});
|
||||
});
|
||||
|
|
@ -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({});
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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() {
|
||||
this.router.navigate(['/template']);
|
||||
onClickNoti() {
|
||||
// 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']);
|
||||
// }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user