Project

General

Profile

« Previous | Next » 

Revision 57105

Finished the first version of the validation test pages

View differences:

compatibility-validate-step3.component.html
1
<div class="uk-margin-top">
1
<div class="" [formGroup]="group">
2 2
  <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{errorMessage}}</div>
3
  <div class="marginBottom20" [formGroup]="group">
4
    <div>
5
      <label>Number of records to validate</label>
6
    </div>
7
    <div class="uk-margin uk-grid">
8
      <div class="uk-width-1-4@s">
9
        <label class="uk-link-muted" for="allRecords">
10
          <input id="allRecords" name="noOfRecords" type="radio" (change)="chooseAll(true)" checked>
11
          <span class="uk-margin-small-left">All</span>
12
        </label>
3

  
4
  <div class="uk-margin-bottom radioButtonForm">
5

  
6
    <label class="uk-form-label">Number of records to validate</label>
7

  
8
    <div class="uk-margin-bottom uk-grid uk-grid uk-grid-width-medium-1-2 uk-grid-width-large-1-4">
9
      <div class="uk-input-group uk-row-first">
10
        <div class="">
11
          <label for="allRecords"
12
                 class="uk-button uk-link-muted visible_uk_links"
13
                 style="display: block; text-align: left;">
14
            <input id="allRecords" name="noOfRecords" type="radio" (change)="chooseAll(true)" checked>
15
            <span>All</span>
16
          </label>
17
        </div>
13 18
      </div>
14
      <div class="uk-width-1-4@s">
15
        <label class="uk-link-muted" for="someRecords">
16
          <input id="someRecords" name="noOfRecords" type="radio" (change)="chooseAll(false)">
17
          <span class="uk-margin-small-left">Custom</span>
18
        </label>
19
      <div class="uk-input-group">
20
        <div class="">
21
          <label for="someRecords"
22
                 class="uk-button uk-link-muted visible_uk_links"
23
                 style="display: block; text-align: left;">
24
            <input id="someRecords" name="noOfRecords" type="radio" (change)="chooseAll(false)">
25
            <span>Custom</span>
26
          </label>
27
        </div>
19 28
      </div>
20
      <div class="uk-width-1-2@s">
21
        <input class="form-control" formControlName="noOfRecordsInput" type="number">
29
      <div class="uk-input-group">
30
        <div class="md-input-wrapper">
31
          <input class="md-input" formControlName="noOfRecordsInput" type="number">
32
          <span class="md-input-bar"></span>
33
        </div>
22 34
      </div>
23 35
    </div>
24
    <div class="marginBottom20">
25
      <div>
26
        <label for="selectValSet">Validation Set</label>
27
      </div>
28
      <div>
29
        <select id="selectValSet" class="form-control" formControlName="selectValSet">
36

  
37
  </div>
38

  
39
  <div class="uk-margin-medium-bottom">
40

  
41
    <label for="selectValSet" class="uk-form-label">Validation Set</label>
42

  
43
    <div class="uk-width-1-1">
44

  
45
      <div class="md-input-wrapper md-input-filled">
46
        <select class="md-input" id="selectValSet" formControlName="selectValSet">
30 47
          <option value="">All sets</option>
31 48
          <option *ngFor="let set of valSets" value="{{set}}">{{set}}</option>
32 49
        </select>
50
        <span class="md-input-bar"></span>
33 51
      </div>
34
      <div class="xPathPanel marginBottom20">
35
        <div>
36
          <label>Would you like to group your results by a specific field?</label>
52
    </div>
53

  
54
  </div>
55

  
56
  <div class="xPathPanel uk-margin-bottom radioButtonForm">
57

  
58
    <label class="uk-form-label">Would you like to group your results by a specific field?</label>
59

  
60
    <div class="uk-grid uk-grid-width-medium-1-2 uk-grid-width-large-1-4">
61
      <div class="uk-input-group uk-row-first">
62
        <div class="">
63
          <label class="uk-button uk-link-muted visible_uk_links" for="noXPath">
64
            <input id="noXPath" name="xpath" type="radio" (change)="addXpath(false)" checked>
65
            <span class="uk-margin-small-left">No</span>
66
          </label>
37 67
        </div>
38
        <div class="uk-grid">
39
          <div class="uk-width-1-4@s">
40
            <label class="uk-link-muted" for="noXPath">
41
              <input id="noXPath" name="xpath" type="radio" (change)="addXpath(false)" checked>
42
              <span class="uk-margin-small-left">No</span>
43
            </label>
44
          </div>
45
          <div class="uk-width-1-4@s">
46
            <label class="uk-link-muted" for="customXPath">
47
              <input id="customXPath" name="xpath" type="radio" (change)="addXpath(true)">
48
              <span class="uk-margin-small-left">Yes</span>
49
            </label>
50
          </div>
51
          <div class="uk-width-1-2@s">
52
            <input class="form-control" formControlName="xpathInput" placeholder="-XPATH-" type="text">
53
          </div>
68
      </div>
69
      <div class="uk-input-group">
70
        <div class="">
71
          <label class="uk-button uk-link-muted visible_uk_links" for="customXPath">
72
            <input id="customXPath" name="xpath" type="radio" (change)="addXpath(true)">
73
            <span class="uk-margin-small-left">Yes</span>
74
          </label>
54 75
        </div>
55
        <div class="comment fontItalic marginTop10">
56
          <strong>XPath Examples:</strong>
57
          1. //header/setSpec 2. //record/metadata//*[name()='dc:language']
76
      </div>
77
      <div class="uk-input-group">
78
        <div class="md-input-wrapper">
79
          <input class="md-input" formControlName="xpathInput" placeholder="-XPATH-" type="text">
80
          <span class="md-input-bar"></span>
58 81
        </div>
59 82
      </div>
60 83
    </div>
84
    <div class="uk-text-italic uk-text-small uk-margin-top">
85
      <strong>XPath Examples:</strong>
86
      1. //header/setSpec 2. //record/metadata//*[name()='dc:language']
87
    </div>
61 88
  </div>
62 89
</div>

Also available in: Unified diff