diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts
index 466ac9d..baff656 100644
--- a/src/app/app.routing.ts
+++ b/src/app/app.routing.ts
@@ -195,6 +195,13 @@ export const appRoutes: Route[] = [
(m: any) => m.EvolutionModule
),
},
+ {
+ path: 'slot',
+ loadChildren: () =>
+ import('app/modules/admin/game/slot/slot.module').then(
+ (m: any) => m.SlotModule
+ ),
+ },
],
},
],
diff --git a/src/app/mock-api/apps/game/slot/api.ts b/src/app/mock-api/apps/game/slot/api.ts
new file mode 100644
index 0000000..8674385
--- /dev/null
+++ b/src/app/mock-api/apps/game/slot/api.ts
@@ -0,0 +1,214 @@
+import { Injectable } from '@angular/core';
+import { assign, cloneDeep } from 'lodash-es';
+import { FuseMockApiService, FuseMockApiUtils } from '@fuse/lib/mock-api';
+import { slots as slotsData } from './data';
+
+@Injectable({
+ providedIn: 'root',
+})
+export class GameSlotMockApi {
+ private _slots: any[] = slotsData;
+
+ /**
+ * Constructor
+ */
+ constructor(private _fuseMockApiService: FuseMockApiService) {
+ // Register Mock API handlers
+ this.registerHandlers();
+ }
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Public methods
+ // -----------------------------------------------------------------------------------------------------
+
+ /**
+ * Register Mock API handlers
+ */
+ registerHandlers(): void {
+ // -----------------------------------------------------------------------------------------------------
+ // @ Slots - GET
+ // -----------------------------------------------------------------------------------------------------
+ this._fuseMockApiService
+ .onGet('api/apps/game/slot/slots', 300)
+ .reply(({ request }) => {
+ // Get available queries
+ const search = request.params.get('search');
+ const sort = request.params.get('sort') || 'name';
+ const order = request.params.get('order') || 'asc';
+ const page = parseInt(request.params.get('page') ?? '1', 10);
+ const size = parseInt(request.params.get('size') ?? '10', 10);
+
+ // Clone the slots
+ let slots: any[] | null = cloneDeep(this._slots);
+
+ // Sort the slots
+ if (sort === 'sku' || sort === 'name' || sort === 'active') {
+ slots.sort((a, b) => {
+ const fieldA = a[sort].toString().toUpperCase();
+ const fieldB = b[sort].toString().toUpperCase();
+ return order === 'asc'
+ ? fieldA.localeCompare(fieldB)
+ : fieldB.localeCompare(fieldA);
+ });
+ } else {
+ slots.sort((a, b) =>
+ order === 'asc' ? a[sort] - b[sort] : b[sort] - a[sort]
+ );
+ }
+
+ // If search exists...
+ if (search) {
+ // Filter the slots
+ slots = slots.filter(
+ (contact: any) =>
+ contact.name &&
+ contact.name.toLowerCase().includes(search.toLowerCase())
+ );
+ }
+
+ // Paginate - Start
+ const slotsLength = slots.length;
+
+ // Calculate pagination details
+ const begin = page * size;
+ const end = Math.min(size * (page + 1), slotsLength);
+ const lastPage = Math.max(Math.ceil(slotsLength / size), 1);
+
+ // Prepare the pagination object
+ let pagination = {};
+
+ // If the requested page number is bigger than
+ // the last possible page number, return null for
+ // slots but also send the last possible page so
+ // the app can navigate to there
+ if (page > lastPage) {
+ slots = null;
+ pagination = {
+ lastPage,
+ };
+ } else {
+ // Paginate the results by size
+ slots = slots.slice(begin, end);
+
+ // Prepare the pagination mock-api
+ pagination = {
+ length: slotsLength,
+ size: size,
+ page: page,
+ lastPage: lastPage,
+ startIndex: begin,
+ endIndex: end - 1,
+ };
+ }
+
+ // Return the response
+ return [
+ 200,
+ {
+ slots,
+ pagination,
+ },
+ ];
+ });
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Slot - GET
+ // -----------------------------------------------------------------------------------------------------
+ this._fuseMockApiService
+ .onGet('api/apps/game/slot/slot')
+ .reply(({ request }) => {
+ // Get the id from the params
+ const id = request.params.get('id');
+
+ // Clone the slots
+ const slots = cloneDeep(this._slots);
+
+ // Find the slot
+ const slot = slots.find((item: any) => item.id === id);
+
+ // Return the response
+ return [200, slot];
+ });
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Slot - POST
+ // -----------------------------------------------------------------------------------------------------
+ this._fuseMockApiService.onPost('api/apps/gmae/slot/slot').reply(() => {
+ // Generate a new slot
+ const newSlot = {
+ id: FuseMockApiUtils.guid(),
+ startDate: '',
+ finishDate: '',
+ totalBetting: '',
+ winningMoney: '',
+ proceedingMoney: '',
+ calculate: '',
+ index: '',
+ division: '',
+ rank: '',
+ nickname: '',
+ bettingProgress: '',
+ odds: '',
+ bettingMoney: '',
+ hitMoney: '',
+ bettingTime: '',
+ result: '',
+ delete: '',
+ };
+
+ // Unshift the new slot
+ this._slots.unshift(newSlot);
+
+ // Return the response
+ return [200, newSlot];
+ });
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Slot - PATCH
+ // -----------------------------------------------------------------------------------------------------
+ this._fuseMockApiService
+ .onPatch('api/apps/game/slot/slot')
+ .reply(({ request }) => {
+ // Get the id and slot
+ const id = request.body.id;
+ const slot = cloneDeep(request.body.slot);
+
+ // Prepare the updated slot
+ let updatedSlot = null;
+
+ // Find the slot and update it
+ this._slots.forEach((item, index, slots) => {
+ if (item.id === id) {
+ // Update the slot
+ slots[index] = assign({}, slots[index], slot);
+
+ // Store the updated slot
+ updatedSlot = slots[index];
+ }
+ });
+
+ // Return the response
+ return [200, updatedSlot];
+ });
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Slot - DELETE
+ // -----------------------------------------------------------------------------------------------------
+ this._fuseMockApiService
+ .onDelete('api/apps/game/slot/slot')
+ .reply(({ request }) => {
+ // Get the id
+ const id = request.params.get('id');
+
+ // Find the slot and delete it
+ this._slots.forEach((item, index) => {
+ if (item.id === id) {
+ this._slots.splice(index, 1);
+ }
+ });
+
+ // Return the response
+ return [200, true];
+ });
+ }
+}
diff --git a/src/app/mock-api/apps/game/slot/data.ts b/src/app/mock-api/apps/game/slot/data.ts
new file mode 100644
index 0000000..7ff66da
--- /dev/null
+++ b/src/app/mock-api/apps/game/slot/data.ts
@@ -0,0 +1,62 @@
+/* eslint-disable */
+
+export const slots = [
+ {
+ startDate: '2022-06-01 00:00',
+ finishDate: '2022-06-21 23:59',
+ availableBetting: 11545000,
+ bettingMoney: 11811000,
+ winningMoney: 11405200,
+ cancel: 0,
+ betWinCancel: 405800,
+ mainofficeRolling: 58114,
+ branchRolling: 34514,
+ divisionRolling: 23058,
+ officeRolling: 22982,
+ storeRolling: 11787,
+ memberRolling: 80295,
+ totalrolling: 230750,
+ highRank: '[매장]kgon5',
+ gameId: 'ks1_1007',
+ id: 'aa100',
+ nickname: 'aa100',
+ gameName: '프라그마틱슬롯',
+ gameInfo1: '스타라이트 프린세스',
+ gameInfo2: '',
+ gameInfo3: '62afded8114e77723a93caa2',
+ form: '배팅',
+ betting: 800,
+ profitLoss: 0,
+ beforeWinning: 69831,
+ winning: 0,
+ afterWinning: 69831,
+ beforeBetting: 187730,
+ afterBetting: 186903,
+ finalMoney: 69831,
+ bettingInfo1: 'Banker',
+ bettingInfo2: 8000,
+ bettingInfo3: 0,
+ data: '',
+ comp: 'Y',
+ mainofficeName: 'kgon1',
+ mainofficePercent: '2.80',
+ mainofficePoint: '22.40',
+ branchName: 'kgon2',
+ branchPercent: '0.20',
+ branchPoint: '1.60',
+ divisionName: 'kgon3',
+ divisionPercent: '0.20',
+ divisionPoint: '1.60',
+ officeName: 'kgon4',
+ officePercent: '0.30',
+ officePoint: '2.40',
+ storeName: 'kgon5',
+ storePercent: '1.50',
+ storePoint: '12.00',
+ memberName: '',
+ memberPercent: '',
+ memberPoint: '',
+ bettingTime: '2022-06-20 11:43:37',
+ registrationTime: '2022-06-20 11:45:02',
+ },
+];
diff --git a/src/app/mock-api/common/navigation/data.ts b/src/app/mock-api/common/navigation/data.ts
index ad3e507..f01f967 100644
--- a/src/app/mock-api/common/navigation/data.ts
+++ b/src/app/mock-api/common/navigation/data.ts
@@ -99,6 +99,13 @@ export const defaultNavigation: FuseNavigationItem[] = [
icon: 'heroicons_outline:academic-cap',
link: '/game/evolution',
},
+ {
+ id: 'game.slot',
+ title: 'Slot',
+ type: 'basic',
+ icon: 'heroicons_outline:academic-cap',
+ link: '/game/slot',
+ },
],
},
];
diff --git a/src/app/mock-api/index.ts b/src/app/mock-api/index.ts
index 001c919..ba61c69 100644
--- a/src/app/mock-api/index.ts
+++ b/src/app/mock-api/index.ts
@@ -27,6 +27,7 @@ import { BankWithdrawMockApi } from './apps/bank/withdraw/api';
import { GamePowerballMockApi } from './apps/game/powerball/api';
import { GameCasinoMockApi } from './apps/game/casino/api';
import { GameEvolutionMockApi } from './apps/game/evolution/api';
+import { GameSlotMockApi } from './apps/game/slot/api';
export const mockApiServices = [
AcademyMockApi,
@@ -58,4 +59,5 @@ export const mockApiServices = [
GamePowerballMockApi,
GameCasinoMockApi,
GameEvolutionMockApi,
+ GameSlotMockApi,
];
diff --git a/src/app/modules/admin/game/slot/components/index.ts b/src/app/modules/admin/game/slot/components/index.ts
new file mode 100644
index 0000000..04759eb
--- /dev/null
+++ b/src/app/modules/admin/game/slot/components/index.ts
@@ -0,0 +1,3 @@
+import { ListComponent } from './list.component';
+
+export const COMPONENTS = [ListComponent];
diff --git a/src/app/modules/admin/game/slot/components/list.component.html b/src/app/modules/admin/game/slot/components/list.component.html
new file mode 100644
index 0000000..ee651f0
--- /dev/null
+++ b/src/app/modules/admin/game/slot/components/list.component.html
@@ -0,0 +1,390 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 카지노
+ 슬롯
+
+
+
+
+ 전체
+ 프라그마틱 슬롯
+ 마이크로게이밍 슬롯
+ 하바네로
+ 부운고
+ 플레이손
+ 퀵스핀
+ 플레이엔고
+ 넷엔트
+ 메버릭
+ 레드레이크
+ 릴렉스
+ 블루프린트
+ ELK
+ 아시안게이밍 슬롯
+ CQ9 슬롯
+ 레드타이거
+ 드래곤 소프트
+ 스피어헤드
+ 엘리시움
+
+
+
+
+ 전체금액
+ 배팅100만미만
+ 배팅100-300만
+ 배팅300-500만
+ 배팅500만이상
+ 당첨1000만초과
+
+
+
+
+ 아이디
+ 게임아이디
+ 닉네임
+ 게임종류
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 0; else noSlot">
+
+
+
+
+
+ 상위
+
+
+ 유저
+
+
+ 게임
+
+
형식
+
+ 금액
+
+
+ 최종금액
+
+
+ 배팅
+
+
+ 데이터
+
+
콤프
+
+ 롤링
+
+
+ 배팅시간 등록시간
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ slot.gameId }}
+ {{ slot.id }}
+ {{ slot.nickname }}
+
+
+
+
+ {{ slot.gameInfo1 }}
+ {{ slot.gameInfo2 }}
+ {{ slot.gameInfo3 }}
+
+
+
+
+
+
+
+ 배팅{{ slot.betting }} 당첨{{ slot.winning }} 손익{{
+ slot.profitLoss
+ }}
+
+
+
+
+ 배팅 전{{ slot.beforeBetting }} 배팅 후{{
+ slot.afterBetting
+ }}
+ 최종금액{{ slot.finalMoney }}
+
+
+
+
+ {{ slot.bettingInfo1 }}
+ {{ slot.bettingInfo2 }}
+ {{ slot.bettingInfo3 }}
+
+
+
+
+
+
+
+
+
+ {{ slot.comp }}
+
+
+
+
+ 본사:{{ slot.mainofficeName }}({{
+ slot.mainofficePercent
+ }}%,{{ slot.mainofficePoint }}P) 대본:{{
+ slot.branchName
+ }}({{ slot.branchPercent }}%,{{ slot.branchPoint }}P)
+ 부본:{{ slot.divisionName }}({{ slot.divisionPercent }}%,{{
+ slot.divisionPoint
+ }}P) 총판:{{ slot.officeName }}({{ slot.officePercent }}%,{{
+ slot.officePoint
+ }}P) 매장:{{ slot.storeName }}({{ slot.storePercent }}%,{{
+ slot.storePoint
+ }}P) 회원:{{ slot.memberName }}({{ slot.memberPercent }}%,{{
+ slot.memberPoint
+ }}P)
+
+
+
+
+ {{ slot.bettingTime }}
+ {{ slot.registrationTime }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ There are no slot!
+
+
+
+
+
diff --git a/src/app/modules/admin/game/slot/components/list.component.ts b/src/app/modules/admin/game/slot/components/list.component.ts
new file mode 100644
index 0000000..63e9563
--- /dev/null
+++ b/src/app/modules/admin/game/slot/components/list.component.ts
@@ -0,0 +1,190 @@
+import {
+ AfterViewInit,
+ ChangeDetectionStrategy,
+ ChangeDetectorRef,
+ Component,
+ OnDestroy,
+ OnInit,
+ ViewChild,
+ ViewEncapsulation,
+} from '@angular/core';
+import {
+ FormBuilder,
+ FormControl,
+ FormGroup,
+ Validators,
+} from '@angular/forms';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import {
+ debounceTime,
+ map,
+ merge,
+ Observable,
+ Subject,
+ switchMap,
+ takeUntil,
+} from 'rxjs';
+import { fuseAnimations } from '@fuse/animations';
+import { FuseConfirmationService } from '@fuse/services/confirmation';
+
+import { Slot } from '../models/slot';
+import { SlotPagination } from '../models/slot-pagination';
+import { SlotService } from '../services/slot.service';
+
+@Component({
+ selector: 'slot-list',
+ templateUrl: './list.component.html',
+ styles: [
+ /* language=SCSS */
+ `
+ .inventory-grid {
+ grid-template-columns: 60px auto 40px;
+
+ @screen sm {
+ grid-template-columns: 60px auto 60px 72px;
+ }
+
+ @screen md {
+ grid-template-columns: 60px 60px auto 112px 72px;
+ }
+
+ @screen lg {
+ grid-template-columns: 60px 60px auto 112px 96px 96px 72px;
+ }
+ }
+ `,
+ ],
+ encapsulation: ViewEncapsulation.None,
+ changeDetection: ChangeDetectionStrategy.OnPush,
+ animations: fuseAnimations,
+})
+export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
+ @ViewChild(MatPaginator) private _paginator!: MatPaginator;
+ @ViewChild(MatSort) private _sort!: MatSort;
+
+ slots$!: Observable;
+
+ isLoading = false;
+ searchInputControl = new FormControl();
+ selectedSlot?: Slot;
+ pagination?: SlotPagination;
+
+ private _unsubscribeAll: Subject = new Subject();
+
+ /**
+ * Constructor
+ */
+ constructor(
+ private _changeDetectorRef: ChangeDetectorRef,
+ private _fuseConfirmationService: FuseConfirmationService,
+ private _formBuilder: FormBuilder,
+ private _slotService: SlotService
+ ) {}
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Lifecycle hooks
+ // -----------------------------------------------------------------------------------------------------
+
+ /**
+ * On init
+ */
+ ngOnInit(): void {
+ // Get the pagination
+ this._slotService.pagination$
+ .pipe(takeUntil(this._unsubscribeAll))
+ .subscribe((pagination: SlotPagination | undefined) => {
+ // Update the pagination
+ this.pagination = pagination;
+
+ // Mark for check
+ this._changeDetectorRef.markForCheck();
+ });
+
+ // Get the products
+ this.slots$ = this._slotService.slots$;
+ }
+
+ /**
+ * After view init
+ */
+ ngAfterViewInit(): void {
+ if (this._sort && this._paginator) {
+ // Set the initial sort
+ this._sort.sort({
+ id: 'nickname',
+ start: 'asc',
+ disableClear: true,
+ });
+
+ // Mark for check
+ this._changeDetectorRef.markForCheck();
+
+ // If the slot changes the sort order...
+ this._sort.sortChange
+ .pipe(takeUntil(this._unsubscribeAll))
+ .subscribe(() => {
+ // Reset back to the first page
+ this._paginator.pageIndex = 0;
+ });
+
+ // Get products if sort or page changes
+ merge(this._sort.sortChange, this._paginator.page)
+ .pipe(
+ switchMap(() => {
+ this.isLoading = true;
+ return this._slotService.getSlots(
+ this._paginator.pageIndex,
+ this._paginator.pageSize,
+ this._sort.active,
+ this._sort.direction
+ );
+ }),
+ map(() => {
+ this.isLoading = false;
+ })
+ )
+ .subscribe();
+ }
+ }
+
+ /**
+ * On destroy
+ */
+ ngOnDestroy(): void {
+ // Unsubscribe from all subscriptions
+ this._unsubscribeAll.next(null);
+ this._unsubscribeAll.complete();
+ }
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Public methods
+ // -----------------------------------------------------------------------------------------------------
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Private methods
+ // -----------------------------------------------------------------------------------------------------
+
+ /**
+ * Create product
+ */
+ __createProduct(): void {}
+
+ /**
+ * Toggle product details
+ *
+ * @param productId
+ */
+ __toggleDetails(productId: string): void {}
+
+ /**
+ * Track by function for ngFor loops
+ *
+ * @param index
+ * @param item
+ */
+ __trackByFn(index: number, item: any): any {
+ return item.id || index;
+ }
+}
diff --git a/src/app/modules/admin/game/slot/models/slot-pagination.ts b/src/app/modules/admin/game/slot/models/slot-pagination.ts
new file mode 100644
index 0000000..fb8c889
--- /dev/null
+++ b/src/app/modules/admin/game/slot/models/slot-pagination.ts
@@ -0,0 +1,8 @@
+export interface SlotPagination {
+ length: number;
+ size: number;
+ page: number;
+ lastPage: number;
+ startIndex: number;
+ endIndex: number;
+}
diff --git a/src/app/modules/admin/game/slot/models/slot.ts b/src/app/modules/admin/game/slot/models/slot.ts
new file mode 100644
index 0000000..db2b6dc
--- /dev/null
+++ b/src/app/modules/admin/game/slot/models/slot.ts
@@ -0,0 +1,58 @@
+export interface Slot {
+ id?: string;
+ startDate?: string;
+ finishDate?: string;
+ availableBetting?: number;
+ bettingMoney?: number;
+ winningMoney?: number;
+ cancel?: number;
+ betWinCancel?: number;
+ mainofficeRolling?: number;
+ branchRolling?: number;
+ divisionRolling?: number;
+ officeRolling?: number;
+ storeRolling?: number;
+ memberRolling?: number;
+ totalrolling?: number;
+ highRank?: string;
+ gameId?: string;
+ nickname?: string;
+ gameName?: string;
+ gameInfo1?: string;
+ gameInfo2?: string;
+ gameInfo3?: string;
+ form?: string;
+ betting?: number;
+ profitLoss?: number;
+ beforeWinning?: number;
+ winning?: number;
+ afterWinning?: number;
+ beforeBetting?: number;
+ afterBetting?: number;
+ finalMoney?: number;
+ bettingInfo1?: string;
+ bettingInfo2?: number;
+ bettingInfo3?: number;
+ data?: string;
+ comp?: string;
+ mainofficeName?: string;
+ mainofficePercent?: number;
+ mainofficePoint?: number;
+ branchName?: string;
+ branchPercent?: number;
+ branchPoint?: number;
+ divisionName?: string;
+ divisionPercent?: number;
+ divisionPoint?: number;
+ officeName?: string;
+ officePercent?: number;
+ officePoint?: number;
+ storeName?: string;
+ storePercent?: number;
+ storePoint?: number;
+ memberName?: string;
+ memberPercent?: number;
+ memberPoint?: number;
+ bettingTime?: string;
+ registrationTime?: string;
+}
diff --git a/src/app/modules/admin/game/slot/resolvers/slot.resolver.ts b/src/app/modules/admin/game/slot/resolvers/slot.resolver.ts
new file mode 100644
index 0000000..a88f4c4
--- /dev/null
+++ b/src/app/modules/admin/game/slot/resolvers/slot.resolver.ts
@@ -0,0 +1,84 @@
+import { Injectable } from '@angular/core';
+import {
+ ActivatedRouteSnapshot,
+ Resolve,
+ Router,
+ RouterStateSnapshot,
+} from '@angular/router';
+import { catchError, Observable, throwError } from 'rxjs';
+
+import { Slot } from '../models/slot';
+import { SlotPagination } from '../models/slot-pagination';
+import { SlotService } from '../services/slot.service';
+
+@Injectable({
+ providedIn: 'root',
+})
+export class SlotResolver implements Resolve {
+ /**
+ * Constructor
+ */
+ constructor(private _slotService: SlotService, private _router: Router) {}
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Public methods
+ // -----------------------------------------------------------------------------------------------------
+
+ /**
+ * Resolver
+ *
+ * @param route
+ * @param state
+ */
+ resolve(
+ route: ActivatedRouteSnapshot,
+ state: RouterStateSnapshot
+ ): Observable {
+ return this._slotService.getSlotById(route.paramMap.get('id')).pipe(
+ // Error here means the requested product is not available
+ catchError((error) => {
+ // Log the error
+ console.error(error);
+
+ // Get the parent url
+ const parentUrl = state.url.split('/').slice(0, -1).join('/');
+
+ // Navigate to there
+ this._router.navigateByUrl(parentUrl);
+
+ // Throw an error
+ return throwError(error);
+ })
+ );
+ }
+}
+
+@Injectable({
+ providedIn: 'root',
+})
+export class SlotsResolver implements Resolve {
+ /**
+ * Constructor
+ */
+ constructor(private _slotService: SlotService) {}
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Public methods
+ // -----------------------------------------------------------------------------------------------------
+
+ /**
+ * Resolver
+ *
+ * @param route
+ * @param state
+ */
+ resolve(
+ route: ActivatedRouteSnapshot,
+ state: RouterStateSnapshot
+ ): Observable<{
+ pagination: SlotPagination;
+ slots: Slot[];
+ }> {
+ return this._slotService.getSlots();
+ }
+}
diff --git a/src/app/modules/admin/game/slot/services/slot.service.ts b/src/app/modules/admin/game/slot/services/slot.service.ts
new file mode 100644
index 0000000..099df86
--- /dev/null
+++ b/src/app/modules/admin/game/slot/services/slot.service.ts
@@ -0,0 +1,151 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import {
+ BehaviorSubject,
+ filter,
+ map,
+ Observable,
+ of,
+ switchMap,
+ take,
+ tap,
+ throwError,
+} from 'rxjs';
+
+import { Slot } from '../models/slot';
+import { SlotPagination } from '../models/slot-pagination';
+
+@Injectable({
+ providedIn: 'root',
+})
+export class SlotService {
+ // Private
+ private __pagination = new BehaviorSubject(
+ undefined
+ );
+ private __slot = new BehaviorSubject(undefined);
+ private __slots = new BehaviorSubject(undefined);
+
+ /**
+ * Constructor
+ */
+ constructor(private _httpClient: HttpClient) {}
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Accessors
+ // -----------------------------------------------------------------------------------------------------
+
+ /**
+ * Getter for pagination
+ */
+ get pagination$(): Observable {
+ return this.__pagination.asObservable();
+ }
+
+ /**
+ * Getter for slot
+ */
+ get slot$(): Observable {
+ return this.__slot.asObservable();
+ }
+
+ /**
+ * Getter for slots
+ */
+ get slots$(): Observable {
+ return this.__slots.asObservable();
+ }
+
+ // -----------------------------------------------------------------------------------------------------
+ // @ Public methods
+ // -----------------------------------------------------------------------------------------------------
+
+ /**
+ * Get slots
+ *
+ *
+ * @param page
+ * @param size
+ * @param sort
+ * @param order
+ * @param search
+ */
+ getSlots(
+ page: number = 0,
+ size: number = 10,
+ sort: string = 'nickname',
+ order: 'asc' | 'desc' | '' = 'asc',
+ search: string = ''
+ ): Observable<{
+ pagination: SlotPagination;
+ slots: Slot[];
+ }> {
+ return this._httpClient
+ .get<{ pagination: SlotPagination; slots: Slot[] }>(
+ 'api/apps/game/slot/slots',
+ {
+ params: {
+ page: '' + page,
+ size: '' + size,
+ sort,
+ order,
+ search,
+ },
+ }
+ )
+ .pipe(
+ tap((response) => {
+ this.__pagination.next(response.pagination);
+ this.__slots.next(response.slots);
+ })
+ );
+ }
+
+ /**
+ * Get product by id
+ */
+ getSlotById(id: string | null): Observable {
+ return this.__slots.pipe(
+ take(1),
+ map((slots) => {
+ // Find the product
+ const slot = slots?.find((item) => item.id === id) || undefined;
+
+ // Update the product
+ this.__slot.next(slot);
+
+ // Return the product
+ return slot;
+ }),
+ switchMap((product) => {
+ if (!product) {
+ return throwError('Could not found product with id of ' + id + '!');
+ }
+
+ return of(product);
+ })
+ );
+ }
+
+ /**
+ * Create product
+ */
+ createSlot(): Observable {
+ return this.slots$.pipe(
+ take(1),
+ switchMap((slots) =>
+ this._httpClient.post('api/apps/game/slot/product', {}).pipe(
+ map((newSlot) => {
+ // Update the slots with the new product
+ if (!!slots) {
+ this.__slots.next([newSlot, ...slots]);
+ }
+
+ // Return the new product
+ return newSlot;
+ })
+ )
+ )
+ );
+ }
+}
diff --git a/src/app/modules/admin/game/slot/slot.module.ts b/src/app/modules/admin/game/slot/slot.module.ts
new file mode 100644
index 0000000..6b92e2f
--- /dev/null
+++ b/src/app/modules/admin/game/slot/slot.module.ts
@@ -0,0 +1,42 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+
+import { MatButtonModule } from '@angular/material/button';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+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';
+
+import { SharedModule } from 'app/shared/shared.module';
+
+import { COMPONENTS } from './components';
+
+import { slotRoutes } from './slot.routing';
+
+@NgModule({
+ declarations: [COMPONENTS],
+ imports: [
+ TranslocoModule,
+ SharedModule,
+ RouterModule.forChild(slotRoutes),
+
+ MatButtonModule,
+ MatFormFieldModule,
+ MatIconModule,
+ MatInputModule,
+ MatPaginatorModule,
+ MatProgressBarModule,
+ MatRippleModule,
+ MatSortModule,
+ MatSelectModule,
+ MatTooltipModule,
+ ],
+})
+export class SlotModule {}
diff --git a/src/app/modules/admin/game/slot/slot.routing.ts b/src/app/modules/admin/game/slot/slot.routing.ts
new file mode 100644
index 0000000..6643300
--- /dev/null
+++ b/src/app/modules/admin/game/slot/slot.routing.ts
@@ -0,0 +1,15 @@
+import { Route } from '@angular/router';
+
+import { ListComponent } from './components/list.component';
+
+import { SlotsResolver } from './resolvers/slot.resolver';
+
+export const slotRoutes: Route[] = [
+ {
+ path: '',
+ component: ListComponent,
+ resolve: {
+ deposits: SlotsResolver,
+ },
+ },
+];
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index a8751d1..8726328 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -10,5 +10,6 @@
"Withdraw": "Withdraw",
"Powerball": "Powerball",
"Casino": "Casino",
- "Evolution": "Evolution"
+ "Evolution": "Evolution",
+ "Slot": "Slot"
}
diff --git a/src/assets/i18n/ko.json b/src/assets/i18n/ko.json
index ba04d89..feb4851 100644
--- a/src/assets/i18n/ko.json
+++ b/src/assets/i18n/ko.json
@@ -10,5 +10,6 @@
"Withdraw": "출금관리",
"Powerball": "파워볼",
"Casino": "카지노배팅리스트",
- "Evolution": "에볼루션배팅리스트"
+ "Evolution": "에볼루션배팅리스트",
+ "Slot": "슬롯배팅리스트"
}