공지사항 리스트 page 수정

This commit is contained in:
이담 정 2022-07-15 07:59:11 +00:00
parent fb21ccf389
commit 2ae4c91494
5 changed files with 67 additions and 240 deletions

View File

@ -2,32 +2,22 @@
export const notices = [ export const notices = [
{ {
id: 'on00', idx: 80,
totalPartnerCount: '5', site: '',
totalHoldingMoney: 303675, title:
totalComp: 108933, '**게임멈춤,튕기는 현상및 계좌문의시 확인및 입금전,후 확인사항 대한 공지사항**',
total: 412608, writer: '관리자',
branchCount: 1, writeDate: '2021-10-25 02:25',
divisionCount: 1, views: 135,
officeCount: 1, state: '노출',
storeCount: 1, },
memberCount: 1, {
nickname: 'on00', idx: 99,
accountHolder: '11', site: 'All',
phoneNumber: '010-1111-1111', title: '-계좌등록안내-',
calculateType: '롤링', writer: '관리자',
ownCash: 50000, writeDate: '2021-06-08 00:46',
ownComp: 1711, views: 7,
ownCoupon: 50000, state: '노출',
gameMoney: 0,
todayComp: 0,
totalDeposit: 0,
totalWithdraw: 0,
balance: 0,
registDate: '2022-06-12 15:38',
finalSigninDate: '',
ip: '',
state: '정상',
note: '',
}, },
]; ];

View File

@ -37,48 +37,10 @@
<!-- SelectBox --> <!-- SelectBox -->
<mat-form-field> <mat-form-field>
<mat-select placeholder="리스트수"> <mat-select placeholder="검색어">
<mat-option value="40">40</mat-option> <mat-option value="">작성자</mat-option>
<mat-option value="60">60</mat-option> <mat-option value="">글제목</mat-option>
<mat-option value="80">80</mat-option> <mat-option value="">글내용</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-select> </mat-select>
</mat-form-field> </mat-form-field>
<!-- <mat-form-field> <!-- <mat-form-field>
@ -140,8 +102,6 @@
<!-- <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon> --> <!-- <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon> -->
<span class="ml-2 mr-1">검색하기</span> <span class="ml-2 mr-1">검색하기</span>
</button> </button>
<button>엑셀저장</button>
<button>카지노머니확인</button>
</div> </div>
</div> </div>
@ -160,26 +120,14 @@
matSort matSort
matSortDisableClear matSortDisableClear
> >
<div class="hidden sm:block"><mat-checkbox></mat-checkbox></div> <div class="hidden sm:block">선택</div>
<div class="hidden sm:block">요율</div> <div class="hidden sm:block">번호</div>
<div class="hidden sm:block">상부트리</div> <div class="hidden sm:block">사이트</div>
<div class="hidden sm:block">관리</div> <div class="hidden sm:block">제목</div>
<div class="hidden sm:block">매장수</div> <div class="hidden sm:block">작성자</div>
<div class="hidden sm:block">회원수</div> <div class="hidden sm:block">작성일</div>
<div class="hidden sm:block">아이디</div> <div class="hidden sm:block">조회</div>
<div class="hidden sm:block">닉네임</div>
<div class="hidden sm:block">예금주</div>
<div class="hidden sm:block">연락처</div>
<div class="hidden sm:block">정산</div>
<div class="hidden sm:block">보유금</div>
<div class="hidden sm:block">게임중머니</div>
<div class="hidden sm:block">카지노->캐쉬</div>
<div class="hidden sm:block">금일콤프</div>
<div class="hidden sm:block">총입출</div>
<div class="hidden sm:block">로그</div>
<div class="hidden sm:block">상태</div> <div class="hidden sm:block">상태</div>
<div class="hidden sm:block">회원수</div>
<div class="hidden sm:block">비고</div>
</div> </div>
<!-- Rows --> <!-- Rows -->
<ng-container *ngIf="notices$ | async as notices"> <ng-container *ngIf="notices$ | async as notices">
@ -189,144 +137,49 @@
<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"
> >
<!-- 선택 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
<mat-checkbox></mat-checkbox> <mat-checkbox [color]="'primary'"></mat-checkbox>
</div> </div>
<!-- rate --> <!-- 번호 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
<button {{ notice.idx }}
mat-button
color="primary"
matTooltip="요율확인
카지노-바카라: 0%
카지노-룰렛: 0%
카지노-드레곤타이거: 0%
카지노-그외: 0%
슬롯: 0%
카지노루징: 0%
슬롯루징: 0%"
>
요율
</button>
<div class="hidden sm:block truncate">
<!-- 관리 -->
<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>
</div>
</div> </div>
<!-- 매장수 --> <!-- 사이트 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
<button mat-flat-button [color]="'primary'"> {{ notice.site }}
{{ notice.branchCount }}
</button>
<button mat-flat-button [color]="'primary'">
{{ notice.divisionCount }}
</button>
<button mat-flat-button [color]="'primary'">
{{ notice.officeCount }}
</button>
<button mat-flat-button [color]="'primary'">
{{ notice.storeCount }}
</button>
</div> </div>
<!-- 회원수 --> <!-- 제목 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
<button mat-flat-button [color]="'primary'"> {{ notice.title }}
{{ notice.memberCount }}
</button>
</div> </div>
<!-- id --> <!-- 작성자 -->
<ng-container *ngIf="users$ | async as users">
<ng-container
*ngFor="let user of users; trackBy: __trackByFn"
>
<div
class="hidden sm:block truncate"
(click)="viewUserDetail(user.id!)"
>
{{ notice.id }}
</div>
</ng-container>
</ng-container>
<!-- nickname -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
{{ notice.nickname }} {{ notice.writer }}
</div> </div>
<!-- accountHolder --> <!-- 작성일 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
{{ notice.accountHolder }} {{ notice.writeDate }}
</div> </div>
<!-- 연락처 --> <!-- 조회 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
{{ notice.phoneNumber }} {{ notice.views }}
</div> </div>
<!-- 정산 --> <!-- 상태 -->
<div class="hidden sm:block truncate">
{{ notice.calculateType }}
</div>
<!-- 보유금 -->
<div class="hidden sm:block truncate">
캐쉬{{ notice.ownCash }} 콤프{{ notice.ownComp }} 쿠폰{{
notice.ownCoupon
}}
</div>
<!-- gameMoney -->
<div class="hidden sm:block truncate">
{{ notice.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">
{{ notice.todayComp }}P
</div>
<!-- 총입출 -->
<div class="hidden sm:block truncate">
입금{{ notice.totalDeposit }} 출금{{
notice.totalWithdraw
}}
차익{{ notice.balance }}
</div>
<!-- log -->
<div class="hidden sm:block truncate">
가입{{ notice.registDate }} 최종{{
notice.finalSigninDate
}}
IP{{ notice.ip }}
</div>
<!-- state -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
{{ notice.state }} {{ notice.state }}
</div> </div>
<!-- 회원수 -->
<div class="hidden sm:block truncate">
{{ notice.memberCount }}
</div>
<!-- 비고 -->
<div class="hidden sm:block truncate">
<button mat-flat-button [color]="'primary'">
{{ notice.note }}
</button>
</div>
</div> </div>
<!-- 등록 -->
<button mat-flat-button [color]="'primary'">등록</button>
<!-- 숨김 -->
<button mat-flat-button [color]="'primary'">숨김</button>
<!-- 완전삭제 -->
<button class="-ml-4" mat-button [color]="'warn'">
완전삭제
</button>
</ng-container> </ng-container>
</ng-container> </ng-container>
</div> </div>

View File

@ -1,29 +1,9 @@
export interface Notice { export interface Notice {
id?: string; idx?: number;
totalPartnerCount?: number; site?: string;
totalHoldingMoney?: number; title?: number;
totalComp?: number; writer?: string;
total?: number; writeDate?: Date;
branchCount?: number; views?: number;
divisionCount?: number;
officeCount?: number;
storeCount?: number;
memberCount?: number;
nickname?: string;
accountHolder?: string;
phoneNumber?: string;
calculateType?: string;
ownCash?: number;
ownComp?: number;
ownCoupon?: number;
gameMoney?: number;
todayComp?: number;
totalDeposit?: number;
totalWithdraw?: number;
balance?: number;
registDate?: string;
finalSigninDate?: string;
ip?: string;
state?: string; state?: string;
note?: string;
} }

View File

@ -34,7 +34,7 @@ export class NoticeResolver implements Resolve<any> {
route: ActivatedRouteSnapshot, route: ActivatedRouteSnapshot,
state: RouterStateSnapshot state: RouterStateSnapshot
): Observable<Notice | undefined> { ): Observable<Notice | undefined> {
return this._noticeService.getNoticeById(route.paramMap.get('id')).pipe( return this._noticeService.getNoticeById(route.paramMap.get('title')).pipe(
// Error here means the requested product is not available // Error here means the requested product is not available
catchError((error) => { catchError((error) => {
// Log the error // Log the error

View File

@ -104,12 +104,14 @@ export class NoticeService {
/** /**
* Get product by id * Get product by id
*/ */
getNoticeById(id: string | null): Observable<Notice> { getNoticeById(title: string | null): Observable<Notice> {
return this.__notices.pipe( return this.__notices.pipe(
take(1), take(1),
map((notices) => { map((notices) => {
// Find the product // Find the product
const notice = notices?.find((item) => item.id === id) || undefined; const notice =
notices?.find((item) => !!item && !!item.title === !!title) ||
undefined;
// Update the product // Update the product
this.__notice.next(notice); this.__notice.next(notice);
@ -119,7 +121,9 @@ export class NoticeService {
}), }),
switchMap((product) => { switchMap((product) => {
if (!product) { if (!product) {
return throwError('Could not found product with id of ' + id + '!'); return throwError(
'Could not found product with id of ' + title + '!'
);
} }
return of(product); return of(product);