현재접속자 수정
This commit is contained in:
parent
5ad7b6ed80
commit
c6c8e5d792
@ -14,5 +14,8 @@ export const currentUsers = [
|
||||
ownComp: 3111,
|
||||
rank: '회원',
|
||||
siteAddress: 'web4nova114.com',
|
||||
writer: '관리자',
|
||||
content:
|
||||
'--선택--\n5008\n**입금계좌문의시(가상계좌1)**\n**출금비밀번호문의시**\n----탈퇴,졸업관련----\n**졸업안내\n----입금관련문의----\n>>타인명의입금시\n----환전관련문의----\n**환전지연안내(환전량 증가)\n**은행점검(뱅킹장애)등으로 충환전지연안내\n서버점검안내\n서버점검완료안내',
|
||||
},
|
||||
];
|
||||
|
||||
@ -1,5 +1,9 @@
|
||||
<div class="flex flex-col flex-auto min-w-0">
|
||||
<div class="flex-auto border-t -mt-px pt-4 sm:pt-6">
|
||||
<div class="w-full max-w-screen-xl mx-auto">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-6 gap-6 w-full min-w-0">
|
||||
<div
|
||||
class="sm:absolute sm:inset-0 flex flex-col flex-auto min-w-0 sm:overflow-hidden bg-card dark:bg-transparent"
|
||||
class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
|
||||
>
|
||||
<!-- Header -->
|
||||
<div
|
||||
@ -13,7 +17,6 @@
|
||||
<div class="text-4xl font-extrabold tracking-tight">
|
||||
현재접속자&쪽지전송
|
||||
</div>
|
||||
</div>
|
||||
<!-- Main -->
|
||||
<div class="flex flex-auto overflow-hidden">
|
||||
<!-- Products list -->
|
||||
@ -21,7 +24,9 @@
|
||||
class="flex flex-col flex-auto sm:mb-18 overflow-hidden sm:overflow-y-auto"
|
||||
>
|
||||
<ng-container *ngIf="currentUsers$ | async as currentUsers">
|
||||
<ng-container *ngIf="currentUsers.length > 0; else noCurrentUser">
|
||||
<ng-container
|
||||
*ngIf="currentUsers.length > 0; else noCurrentUser"
|
||||
>
|
||||
<div class="grid">
|
||||
<!-- Header -->
|
||||
<div
|
||||
@ -48,9 +53,14 @@
|
||||
<div class="hidden lg:block">로그아웃</div>
|
||||
</div>
|
||||
<!-- Rows -->
|
||||
<ng-container *ngIf="currentUsers$ | async as currentUsers">
|
||||
<ng-container
|
||||
*ngFor="let currentUser of currentUsers; trackBy: __trackByFn"
|
||||
*ngIf="currentUsers$ | async as currentUsers"
|
||||
>
|
||||
<ng-container
|
||||
*ngFor="
|
||||
let currentUser of currentUsers;
|
||||
trackBy: __trackByFn
|
||||
"
|
||||
>
|
||||
<div
|
||||
class="inventory-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
|
||||
@ -135,42 +145,160 @@
|
||||
</div>
|
||||
</ng-template>
|
||||
</div>
|
||||
<!-- Budget details -->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
|
||||
>
|
||||
<div class="text-lg font-medium tracking-tight leading-6 truncate">
|
||||
<div
|
||||
class="text-lg font-medium tracking-tight leading-6 truncate"
|
||||
>
|
||||
현재 접속자 & 전체회원 쪽지보내기
|
||||
</div>
|
||||
<div class="flex flex-col flex-auto">
|
||||
<form
|
||||
[formGroup]="targetForm"
|
||||
autocomplete="off"
|
||||
class="flex flex-col flex-auto p-6 sm:p-8 overflow-y-auto"
|
||||
>
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<div>
|
||||
<span class="font-semibold mb-2">구분</span>
|
||||
<mat-radio-group
|
||||
class="flex flex-col w-1/3 pr-2"
|
||||
[color]="'primary'"
|
||||
[value]="'b'"
|
||||
>
|
||||
<mat-radio-button class="mb-2" [value]="'a'">
|
||||
전체
|
||||
</mat-radio-button>
|
||||
<mat-radio-button class="mb-2" [value]="'b'">
|
||||
현재접속자
|
||||
</mat-radio-button>
|
||||
<mat-radio-button [value]="'c'">
|
||||
본사
|
||||
</mat-radio-button>
|
||||
<mat-radio-button [value]="'d'">
|
||||
대본
|
||||
</mat-radio-button>
|
||||
<mat-radio-button [value]="'e'">
|
||||
부본
|
||||
</mat-radio-button>
|
||||
<mat-radio-button [value]="'f'">
|
||||
총판
|
||||
</mat-radio-button>
|
||||
<mat-radio-button [value]="'g'">
|
||||
매장
|
||||
</mat-radio-button>
|
||||
<mat-radio-button [value]="'h'">
|
||||
회원
|
||||
</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
</div>
|
||||
<div>
|
||||
<span class="font-semibold mb-2">대본아이디</span>
|
||||
<mat-radio-group
|
||||
class="flex flex-col w-1/3 pr-2"
|
||||
[color]="'primary'"
|
||||
[value]="'i'"
|
||||
>
|
||||
<mat-radio-button class="mb-2" [value]="'i'">
|
||||
대본하부회원
|
||||
</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
<mat-form-field
|
||||
fxFlex
|
||||
class="bet-mat-form-field-wrapper-mb-0 mr-2"
|
||||
>
|
||||
<mat-select placeholder="선택">
|
||||
<mat-option value="">선택</mat-option>
|
||||
<mat-option value="">kgon2</mat-option>
|
||||
<mat-option value="">bbc100</mat-option>
|
||||
<mat-option value="">test00</mat-option>
|
||||
<mat-option value="">qwer11</mat-option>
|
||||
<mat-option value="">zxcv123</mat-option>
|
||||
<mat-option value="">on01</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div>
|
||||
<span class="font-semibold mb-2">부본아이디</span>
|
||||
<mat-radio-group
|
||||
class="flex flex-col w-1/3 pr-2"
|
||||
[color]="'primary'"
|
||||
[value]="'j'"
|
||||
>
|
||||
<mat-radio-button class="mb-2" [value]="'j'">
|
||||
부본하부회원
|
||||
</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
<mat-form-field
|
||||
fxFlex
|
||||
class="bet-mat-form-field-wrapper-mb-0 mr-2"
|
||||
>
|
||||
<mat-select placeholder="선택">
|
||||
<mat-option value="">선택</mat-option>
|
||||
<mat-option value="">kgon3</mat-option>
|
||||
<mat-option value="">test33</mat-option>
|
||||
<mat-option value="">aa2315</mat-option>
|
||||
<mat-option value="">test770</mat-option>
|
||||
<mat-option value="">zxcv12</mat-option>
|
||||
<mat-option value="">on02</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<mat-form-field class="w-1/3 pr-2">
|
||||
<mat-label>제목</mat-label>
|
||||
<input matInput />
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<mat-form-field class="w-1/3 pr-2">
|
||||
<div class="mt-8">
|
||||
<mat-form-field
|
||||
class="fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
|
||||
>
|
||||
<mat-label>글쓴이</mat-label>
|
||||
<input matInput placeholder="관리자" />
|
||||
<input matInput [formControlName]="'writer'" />
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<mat-form-field class="w-1/3 pr-2">
|
||||
<mat-form-field
|
||||
class="mt-8 fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
|
||||
>
|
||||
<textarea
|
||||
matInput
|
||||
[required]="true"
|
||||
[rows]="5"
|
||||
matTextareaAutosize
|
||||
[formControlName]="'content'"
|
||||
></textarea>
|
||||
<mat-label>내용</mat-label>
|
||||
<input matInput />
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<mat-form-field class="w-1/3 pr-2">
|
||||
<input matInput />
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
<div>
|
||||
<button
|
||||
mat-flat-button
|
||||
class="bet-mat-small-8"
|
||||
[color]="'primary'"
|
||||
>
|
||||
쪽지보내기
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button
|
||||
mat-flat-button
|
||||
class="bet-mat-small-8"
|
||||
[color]="'warn'"
|
||||
>
|
||||
취소
|
||||
</button>
|
||||
</div>
|
||||
</mat-card>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -77,6 +77,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
|
||||
searchInputControl = new FormControl();
|
||||
selectedCurrentUser?: CurrentUser;
|
||||
pagination?: CurrentUserPagination;
|
||||
targetForm!: FormGroup;
|
||||
|
||||
private _unsubscribeAll: Subject<any> = new Subject<any>();
|
||||
|
||||
@ -99,6 +100,10 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
|
||||
* On init
|
||||
*/
|
||||
ngOnInit(): void {
|
||||
this.targetForm = this._formBuilder.group({
|
||||
writer: [''],
|
||||
content: [''],
|
||||
});
|
||||
// Get the pagination
|
||||
this._currentUserService.pagination$
|
||||
.pipe(takeUntil(this._unsubscribeAll))
|
||||
@ -111,6 +116,18 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
|
||||
});
|
||||
|
||||
// Get the products
|
||||
this._currentUserService.currentUsers$
|
||||
.pipe(takeUntil(this._unsubscribeAll))
|
||||
.subscribe((curUsers: any[] | undefined) => {
|
||||
if (!curUsers) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.targetForm.patchValue(curUsers[0]);
|
||||
// Mark for check
|
||||
this._changeDetectorRef.markForCheck();
|
||||
});
|
||||
|
||||
this.currentUsers$ = this._currentUserService.currentUsers$;
|
||||
}
|
||||
|
||||
|
||||
@ -11,4 +11,6 @@ export interface CurrentUser {
|
||||
ownComp?: number;
|
||||
rank?: string;
|
||||
siteAddress?: string;
|
||||
writer?: string;
|
||||
content?: string;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user