Project

General

Profile

« Previous | Next » 

Revision 56486

Added by Andreas Mantas about 5 years ago

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

View differences:

modules/uoa-repository-dashboard-gui/branches/development/src/app/pages/adminPg/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">


  		












  

    
      modules/uoa-repository-dashboard-gui/branches/development/src/app/shared/topmenu/topmenu.component.html
    
  





  213
  213
  
    
                              <li class="uk-nav-header" style="display: block;">Admin</li>


  		




  214
  214
  
    
                              <li style="display: block"><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>


  		




  215
  215
  
    
                              <li style="display: block"><a [routerLink]="['/admin','metrics']">Metrics</a></li>


  		




  216
  
  
    
                              <li style="display: block" class="uk-margin-small-bottom"><a [routerLink]="['/admin','registration']">Registration</a></li>


  		




  
  216
  
    
                              <li style="display: block" class="uk-margin-small-bottom"><a [routerLink]="['/admin','registration']">Registrations</a></li>


  		




  217
  217
  
    
                            </ul>


  		




  218
  218
  
    
                            <li><a class="" (click)="logout()">Log out</a></li>


  		




  219
  219
  
    
                          </ul>


  		












Also available in:  Unified diff