diff --git a/src/app/app.theme.scss b/src/app/app.theme.scss index edbae8a..b88693b 100644 --- a/src/app/app.theme.scss +++ b/src/app/app.theme.scss @@ -84,12 +84,17 @@ $typography: mat-typography-config( @import 'src/app/pages/accounts/component/authentication/authentication.theme'; +@import 'src/app/pages/specials/special/component/alert-config.theme'; + // Define a mixin for easier access @mixin components-theme($theme) { // Layout components @include chat-panel-theme($theme); @include toolbar-theme($theme); @include login-theme($theme); + + // UI + @include ui-cards-theme($theme); } // ----------------------------------------------------------------------------------------------------- diff --git a/src/app/pages/specials/special/component/alert-config.component.html b/src/app/pages/specials/special/component/alert-config.component.html index 630e895..9aa7434 100644 --- a/src/app/pages/specials/special/component/alert-config.component.html +++ b/src/app/pages/specials/special/component/alert-config.component.html @@ -1 +1,470 @@ -

alert-config works!

+
+ +
+
+
+ home + chevron_right + 알람 설정관리 +
+
알람 리스트 (지원 파일형식 wav, mid)
+
+
+ + + +
+
+ +
+ +
+
+
+
충전신청 알림 설정
+
+ +
+
+
+
+ attachment-2.doc + (12 Kb) +
+ + +
+
+
+ +
+ +
+ + + +
+
+
+ +
+ + + +
+ +
+
+
+
환전신청 알림 설정
+
+ +
+
+
+
+ attachment-2.doc + (12 Kb) +
+ + +
+
+
+ +
+ +
+ + + +
+
+
+ +
+ + + +
+ +
+
+
+
고객문의 알림 설정
+
+ +
+
+
+
+ attachment-2.doc + (12 Kb) +
+ + +
+
+
+ +
+ +
+ + + +
+
+
+ +
+ + + +
+ +
+
+
+
신규가입 알림 설정
+
+ +
+
+
+
+ attachment-2.doc + (12 Kb) +
+ + +
+
+
+ +
+ +
+ + + +
+
+
+ +
+ + + +
+ +
+
+
+
새게시물 알림 설정
+
+ +
+
+
+
+ attachment-2.doc + (12 Kb) +
+ + +
+
+
+ +
+ +
+ + + +
+
+
+ +
+ + + +
+ +
+
+
+
(30만원)배팅경고 알림 설정
+
+ +
+
+
+
+ attachment-2.doc + (12 Kb) +
+ + +
+
+
+ +
+ +
+ + + +
+
+
+ +
+ + +
+ +
+
+
+
배팅 알림 설정
+
+ +
+
+
+
+ attachment-2.doc + (12 Kb) +
+ + +
+
+
+ +
+ +
+ + + +
+
+
+ +
+ + +
+ +
+
+
+
유의회원 알림 설정
+
+ +
+
+
+
+ attachment-2.doc + (12 Kb) +
+ + +
+
+
+ +
+ +
+ + + +
+
+
+ +
+ + +
+ +
+
+
+
(유저)쪽지전송 알림 설정
+
+ +
+
+
+
+ attachment-2.doc + (12 Kb) +
+ + +
+
+
+ +
+ +
+ + + +
+
+
+ +
+ + +
+ +
+
+
+
(유저)문의전송 알림 설정
+
+ +
+
+
+
+ attachment-2.doc + (12 Kb) +
+ + +
+
+
+ +
+ +
+ + + +
+
+
+ +
+ +
+
+ +
diff --git a/src/app/pages/specials/special/component/alert-config.component.scss b/src/app/pages/specials/special/component/alert-config.component.scss index e69de29..f18e159 100644 --- a/src/app/pages/specials/special/component/alert-config.component.scss +++ b/src/app/pages/specials/special/component/alert-config.component.scss @@ -0,0 +1,52 @@ +@import 'src/@fuse/scss/fuse'; + +app-alert-config { + .content { + .cards { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + align-items: flex-start; + + .card { + display: flex; + align-items: flex-start; + padding: 48px 12px 0px 65px; + margin-bottom: 40px; + + .card-preview { + display: flex; + min-width: 320px; + } + + .card-source { + display: none; + } + } + } + + &.source { + .cards { + flex-direction: column; + + .card { + width: 100%; + margin-bottom: 24px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + + .card-source { + background: #263238; + display: flex !important; + flex: 1; + max-height: 400px; + min-width: 400px; + margin-left: 24px; + overflow: auto; + -webkit-overflow-scrolling: touch; + } + } + } + } + } +} diff --git a/src/app/pages/specials/special/component/alert-config.component.ts b/src/app/pages/specials/special/component/alert-config.component.ts index b0ce5cf..ff1ada2 100644 --- a/src/app/pages/specials/special/component/alert-config.component.ts +++ b/src/app/pages/specials/special/component/alert-config.component.ts @@ -1,9 +1,12 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ViewEncapsulation } from '@angular/core'; +import { fuseAnimations } from 'src/@fuse/animations'; @Component({ selector: 'app-alert-config', templateUrl: './alert-config.component.html', - styleUrls: ['./alert-config.component.scss'] + styleUrls: ['./alert-config.component.scss'], + encapsulation: ViewEncapsulation.None, + animations: fuseAnimations }) export class AlertConfigComponent implements OnInit { constructor() {} diff --git a/src/app/pages/specials/special/component/alert-config.theme.scss b/src/app/pages/specials/special/component/alert-config.theme.scss new file mode 100644 index 0000000..f7b9f61 --- /dev/null +++ b/src/app/pages/specials/special/component/alert-config.theme.scss @@ -0,0 +1,15 @@ +@mixin ui-cards-theme($theme) { + $foreground: map-get($theme, foreground); + + app-alert-config { + .content { + &.source { + .cards { + .card { + border-bottom-color: map-get($foreground, divider); + } + } + } + } + } +} diff --git a/src/app/pages/specials/special/special.module.ts b/src/app/pages/specials/special/special.module.ts index 457d99b..287841a 100644 --- a/src/app/pages/specials/special/special.module.ts +++ b/src/app/pages/specials/special/special.module.ts @@ -1,6 +1,7 @@ import { NgModule } from '@angular/core'; import { MatButtonModule } from '@angular/material/button'; +import { MatButtonToggleModule } from '@angular/material/button-toggle'; import { MatExpansionModule } from '@angular/material/expansion'; import { MatFormFieldModule } from '@angular/material/form-field'; import { MatIconModule } from '@angular/material/icon'; @@ -12,9 +13,11 @@ import { MatSortModule } from '@angular/material/sort'; import { MatTableModule } from '@angular/material/table'; import { MatTabsModule } from '@angular/material/tabs'; import { MatCheckboxModule } from '@angular/material/checkbox'; +import { MatSlideToggleModule } from '@angular/material/slide-toggle'; import { FuseSharedModule } from 'src/@fuse/shared.module'; import { FuseWidgetModule } from 'src/@fuse/components/widget/widget.module'; +import { FuseHighlightModule } from 'src/@fuse/components'; import { SpecialRoutingModule } from './special-routing.module'; @@ -23,6 +26,7 @@ import { COMPONENTS } from './component'; @NgModule({ imports: [ MatButtonModule, + MatButtonToggleModule, MatExpansionModule, MatFormFieldModule, MatIconModule, @@ -34,9 +38,11 @@ import { COMPONENTS } from './component'; MatTableModule, MatTabsModule, MatCheckboxModule, + MatSlideToggleModule, FuseSharedModule, FuseWidgetModule, + FuseHighlightModule, SpecialRoutingModule ], diff --git a/src/assets/images/cards/play_button.jpeg b/src/assets/images/cards/play_button.jpeg new file mode 100644 index 0000000..539e9e7 Binary files /dev/null and b/src/assets/images/cards/play_button.jpeg differ