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

회원리스트 page 추가

Browse Source
This commit is contained in:
이담 정 2022-07-04 12:04:42 +09:00
parent ec66700b1d
commit eb268381e2
6 changed files with 26126 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25836
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

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

@ -66,7 +66,7 @@ export const users = [
active: true,
},
{
id: '3f34e2fb-95bf-4f61-be28-956d2c7e4eb2',
id: 'on04',
category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
name: 'Benton Mens Automatic Watch 44mm 5 ATM',
description:
@ -96,6 +96,24 @@ export const users = [
'assets/images/apps/ecommerce/products/watch-03-03.jpg',
],
active: false,
highRank: '[매장]on04',
rank: '회원',
level: 1,
nickname: '가가가',
accountHolder: '44',
contact: '010-4444-4444',
cash: 0,
comp: 1649,
coupon: 0,
gameMoney: 0,
todayComp: 0,
deposit: 0,
withdraw: 0,
margin: 0,
accession: '2022-06-12 15:42',
final: '',
ip: '',
},
{
id: '8fcce528-d878-4cc8-99f7-bd3451ed5405',
@ -130,7 +148,7 @@ export const users = [
active: true,
},
{
id: '91d96e18-d3f5-4c32-a8bf-1fc525cb92c0',
id: 'onon6',
category: '07986d93-d4eb-4de1-9448-2538407f7254',
name: 'Benton Ladies Automatic Watch 40mm 5 ATM',
description:
@ -160,6 +178,24 @@ export const users = [
'assets/images/apps/ecommerce/products/watch-05-03.jpg',
],
active: false,
highRank: '[총판]on03',
rank: '매장',
level: 1,
nickname: '가가가',
accountHolder: '가가가',
contact: '1111',
cash: 0,
comp: 0,
coupon: 0,
gameMoney: 0,
todayComp: 0,
deposit: 200000,
withdraw: 0,
margin: 200000,
accession: '2022-06-12 16:02',
final: '2022-06-20 15:41',
ip: '175.198.74.36',
},
{
id: 'd7a47d7c-4cdf-4319-bbaa-37ade38c622c',

250
src/app/modules/admin/member/user/components/list.component.html
View File

@ -13,6 +13,77 @@
<div class="text-4xl font-extrabold tracking-tight">User</div>
<!-- Actions -->
<div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4">
<!-- Memo -->
<mat-form-field>
<input matInput type="text" />
</mat-form-field>
<button mat-flat-button [color]="'primary'">메모저장</button>
<!-- SelectBox -->
<mat-form-field>
<mat-select placeholder="리스트수">
<mat-option value="40">40</mat-option>
<mat-option value="60">60</mat-option>
<mat-option value="80">80</mat-option>
<mat-option value="100">100</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-select placeholder="레벨">
<mat-option value="level1">LV.1</mat-option>
<mat-option value="level2">LV.2</mat-option>
<mat-option value="level3">LV.3</mat-option>
<mat-option value="level4">LV.4</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-select placeholder="상태">
<mat-option value="">정상</mat-option>
<mat-option value="">대기</mat-option>
<mat-option value="">탈퇴</mat-option>
<mat-option value="">휴면</mat-option>
<mat-option value="">블랙</mat-option>
<mat-option value="">정지</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-select placeholder="제한">
<mat-option value="">카지노제한</mat-option>
<mat-option value="">슬롯제한</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-select placeholder="입금">
<mat-option value="">계좌입금</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-select placeholder="아이디">
<mat-option value="">아이디</mat-option>
<mat-option value="">닉네임</mat-option>
<mat-option value="">이름</mat-option>
<mat-option value="">사이트</mat-option>
<mat-option value="">파트너수동지급</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-select placeholder="가입일 정렬">
<mat-option value="">가입일 정렬</mat-option>
<mat-option value="">아이디 정렬</mat-option>
<mat-option value="">닉네임 정렬</mat-option>
<mat-option value="">캐쉬 정렬</mat-option>
<mat-option value="">콤프 정렬</mat-option>
<mat-option value="">쿠폰 정렬</mat-option>
<mat-option value="">입금 정렬</mat-option>
<mat-option value="">출금 정렬</mat-option>
<mat-option value="">차익 정렬</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-select placeholder="내림차순">
<mat-option value="">내림차순</mat-option>
<mat-option value="">오름차순</mat-option>
</mat-select>
</mat-form-field>
<!-- Search -->
<mat-form-field
class="fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded min-w-64"
@ -58,7 +129,39 @@
matSortDisableClear
>
<div></div>
<div class="hidden md:block" [mat-sort-header]="'sku'">SKU</div>
<div class="hidden sm:block" [mat-sort-header]="'management'">
관리
</div>
<div class="hidden sm:block" [mat-sort-header]="'id'">아이디</div>
<div class="hidden sm:block" [mat-sort-header]="'nickname'">
닉네임
</div>
<div class="hidden sm:block" [mat-sort-header]="'accountHolder'">
예금주
</div>
<div class="hidden sm:block" [mat-sort-header]="'contact'">
연락처
</div>
<div class="hidden sm:block" [mat-sort-header]="'reserve'">
보유금
</div>
<div class="hidden sm:block" [mat-sort-header]="'gameMoney'">
게임중머니
</div>
<div class="hidden sm:block" [mat-sort-header]="'casinoCash'">
카지노->캐쉬
</div>
<div class="hidden sm:block" [mat-sort-header]="'todayComp'">
금일콤프
</div>
<div class="hidden sm:block" [mat-sort-header]="'total'">
총입출
</div>
<div class="hidden sm:block" [mat-sort-header]="'log'">로그</div>
<div class="hidden sm:block" [mat-sort-header]="'state'">
상태
</div>
<!-- <div class="hidden md:block" [mat-sort-header]="'sku'">SKU</div>
<div [mat-sort-header]="'name'">Name</div>
<div class="hidden sm:block" [mat-sort-header]="'price'">
Price
@ -69,7 +172,7 @@
<div class="hidden lg:block" [mat-sort-header]="'active'">
Active
</div>
<div class="hidden sm:block">Details</div>
<div class="hidden sm:block">Details</div> -->
</div>
<!-- Rows -->
<ng-container *ngIf="users$ | async as users">
@ -77,8 +180,105 @@
<div
class="inventory-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
>
<!-- management -->
<div class="hidden sm:block truncate">
<!-- rate -->
<button mat-button color="primary"
matTooltip="요율확인
카지노-바카라: 0%
카지노-룰렛: 0%
카지노-드레곤타이거: 0%
카지노-그외: 0%
슬롯: 0%
카지노루징: 0%
슬롯수징: 0%">요율</button>
<button mat-flat-button [color]="'primary'">
<mat-form-field>
<mat-select placeholder="관리">
<mat-option value="">보유금지급/회수</mat-option>
<mat-option value="">수수료설정</mat-option>
<mat-option value="">콤프지급/회수</mat-option>
<mat-option value="">쿠폰머니지급/회수</mat-option>
<mat-option value="">쪽지보내기</mat-option>
<mat-option value="">배팅리스트</mat-option>
<mat-option value="">강제로그아웃</mat-option>
</mat-select>
</mat-form-field>
</button>
<!-- highRank -->
{{ user.highRank }}
<!-- rank -->
{{ user.rank }}
<!-- level -->
LV.{{ user.level }}
</div>
<!-- id -->
<div class="hidden sm:block truncate">
{{ user.id }}
</div>
<!-- nickname -->
<div class="hidden sm:block truncate">
{{ user.nickname }}
</div>
<!-- accountHolder -->
<div class="hidden sm:block truncate">
{{ user.accountHolder }}
</div>
<!-- contact -->
<div class="hidden sm:block truncate">
{{ user.contact }}
</div>
<!-- reserve -->
<div class="hidden sm:block truncate">
캐쉬{{ user.cash }} 콤프{{ user.comp }} 쿠폰{{
user.coupon
}}
</div>
<!-- gameMoney -->
<div class="hidden sm:block truncate">
{{ user.gameMoney }}
</div>
<!-- casinoCash -->
<div class="hidden sm:block truncate">
<button mat-flat-button [color]="'primary'">
게임머니확인
</button>
<button mat-flat-button [color]="'primary'">
게임머니회수
</button>
</div>
<!-- todayComp -->
<div class="hidden sm:block truncate">
{{ user.todayComp }}P
</div>
<!-- total -->
<div class="hidden sm:block truncate">
입금{{ user.deposit }} 출금{{ user.withdraw }} 차익{{
user.margin
}}
</div>
<!-- log -->
<div class="hidden sm:block truncate">
가입{{ user.accession }} 최종{{ user.final }} IP{{
user.ip
}}
</div>
<!-- state -->
<div class="hidden sm:block truncate">
{{ user.state }}
</div>
<!-- Image -->
<div class="flex items-center">
<!-- <div class="flex items-center">
<div
class="relative flex flex-0 items-center justify-center w-12 h-12 mr-6 rounded overflow-hidden border"
>
@ -95,51 +295,51 @@
NO THUMB
</div>
</div>
</div>
</div> -->
<!-- SKU -->
<div class="hidden md:block truncate">
<!-- <div class="hidden md:block truncate">
{{ user.sku }}
</div>
</div> -->
<!-- Name -->
<div class="truncate">
<!-- <div class="truncate">
{{ user.name }}
</div>
</div> -->
<!-- Price -->
<div class="hidden sm:block">
<!-- <div class="hidden sm:block">
{{ user.price | currency: "USD":"symbol":"1.2-2" }}
</div>
</div> -->
<!-- Stock -->
<div class="hidden lg:flex items-center">
<div class="min-w-4">{{ user.stock }}</div>
<!-- Low stock -->
<div
<!-- <div class="hidden lg:flex items-center">
<div class="min-w-4">{{ user.stock }}</div> -->
<!-- Low stock -->
<!-- <div
class="flex items-end ml-2 w-1 h-4 bg-red-200 rounded overflow-hidden"
*ngIf="user.stock < 20"
>
<div class="flex w-full h-1/3 bg-red-600"></div>
</div>
<!-- Medium stock -->
<div
</div> -->
<!-- Medium stock -->
<!-- <div
class="flex items-end ml-2 w-1 h-4 bg-orange-200 rounded overflow-hidden"
*ngIf="user.stock >= 20 && user.stock < 30"
>
<div class="flex w-full h-2/4 bg-orange-400"></div>
</div>
<!-- High stock -->
<div
</div> -->
<!-- High stock -->
<!-- <div
class="flex items-end ml-2 w-1 h-4 bg-green-100 rounded overflow-hidden"
*ngIf="user.stock >= 30"
>
<div class="flex w-full h-full bg-green-400"></div>
</div>
</div>
</div> -->
<!-- Active -->
<div class="hidden lg:block">
<!-- <div class="hidden lg:block">
<ng-container *ngIf="user.active">
<mat-icon
class="text-green-400 icon-size-5"
@ -152,10 +352,10 @@
[svgIcon]="'heroicons_solid:x'"
></mat-icon>
</ng-container>
</div>
</div> -->
<!-- Details button -->
<div>
<!-- <div>
<button
class="min-w-10 min-h-7 h-7 px-2 leading-6"
mat-stroked-button
@ -170,7 +370,7 @@
"
></mat-icon>
</button>
</div>
</div> -->
</div>
</ng-container>
</ng-container>

8
src/app/modules/admin/member/user/components/list.component.ts
View File

@ -40,18 +40,18 @@ import { UserService } from '../services/user.service';
/* language=SCSS */
`
.inventory-grid {
grid-template-columns: 48px auto 40px;
grid-template-columns: 60px auto 40px;
@screen sm {
grid-template-columns: 48px auto 112px 72px;
grid-template-columns: 60px auto 60px 72px;
}
@screen md {
grid-template-columns: 48px 112px auto 112px 72px;
grid-template-columns: 60px 60px auto 112px 72px;
}
@screen lg {
grid-template-columns: 48px 112px auto 112px 96px 96px 72px;
grid-template-columns: 60px 60px auto 112px 96px 96px 72px;
}
}
`,

19
src/app/modules/admin/member/user/models/user.ts
View File

@ -18,4 +18,23 @@ export interface User {
thumbnail: string;
images: string[];
active: boolean;
nickname: string;
highRank: string;
rank: string;
level: string;
accountHolder: string;
contact: string;
cash: number;
comp: number;
coupon: number;
gameMoney: number;
todayComp: number;
deposit: number;
withdraw: number;
margin: number;
accession: string;
final: string;
ip: string;
state: string;
}

4
src/app/modules/admin/member/user/user.module.ts
View File

@ -9,6 +9,8 @@ import { MatPaginatorModule } from '@angular/material/paginator';
import { MatProgressBarModule } from '@angular/material/progress-bar';
import { MatRippleModule } from '@angular/material/core';
import { MatSortModule } from '@angular/material/sort';
import { MatSelectModule } from '@angular/material/select';
import { MatTooltipModule } from '@angular/material/tooltip';
import { TranslocoModule } from '@ngneat/transloco';
@ -31,6 +33,8 @@ import { userRoutes } from 'app/modules/admin/member/user/user.routing';
MatProgressBarModule,
MatRippleModule,
MatSortModule,
MatSelectModule,
MatTooltipModule
],
})
export class UserModule {}