95 lines
2.7 KiB
HTML
95 lines
2.7 KiB
HTML
<div id="bet-rule" class="page-layout carded fullwidth inner-scroll">
|
|
<!-- TOP BACKGROUND -->
|
|
<div class="top-bg accent"></div>
|
|
<!-- / TOP BACKGROUND -->
|
|
|
|
<!-- CENTER -->
|
|
<div class="center">
|
|
<!-- HEADER -->
|
|
<div
|
|
class="header accent"
|
|
fxLayout="row"
|
|
fxLayoutAlign="space-between center"
|
|
>
|
|
<!-- APP TITLE -->
|
|
<div fxLayout="row" fxLayoutAlign="start center">
|
|
<div
|
|
fxLayout="column"
|
|
fxLayoutAlign="start start"
|
|
[@animate]="{ value: '*', params: { delay: '100ms', x: '-25px' } }"
|
|
>
|
|
<div class="h2">
|
|
게시물 작성
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- / APP TITLE -->
|
|
</div>
|
|
<!-- / HEADER -->
|
|
|
|
<!-- CONTENT CARD -->
|
|
<div class="content-card">
|
|
<!-- CONTENT -->
|
|
<div class="content">
|
|
<!-- <mat-tab-group fxLayout="column" fxFlex>
|
|
<mat-tab label="Order Details"> -->
|
|
<div class="order-details tab-content p-24" fusePerfectScrollbar>
|
|
<div class="section pb-48">
|
|
<div class="pb-16" fxLayout="row" fxLayoutAlign="start center">
|
|
<mat-icon class="m-0 mr-16 secondary-text">access_time</mat-icon>
|
|
<div class="h2 secondary-text">게시물 작성하기</div>
|
|
</div>
|
|
<form
|
|
class="update-status p-24"
|
|
(ngSubmit)="updateStatus()"
|
|
[formGroup]="statusForm"
|
|
fxLayout="column"
|
|
fxLayoutAlign="start center"
|
|
>
|
|
<mat-form-field
|
|
appearance="outline"
|
|
floatLabel="always"
|
|
class="w-100-p"
|
|
>
|
|
<mat-label>제목</mat-label>
|
|
<input
|
|
matInput
|
|
placeholder="제목을 입력하세요."
|
|
name="title"
|
|
formControlName="title"
|
|
required
|
|
/>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field
|
|
appearance="outline"
|
|
floatLabel="always"
|
|
class="w-100-p"
|
|
>
|
|
<mat-label>내용</mat-label>
|
|
<textarea
|
|
matInput
|
|
placeholder="내용을 입력하세요."
|
|
name="contents"
|
|
formControlName="contents"
|
|
rows="30"
|
|
>
|
|
</textarea>
|
|
</mat-form-field>
|
|
|
|
<button mat-raised-button class="mat-accent">
|
|
저장
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- </mat-tab>
|
|
</mat-tab-group> -->
|
|
</div>
|
|
<!-- / CONTENT -->
|
|
</div>
|
|
<!-- / CONTENT CARD -->
|
|
</div>
|
|
<!-- / CENTER -->
|
|
</div>
|