Project

General

Profile

« Previous | Next » 

Revision 47131

Added by Argiro Kokogiannaki about 7 years ago

Use UIKIT3 | changes in css

View differences:

displayClaims.component.html
1 1 

  		




  2
  
  
    
<form class="uk-form">


  		




  
  2
  
    
<form class="">


  		




  3
  3
  
    

  		




  4
  4
  
    

  		




  5
  
  
    
    <div class="uk-form-row">


  		




  
  5
  
    
    <div class="-row">


  		




  6
  6
  
    
        <span class="uk-text-bold">Filter By:</span>


  		




  7
  
  
    
        <input type="text" class="form-control" placeholder="Type keywords..." aria-describedby="sizing-addon2"  [(ngModel)]="inputkeyword"  (keyup)="changekeyword()" name="claims-keyword" ></div>


  		




  8
  
  
    
    <div class="uk-form-row">


  		




  
  7
  
    
        <input type="text" class=" uk-input form-control" placeholder="Type keywords..." aria-describedby="sizing-addon2"  [(ngModel)]="inputkeyword"  (keyup)="changekeyword()" name="claims-keyword" ></div>


  		




  
  8
  
    
    <div class="-row">


  		




  9
  9
  
    
      <label> <input [(ngModel)]="projectCB" type="checkbox" (ngModelChange)="changeType()"  name="project"  /> Project </label>


  		




  10
  10
  
    
      <label> <input [(ngModel)]="publicationCB" type="checkbox"  (ngModelChange)="changeType()" name="publication"  /> Publication </label>


  		




  11
  11
  
    
      <label> <input [(ngModel)]="datasetCB" type="checkbox" (ngModelChange)="changeType()"  name="dataset"  /> Dataset </label>


  		




  ......




  19
  19
  
    
        <paging-no-load [currentPage]="page" [totalResults]="resultsNum" [navigateTo]="navigateTo"  [params]="getParameters()" [size]="size"  (pageChange)="pageChange($event)"> </paging-no-load>


  		




  20
  20
  
    
     </div>


  		




  21
  21
  
    

  		




  22
  
  
    
  <div *ngIf="resultsNum>0" class="">


  		




  
  22
  
    
  <div *ngIf="resultsNum>0" class="uk-width-1-2">


  		




  23
  23
  
    
    <span > Show


  		




  24
  
  
    
      <select *ngIf="resultsNum>10"   [(ngModel)]="size" name="select_size"  (ngModelChange)="changeSize(size)" >


  		




  
  24
  
    
      <select *ngIf="resultsNum>10"  class="uk-width-1-2 uk-select" [(ngModel)]="size" name="select_size"  (ngModelChange)="changeSize(size)" >


  		




  25
  25
  
    
        <option *ngFor="let size of sizes"  [value]="size">{{size}}</option>


  		




  26
  26
  
    
      </select>


  		




  27
  27
  
    
    </span>


  		




  ......




  42
  42
  
    
<!--  Buttons for selecting and Delete Claims -->


  		




  43
  43
  
    
<div *ngIf="enableDelete">


  		




  44
  44
  
    
  <div *ngIf="selected.length>0 && resultsNum > 0 ">


  		




  45
  
  
    
    <div class = "uk-alert uk-alert-info " >


  		




  
  45
  
    
    <div class = "uk-alert uk-alert-primary " >


  		




  46
  46
  
    
      You have selected {{selected.length}} claim(s)


  		




  47
  47
  
    
    </div>


  		




  48
  48
  
    
  </div>


  		




  49
  
  
    
  <div *ngIf="deleteMessage.length>0 " class = "uk-alert uk-alert-info " [innerHTML]="deleteMessage">


  		




  
  49
  
    
  <div *ngIf="deleteMessage.length>0 " class = "uk-alert uk-alert-primary " [innerHTML]="deleteMessage">


  		




  50
  50
  
    

  		




  51
  51
  
    
  </div>


  		




  52
  
  
    
  <button class="uk-button" (click)="selectAll()">Select All</button> <button class="uk-button" (click)="deselectAll()">Deselect All</button> <button class="uk-button" (click)="confirmOpen()">Delete</button>


  		




  
  52
  
    
  <button class=" uk-button uk-button-default" (click)="selectAll()">Select All</button> <button class=" uk-button uk-button-default" (click)="deselectAll()">Deselect All</button> <button class=" uk-button uk-button-default"  (click)="confirmOpen()"> <span uk-icon="icon: trash"></span> Delete</button>


  		




  53
  53
  
    
</div>


  		




  54
  54
  
    
<br>


  		




  55
  55
  
    

  		




  56
  56
  
    

  		




  57
  57
  
    
<div *ngIf=" claims && claims.length == 0" >


  		




  58
  
  
    
  <div class = "uk-alert uk-alert-info " >No entries found.</div>


  		




  
  58
  
    
  <div class = "uk-alert uk-alert-primary " >No entries found.</div>


  		




  59
  59
  
    
</div>


  		




  60
  60
  
    

  		




  61
  61
  
    
<div class="">


  		




  ......




  83
  83
  
    
        <td>{{claim.date}}</td>


  		




  84
  84
  
    
     </tr>


  		




  85
  85
  
    
  </tbody>


  		




  86
  
  
    
</table> 


  		




  
  86
  
    
</table>


  		




  87
  87
  
    
<modal-alert (alertOutput)="confirmClose($event)">


  		




  88
  88
  
    
</modal-alert>


  		




  89
  89
  
    
<modal-loading [message]= "'Please wait...'"></modal-loading>


  		












Also available in:  Unified diff