diff --git a/src/app/components/fragments/content-choice-creator/content-choice-creator.component.html b/src/app/components/fragments/content-choice-creator/content-choice-creator.component.html index 385777ae139a77a44f1dcf22e15e8c60f0d06776..2e67673699c04c14c208a1b1721a62bdecae0e39 100644 --- a/src/app/components/fragments/content-choice-creator/content-choice-creator.component.html +++ b/src/app/components/fragments/content-choice-creator/content-choice-creator.component.html @@ -1,13 +1,13 @@ <form (ngSubmit)="submitContent()"> <section class="choice-section" fxLayout="row" fxLayoutAlign="center" fxLayoutGap="20px"> - <div *ngIf="!multipleChoice"> - <mat-checkbox color="primary" [(ngModel)]="singleChoice" name="singleChoice">Single choice</mat-checkbox> - </div> - <div *ngIf="!singleChoice"> - <mat-checkbox color="primary" [(ngModel)]="multipleChoice" name="multiChoice">Multi choice</mat-checkbox> - </div> + <mat-checkbox (click)="singleChoice = true; multipleChoice = false" color="primary" [(ngModel)]="singleChoice" name="singleChoice">Single choice</mat-checkbox> + <mat-checkbox (click)="multipleChoice = true; singleChoice = false" color="primary" [(ngModel)]="multipleChoice" name="multiChoice">Multi choice</mat-checkbox> </section> <div *ngIf="singleChoice || multipleChoice"> + <!-- + <p *ngIf="singleChoice">Single choice selected</p> + <p *ngIf="multipleChoice">Multiple choice selected</p> + --> <mat-form-field class="input-block"> <input matInput #subject [(ngModel)]="content.subject" placeholder="Subject" name="subject"> </mat-form-field>