55 lines
1.7 KiB
HTML
55 lines
1.7 KiB
HTML
|
<mat-card class="confirm-card mat-elevation-z">
|
||
|
|
<mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
|
||
|
|
<mat-card-title>{{ data.title }}</mat-card-title>
|
||
|
|
</mat-card-header>
|
||
|
|
<mat-card-content>
|
||
|
|
<form name="inputForm" [formGroup]="inputForm" novalidate>
|
||
|
|
<div>
|
||
|
|
<mat-form-field hintLabel="특수문자는 '-,_'만 사용할 수 있습니다.">
|
||
|
|
<input
|
||
|
|
matInput
|
||
|
|
#input
|
||
|
|
maxlength="20"
|
||
|
|
placeholder="대화방이름"
|
||
|
|
formControlName="roomName"
|
||
|
|
/>
|
||
|
|
<mat-hint align="end">{{ input.value?.length || 0 }}/20</mat-hint>
|
||
|
|
</mat-form-field>
|
||
|
|
</div>
|
||
|
|
<div class="targetSelect">
|
||
|
|
<span>변경 대상자</span>
|
||
|
|
<mat-radio-group
|
||
|
|
aria-label="Select an option"
|
||
|
|
value="me"
|
||
|
|
formControlName="changeTarget"
|
||
|
|
>
|
||
|
|
<mat-radio-button value="me">나</mat-radio-button>
|
||
|
|
<mat-radio-button value="all">전체</mat-radio-button>
|
||
|
|
</mat-radio-group>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="data.roomInfo.isTimeRoom">
|
||
|
|
<mat-form-field>
|
||
|
|
<mat-label>Setting Timer</mat-label>
|
||
|
|
<mat-select formControlName="timerInterval">
|
||
|
|
<mat-option *ngFor="let timer of timerArray" [value]="timer.value">
|
||
|
|
{{ timer.text }}
|
||
|
|
</mat-option>
|
||
|
|
</mat-select>
|
||
|
|
</mat-form-field>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</mat-card-content>
|
||
|
|
<mat-card-actions class="button-farm flex-row">
|
||
|
|
<button
|
||
|
|
mat-stroked-button
|
||
|
|
(click)="onClickChoice(false)"
|
||
|
|
class="mat-primary"
|
||
|
|
>
|
||
|
|
No
|
||
|
|
</button>
|
||
|
|
<button mat-flat-button (click)="onClickChoice(true)" class="mat-primary">
|
||
|
|
Yes
|
||
|
|
</button>
|
||
|
|
</mat-card-actions>
|
||
|
|
</mat-card>
|