grid added
This commit is contained in:
Park Byung Eun
parent
5ce6c4f656
commit
af60a4a1fd
|
|
@ -22,15 +22,317 @@
|
||||||
<div
|
<div
|
||||||
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="true"> ddddd</ng-container>
|
<div>
|
||||||
|
<span
|
||||||
<ng-template #noUser>
|
>카테고리:
|
||||||
<div
|
<p>on00</p>
|
||||||
class="p-8 sm:p-16 border-t text-4xl font-semibold tracking-tight text-center"
|
<p>on01</p>
|
||||||
|
<p>on02</p>
|
||||||
|
<p>on03</p></span
|
||||||
>
|
>
|
||||||
There are no user!
|
<span
|
||||||
|
>사이트명:
|
||||||
|
<p>test.com</p></span
|
||||||
|
>
|
||||||
|
<span>총입금: </span>
|
||||||
|
<span>최근30일 배팅금액: </span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="hidden sm:block truncate">
|
||||||
|
<button mat-flat-button [color]="'primary'">콤프사용로그</button>
|
||||||
|
<button mat-flat-button [color]="'primary'">머니활동로그</button>
|
||||||
|
<button mat-flat-button [color]="'primary'">수정하기</button>
|
||||||
|
<button mat-flat-button [color]="'primary'">목록으로</button>
|
||||||
|
<button mat-flat-button [color]="'primary'">배팅리스트</button>
|
||||||
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</ng-template>
|
<div>
|
||||||
|
<mat-grid-list cols="4" rowHeight="100px">
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>아이디</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>비밀번호</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>환전비밀번호</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>닉네임</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>레벨</mat-label>
|
||||||
|
|
||||||
|
<mat-select placeholder="LV1">
|
||||||
|
<mat-option value="LV1">LV1</mat-option>
|
||||||
|
<mat-option value="LV2">LV2</mat-option>
|
||||||
|
<mat-option value="LV3">LV3</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>상태</mat-label>
|
||||||
|
|
||||||
|
<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-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>은행명</mat-label>
|
||||||
|
<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-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-option value="대기">HSBC은행</mat-option>
|
||||||
|
<mat-option value="탈퇴">SC제일은행</mat-option>
|
||||||
|
<mat-option value="삭제">신협</mat-option>
|
||||||
|
<mat-option value="휴면">카카오뱅크</mat-option>
|
||||||
|
<mat-option value="블랙">K뱅크</mat-option>
|
||||||
|
<mat-option value="휴면">산림조합</mat-option>
|
||||||
|
<mat-option value="블랙">산업은행</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>사이트 변경</mat-label>
|
||||||
|
<mat-select>
|
||||||
|
<mat-option value="40">test.com</mat-option>
|
||||||
|
<mat-option value="60">kgon.com</mat-option>
|
||||||
|
<mat-option value="80">nava.com</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<span>
|
||||||
|
<mat-slide-toggle [color]="'primary'">
|
||||||
|
카지노 배팅
|
||||||
|
</mat-slide-toggle>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
><mat-slide-toggle [color]="'primary'">
|
||||||
|
첫충콤프
|
||||||
|
</mat-slide-toggle></span
|
||||||
|
> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<span>
|
||||||
|
<mat-slide-toggle [color]="'primary'">
|
||||||
|
슬롯배팅
|
||||||
|
</mat-slide-toggle>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
><mat-slide-toggle [color]="'primary'">
|
||||||
|
매충콤프
|
||||||
|
</mat-slide-toggle></span
|
||||||
|
>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<span
|
||||||
|
><mat-slide-toggle [color]="'primary'">
|
||||||
|
파워볼배팅
|
||||||
|
</mat-slide-toggle></span
|
||||||
|
>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>등급</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>오늘콤프</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>핸드폰</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>계좌번호</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>추천횟수</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>슬롯배팅</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>매충콤프</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>정산종류</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>금일 입금/출금액</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>보유머니</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>콤프</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>쿠폰</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>예금주</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field> </mat-grid-tile
|
||||||
|
><mat-grid-tile>
|
||||||
|
<mat-radio-group aria-label="파트너수동지급" value="">
|
||||||
|
<mat-radio-button> 하부파트너전체 </mat-radio-button>
|
||||||
|
<mat-radio-button> 직속파트너만 </mat-radio-button>
|
||||||
|
<mat-radio-button> 사용안함 </mat-radio-button>
|
||||||
|
</mat-radio-group>
|
||||||
|
</mat-grid-tile>
|
||||||
|
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>추천인</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>환전금지</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>바카라</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>룰렛</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>드래곤타이거</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>기타게임</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>슬롯게임요율</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>룰렛</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>카지노 루징요율</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>슬롯게임 루징요율</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile>
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>환전금지</mat-label>
|
||||||
|
|
||||||
|
<mat-select placeholder="예">
|
||||||
|
<mat-option value="예">예</mat-option>
|
||||||
|
<mat-option value="아니오">아니오</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile colspan="2" rowspan="1">
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>메모</mat-label>
|
||||||
|
<textarea matInput name="memo" width="100%"></textarea>
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
<mat-grid-tile colspan="2" rowspan="1">
|
||||||
|
<mat-form-field appearance="outline">
|
||||||
|
<mat-label>게임중머니</mat-label>
|
||||||
|
<input matInput type="text" />
|
||||||
|
</mat-form-field>
|
||||||
|
</mat-grid-tile>
|
||||||
|
</mat-grid-list>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -33,6 +33,13 @@ import { User } from '../models/user';
|
||||||
import { UserPagination } from '../models/user-pagination';
|
import { UserPagination } from '../models/user-pagination';
|
||||||
import { UserService } from '../services/user.service';
|
import { UserService } from '../services/user.service';
|
||||||
|
|
||||||
|
export interface Tile {
|
||||||
|
color: string;
|
||||||
|
cols: number;
|
||||||
|
rows: number;
|
||||||
|
text: string;
|
||||||
|
}
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'user-view',
|
selector: 'user-view',
|
||||||
templateUrl: './view.component.html',
|
templateUrl: './view.component.html',
|
||||||
|
|
@ -61,6 +68,17 @@ import { UserService } from '../services/user.service';
|
||||||
animations: fuseAnimations,
|
animations: fuseAnimations,
|
||||||
})
|
})
|
||||||
export class ViewComponent implements OnInit, AfterViewInit, OnDestroy {
|
export class ViewComponent implements OnInit, AfterViewInit, OnDestroy {
|
||||||
|
tiles: Tile[] = [
|
||||||
|
{ text: 'One', cols: 1, rows: 1, color: 'lightblue' },
|
||||||
|
{ text: 'Two', cols: 1, rows: 1, color: 'lightgreen' },
|
||||||
|
{ text: 'Three', cols: 1, rows: 1, color: 'lightpink' },
|
||||||
|
{ text: 'Four', cols: 1, rows: 1, color: '#DDBDF1' },
|
||||||
|
{ text: 'five', cols: 1, rows: 1, color: 'lightblue' },
|
||||||
|
{ text: 'six', cols: 1, rows: 1, color: 'lightgreen' },
|
||||||
|
{ text: 'seven', cols: 1, rows: 1, color: 'lightpink' },
|
||||||
|
{ text: 'eight', cols: 1, rows: 1, color: '#DDBDF1' },
|
||||||
|
];
|
||||||
|
|
||||||
@ViewChild(MatPaginator) private _paginator!: MatPaginator;
|
@ViewChild(MatPaginator) private _paginator!: MatPaginator;
|
||||||
@ViewChild(MatSort) private _sort!: MatSort;
|
@ViewChild(MatSort) private _sort!: MatSort;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -11,6 +11,9 @@ import { MatRippleModule } from '@angular/material/core';
|
||||||
import { MatSortModule } from '@angular/material/sort';
|
import { MatSortModule } from '@angular/material/sort';
|
||||||
import { MatSelectModule } from '@angular/material/select';
|
import { MatSelectModule } from '@angular/material/select';
|
||||||
import { MatTooltipModule } from '@angular/material/tooltip';
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
||||||
|
import { MatGridListModule } from '@angular/material/grid-list';
|
||||||
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
||||||
|
import { MatRadioModule } from '@angular/material/radio';
|
||||||
|
|
||||||
import { TranslocoModule } from '@ngneat/transloco';
|
import { TranslocoModule } from '@ngneat/transloco';
|
||||||
|
|
||||||
|
|
@ -36,7 +39,10 @@ import { userRoutes } from 'app/modules/admin/member/user/user.routing';
|
||||||
MatRippleModule,
|
MatRippleModule,
|
||||||
MatSortModule,
|
MatSortModule,
|
||||||
MatSelectModule,
|
MatSelectModule,
|
||||||
MatTooltipModule
|
MatTooltipModule,
|
||||||
|
MatGridListModule,
|
||||||
|
MatSlideToggleModule,
|
||||||
|
MatRadioModule,
|
||||||
],
|
],
|
||||||
})
|
})
|
||||||
export class UserModule {}
|
export class UserModule {}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user