bet/beteran-backend-app-browser
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'feature/BETERAN-BACKEND-APP-BROWSER-init' of https://gitlab.loafle.net/bet/beteran-backend-app-browser into feature/BETERAN-BACKEND-APP-BROWSER-init

Browse Source
This commit is contained in:
Park Byung Eun 2022-07-26 08:40:02 +00:00
commit 72d7fc3895
4 changed files with 349 additions and 177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/mock-api/apps/member/current-user/data.ts
View File

@ -14,5 +14,8 @@ export const currentUsers = [
ownComp: 3111, ownComp: 3111,
rank: '회원', rank: '회원',
siteAddress: 'web4nova114.com', siteAddress: 'web4nova114.com',
writer: '관리자',
content:
'--선택--\n5008\n**입금계좌문의시(가상계좌1)**\n**출금비밀번호문의시**\n----탈퇴,졸업관련----\n**졸업안내\n----입금관련문의----\n>>타인명의입금시\n----환전관련문의----\n**환전지연안내(환전량 증가)\n**은행점검(뱅킹장애)등으로 충환전지연안내\n서버점검안내\n서버점검완료안내',
}, },
]; ];

186
src/app/modules/admin/member/current-user/components/list.component.html
View File

@ -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 <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 --> <!-- Header -->
<div <div
@ -21,7 +25,9 @@
class="flex flex-col flex-auto sm:mb-18 overflow-hidden sm:overflow-y-auto" 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$ | async as currentUsers">
<ng-container *ngIf="currentUsers.length > 0; else noCurrentUser"> <ng-container
*ngIf="currentUsers.length > 0; else noCurrentUser"
>
<div class="grid"> <div class="grid">
<!-- Header --> <!-- Header -->
<div <div
@ -41,8 +47,13 @@
</div> </div>
<div>현재위치</div> <div>현재위치</div>
<div class="hidden md:block">보유금</div> <div class="hidden md:block">보유금</div>
<div class="hidden md:block">게임중머니</div> <div class="hidden md:block">
게임중머니
<hr style="margin: 7px 0px" />
콤프
</div>
<div class="hidden md:block">사이트</div> <div class="hidden md:block">사이트</div>
<div class="hidden md:block">카지노->캐쉬</div>
<div class="hidden lg:block">쪽지보내기</div> <div class="hidden lg:block">쪽지보내기</div>
<div class="hidden lg:block">배팅내역</div> <div class="hidden lg:block">배팅내역</div>
<div class="hidden lg:block">로그아웃</div> <div class="hidden lg:block">로그아웃</div>
@ -50,7 +61,10 @@
<!-- Rows --> <!-- Rows -->
<ng-container *ngIf="currentUsers$ | async as currentUsers"> <ng-container *ngIf="currentUsers$ | async as currentUsers">
<ng-container <ng-container
*ngFor="let currentUser of currentUsers; trackBy: __trackByFn" *ngFor="
let currentUser of currentUsers;
trackBy: __trackByFn
"
> >
<div <div
class="inventory-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b" class="inventory-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
@ -79,10 +93,29 @@
</div> </div>
<div class="hidden md:block"> <div class="hidden md:block">
{{ currentUser.gameMoney }} {{ currentUser.gameMoney }}
<hr style="margin: 7px 0px" />
{{ currentUser.ownComp }}
</div> </div>
<div class="hidden md:block"> <div class="hidden md:block">
{{ currentUser.siteAddress }} {{ currentUser.siteAddress }}
</div> </div>
<div class="hidden md:block">
<button
mat-flat-button
class="bet-mat-small-8"
[color]="'primary'"
>
게임머니확인
</button>
<hr style="margin: 7px 0px" />
<button
mat-flat-button
class="bet-mat-small-8"
[color]="'primary'"
>
게임머니회수
</button>
</div>
<div class="hidden lg:block"> <div class="hidden lg:block">
<button <button
mat-flat-button mat-flat-button
@ -135,42 +168,159 @@
</div> </div>
</ng-template> </ng-template>
</div> </div>
<!-- Budget details --> </div>
<div> <div>
<div <div
class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden" 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>
<div class="flex flex-col flex-auto"> <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>
<mat-card-content> <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"> <div class="flex">
<mat-form-field class="w-1/3 pr-2"> <mat-form-field class="w-1/3 pr-2">
<mat-label>제목</mat-label> <mat-label>제목</mat-label>
<input matInput /> <input matInput />
</mat-form-field> </mat-form-field>
</div> </div>
<div class="flex"> <div class="mt-8">
<mat-form-field class="w-1/3 pr-2"> <mat-form-field
class="fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
>
<mat-label>글쓴이</mat-label> <mat-label>글쓴이</mat-label>
<input matInput placeholder="관리자" /> <input matInput [formControlName]="'writer'" />
</mat-form-field> </mat-form-field>
</div> </div>
<div class="flex"> <mat-form-field
<mat-form-field class="w-1/3 pr-2"> 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> <mat-label>내용</mat-label>
<input matInput />
</mat-form-field> </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> </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> </mat-card>
</form>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

33
src/app/modules/admin/member/current-user/components/list.component.ts
View File

@ -42,22 +42,22 @@ import { Router } from '@angular/router';
/* language=SCSS */ /* language=SCSS */
` `
.inventory-grid { .inventory-grid {
/* CB 관리 요율 상부 아이디 */ /* 번호 상부 아이디 등급 위치 */
grid-template-columns: 20px 40px 40px 100px auto; grid-template-columns: 20px 40px auto 40px 140px;
@screen sm { @screen sm {
/* CB 관리 요율 상부 아이디 등급 */ /* 번호 상부 아이디 등급 위치 보유금 */
grid-template-columns: 20px 40px 40px 100px auto 40px 140px 140px; grid-template-columns: 20px 40px auto 40px 140px 140px;
} }
@screen md { @screen md {
/* CB 관리 요율 상부 아이디 등급 예금주 보유금 게임중머니 총입출 */ /* 번호 상부 아이디 등급 위치 보유금 게임중 사이트 */
grid-template-columns: 20px 40px 40px 100px auto 40px 140px 140px; grid-template-columns: 20px 40px auto 40px 140px 140px 140px 140px;
} }
@screen lg { @screen lg {
/* 번호 상부 아이디 등급 보유금 게임중머니 사이트 쪽지 배팅 로그아웃 */ /* 번호 상부 아이디 등급 위치 보유금 게임중 사이트 카지노 배팅 로그아웃 */
grid-template-columns: 20px 100px auto 40px 140px 140px 140px 140px 140px 140px; grid-template-columns: 20px 100px auto 40px 140px 140px 140px 140px 140px 140px 140px;
} }
} }
`, `,
@ -77,6 +77,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
searchInputControl = new FormControl(); searchInputControl = new FormControl();
selectedCurrentUser?: CurrentUser; selectedCurrentUser?: CurrentUser;
pagination?: CurrentUserPagination; pagination?: CurrentUserPagination;
targetForm!: FormGroup;
private _unsubscribeAll: Subject<any> = new Subject<any>(); private _unsubscribeAll: Subject<any> = new Subject<any>();
@ -99,6 +100,10 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
* On init * On init
*/ */
ngOnInit(): void { ngOnInit(): void {
this.targetForm = this._formBuilder.group({
writer: [''],
content: [''],
});
// Get the pagination // Get the pagination
this._currentUserService.pagination$ this._currentUserService.pagination$
.pipe(takeUntil(this._unsubscribeAll)) .pipe(takeUntil(this._unsubscribeAll))
@ -111,6 +116,18 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
}); });
// Get the products // 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$; this.currentUsers$ = this._currentUserService.currentUsers$;
} }

2
src/app/modules/admin/member/current-user/models/current-user.ts
View File

@ -11,4 +11,6 @@ export interface CurrentUser {
ownComp?: number; ownComp?: number;
rank?: string; rank?: string;
siteAddress?: string; siteAddress?: string;
writer?: string;
content?: string;
} }