75 lines
2.1 KiB
HTML
75 lines
2.1 KiB
HTML
|
<mat-card class="confirm-card">
|
||
|
|
<mat-card-header>
|
||
|
|
<mat-card-title>{{ data.title }}</mat-card-title>
|
||
|
|
</mat-card-header>
|
||
|
|
<mat-card-content>
|
||
|
|
<div>
|
||
|
|
<button
|
||
|
|
mat-button
|
||
|
|
*ngIf="!isShowAddGroupField"
|
||
|
|
(click)="isShowAddGroupField = !isShowAddGroupField"
|
||
|
|
>
|
||
|
|
<mat-icon>add_circle_outline</mat-icon> 새 그룹 추가
|
||
|
|
</button>
|
||
|
|
<div *ngIf="isShowAddGroupField">
|
||
|
|
<mat-form-field hintLabel="특수문자는 '-,_'만 사용할 수 있습니다.">
|
||
|
|
<input
|
||
|
|
matInput
|
||
|
|
#inputGroupName
|
||
|
|
type="text"
|
||
|
|
maxlength="20"
|
||
|
|
placeholder="그룹이름"
|
||
|
|
value=""
|
||
|
|
/>
|
||
|
|
<button
|
||
|
|
mat-button
|
||
|
|
matSuffix
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="Clear"
|
||
|
|
(click)="inputGroupName.value = ''"
|
||
|
|
>
|
||
|
|
<mat-icon>close</mat-icon>
|
||
|
|
</button>
|
||
|
|
<mat-hint align="end"
|
||
|
|
>{{ inputGroupName.value?.length || 0 }}/20</mat-hint
|
||
|
|
>
|
||
|
|
</mat-form-field>
|
||
|
|
<button mat-button (click)="onClickAddGroup(inputGroupName.value)">
|
||
|
|
<mat-icon>add</mat-icon>
|
||
|
|
</button>
|
||
|
|
<button mat-button (click)="onClickAddGroupCancel()">
|
||
|
|
<mat-icon>clear</mat-icon>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<mat-selection-list #groups>
|
||
|
|
<mat-list-option
|
||
|
|
*ngFor="let groupBuddy of groupBuddyList$ | async"
|
||
|
|
[value]="groupBuddy.group"
|
||
|
|
>
|
||
|
|
{{ groupBuddy.group.name }}
|
||
|
|
</mat-list-option>
|
||
|
|
</mat-selection-list>
|
||
|
|
<!-- <div>
|
||
|
|
<ucap-group-expansion-panel
|
||
|
|
#groupExpansionPanel
|
||
|
|
[groupBuddyList]="groupBuddyList$ | async"
|
||
|
|
[checkable]="true"
|
||
|
|
>
|
||
|
|
</ucap-group-expansion-panel>
|
||
|
|
</div> -->
|
||
|
|
</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>
|