505 lines
21 KiB
HTML
505 lines
21 KiB
HTML
<p>view compoent</p>
|
|
<div
|
|
class="sm:absolute sm:inset-0 flex flex-col flex-auto min-w-0 sm:overflow-hidden bg-card dark:bg-transparent"
|
|
>
|
|
<!-- Header -->
|
|
<div
|
|
class="relative flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between py-8 px-6 md:px-8 border-b"
|
|
>
|
|
<!-- Loader -->
|
|
<!-- <div class="absolute inset-x-0 bottom-0" *ngIf="isLoading">
|
|
<mat-progress-bar [mode]="'indeterminate'"></mat-progress-bar> -->
|
|
<!-- </div> -->
|
|
<!-- Title -->
|
|
<div class="text-4xl font-extrabold tracking-tight">User View</div>
|
|
<!-- Actions -->
|
|
<div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4"></div>
|
|
</div>
|
|
|
|
<!-- Main -->
|
|
<div class="flex flex-auto overflow-hidden">
|
|
<!-- Products list -->
|
|
<div
|
|
class="flex flex-col flex-auto sm:mb-18 overflow-hidden sm:overflow-y-auto"
|
|
>
|
|
<div>
|
|
<fuse-card
|
|
class="flex flex-col md:flex-row justify-between max-w-80 md:max-w-160 w-full p-8 pb-4 filter-listing"
|
|
>
|
|
<div class="flex flex-col flex-auto order-2 md:order-1">
|
|
<div class="text-2xl font-semibold leading-tight">기본정보</div>
|
|
|
|
<div class="mt-6">
|
|
<div class="flex flex-wrap items-center text-secondary my-1">
|
|
<span>카테고리</span>
|
|
<span class="mx-2">•</span>
|
|
<!-- <span class="whitespace-nowrap"
|
|
>on00, on01, on02</span
|
|
> -->
|
|
<mat-chip-list aria-label="Fish selection">
|
|
<mat-chip color="accent">on00</mat-chip>
|
|
<mat-chip color="accent">on01</mat-chip>
|
|
<mat-chip color="accent" selected>on02</mat-chip>
|
|
<mat-chip color="accent" selected>on03</mat-chip>
|
|
</mat-chip-list>
|
|
</div>
|
|
<div class="flex items-center text-secondary my-1">
|
|
<span>사이트명</span>
|
|
<span class="mx-2">•</span>
|
|
<span>test.com</span>
|
|
</div>
|
|
<div class="flex items-center text-secondary my-1">
|
|
<span>가입일자</span>
|
|
<span class="mx-2">•</span>
|
|
<span>{{
|
|
selectedUser?.getCreatedAt() | date: "yyyy/MM/dd HH:mm"
|
|
}}</span>
|
|
</div>
|
|
<div class="flex items-center text-secondary my-1">
|
|
<span>하부회원수</span>
|
|
<span class="mx-2">•</span>
|
|
<span>0명</span>
|
|
</div>
|
|
<div class="flex items-center text-secondary my-1">
|
|
<span>총입금</span>
|
|
<span class="mx-2">•</span>
|
|
<span>2,000</span>
|
|
</div>
|
|
<div class="flex items-center text-secondary my-1">
|
|
<span>총출금</span>
|
|
<span class="mx-2">•</span>
|
|
<span>2,000</span>
|
|
</div>
|
|
<div class="flex items-center text-secondary my-1">
|
|
<span>총입금-총출금</span>
|
|
<span class="mx-2">•</span>
|
|
<span>2,000</span>
|
|
</div>
|
|
<div class="flex items-center text-secondary my-1">
|
|
<span>최근30일 배팅금액</span>
|
|
<span class="mx-2">•</span>
|
|
<span>200,000</span>
|
|
</div>
|
|
<div class="flex items-center text-secondary my-1">
|
|
<span>당첨금액</span>
|
|
<span class="mx-2">•</span>
|
|
<span>200,000</span>
|
|
</div>
|
|
<div class="flex items-center text-secondary my-1">
|
|
<span>수수료</span>
|
|
<span class="mx-2">•</span>
|
|
<span>0</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fuse-card>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="shadow-lg overflow-hidden">
|
|
<div class="flex border-b">
|
|
<!-- Selected product form -->
|
|
<form class="flex flex-col w-full" [formGroup]="memberViewForm">
|
|
<div class="flex flex-col sm:flex-row p-8">
|
|
<!-- Product images and status -->
|
|
|
|
<div class="flex flex-auto flex-wrap">
|
|
<!-- Name, SKU & etc. -->
|
|
<div class="flex flex-col w-full lg:w-3/4 sm:pl-8">
|
|
<!-- Name -->
|
|
<div class="flex">
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>아이디</mat-label>
|
|
<input
|
|
id="signinId"
|
|
matInput
|
|
[formControlName]="'signinId'"
|
|
/>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>비밀번호</mat-label>
|
|
<input
|
|
id="signinPw"
|
|
matInput
|
|
[formControlName]="'signinPw'"
|
|
/>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>환전비밀번호</mat-label>
|
|
<input
|
|
id="exchangePw"
|
|
matInput
|
|
[formControlName]="'exchangePw'"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<!-- SKU and Barcode -->
|
|
<div class="flex">
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>닉네임</mat-label>
|
|
<input
|
|
id="nickname"
|
|
matInput
|
|
[formControlName]="'nickname'"
|
|
/>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>보유머니</mat-label>
|
|
<input
|
|
id="ownCash"
|
|
matInput
|
|
[formControlName]="'ownCash'"
|
|
/>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>핸드폰</mat-label>
|
|
<input
|
|
id="phoneNumber"
|
|
matInput
|
|
[formControlName]="'phoneNumber'"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<!-- Category, Brand & Vendor -->
|
|
<div class="flex">
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>레벨</mat-label>
|
|
<mat-select id="level" [formControlName]="'level'">
|
|
<!-- <ng-container *ngFor="let category of categories"> -->
|
|
<mat-option value="level">
|
|
cartegory option
|
|
</mat-option>
|
|
<!-- </ng-container> -->
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>상태</mat-label>
|
|
<mat-select id="state" [formControlName]="'status'">
|
|
<!-- <ng-container *ngFor="let brand of brands"> -->
|
|
<mat-option value="brand.id">
|
|
brand option
|
|
</mat-option>
|
|
<!-- </ng-container> -->
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>환전금지</mat-label>
|
|
<mat-select [formControlName]="'isExcahngeMoney'">
|
|
<!-- <ng-container *ngFor="let vendor of vendors"> -->
|
|
<mat-option value="vendor.id">
|
|
vendor option
|
|
</mat-option>
|
|
<!-- </ng-container> -->
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<!-- Stock and Reserved -->
|
|
<div class="flex">
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>은행명</mat-label>
|
|
<mat-select [formControlName]="'bankname'">
|
|
<!-- <ng-container *ngFor="let brand of brands"> -->
|
|
<mat-option value="brand.id">
|
|
brand option
|
|
</mat-option>
|
|
<!-- </ng-container> -->
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>계좌번호</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'accountNumber'"
|
|
/>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>예금주</mat-label>
|
|
<input
|
|
id="accountHolder"
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'accountHolder'"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="flex">
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>콤프</mat-label>
|
|
<input
|
|
id="ownComp"
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'comp'"
|
|
/>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>쿠폰</mat-label>
|
|
<input
|
|
id="ownCoupon"
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'coupon'"
|
|
/>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>추천인</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'recommender'"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="flex">
|
|
<mat-form-field class="w-2/3 pr-2">
|
|
<mat-label>사이트변경</mat-label>
|
|
<mat-select [formControlName]="'changeSite'">
|
|
<!-- <ng-container *ngFor="let vendor of vendors"> -->
|
|
<mat-option value="vendor.id">
|
|
vendor option
|
|
</mat-option>
|
|
<!-- </ng-container> -->
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>추천횟수</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'recommendCount'"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="flex">
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>바카라 요율</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'bacaraRate'"
|
|
/>
|
|
<div class="mt-1 text-md text-hint">
|
|
%(최소 0 ~ 최대 0.2)
|
|
</div>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>룰렛 요율</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'rulletRate'"
|
|
/>
|
|
<div class="mt-1 text-md text-hint">
|
|
%(최소 0 ~ 최대 0.2)
|
|
</div>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>드래곤타이거 요율</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'dragonRate'"
|
|
/>
|
|
<div class="mt-1 text-md text-hint">
|
|
%(최소 0 ~ 최대 0.2)
|
|
</div>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="flex">
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>기타 게임 요율</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'etcRate'"
|
|
/>
|
|
<div class="mt-1 text-md text-hint">
|
|
%(최소 0 ~ 최대 0.2)
|
|
</div>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>슬롯게임요율</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'slotRate'"
|
|
/>
|
|
<div class="mt-1 text-md text-hint">
|
|
%(최소 0 ~ 최대 0.2)
|
|
</div>
|
|
</mat-form-field>
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>카지노 루징요율</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'casinoRusingRate'"
|
|
/>
|
|
<div class="mt-1 text-md text-hint">
|
|
%(최소 0 ~ 최대 0.2)
|
|
</div>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="flex">
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>슬롯게임 루징요율</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'slotRusingRate'"
|
|
/>
|
|
<div class="mt-1 text-md text-hint">
|
|
%(최소 0 ~ 최대 0.2)
|
|
</div>
|
|
</mat-form-field>
|
|
<span class="w-1/3 pr-2">
|
|
<mat-slide-toggle [color]="'primary'">
|
|
카지노 베팅
|
|
</mat-slide-toggle>
|
|
</span>
|
|
<span class="w-1/3 pr-2">
|
|
<mat-slide-toggle [color]="'primary'">
|
|
슬롯베팅
|
|
</mat-slide-toggle>
|
|
</span>
|
|
</div>
|
|
<div class="flex">
|
|
<span class="w-1/3 pr-2">
|
|
<mat-slide-toggle [color]="'primary'">
|
|
파워볼베팅
|
|
</mat-slide-toggle>
|
|
</span>
|
|
<span class="w-1/3 pr-2">
|
|
<mat-slide-toggle [color]="'primary'">
|
|
첫충콤프
|
|
</mat-slide-toggle>
|
|
</span>
|
|
<span class="w-1/3 pr-2">
|
|
<mat-slide-toggle [color]="'primary'">
|
|
매충콤프
|
|
</mat-slide-toggle>
|
|
</span>
|
|
</div>
|
|
<div class="flex">
|
|
<span class="w-1/3 pr-2">
|
|
<mat-label>등급: </mat-label>
|
|
<mat-label>유저</mat-label>
|
|
</span>
|
|
<span class="w-1/3 pr-2">
|
|
<mat-label>정산종류: </mat-label>
|
|
<mat-label>롤링</mat-label>
|
|
</span>
|
|
<span class="w-1/3 pr-2">
|
|
<mat-label>금일 입금/ 출금액: </mat-label>
|
|
<mat-label>0원(이전일: 0원)</mat-label>
|
|
<mat-label>/ 0원(이전일: 0원)</mat-label>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Cost, Base price, Tax & Price -->
|
|
<div class="flex flex-col w-full lg:w-1/4 sm:pl-8">
|
|
<mat-form-field class="w-full fuse-mat-textarea">
|
|
<mat-label>메모</mat-label>
|
|
<textarea matInput name="memo" row="5"></textarea>
|
|
</mat-form-field>
|
|
<div
|
|
class="flex flex-col flex-auto items-center bg-card shadow rounded-2xl overflow-hidden"
|
|
>
|
|
<!-- Avatar & Info -->
|
|
<div
|
|
class="flex flex-col flex-auto w-full p-8 text-center"
|
|
>
|
|
<mat-form-field class="">
|
|
<mat-label>게임중머니</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
[formControlName]="'hodingGameMoney'"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
<!-- Email & Phone -->
|
|
<div class="flex items-center w-full border-t divide-x">
|
|
<button class="-ml-4" mat-button [color]="'warn'">
|
|
게임머니회수
|
|
</button>
|
|
<button mat-flat-button [color]="'primary'">
|
|
게임머니확인
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<span class="font-semibold mb-2">파트너수동지급</span>
|
|
<mat-radio-group
|
|
class="flex flex-col w-1/3 pr-2"
|
|
[color]="'primary'"
|
|
[value]="'just-good'"
|
|
>
|
|
<mat-radio-button class="mb-2" [value]="'everything'">
|
|
하부파트너전체
|
|
</mat-radio-button>
|
|
<mat-radio-button class="mb-2" [value]="'just-good'">
|
|
직속파트너만
|
|
</mat-radio-button>
|
|
<mat-radio-button [value]="'no-push'">
|
|
사용안함
|
|
</mat-radio-button>
|
|
</mat-radio-group>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="flex items-center justify-between w-full border-t px-8 py-4"
|
|
>
|
|
<button class="-ml-4" mat-button [color]="'primary'">
|
|
목록으로
|
|
</button>
|
|
<div class="flex items-center">
|
|
<div class="flex items-center mr-4" *ngIf="true">
|
|
<ng-container *ngIf="true">
|
|
<mat-icon
|
|
class="text-green-500"
|
|
[svgIcon]="'heroicons_outline:check'"
|
|
></mat-icon>
|
|
<span class="ml-2">Product updated</span>
|
|
</ng-container>
|
|
<ng-container *ngIf="false">
|
|
<mat-icon
|
|
class="text-red-500"
|
|
[svgIcon]="'heroicons_outline:x'"
|
|
></mat-icon>
|
|
<span class="ml-2">An error occurred, try again!</span>
|
|
</ng-container>
|
|
</div>
|
|
<button
|
|
mat-flat-button
|
|
[color]="'primary'"
|
|
(click)="__modifyMember()"
|
|
>
|
|
수정하기
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div>
|
|
<div>충전내역</div>
|
|
<div>환전내역</div>
|
|
<div>웹로그인정보</div>
|
|
<div>파트너로그인정보</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <deposit-list></deposit-list> -->
|