Project

General

Profile

« Previous | Next » 

Revision 45786

Added by Argiro Kokogiannaki about 7 years ago

Update to the lattest version of Angular Universal | create subfolders for deposit | use routerLinks in Nav bar and in browse view of main search

View differences:

browseStatistic.component.ts
9 9 
import {SearchFields} from '../../utils/properties/searchFields';
10 10 
import {SearchPageComponent } from '../searchUtils/searchPage.component';
11 11 
import {SearchUtilsClass} from '../searchUtils/searchUtils.class';
12 

  		




  
  12
  
    
import {RouterHelper} from '../../utils/routerHelper.class';


  		




  13
  13
  
    
@Component({


  		




  14
  14
  
    
    selector: 'browse-statistic',


  		




  15
  15
  
    
    template: `


  		




  ......




  18
  18
  
    
       <h4 class="tm-article-subtitle">{{filter.title}}</h4>


  		




  19
  19
  
    
      <div *ngIf="filter.values.length == 0" class="uk-alert uk-alert-info" role="alert">No {{filter.title}} statistics found</div>


  		




  20
  20
  
    
      <ul *ngIf="filter.values.length > 0 && !viewAll" class="uk-list uk-list-line ">


  		




  21
  
  
    
        <li *ngFor= "let value of filter.values.slice(0,5)"><a [href]="baseUrl+'?'+filter.filterId+'='+value.id">{{_formatName(value)}} ({{value.number}})</a></li>


  		




  
  21
  
    
        <li *ngFor= "let value of filter.values.slice(0,5)"><!--a [href]="baseUrl+'?'+filter.filterId+'='+value.id">{{_formatName(value)}} ({{value.number}})</a-->


  		




  
  22
  
    
          <a  [queryParams]="routerHelper.createQueryParam(filter.filterId,value.id)" routerLinkActive="router-link-active" [routerLink]=baseUrl>{{_formatName(value)}} ({{value.number}})</a>


  		




  
  23
  
    
        </li>


  		




  22
  24
  
    
        <li *ngIf= " filter.values.length > 5 && !viewAll " (click)="viewAll=true;">


  		




  23
  25
  
    
          <span  ><span class="uk-text-muted clickable">View more </span><a><i class="uk-icon-toggle-right"></i></a></span>


  		




  24
  26
  
    
        </li>


  		




  25
  27
  
    
      </ul>


  		




  26
  28
  
    
      <ul *ngIf="filter.values.length > 0 && viewAll" class="uk-list uk-list-line   searchFilterBoxValues">


  		




  27
  
  
    
        <li *ngFor= "let value of filter.values"><a [href]="baseUrl+'?'+filter.filterId+'='+value.id">{{_formatName(value)}} ({{value.number}})</a></li>


  		




  
  29
  
    
        <li *ngFor= "let value of filter.values"><!--a [href]="baseUrl+'?'+filter.filterId+'='+value.id">{{_formatName(value)}} ({{value.number}})</a-->


  		




  
  30
  
    
        <a  [queryParams]="routerHelper.createQueryParam(filter.filterId,value.id)" routerLinkActive="router-link-active" [routerLink]=baseUrl>{{_formatName(value)}} ({{value.number}})</a>


  		




  
  31
  
    
        </li>


  		




  28
  32
  
    
        <li *ngIf= " filter.values.length > 5 && viewAll " (click)="viewAll=false;">


  		




  29
  33
  
    
          <span  ><span class="uk-text-muted clickable">View less </span><a><i class="uk-icon-toggle-up"></i></a></span>


  		




  30
  34
  
    
        </li>


  		




  31
  35
  
    
      </ul>


  		




  32
  36
  
    

  		




  33
  
  
    

  		




  34
  
  
    

  		




  35
  37
  
    
    `


  		




  36
  38
  
    

  		




  37
  39
  
    
})


  		




  ......




  41
  43
  
    
  @Input() public filter:any = "";


  		




  42
  44
  
    
  private _maxCharacters = 30;


  		




  43
  45
  
    
  public viewAll = false;


  		




  44
  
  
    

  		




  
  46
  
    
  public routerHelper:RouterHelper = new RouterHelper();


  		




  45
  47
  
    
  constructor () {


  		




  46
  48
  
    

  		




  47
  49
  
    
  }


  		




  ......




  51
  53
  
    

  		




  52
  54
  
    
  }


  		




  53
  55
  
    

  		




  
  56
  
    

  		




  54
  57
  
    
  private _formatName(value){


  		




  55
  58
  
    
    return (((value.name+" ("+value.number+")").length >this._maxCharacters)?(value.name.substring(0,(this._maxCharacters - (" ("+value.number+")").length - ('...').length))+"..."):value.name)


  		




  56
  59
  
    
  }


  		












Also available in:  Unified diff