totopia-backend/src/app/pages/specials/special/component/roulette-coupon.component.html
2019-09-20 22:25:15 +09:00

134 lines
4.1 KiB
HTML

<div
id="roulette-coupon"
class="page-layout simple fullwidth"
fxLayout="column"
>
<!-- <div id="orders" class="page-layout carded fullwidth inner-scroll"> -->
<!-- HEADER -->
<div
class="header accent p-24 h-160"
fxLayout="row"
fxLayoutAlign="start 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">User Interface</span>
</div>
<div class="h1 mt-16">룰렛쿠폰관리</div>
</div>
</div>
<!-- / HEADER -->
<!-- CONTENT -->
<div class="content p-24">
<div class="h1">
룰렛 금액관리
</div>
<div
class="mb-24"
fxLayout="column"
fxLayoutAlign="start"
fxLayout.gt-md="row"
>
<div
class="mat-elevation-z8 p-24 mr-24"
fxFlex="3 0 auto"
fxLayout="column"
>
<form
name="rouletteCouponForm"
[formGroup]="mtformgroup"
(ngSubmit)="rouletteCouponUpdate()"
novalidate
>
<mat-table
class="roulette-coupon-table"
#table
[dataSource]="dataSource"
[@animateStagger]="{ value: '50' }"
matSort
formArrayName="formarray"
>
<!-- Game Type Column [formGroupName] -->
<ng-container matColumnDef="id">
<mat-header-cell *matHeaderCellDef>순위</mat-header-cell>
<mat-cell
*matCellDef="let rouletteCoupon; let i = index"
[formGroupName]="i"
>{{ rouletteCoupon.id }}</mat-cell
>
</ng-container>
<!-- Game Description Column -->
<ng-container matColumnDef="price">
<mat-header-cell *matHeaderCellDef>금액</mat-header-cell>
<mat-cell
*matCellDef="let rouletteCoupon; let i = index"
[formGroupName]="i"
>
<mat-form-field appearance="outline">
<input
name="inputUserPrice={{ rouletteCoupon.price }}"
matInput
type="text"
formControlName="price"
/>
</mat-form-field>
</mat-cell>
</ng-container>
<!-- User Description Column -->
<ng-container matColumnDef="rate">
<mat-header-cell *matHeaderCellDef>확률</mat-header-cell>
<mat-cell
*matCellDef="let rouletteCoupon; let i = index"
[formGroupName]="i"
>
<mat-form-field appearance="outline">
<input
name="inputRate={{ rouletteCoupon.rate }}"
matInput
type="text"
formControlName="rate"
/> </mat-form-field
>%
</mat-cell>
</ng-container>
<!-- Odds Column -->
<ng-container matColumnDef="priceWon">
<mat-header-cell *matHeaderCellDef>배당설정</mat-header-cell>
<mat-cell
*matCellDef="let rouletteCoupon; let i = index"
[formGroupName]="i"
>
<mat-form-field appearance="outline">
<input
name="inputHolder={{ rouletteCoupon.priceWon }}"
matInput
type="text"
formControlName="priceWon"
/>
</mat-form-field>
</mat-cell>
</ng-container>
<mat-header-row
*matHeaderRowDef="displayedColumns"
></mat-header-row>
<mat-row
*matRowDef="let row; columns: displayedColumns"
class="roulette-coupon"
matRipple
></mat-row>
</mat-table>
</form>
</div>
</div>
</div>
<!-- / CONTENT -->
</div>