Revision 50971
Added by Konstantina Galouni about 6 years ago
divId-form.component.html | ||
---|---|---|
1 | 1 |
<form [formGroup]="myForm"> |
2 |
<div class="form-group" [ngClass]="{'has-error':!myForm.controls.page.valid && myForm.controls.page.dirty}"> |
|
2 |
<!-- <div class="form-group" [ngClass]="{'has-error':!myForm.controls.page.valid && myForm.controls.page.dirty}">
|
|
3 | 3 |
<label for="pageTag">Select Page</label> |
4 | 4 |
<select formControlName="page" id="pageTag" class="form-control"> |
5 | 5 |
<option *ngFor="let page of availablePages" [value]="page._id">{{page.name}}</option> |
6 | 6 |
</select> |
7 |
</div> --> |
|
8 |
|
|
9 |
<div formArrayName="pages" class="form-group" [ngClass]="{'has-error':!myForm.controls.pages.valid && myForm.controls.pages.dirty}"> |
|
10 |
<label for="pageNameTag">Page Name</label> |
|
11 |
<div id="pageNameTag"> |
|
12 |
<pre class="card card-block card-header"><span *ngFor="let page of formPages; let i=index">{{page.name}}<span *ngIf="i<(formPages.length-1)">, </span></span></pre> |
|
13 |
<button type="button" (click)="toggle()">Add / Remove pages</button> |
|
14 |
<ng-container *ngIf="!myForm.value.isCollapsed" > |
|
15 |
<div *ngFor="let page of availablePages"> |
|
16 |
<span> |
|
17 |
<span *ngIf="indexOfPageInForm(page._id) >= 0" class="activated" > |
|
18 |
<input (click)="togglePage(false, page)" class="deactivate" src="imgs/delete-icon.png" title="Disable" width="20" type="image" height="20"> |
|
19 |
</span> |
|
20 |
<span *ngIf="indexOfPageInForm(page._id) < 0" class="deactivated" > |
|
21 |
<input (click)="togglePage(true, page)" class="activate" src="imgs/add-icon.png" title="Enable" width="20" type="image" height="20"> |
|
22 |
</span> |
|
23 |
{{page.name}} |
|
24 |
</span> |
|
25 |
</div> |
|
26 |
</ng-container> |
|
27 |
|
|
28 |
</div> |
|
7 | 29 |
</div> |
30 |
|
|
8 | 31 |
<div class="form-group" [ngClass]="{'has-error':!myForm.controls.name.valid && myForm.controls.name.dirty}"> |
9 | 32 |
<label for="divIdNameTag">Class Name</label> |
10 | 33 |
<input type="text" class="form-control" formControlName="name" id="divIdNameTag" placeholder="Class Name"> |
Also available in: Unified diff
1. DivId is related to >=1 Pages (not just one) - there is no check that AT LEAST one Page was selected.