미니마틴 설정 화면

This commit is contained in:
byung eun park 2019-09-19 15:56:50 +09:00
parent 2f2e208316
commit 06a61b20b5
3 changed files with 218 additions and 3 deletions

View File

@ -1 +1,177 @@
<p>level works!</p> <div id="cards" class="page-layout simple fullwidth">
<!-- HEADER -->
<div
class="header accent p-24 h-160"
fxLayout="row"
fxLayoutAlign="space-between center"
>
<div fxLayout="column" fxLayoutAlign="center start">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">마틴 설정관리</span>
</div>
<div class="h2 mt-16">마틴 설정리스트</div>
</div>
</div>
<!-- / HEADER -->
<!-- CONTENT -->
<div class="content" [ngClass]="this.view">
<div class="cards">
<!-- CARD 17 -->
<div class="card">
<!-- PREVIEW -->
<div class="card-preview">
<div class="fuse-card">
<div class="p-16">
<div class="h1">달팽이 마틴 설정</div>
</div>
<div class="px-16 line-height-1.75">
<mat-button-toggle-group
name="fontStyle"
aria-label="Font Style"
class="tap-group-width"
>
<mat-button-toggle
color="accent"
value="on"
class="tap-button-width"
>정상</mat-button-toggle
>
<mat-button-toggle value="off" class="tap-button-width"
>제한</mat-button-toggle
>
</mat-button-toggle-group>
</div>
<div class="px-16 line-height-1.75">
<mat-form-field appearance="outline" fxFlex="200">
<mat-label>배팅금비율 설정</mat-label>
<input matInput formControlName="firstName" required />
<!-- <mat-error>First Name is required!</mat-error> -->
</mat-form-field>
</div>
<div class="card-divider"></div>
<div class="p-8 pt-0" fxLayout="row">
<button
class="submit-button mat-raised-button mat-accent"
color="accent"
style="width: 100%;"
>
저장
</button>
</div>
</div>
</div>
<!-- / PREVIEW -->
</div>
<!-- / CARD 17 -->
<!-- CARD 17 -->
<div class="card">
<!-- PREVIEW -->
<div class="card-preview">
<div class="fuse-card">
<div class="p-16">
<div class="h1">사다리 마틴 설정</div>
</div>
<div class="px-16 line-height-1.75">
<mat-button-toggle-group
name="fontStyle"
aria-label="Font Style"
class="tap-group-width"
>
<mat-button-toggle
color="accent"
value="on"
class="tap-button-width"
>정상</mat-button-toggle
>
<mat-button-toggle value="off" class="tap-button-width"
>제한</mat-button-toggle
>
</mat-button-toggle-group>
</div>
<div class="px-16 line-height-1.75">
<mat-form-field appearance="outline" fxFlex="200">
<mat-label>배팅금비율 설정</mat-label>
<input matInput formControlName="firstName" required />
<!-- <mat-error>First Name is required!</mat-error> -->
</mat-form-field>
</div>
<div class="card-divider"></div>
<div class="p-8 pt-0" fxLayout="row">
<button
class="submit-button mat-raised-button mat-accent"
color="accent"
style="width: 100%;"
>
저장
</button>
</div>
</div>
</div>
<!-- / PREVIEW -->
</div>
<!-- / CARD 17 -->
<!-- CARD 17 -->
<div class="card">
<!-- PREVIEW -->
<div class="card-preview">
<div class="fuse-card">
<div class="p-16">
<div class="h1">파워볼 마틴 설정</div>
</div>
<div class="px-16 line-height-1.75">
<mat-button-toggle-group
name="fontStyle"
aria-label="Font Style"
class="tap-group-width"
>
<mat-button-toggle
color="accent"
value="on"
class="tap-button-width"
>정상</mat-button-toggle
>
<mat-button-toggle value="off" class="tap-button-width"
>제한</mat-button-toggle
>
</mat-button-toggle-group>
</div>
<div class="px-16 line-height-1.75">
<mat-form-field appearance="outline" fxFlex="200">
<mat-label>배팅금비율 설정</mat-label>
<input matInput formControlName="firstName" required />
<!-- <mat-error>First Name is required!</mat-error> -->
</mat-form-field>
</div>
<div class="card-divider"></div>
<div class="p-8 pt-0" fxLayout="row">
<button
class="submit-button mat-raised-button mat-accent"
color="accent"
style="width: 100%;"
>
저장
</button>
</div>
</div>
</div>
<!-- / PREVIEW -->
</div>
<!-- / CARD 17 -->
</div>
</div>
<!-- / CONTENT -->
</div>

View File

@ -0,0 +1,36 @@
@import 'src/@fuse/scss/fuse';
app-mini-martin {
.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: 148px 112px 0px 100px;
margin-bottom: 40px;
.card-preview {
display: flex;
min-width: 320px;
}
.card-source {
display: none;
}
.tap-group-width {
width: 100%;
}
.tap-button-width {
width: 50%;
}
}
}
}
}

View File

@ -1,9 +1,12 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { fuseAnimations } from 'src/@fuse/animations';
@Component({ @Component({
selector: 'app-mini-martin', selector: 'app-mini-martin',
templateUrl: './mini-martin.component.html', templateUrl: './mini-martin.component.html',
styleUrls: ['./mini-martin.component.scss'] styleUrls: ['./mini-martin.component.scss'],
encapsulation: ViewEncapsulation.None,
animations: fuseAnimations
}) })
export class MiniMartinComponent implements OnInit { export class MiniMartinComponent implements OnInit {
constructor() {} constructor() {}