1
|
<div *ngIf="ruleSets" [formGroup]="group" class="form-group radioButtonForm">
|
2
|
|
3
|
<div class="radioButtonForm uk-margin-bottom">
|
4
|
<div *ngFor="let set of ruleSets; let set_index = index" class="">
|
5
|
|
6
|
<label for="ruleSet_{{ set_index }}" class="uk-button uk-link-muted visible_uk_links" style="display: block; text-align: left;">
|
7
|
<input id="ruleSet_{{ set_index }}" value="{{ set.id }}" formControlName="ruleSet" name="ruleSet" type="radio"
|
8
|
(change)="refreshLists()" [checked]="set_index == 0">
|
9
|
<span class="uk-margin-small-left">{{ set.name }}</span>
|
10
|
</label>
|
11
|
</div>
|
12
|
</div>
|
13
|
|
14
|
<button class="uk-button uk-button-link" (click)="toggleShowRules()">
|
15
|
<span *ngIf="showRules">
|
16
|
<i class="fa fa-angle-up"></i>
|
17
|
Hide Content and Usage Rules</span>
|
18
|
<span *ngIf="!showRules">
|
19
|
<i class="fa fa-angle-down"></i>
|
20
|
Show Content and Usage Rules</span>
|
21
|
</button>
|
22
|
<div *ngIf="showRules" class="uk-grid uk-animation-fade">
|
23
|
<div class="uk-width-1-2 uk-grid-item-match uk-first-column" formArrayName="contentRules">
|
24
|
<div class="">
|
25
|
<div class="checkbox selectAll uk-margin-small-bottom">
|
26
|
|
27
|
<!--<div class="icheckbox_md">-->
|
28
|
<!--<input type="checkbox" name="checkbox_demo_mercury" id="checkbox_demo_1" data-md-icheck="" [checked]="selectedAllContentRules" (change)="toggleSelectAllContentRules()"-->
|
29
|
<!--style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;">-->
|
30
|
<!--<ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins>-->
|
31
|
<!--</div>-->
|
32
|
<!--<label for="checkbox_demo_1" class="inline-label">Select / Deselect All Content Rules</label>-->
|
33
|
|
34
|
<label>
|
35
|
<input type="checkbox" [checked]="selectedAllContentRules" (change)="toggleSelectAllContentRules()">
|
36
|
<span>Select / Deselect All Content Rules</span>
|
37
|
</label>
|
38
|
</div>
|
39
|
<div *ngFor="let content of group.controls['contentRules'].controls; let content_index = index" class="checkbox">
|
40
|
<div [formGroupName]="content_index">
|
41
|
<label class="uk-link-muted small" for="contentRules_{{ content_index }}">
|
42
|
<input id="contentRules_{{ content_index }}"
|
43
|
title="{{ currentContentRules[content_index].description }}"
|
44
|
formControlName="rule"
|
45
|
type="checkbox"
|
46
|
(change)="onToggleCheckRule($event,'content')">
|
47
|
<span class="uk-margin-small-left">{{ currentContentRules[content_index].name }}</span>
|
48
|
</label>
|
49
|
</div>
|
50
|
</div>
|
51
|
</div>
|
52
|
</div>
|
53
|
<div class="uk-width-1-2 uk-grid-item-match uk-first-column" formArrayName="usageRules">
|
54
|
<div class="">
|
55
|
<div class="checkbox selectAll uk-margin-small-bottom">
|
56
|
<label>
|
57
|
<input type="checkbox" [checked]="selectedAllUsageRules" (change)="toggleSelectAllUsageRules()">
|
58
|
<span>Select / Deselect All Usage Rules</span>
|
59
|
</label>
|
60
|
</div>
|
61
|
<div *ngFor="let usage of group.controls['usageRules'].controls; let usage_index = index" class="checkbox">
|
62
|
<div [formGroupName]="usage_index">
|
63
|
<label class="uk-link-muted small" for="usageRules_{{ usage_index }}">
|
64
|
<input id="usageRules_{{ usage_index }}"
|
65
|
value="{{ currentUsageRules[usage_index].id }}"
|
66
|
title="{{ currentUsageRules[usage_index].description }}"
|
67
|
formControlName="rule"
|
68
|
type="checkbox"
|
69
|
(change)="onToggleCheckRule($event,'usage')">
|
70
|
<span class="uk-margin-small-left">{{ currentUsageRules[usage_index].name }}</span>
|
71
|
</label>
|
72
|
</div>
|
73
|
</div>
|
74
|
</div>
|
75
|
</div>
|
76
|
</div>
|
77
|
</div>
|