Project

General

Profile

« Previous | Next » 

Revision 57105

Finished the first version of the validation test pages

View differences:

compatibility-validate-step2.component.html
1
<div *ngIf="ruleSets" [formGroup]="group" class="form-group">
2
  <div *ngFor="let set of ruleSets; let set_index = index">
3
    <label class="btn btn-link" for="ruleSet_{{ set_index }}">
4
      <input id="ruleSet_{{ set_index }}"
5
             value="{{ set.id }}"
6
             formControlName="ruleSet"
7
             name="ruleSet"
8
             type="radio"
9
             (change)="refreshLists()"
10
             [checked]="set_index == 0">
11
      <span class="uk-margin-small-left">{{ set.name }}</span>
12
    </label>
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>
13 12
  </div>
13

  
14 14
  <button class="uk-button uk-button-link" (click)="toggleShowRules()">
15 15
    <span *ngIf="showRules">
16 16
      <i class="fa fa-angle-up"></i>
......
20 20
      Show Content and Usage Rules</span>
21 21
  </button>
22 22
  <div *ngIf="showRules" class="uk-grid uk-animation-fade">
23
    <div class="uk-width-expand@m uk-width-1-2@s uk-grid-item-match uk-first-column" formArrayName="contentRules">
24
      <div class="margin10">
25
        <div class="checkbox selectAll">
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

  
26 34
          <label>
27 35
            <input type="checkbox" [checked]="selectedAllContentRules" (change)="toggleSelectAllContentRules()">
28 36
            <span>Select / Deselect All Content Rules</span>
......
42 50
        </div>
43 51
      </div>
44 52
    </div>
45
    <div class="uk-width-expand@m uk-width-1-2@s uk-grid-item-match uk-first-column" formArrayName="usageRules">
46
      <div class="margin10">
47
        <div class="checkbox selectAll">
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">
48 56
          <label>
49 57
            <input type="checkbox" [checked]="selectedAllUsageRules" (change)="toggleSelectAllUsageRules()">
50 58
            <span>Select / Deselect All Usage Rules</span>

Also available in: Unified diff