From 2f2e2083164d46403744f401d86710ba5adae179 Mon Sep 17 00:00:00 2001 From: byung eun park Date: Mon, 16 Sep 2019 15:23:41 +0900 Subject: [PATCH] =?UTF-8?q?=EC=95=8C=EB=9E=8C=EC=84=A4=EC=A0=95=20?= =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/app.theme.scss | 5 + .../component/alert-config.component.html | 471 +++++++++++++++++- .../component/alert-config.component.scss | 52 ++ .../component/alert-config.component.ts | 7 +- .../special/component/alert-config.theme.scss | 15 + .../pages/specials/special/special.module.ts | 6 + src/assets/images/cards/play_button.jpeg | Bin 0 -> 2587 bytes 7 files changed, 553 insertions(+), 3 deletions(-) create mode 100644 src/app/pages/specials/special/component/alert-config.theme.scss create mode 100644 src/assets/images/cards/play_button.jpeg 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 0000000000000000000000000000000000000000..539e9e77563431c3400105f86b480822cbcf4438 GIT binary patch literal 2587 zcmZWqc|6ox8~@FWVGwtQ#-I{oMwVtUMkFH9M3xvMG4_3APh{z8ZiL&|m*SG8vR4L` zWo~haYbU$OP9%F=q3e#f`+5I(-{+jq^Eu~y&-tF``~2}d2g3)G0Nn7B!6g6$0ss(a z00(2hJ%E>+M@Z-=I9yl=2}dH4A}BZ#g+d`kQKCqMh=>Rhi4r{_D=8|DJ%K{vw4|_d z3V1voby7u7MO{r6hgSgc@$m@?2#Uku;yA2?3{C-uQ&Ys@lyNv!Rh;VKmNW4RI7LNO z9LG2i=Ts4YxW?g>lyJC%cK`wgga9EB5CQ-rKoA7zpb0p}2@ni94E4VT;^u<#fFT@E z3l4z5U?_|S$^-oYA6`aqLAj-rg)W#m`rl2;6GodSGaJ?jf%J-A9%&V#u2Un198kG_ z$jzbsA8sf&2*L&C;ehH000aR+U@$1;UvAD{5H2V}N=W&FnSWA6uP~aR;&?Z&LDxKB zYK{BoMIza$vF~6MI0E6&A|MDr8(5JA1Cf%j|95?s+c{jkuOg)PaPPc>`@BlT4X`bQ zkfgNqYAwQS$=o^fum#f&zHE&V^OIi?FdAxIMHBNxIyaV8X1Kq-d}R-%s`h;AkDd>t zvI6bVm`~oA{UNdwqb4&eW@w=6@BVmuRpniBVWQmz*{l$E01#Hm@(I@O-7AsH{l|4C zMP6S#R#~lfY^JO@p;G#F$u4feXF;S-#RUyI>h)&*q;8E%Jlw~`_5_1 zugRb3EaQq89D9=BA?a=kwdub>PT7SL?4z{MIfzDIWbJK?zFdB?Iv#>Y>+_J02E` z(FV#j`O25^yxpzynBwUKKOIA`t|)ofNh07bjlVS+d=(xkmF!qwbsu~|6cJ-(@fJ!L zQlKDJo}Id0=2pCZEST)0;cv0B62mvdT!-o zh4EL`-uWlf)TJ;P8C&kvQ9pK|Y>1aj0*_NpUAt{iEL4BR-E3SegXXcprg#!b$|HDB z&z|tAVyi-z;sHC?OV8=~Nj_L><3sJB;grZ=G^VdM1Ag@qPjQ`EMMLg==lA*TAI`br8lNK(C%Aa|3b{t5F}Y;Y!1 z_mOh7Cj8r$&BkX;@Ha*2In|f*!a6dM?Ij6YaIG)eqSo{OQILJ8;FeISdrya~O z2=6@||NJwy(=wxRwG+cg-j8eD_chhm$d6QvR(0Mn9gY!H5kB$9EHaywI()y&Wx0;F zE)}ZDrDQY+N~7Fy;$hvN;it03Udi zYkcWvsY^5CenS>yf@bEgX{zq_I2*sSv+i^gqq)qGRdNSOnk?sQ9;wxzczuZof6Ud2u z@Gz~mJ*eyRy9^l?))J#TO`WD1&!!Mem=<(2ni>_+6*wf<9-1S=bdbb?YAeYyDSB2D-Yr?c=G!aV-9g|b-mQlOdTo|nz9{> zlxb6H(`NhCP5DF=(izd+l=sHXbS7Jm6YtIoW+0pFX;IjGJDim9X4+tuC=h4-z)NWU zY3ns?rh#qh7RxkssNgE6Y$+LnSGR+7_pN5#T7A9=Z}{HUA0@cCKSsCj-VtQCe=S6A z<3FFS$p!+>w6gm`ian@+!(kR>`v04 z2G#def}H#;^K`;Be98i`YPm4BLX9;2;?cwEtVT%3Wyg0_;{wf~PMoWrqb94M#CL1S zF6^mC$y>%aHSS}DyL?Hvc!a@f_wDQEQ8$c%Ot2fLMDkt)fpEe#pxzsl#|xR#O+sP! zuO7FCH7%S<9Fr2TA*a^}bT+-R+74*UCdLj@|13WHJo|cedbNbfJrJN1?s?O)$ubBx2!=uy;P(1G6j=`@-XJ@3=j6gm1zF!ns_CeksLs;n(`H#hYB%i&cK5Y8F{~@XPS2D>n zDSAbCt@Gw9CUPg{uMvv(j^c1pc$6(lknz3cJL)Z4e^aV-8)-jAmS?yxDiYw?Rgn`2 zew$K9W3{YDE|j{dI$B}%9KHNy0zuhMlz3*diLH)o#};hJY#8!GjJh{WyteU3S2ON- ztUxj$$)DBYxzRu}P?)u0zfO5c)`tW*drxE