diff --git a/src/app/modules/beteran/component/home.component.html b/src/app/modules/beteran/component/home.component.html new file mode 100644 index 0000000..bd484e9 --- /dev/null +++ b/src/app/modules/beteran/component/home.component.html @@ -0,0 +1,342 @@ +
+ +
+
+ +
+ + +
+ +
+ + + + + + + +
+ +
+ + + + + +
+
+ +
+ + + + + +
+
+
+ + + +
+
+ {{ casino.getName() }} +
+
+ {{ casino.getCategory() }} +
+
+ + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+ {{ casino.getName() }} +
+
+ {{ casino.getCategory() }} +
+
+ + +
+
+
+ + + + + + + +
+
+
+ + + +
+
+ {{ slot.getName() }} +
+
+ {{ slot.getCategory() }} +
+
+ + +
+
+
+ + + +
+
+
+ +
+
+ + + + +
실시간출금
+
+ Create and edit projects, upload images via drag drop, add + categories, add custom fields, create interactive forms and more. +
+
+
+ + + + + +
실시간입금
+
+ Search and filter within the projects, categories and custom + fields. Save search and filter details for easy access. +
+
+
+ + + + +
공지사항
+
+ +
+
+ +
+
+
{{ scheduleItem.title }}
+
+ +
+ +
+ {{ scheduleItem.time }} +
+
+ + +
+
+ +
+ +
+
+
+
+
+
+
+ +
+ +
+
diff --git a/src/app/modules/beteran/component/home.component.ts b/src/app/modules/beteran/component/home.component.ts new file mode 100644 index 0000000..8e55eba --- /dev/null +++ b/src/app/modules/beteran/component/home.component.ts @@ -0,0 +1,282 @@ +import { + ChangeDetectorRef, + Component, + Input, + OnInit, + ViewEncapsulation, +} from '@angular/core'; +import { MatDialog } from '@angular/material/dialog'; + +import { CompComposeComponent } from 'app/modules/beteran/compose/compose/comp-compose.component'; +import { CustomerComposeComponent } from 'app/modules/beteran/compose/compose/customer-compose.component'; +import { DepositComposeComponent } from 'app/modules/beteran/compose/compose/deposit-compose.component'; +import { DepositHistoryComposeComponent } from 'app/modules/beteran/compose/compose/deposit-history-compose.component'; +import { NoticeComposeComponent } from 'app/modules/beteran/compose/compose/notice-compose.component'; +import { SignInComposeComponent } from 'app/modules/beteran/compose/compose/sign-in-compose.component'; +import { SignUpComposeComponent } from 'app/modules/beteran/compose/compose/sign-up-compose.component'; +import { WithdrawComposeComponent } from 'app/modules/beteran/compose/compose/withdraw-compose.component'; +import { WithdrawHistoryComposeComponent } from 'app/modules/beteran/compose/compose/withdraw-history-compose.component'; +import { VendorService } from 'app/modules/polyglot/api/services/vendor.service'; +import { Vendor } from 'app/modules/proto/models/api/vendor_pb'; + +export enum ComposeMenuType { + signIn = 'signIn', + signup = 'signup', + signOut = 'signOut', + deposit = 'Deposit', + withdraw = 'Withdraw', + notice = 'Notice', + comp = 'Comp', + customer = 'Customer', + depositHistory = 'DepositHistory', + withdrawHistory = 'WithdrawHistory', +} + +@Component({ + selector: 'app-home', + templateUrl: './home.component.html', + encapsulation: ViewEncapsulation.None, +}) +export class HomeComponent implements OnInit { + @Input() + loggedIn: boolean = false; + + composeMenuType = ComposeMenuType; + + liveCasinos!: Vendor[]; + hotelCasinos!: Vendor[]; + slotGames!: Vendor[]; + + components = [ + { + id: 'ag(1)', + name: '에볼루션', + summary: 'Evolution', + exampleSpecs: { + prefix: 'autocomplete-', + }, + additionalApiDocs: [ + { + name: 'Testing', + path: 'material-autocomplete-testing.html', + }, + ], + }, + { + id: 'allbet', + name: '프라그메틱', + summary: 'PragmaticPlay.', + exampleSpecs: { + prefix: 'badge-', + }, + additionalApiDocs: [ + { + name: 'Testing', + path: 'material-badge-testing.html', + }, + ], + }, + { + id: 'elysium', + name: '드림게이밍', + summary: 'DreamGaming', + exampleSpecs: { + prefix: 'bottom-sheet-', + }, + additionalApiDocs: [ + { + name: 'Testing', + path: 'material-bottom-sheet-testing.html', + }, + ], + }, + { + id: 'elysium', + name: '마이크로게이밍', + summary: 'MicroGaming', + exampleSpecs: { + prefix: 'button-', + exclude: ['button-toggle-'], + }, + additionalApiDocs: [ + { + name: 'Testing', + path: 'material-button-testing.html', + }, + ], + }, + { + id: 'evolution', + name: '오리엔탈플러스', + summary: 'OrientalPlus', + exampleSpecs: { + prefix: 'button-toggle-', + }, + additionalApiDocs: [ + { + name: 'Testing', + path: 'material-button-toggle-testing.html', + }, + ], + }, + { + id: 'ezugi', + name: '아시안게이밍', + summary: 'AsiaGaming', + exampleSpecs: { + prefix: 'card-', + }, + additionalApiDocs: [ + { + name: 'Testing', + path: 'material-card-testing.html', + }, + ], + }, + { + id: 'ezugi', + name: 'CQ9LIVE', + summary: 'CQ9LIVE', + exampleSpecs: { + prefix: 'checkbox-', + }, + additionalApiDocs: [ + { + name: 'Testing', + path: 'material-checkbox-testing.html', + }, + ], + }, + { + id: 'ezugi', + name: '이주기', + summary: 'Ezugi', + exampleSpecs: { + prefix: 'chips-', + }, + additionalApiDocs: [ + { + name: 'Testing', + path: 'material-chips-testing.html', + }, + ], + }, + + // { + // id: 'ezugi', + // name: '비보카지노', + // summary: 'VIVO', + // exampleSpecs: { + // prefix: 'core-', + // }, + // additionalApiDocs: [ + // { + // name: 'Testing', + // path: 'material-core-testing.html', + // }, + // ], + // }, + ]; + + data = { + schedule: { + today: [ + { + title: '계좌 등록 안내', + time: '2022-06-08', + }, + { + title: '오토프로그램 이용 안냐', + time: '2022-06-08', + }, + { + title: '입출금 규정 안내', + time: '2022-06-08', + }, + { + title: '원피(가상계좌)사용 안내', + time: '2022-06-08', + }, + { + title: '입금문의 안내(필독)', + time: '2022-06-08', + }, + ], + }, + }; + /** + * Constructor + */ + constructor( + private _changeDetectorRef: ChangeDetectorRef, + private _matDialog: MatDialog, + private _vendorService: VendorService + ) {} + + ngOnInit(): void { + this._vendorService.listVendors().then((result) => { + this.liveCasinos = result + .getVendorsList() + .filter((v) => v.getCategory() === 'casino'); + + this.hotelCasinos = result + .getVendorsList() + .filter((v) => v.getCategory() === 'casino'); + this.slotGames = result + .getVendorsList() + .filter((v) => v.getCategory() === 'slot'); + + this._changeDetectorRef.markForCheck(); + }); + } + /** + * Track by function for ngFor loops + * + * @param index + * @param item + */ + trackByFn(index: number, item: any): any { + return item.id || index; + } + + /** + * @param composeMenuType + */ + __onClickCompose(composeMenuType: ComposeMenuType): void { + let selectType: any; + + switch (composeMenuType) { + case ComposeMenuType.signOut: + // selectType = SignInComposeComponent; + return; + break; + case ComposeMenuType.deposit: + selectType = DepositComposeComponent; + break; + case ComposeMenuType.withdraw: + selectType = WithdrawComposeComponent; + break; + case ComposeMenuType.notice: + selectType = NoticeComposeComponent; + break; + case ComposeMenuType.comp: + selectType = CompComposeComponent; + break; + case ComposeMenuType.customer: + selectType = CustomerComposeComponent; + break; + case ComposeMenuType.depositHistory: + selectType = DepositHistoryComposeComponent; + break; + case ComposeMenuType.withdrawHistory: + selectType = WithdrawHistoryComposeComponent; + break; + } + + const dialogRef = this._matDialog.open(selectType); + + dialogRef.afterClosed().subscribe((result) => { + console.log('Compose dialog was closed!'); + }); + } +} diff --git a/src/app/modules/beteran/compose/compose.module.ts b/src/app/modules/beteran/compose/compose.module.ts index eb23494..3dc2872 100644 --- a/src/app/modules/beteran/compose/compose.module.ts +++ b/src/app/modules/beteran/compose/compose.module.ts @@ -12,11 +12,12 @@ import { FuseCardModule } from '@fuse/components/card'; import { SharedModule } from 'app/shared/shared.module'; import { FuseAlertModule } from '@fuse/components/alert'; - +import { HomeComponent } from '../component/home.component'; import { COMPOSE } from './compose'; @NgModule({ - declarations: [COMPOSE], + declarations: [HomeComponent, COMPOSE], + exports: [HomeComponent], imports: [ MatButtonModule, MatIconModule, diff --git a/src/app/modules/game/main/main.component.html b/src/app/modules/game/main/main.component.html index be4496d..7490ae6 100644 --- a/src/app/modules/game/main/main.component.html +++ b/src/app/modules/game/main/main.component.html @@ -1,327 +1 @@ -
- -
-
- -
- - -
- -
- - - - - - - -
- -
- - - -
-
- -
- - - - - -
-
-
- - - -
-
- {{ component.name }} -
-
- {{ component.summary }} -
-
- - -
-
-
- - - - - - - -
-
-
- - - -
-
- {{ component.name }} -
-
- {{ component.summary }} -
-
- - -
-
-
- - - - - - - -
-
-
- - - -
-
- {{ component.name }} -
-
- {{ component.summary }} -
-
- - -
-
-
- - - -
-
-
- -
-
- - - - -
실시간출금
-
- Create and edit projects, upload images via drag drop, add - categories, add custom fields, create interactive forms and more. -
-
-
- - - - - -
실시간입금
-
- Search and filter within the projects, categories and custom - fields. Save search and filter details for easy access. -
-
-
- - - - -
공지사항
-
- -
-
- -
-
-
{{ scheduleItem.title }}
-
- -
- -
- {{ scheduleItem.time }} -
-
- - -
-
- -
- -
-
-
-
-
-
-
- -
- -
-
+ diff --git a/src/app/modules/game/main/main.component.ts b/src/app/modules/game/main/main.component.ts index f6e491a..524096a 100644 --- a/src/app/modules/game/main/main.component.ts +++ b/src/app/modules/game/main/main.component.ts @@ -1,197 +1,17 @@ -import { Component, ViewEncapsulation } from '@angular/core'; -import { MatDialog } from '@angular/material/dialog'; - -import { CompComposeComponent } from 'app/modules/beteran/compose/compose/comp-compose.component'; -import { CustomerComposeComponent } from 'app/modules/beteran/compose/compose/customer-compose.component'; -import { DepositComposeComponent } from 'app/modules/beteran/compose/compose/deposit-compose.component'; -import { DepositHistoryComposeComponent } from 'app/modules/beteran/compose/compose/deposit-history-compose.component'; -import { NoticeComposeComponent } from 'app/modules/beteran/compose/compose/notice-compose.component'; -import { SignInComposeComponent } from 'app/modules/beteran/compose/compose/sign-in-compose.component'; -import { SignUpComposeComponent } from 'app/modules/beteran/compose/compose/sign-up-compose.component'; -import { WithdrawComposeComponent } from 'app/modules/beteran/compose/compose/withdraw-compose.component'; -import { WithdrawHistoryComposeComponent } from 'app/modules/beteran/compose/compose/withdraw-history-compose.component'; - -export enum ComposeMenuType { - signOut = 'signOut', - deposit = 'Deposit', - withdraw = 'Withdraw', - notice = 'Notice', - comp = 'Comp', - customer = 'Customer', - depositHistory = 'DepositHistory', - withdrawHistory = 'WithdrawHistory', -} +import { Component, OnInit, ViewEncapsulation } from '@angular/core'; @Component({ selector: 'main', templateUrl: './main.component.html', encapsulation: ViewEncapsulation.None, }) -export class GameMainComponent { - composeMenuType = ComposeMenuType; - - components = [ - { - id: 'ag(1)', - name: '에볼루션', - summary: 'Evolution', - exampleSpecs: { - prefix: 'autocomplete-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-autocomplete-testing.html', - }, - ], - }, - { - id: 'allbet', - name: '프라그메틱', - summary: 'PragmaticPlay.', - exampleSpecs: { - prefix: 'badge-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-badge-testing.html', - }, - ], - }, - { - id: 'elysium', - name: '드림게이밍', - summary: 'DreamGaming', - exampleSpecs: { - prefix: 'bottom-sheet-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-bottom-sheet-testing.html', - }, - ], - }, - { - id: 'elysium', - name: '마이크로게이밍', - summary: 'MicroGaming', - exampleSpecs: { - prefix: 'button-', - exclude: ['button-toggle-'], - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-button-testing.html', - }, - ], - }, - { - id: 'evolution', - name: '오리엔탈플러스', - summary: 'OrientalPlus', - exampleSpecs: { - prefix: 'button-toggle-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-button-toggle-testing.html', - }, - ], - }, - { - id: 'ezugi', - name: '아시안게이밍', - summary: 'AsiaGaming', - exampleSpecs: { - prefix: 'card-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-card-testing.html', - }, - ], - }, - { - id: 'ezugi', - name: 'CQ9LIVE', - summary: 'CQ9LIVE', - exampleSpecs: { - prefix: 'checkbox-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-checkbox-testing.html', - }, - ], - }, - { - id: 'ezugi', - name: '이주기', - summary: 'Ezugi', - exampleSpecs: { - prefix: 'chips-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-chips-testing.html', - }, - ], - }, - - // { - // id: 'ezugi', - // name: '비보카지노', - // summary: 'VIVO', - // exampleSpecs: { - // prefix: 'core-', - // }, - // additionalApiDocs: [ - // { - // name: 'Testing', - // path: 'material-core-testing.html', - // }, - // ], - // }, - ]; - - data = { - schedule: { - today: [ - { - title: '계좌 등록 안내', - time: '2022-06-08', - }, - { - title: '오토프로그램 이용 안냐', - time: '2022-06-08', - }, - { - title: '입출금 규정 안내', - time: '2022-06-08', - }, - { - title: '원피(가상계좌)사용 안내', - time: '2022-06-08', - }, - { - title: '입금문의 안내(필독)', - time: '2022-06-08', - }, - ], - }, - }; +export class GameMainComponent implements OnInit { /** * Constructor */ - constructor(private _matDialog: MatDialog) {} + constructor() {} + ngOnInit(): void {} /** * Track by function for ngFor loops * @@ -201,45 +21,4 @@ export class GameMainComponent { trackByFn(index: number, item: any): any { return item.id || index; } - - /** - * @param composeMenuType - */ - __onClickCompose(composeMenuType: ComposeMenuType): void { - let selectType: any; - - switch (composeMenuType) { - case ComposeMenuType.signOut: - // selectType = SignInComposeComponent; - return; - break; - case ComposeMenuType.deposit: - selectType = DepositComposeComponent; - break; - case ComposeMenuType.withdraw: - selectType = WithdrawComposeComponent; - break; - case ComposeMenuType.notice: - selectType = NoticeComposeComponent; - break; - case ComposeMenuType.comp: - selectType = CompComposeComponent; - break; - case ComposeMenuType.customer: - selectType = CustomerComposeComponent; - break; - case ComposeMenuType.depositHistory: - selectType = DepositHistoryComposeComponent; - break; - case ComposeMenuType.withdrawHistory: - selectType = WithdrawHistoryComposeComponent; - break; - } - - const dialogRef = this._matDialog.open(selectType); - - dialogRef.afterClosed().subscribe((result) => { - console.log('Compose dialog was closed!'); - }); - } } diff --git a/src/app/modules/user/main/main.component.html b/src/app/modules/user/main/main.component.html index 992d738..2934ad1 100644 --- a/src/app/modules/user/main/main.component.html +++ b/src/app/modules/user/main/main.component.html @@ -1,336 +1 @@ -
- -
-
- -
- - -
- -
- - - - - - - -
- -
- - - - -
-
- -
- - - - - -
-
-
- - - -
-
- {{ component.name }} -
-
- {{ component.summary }} -
-
- - -
-
-
- - - - - - - -
-
-
- - - -
-
- {{ component.name }} -
-
- {{ component.summary }} -
-
- - -
-
-
- - - - - - - -
-
-
- - - -
-
- {{ component.name }} -
-
- {{ component.summary }} -
-
- - -
-
-
- - - -
-
-
- -
-
- - - - -
실시간출금
-
- Create and edit projects, upload images via drag drop, add - categories, add custom fields, create interactive forms and more. -
-
-
- - - - - -
실시간입금
-
- Search and filter within the projects, categories and custom - fields. Save search and filter details for easy access. -
-
-
- - - - -
공지사항
-
- -
-
- -
-
-
{{ scheduleItem.title }}
-
- -
- -
- {{ scheduleItem.time }} -
-
- - -
-
- -
- -
-
-
-
-
-
-
- -
- -
-
+ diff --git a/src/app/modules/user/main/main.component.ts b/src/app/modules/user/main/main.component.ts index 776201b..cfb57ab 100644 --- a/src/app/modules/user/main/main.component.ts +++ b/src/app/modules/user/main/main.component.ts @@ -1,196 +1,14 @@ import { Component, ViewEncapsulation } from '@angular/core'; -import { MatDialog } from '@angular/material/dialog'; -import { CompComposeComponent } from 'app/modules/beteran/compose/compose/comp-compose.component'; -import { CustomerComposeComponent } from 'app/modules/beteran/compose/compose/customer-compose.component'; -import { DepositComposeComponent } from 'app/modules/beteran/compose/compose/deposit-compose.component'; -import { DepositHistoryComposeComponent } from 'app/modules/beteran/compose/compose/deposit-history-compose.component'; -import { NoticeComposeComponent } from 'app/modules/beteran/compose/compose/notice-compose.component'; -import { SignInComposeComponent } from 'app/modules/beteran/compose/compose/sign-in-compose.component'; -import { SignUpComposeComponent } from 'app/modules/beteran/compose/compose/sign-up-compose.component'; -import { WithdrawComposeComponent } from 'app/modules/beteran/compose/compose/withdraw-compose.component'; -import { WithdrawHistoryComposeComponent } from 'app/modules/beteran/compose/compose/withdraw-history-compose.component'; - -export enum ComposeMenuType { - signin = 'signin', - signup = 'Signup', - deposit = 'Deposit', - withdraw = 'Withdraw', - notice = 'Notice', - comp = 'Comp', - customer = 'Customer', - depositHistory = 'DepositHistory', - withdrawHistory = 'WithdrawHistory', -} - @Component({ selector: 'main', templateUrl: './main.component.html', encapsulation: ViewEncapsulation.None, }) export class MainComponent { - composeMenuType = ComposeMenuType; - - components = [ - { - id: 'ag(1)', - name: '에볼루션', - summary: 'Evolution', - exampleSpecs: { - prefix: 'autocomplete-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-autocomplete-testing.html', - }, - ], - }, - { - id: 'allbet', - name: '프라그메틱', - summary: 'PragmaticPlay.', - exampleSpecs: { - prefix: 'badge-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-badge-testing.html', - }, - ], - }, - { - id: 'elysium', - name: '드림게이밍', - summary: 'DreamGaming', - exampleSpecs: { - prefix: 'bottom-sheet-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-bottom-sheet-testing.html', - }, - ], - }, - { - id: 'elysium', - name: '마이크로게이밍', - summary: 'MicroGaming', - exampleSpecs: { - prefix: 'button-', - exclude: ['button-toggle-'], - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-button-testing.html', - }, - ], - }, - { - id: 'evolution', - name: '오리엔탈플러스', - summary: 'OrientalPlus', - exampleSpecs: { - prefix: 'button-toggle-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-button-toggle-testing.html', - }, - ], - }, - { - id: 'ezugi', - name: '아시안게이밍', - summary: 'AsiaGaming', - exampleSpecs: { - prefix: 'card-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-card-testing.html', - }, - ], - }, - { - id: 'ezugi', - name: 'CQ9LIVE', - summary: 'CQ9LIVE', - exampleSpecs: { - prefix: 'checkbox-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-checkbox-testing.html', - }, - ], - }, - { - id: 'ezugi', - name: '이주기', - summary: 'Ezugi', - exampleSpecs: { - prefix: 'chips-', - }, - additionalApiDocs: [ - { - name: 'Testing', - path: 'material-chips-testing.html', - }, - ], - }, - - // { - // id: 'ezugi', - // name: '비보카지노', - // summary: 'VIVO', - // exampleSpecs: { - // prefix: 'core-', - // }, - // additionalApiDocs: [ - // { - // name: 'Testing', - // path: 'material-core-testing.html', - // }, - // ], - // }, - ]; - - data = { - schedule: { - today: [ - { - title: '계좌 등록 안내', - time: '2022-06-08', - }, - { - title: '오토프로그램 이용 안냐', - time: '2022-06-08', - }, - { - title: '입출금 규정 안내', - time: '2022-06-08', - }, - { - title: '원피(가상계좌)사용 안내', - time: '2022-06-08', - }, - { - title: '입금문의 안내(필독)', - time: '2022-06-08', - }, - ], - }, - }; /** * Constructor */ - constructor(private _matDialog: MatDialog) {} + constructor() {} /** * Track by function for ngFor loops @@ -201,47 +19,4 @@ export class MainComponent { trackByFn(index: number, item: any): any { return item.id || index; } - - /** - * @param composeMenuType - */ - __onClickCompose(composeMenuType: ComposeMenuType): void { - let selectType: any; - - switch (composeMenuType) { - case ComposeMenuType.signin: - selectType = SignInComposeComponent; - break; - case ComposeMenuType.signup: - selectType = SignUpComposeComponent; - break; - case ComposeMenuType.deposit: - selectType = DepositComposeComponent; - break; - case ComposeMenuType.withdraw: - selectType = WithdrawComposeComponent; - break; - case ComposeMenuType.notice: - selectType = NoticeComposeComponent; - break; - case ComposeMenuType.comp: - selectType = CompComposeComponent; - break; - case ComposeMenuType.customer: - selectType = CustomerComposeComponent; - break; - case ComposeMenuType.depositHistory: - selectType = DepositHistoryComposeComponent; - break; - case ComposeMenuType.withdrawHistory: - selectType = WithdrawHistoryComposeComponent; - break; - } - - const dialogRef = this._matDialog.open(selectType); - - dialogRef.afterClosed().subscribe((result) => { - console.log('Compose dialog was closed!'); - }); - } }