ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

profile menu is modified

Browse Source
This commit is contained in:
병준 박 2020-01-03 17:53:51 +09:00
parent 3a58a47e1f
commit ec3e57200f
2 changed files with 63 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html
View File

@ -322,22 +322,44 @@
</mat-toolbar>
<mat-menu #profileMenu="matMenu" class="myset">
<div class="setting"><button mat-menu-item [matMenuTriggerFor]="presenseMenu">대화 가능</button></div>
<div class="setting">
<button mat-menu-item [matMenuTriggerFor]="presenseMenu">대화 가능</button>
</div>
<div class="setting"><button mat-menu-item>상태 메시지 설정</button></div>
<div class="setting"><button mat-menu-item>축소</button><span>100%</span><button mat-menu-item>확대</button></div>
<div class="setting"><button mat-menu-item (click)="onClickSettings()">설정</button></div>
<div class="setting">
<button mat-menu-item (click)="onClickZoomOut($event)">축소</button>
<span>100%</span>
<button mat-menu-item (click)="onClickZoomIn($event)">확대</button>
</div>
<div class="setting">
<button mat-menu-item (click)="onClickSettings()">설정</button>
</div>
<mat-divider></mat-divider>
<div class="setting"><button mat-menu-item (click)="onClickLogout()">로그아웃</button></div>
<div class="setting">
<button mat-menu-item (click)="onClickLogout()">로그아웃</button>
</div>
</mat-menu>
<mat-menu #presenseMenu="matMenu" class="status-pc-set">
<div class="setting"><button mat-menu-item><span class="presence pcOn"> </span>온라인</button></div>
<div class="setting"><button mat-menu-item><span class="presence pcOut"> </span>부재중</button><button mat-menu-item
class="clock"></button></div>
<div class="setting"><button mat-menu-item><span class="presence pcOther"> </span>다른용무중</button><button mat-menu-item
class="edit"></button></div>
<div class="setting"><button mat-menu-item><span class="presence pcOther"> </span>회의중</button><button mat-menu-item
class="edit"></button></div>
<div class="setting"><button mat-menu-item><span class="presence pcOther"> </span>집중근무중</button><button mat-menu-item
class="edit"></button></div>
<div class="setting">
<button mat-menu-item><span class="presence pcOn"> </span>온라인</button>
</div>
<div class="setting">
<button mat-menu-item><span class="presence pcOut"> </span>부재중</button
><button mat-menu-item class="clock"></button>
</div>
<div class="setting">
<button mat-menu-item>
<span class="presence pcOther"> </span>다른용무중</button
><button mat-menu-item class="edit"></button>
</div>
<div class="setting">
<button mat-menu-item><span class="presence pcOther"> </span>회의중</button
><button mat-menu-item class="edit"></button>
</div>
<div class="setting">
<button mat-menu-item>
<span class="presence pcOther"> </span>집중근무중</button
><button mat-menu-item class="edit"></button>
</div>
</mat-menu>

31
projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.ts
View File

@ -1,4 +1,11 @@
import { Component, OnInit, Inject, OnDestroy } from '@angular/core';
import {
Component,
OnInit,
Inject,
OnDestroy,
ChangeDetectorRef,
ViewChild
} from '@angular/core';
import {
UCAP_NATIVE_SERVICE,
NativeService,
@ -47,6 +54,8 @@ import {
ProfileDialogData
} from '@app/layouts/messenger/dialogs/profile/profile.dialog.component';
import { DialogService } from '@ucap-webmessenger/ui';
import { DOCUMENT } from '@angular/common';
import { MatMenu } from '@angular/material';
@Component({
selector: 'app-layout-native-top-bar',
@ -70,6 +79,9 @@ export class TopBarComponent implements OnInit, OnDestroy {
WebLinkType = WebLinkType;
@ViewChild('profileMenu', { static: true })
profileMenu: MatMenu;
constructor(
private store: Store<any>,
@Inject(UCAP_NATIVE_SERVICE) private nativeService: NativeService,
@ -78,6 +90,8 @@ export class TopBarComponent implements OnInit, OnDestroy {
private sessionStorageService: SessionStorageService,
private daesangApiService: DaesangApiService,
private daesangProtocolService: DaesangProtocolService,
private changeDetectorRef: ChangeDetectorRef,
@Inject(DOCUMENT) private document: Document,
private logger: NGXLogger
) {}
@ -252,9 +266,6 @@ export class TopBarComponent implements OnInit, OnDestroy {
// .subscribe();
event.preventDefault();
this.logger.debug('onClickOpenProfile');
return;
// [Daesang]
this.daesangProtocolService
.dataUserDaesang({
@ -313,4 +324,16 @@ export class TopBarComponent implements OnInit, OnDestroy {
onClickUpdate() {
this.store.dispatch(UpdateStore.applyInstantUpdate());
}
onClickZoomOut(event: Event) {
event.stopPropagation();
this.document.body.style.zoom = '80%';
}
onClickZoomIn(event: Event) {
event.stopPropagation();
this.document.body.style.zoom = '120%';
}
}