2019-11-06 13:58:56 +09:00
|
|
|
<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>
|
2019-11-15 17:55:05 +09:00
|
|
|
<mat-form-field hintLabel="">
|
2019-11-06 13:58:56 +09:00
|
|
|
<input
|
|
|
|
matInput
|
|
|
|
#input
|
|
|
|
maxlength="20"
|
2020-01-08 12:30:39 +09:00
|
|
|
placeholder="{{ 'chat.nameOfRoom' | translate }}"
|
2019-11-06 13:58:56 +09:00
|
|
|
formControlName="roomName"
|
|
|
|
/>
|
|
|
|
<mat-hint align="end">{{ input.value?.length || 0 }}/20</mat-hint>
|
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
<div class="targetSelect">
|
2020-01-08 12:30:39 +09:00
|
|
|
<span>{{ 'chat.scopeOfChangeNameOfRoom' | translate }}</span>
|
2019-11-06 13:58:56 +09:00
|
|
|
<mat-radio-group
|
|
|
|
aria-label="Select an option"
|
|
|
|
value="me"
|
|
|
|
formControlName="changeTarget"
|
|
|
|
>
|
2020-01-08 12:30:39 +09:00
|
|
|
<mat-radio-button value="me">{{
|
|
|
|
'common.pronoun.me' | translate
|
|
|
|
}}</mat-radio-button>
|
|
|
|
<mat-radio-button value="all">{{
|
|
|
|
'common.pronoun.all' | translate
|
|
|
|
}}</mat-radio-button>
|
2019-11-06 13:58:56 +09:00
|
|
|
</mat-radio-group>
|
|
|
|
</div>
|
|
|
|
<div *ngIf="data.roomInfo.isTimeRoom">
|
|
|
|
<mat-form-field>
|
2020-01-08 12:30:39 +09:00
|
|
|
<mat-label>{{ 'chat.setTimer' | translate }}</mat-label>
|
2019-11-06 13:58:56 +09:00
|
|
|
<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"
|
|
|
|
>
|
2020-01-08 12:30:39 +09:00
|
|
|
{{ 'common.messages.no' | translate }}
|
2019-11-06 13:58:56 +09:00
|
|
|
</button>
|
|
|
|
<button mat-flat-button (click)="onClickChoice(true)" class="mat-primary">
|
2020-01-08 12:30:39 +09:00
|
|
|
{{ 'common.messages.yes' | translate }}
|
2019-11-06 13:58:56 +09:00
|
|
|
</button>
|
|
|
|
</mat-card-actions>
|
|
|
|
</mat-card>
|