124 lines
4.5 KiB
HTML
124 lines
4.5 KiB
HTML
<div class="flex flex-col flex-auto min-w-0">
|
|
<div class="flex-auto border-t -mt-px pt-4 sm:pt-6">
|
|
<div class="w-full max-w-screen-xl mx-auto">
|
|
<div class="grid grid-cols-1 sm:grid-cols-6 gap-6 w-full min-w-0">
|
|
<!-- Budget distribution -->
|
|
<div
|
|
class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
|
|
>
|
|
<div class="text-lg font-medium tracking-tight leading-6 truncate">
|
|
공지사항 {{ !notice ? "등록" : "수정" }}
|
|
</div>
|
|
<div class="flex flex-col flex-auto mt-2 overflow-x-auto">
|
|
<form
|
|
[formGroup]="noticeForm"
|
|
autocomplete="off"
|
|
class="flex flex-col flex-auto p-6 sm:p-8 overflow-y-auto"
|
|
>
|
|
<!-- 글쓴이 -->
|
|
<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
|
|
readonly="true"
|
|
[formControlName]="'writer'"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<!-- 공지적용 -->
|
|
<div>
|
|
<mat-form-field
|
|
class="fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
|
|
>
|
|
<mat-label>공지적용</mat-label>
|
|
<mat-select>
|
|
<ng-container *ngFor="let type of noticeType">
|
|
<mat-option [value]="type.key">
|
|
{{ type.value }}
|
|
</mat-option>
|
|
</ng-container>
|
|
</mat-select>
|
|
</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 readonly="true" [formControlName]="'title'" />
|
|
</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 [formControlName]="'writerDate'" />
|
|
</mat-form-field>
|
|
<span
|
|
>예) 2001-01-01 23시22분(2001년 1월1일 오후 11시21분)-
|
|
<p style="color: red">미등록시 현재일로 등록</p></span
|
|
>
|
|
</div>
|
|
|
|
<!-- Body -->
|
|
<!-- <quill-editor class="mt-2"></quill-editor> -->
|
|
<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>
|
|
</form>
|
|
</div>
|
|
<!-- 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">
|
|
<!-- Save as draft -->
|
|
<button
|
|
class="sm:mx-3"
|
|
mat-stroked-button
|
|
(click)="__onClickeCancel()"
|
|
>
|
|
<span>취소</span>
|
|
</button>
|
|
<!-- Send -->
|
|
<button
|
|
class="order-first sm:order-last"
|
|
mat-flat-button
|
|
[color]="'primary'"
|
|
(click)="__onClickReditBtn($event, notice)"
|
|
>
|
|
{{ !notice ? "등록" : "수정" }}
|
|
</button>
|
|
<button
|
|
*ngIf="!!notice"
|
|
class="order-first sm:order-last"
|
|
mat-flat-button
|
|
[color]="'primary'"
|
|
>
|
|
숨김
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|