Project

General

Profile

« Previous | Next » 

Revision 56486

Registrations Admin Page: fixed <read-more> and added more filter and sort options

View differences:

registration.component.html
1 1
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
2 2
  <div class="uk-width-1-1@m uk-first-column">
3 3

  
4
    <h1 class="uk-h2">Registration Admin Page</h1>
4
    <h1 class="uk-h2">Registrations</h1>
5 5

  
6 6
    <!-- TOP HELP CONTENT -->
7 7
    <help-content #topHelperContent [position]="'top'"
......
29 29
            <div class="whiteFilm"></div>
30 30
          </div>
31 31

  
32
          <!-- RIGHT FILTERS -->
32 33
          <div class="uk-grid">
33 34
            <div class="uk-width-1-1@m" style="padding-left: 55px">
34 35
              <form [formGroup]="dataForm" class="uk-form-horizontal uk-width-1-4@m  uk-float-right">
......
54 55
                  </div>
55 56
                </div>
56 57

  
58
                <div class="uk-margin">
59
                  <label class="uk-form-label uk-text-right" for="orderBy">Order by: </label>
60
                  <div class="uk-form-controls">
61
                    <select class="uk-select" id="orderBy" (change)="handleChange()" formControlName="order">
62
                      <option value="DESCENDING" selected>Descending</option>
63
                      <option value="ASCENDING">Ascending</option>
64
                    </select>
65
                  </div>
66
                </div>
67

  
57 68
              </form>
58 69

  
70
              <!-- SEARCH BAR -->
59 71
              <form [formGroup]="dataForm" class="uk-search uk-search-default uk-width-1-2@m uk-float-right">
60 72
                <input class="uk-width-1-2 uk-search-input" type="search" formControlName="officialname" placeholder="Search...">
61 73
                <button class="uk-button" (click)="handleChange()">Search</button>
......
64 76

  
65 77
          </div>
66 78

  
79
          <!-- LEFT FILTERS -->
67 80
          <div class="uk-grid">
68 81

  
69 82
            <div class="uk-width-1-4@m">
......
74 87
                <div class="uk-margin">
75 88
                  <div class="uk-form-label uk-text-large">Datasource Type</div>
76 89
                  <div class="uk-form-controls">
77
                    <label><input class="uk-radio" type="radio" value="" (change)="handleChange()" formControlName="typology">
78
                      Any</label><br>
79
<!--                    <label><input class="uk-radio" type="radio" value="Literature" (change)="handleChange()" formControlName="typology">-->
80
<!--                      Literature</label><br>-->
81
<!--                    <label><input class="uk-radio" type="radio" value="Data" (change)="handleChange()" formControlName="typology">-->
82
<!--                      Data</label><br>-->
83
                    <label><input class="uk-radio" type="radio" value="Aggregator" (change)="handleChange()" formControlName="typology">
84
                      Aggregator</label><br>
85
                    <label><input class="uk-radio" type="radio" value="Journal" (change)="handleChange()" formControlName="typology">
86
                      Journal</label><br>
87
<!--                    <label><input class="uk-radio" type="radio" value="public" (change)="handleChange()" formControlName="typology">-->
88
<!--                      Public Repository</label><br>-->
89
                    <label><input class="uk-radio" type="radio" value="Institutional" (change)="handleChange()" formControlName="typology">
90
                      Institutional</label><br>
91
                    <label><input class="uk-radio" type="radio" value="Thematic" (change)="handleChange()" formControlName="typology">
92
                      Thematic</label><br>
93
                    <label><input class="uk-radio" type="radio" value="Products" (change)="handleChange()" formControlName="typology">
94
                      Products</label><br>
95
                    <label><input class="uk-radio" type="radio" value="Unknown" (change)="handleChange()" formControlName="typology">
96
                      Unknown</label>
90
                    <label><input class="uk-radio" type="radio" value="" (change)="handleChange()" formControlName="typology"> Any</label><br>
91
<!--                    <label><input class="uk-radio" type="radio" value="Literature" (change)="handleChange()" formControlName="typology">Literature</label><br>-->
92
<!--                    <label><input class="uk-radio" type="radio" value="Data" (change)="handleChange()" formControlName="typology">Data</label><br>-->
93
                    <label><input class="uk-radio" type="radio" value="Aggregator" (change)="handleChange()" formControlName="typology">Aggregator</label><br>
94
                    <label><input class="uk-radio" type="radio" value="Journal" (change)="handleChange()" formControlName="typology">Journal</label><br>
95
<!--                    <label><input class="uk-radio" type="radio" value="public" (change)="handleChange()" formControlName="typology">Public Repository</label><br>-->
96
                    <label><input class="uk-radio" type="radio" value="Institutional" (change)="handleChange()" formControlName="typology">Institutional</label><br>
97
                    <label><input class="uk-radio" type="radio" value="Thematic" (change)="handleChange()" formControlName="typology">Thematic</label><br>
98
                    <label><input class="uk-radio" type="radio" value="Products" (change)="handleChange()" formControlName="typology">Products</label><br>
99
                    <label><input class="uk-radio" type="radio" value="Unknown" (change)="handleChange()" formControlName="typology">Unknown</label>
97 100
                  </div>
98 101
                </div>
99 102

  
100 103
                <div class="uk-margin">
101 104
                  <div class="uk-form-label uk-text-large">Countries</div>
102 105
                  <div class="uk-form-controls">
103
                    <read-more [maxHeight]="235">
104
                      <div *ngFor="let country of countries">
105
                        <label><input class="uk-radio" type="radio" value="{{country.code}}"
106
                                      (change)="handleChange()" formControlName="country"> {{country.name}}</label><br>
107
                      </div>
108
                    </read-more>
106
                    <ng-container *ngIf="countries && countries.length>0">
107
                      <read-more [maxHeight]="238">
108
                        <div><input class="uk-radio" type="radio" value="" (change)="handleChange()" formControlName="country"> Any</div>
109
                        <ng-container *ngFor="let country of countries">
110
                          <div class="">
111
                            <input class="uk-radio" type="radio" value="{{country.code}}"
112
                                   (change)="handleChange()" formControlName="country"> {{country.name}}
113
                          </div>
114
                        </ng-container>
115
                      </read-more>
116
                    </ng-container>
109 117
                  </div>
110 118
                </div>
111 119

  
......
113 121

  
114 122
            </div>
115 123

  
124
            <!-- TABLE -->
116 125
            <div class="uk-width-3-4@m">
117 126
<!--              <pre><code>{{dataForm.value | json}}</code></pre>-->
118 127
              <table class="uk-table uk-table-striped">

Also available in: Unified diff