Project

General

Profile

« Previous | Next » 

Revision 47452

Added by Konstantina Galouni almost 6 years ago

Added a space between filters

View differences:

modules/uoa-services-portal/trunk/portal-2/src/app/searchPages/searchUtils/searchFilter.component.ts
17 17 

  		




  18
  18
  
    
               <span class="filterName"><div title = "{{value.name}}">


  		




  19
  19
  
    
               <input [disabled]="isDisabled" [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" />


  		




  20
  
  
    
               {{_formatName(value)}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>


  		




  
  20
  
    
               {{_formatName(value)}} </div></span>


  		




  
  21
  
    
               <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>


  		




  21
  22
  
    
            </div>


  		




  22
  23
  
    
            <!--div class="uk-grid-divider uk-margin-remove"></div-->


  		




  23
  24
  
    
            <hr *ngIf="getSelectedValues(filter).length > 0 && getNotSelectedValues(filter).length > 0" class="uk-grid-divider uk-margin-remove">


  		




  24
  25
  
    
            <div *ngFor = "let value of getNotSelectedValues(filter).slice(0,5-getSelectedValues(filter).length)" class = "uk-animation-fade filterItem">


  		




  25
  26
  
    

  		




  26
  27
  
    
               <span class="filterName"><div title = "{{value.name}}"> <input [disabled]="isDisabled" [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" />


  		




  27
  
  
    
               {{_formatName(value)}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>


  		




  
  28
  
    
               {{_formatName(value)}} </div></span>


  		




  
  29
  
    
               <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>


  		




  28
  30
  
    
            </div>


  		




  29
  31
  
    

  		




  30
  32
  
    
            <a *ngIf="(getSelectedValues(filter).length + getNotSelectedValues(filter).length) > 5" (click)="toggle()" [class]="(isDisabled)?'uk-disabled uk-link-muted':''">Show More</a>


  		












  

    
      modules/uoa-services-portal/trunk/portal-2/src/app/searchPages/searchUtils/searchFilterModal.component.ts
    
  





  21
  21
  
    

  		




  22
  22
  
    
           <span class="filterName"><div title = "{{value.name}}">


  		




  23
  23
  
    
           <input [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterModalChange(value.selected)">


  		




  24
  
  
    
           {{value.name}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>


  		




  
  24
  
    
           {{value.name}} </div></span>


  		




  
  25
  
    
           <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>


  		




  25
  26
  
    
        </div>


  		




  26
  27
  
    
        <hr *ngIf="getSelectedValues(filter).length > 0 && getNotSelectedValues(filter).length > 0" class="uk-grid-divider uk-margin-remove">


  		




  27
  28
  
    
        <div *ngFor = "let value of getNotSelectedValues(filter)" class = "uk-animation-fade filterItem">


  		




  28
  29
  
    
           <span class="filterName"><div title = "{{value.name}}">


  		




  29
  30
  
    
           <input [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterModalChange(value.selected)">


  		




  30
  
  
    
           {{value.name}} </div></span><span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>


  		




  
  31
  
    
           {{value.name}} </div></span>


  		




  
  32
  
    
           <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number}})</span>


  		




  31
  33
  
    
        </div>


  		




  32
  34
  
    
      </div>


  		




  33
  35
  
    
    </div>


  		












Also available in:  Unified diff