89 lines
2.4 KiB
HTML
89 lines
2.4 KiB
HTML
<div class="flex flex-col max-w-240 md:min-w-160 max-h-screen -m-6">
|
|
<!-- Header -->
|
|
<div
|
|
class="flex flex-0 items-center justify-between h-16 pr-3 sm:pr-5 pl-6 sm:pl-8 bg-primary text-on-primary"
|
|
>
|
|
<div class="text-lg font-medium">캐쉬 충환전</div>
|
|
<button mat-icon-button (click)="saveAndClose()" [tabIndex]="-1">
|
|
<mat-icon
|
|
class="text-current"
|
|
[svgIcon]="'heroicons_outline:x'"
|
|
></mat-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Compose form -->
|
|
<form
|
|
class="flex flex-col flex-auto p-6 sm:p-8 overflow-y-auto"
|
|
[formGroup]="composeForm"
|
|
>
|
|
<div>
|
|
<span class="font-semibold mb-2">캐쉬구분</span>
|
|
<mat-radio-group
|
|
class="flex flex-col w-1/3 pr-2"
|
|
[color]="'primary'"
|
|
[value]="'cash'"
|
|
>
|
|
<mat-radio-button class="mb-2" [value]="'cash'">
|
|
캐쉬
|
|
</mat-radio-button>
|
|
</mat-radio-group>
|
|
</div>
|
|
<div>
|
|
<span class="font-semibold mb-2">추가/삭제</span>
|
|
<mat-radio-group
|
|
class="flex flex-col w-1/3 pr-2"
|
|
[color]="'primary'"
|
|
[value]="'give'"
|
|
>
|
|
<mat-radio-button class="mb-2" [value]="'give'">
|
|
지급
|
|
</mat-radio-button>
|
|
<mat-radio-button class="mb-2" [value]="'take'">
|
|
회수
|
|
</mat-radio-button>
|
|
</mat-radio-group>
|
|
</div>
|
|
<!-- To -->
|
|
<mat-form-field>
|
|
<mat-label>입력금액</mat-label>
|
|
<input matInput [formControlName]="'price'" />
|
|
</mat-form-field>
|
|
|
|
<!-- <div *ngFor="let f of sites">{{ f.getUrl() }}</div> -->
|
|
<!-- Cc -->
|
|
<mat-form-field>
|
|
<mat-label>메모</mat-label>
|
|
<input matInput [formControlName]="'memo'" />
|
|
</mat-form-field>
|
|
|
|
<!-- Body -->
|
|
<!-- <quill-editor
|
|
class="mt-2"
|
|
[formControlName]="'body'"
|
|
[modules]="quillModules"
|
|
></quill-editor> -->
|
|
|
|
<!-- Actions -->
|
|
<div
|
|
class="flex flex-col sm:flex-row sm:items-center justify-between mt-4 sm:mt-6"
|
|
>
|
|
<div class="flex items-center mt-4 sm:mt-0">
|
|
<!-- Send -->
|
|
<button
|
|
class="order-first sm:order-last"
|
|
mat-flat-button
|
|
[color]="'primary'"
|
|
(click)="send()"
|
|
>
|
|
캐쉬충환전
|
|
</button>
|
|
<!-- Save as draft -->
|
|
<button class="sm:mx-3" mat-stroked-button (click)="saveAsDraft()">
|
|
<span>닫기</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|