90 lines
2.9 KiB
HTML
90 lines
2.9 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 class="flex">
|
|
<mat-form-field class="w-1/3 pr-2">
|
|
<mat-label>제목</mat-label>
|
|
<input matInput [required]="true" />
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="mt-8">
|
|
<mat-form-field
|
|
class="fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
|
|
>
|
|
<mat-label>글쓴이</mat-label>
|
|
<input matInput [required]="true" [formControlName]="'writer'" />
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="mt-8">
|
|
<mat-form-field
|
|
class="fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
|
|
>
|
|
<mat-label>받는이</mat-label>
|
|
<input matInput [required]="true" [formControlName]="'writer'" />
|
|
</mat-form-field>
|
|
</div>
|
|
<mat-form-field
|
|
class="mt-8 fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
|
|
>
|
|
<textarea
|
|
matInput
|
|
[required]="true"
|
|
[rows]="5"
|
|
matTextareaAutosize
|
|
[formControlName]="'content'"
|
|
></textarea>
|
|
<mat-label>내용</mat-label>
|
|
</mat-form-field>
|
|
<mat-form-field
|
|
class="mt-8 fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
|
|
>
|
|
<textarea
|
|
matInput
|
|
[rows]="5"
|
|
matTextareaAutosize
|
|
[formControlName]="'content'"
|
|
></textarea>
|
|
<mat-label>선택</mat-label>
|
|
--선택--5008\n**입금계좌문의시(가상계좌1)****출금비밀번호문의시**----탈퇴,졸업관련----**졸업안내----입금관련문의---->>타인명의입금시----환전관련문의----**환전지연안내(환전량
|
|
증가)**은행점검(뱅킹장애)등으로 충환전지연안내서버점검안내서버점검완료안내
|
|
</mat-form-field>
|
|
|
|
<!-- 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>
|