Project

General

Profile

« Previous | Next » 

Revision 60211

Added by Konstantinos Triantafyllou over 3 years ago

[Library | Trunk]: Change admin-tools pages header layout. Add search-input

View differences:

search-input.component.ts
6 6 
  selector: '[search-input]',
7 7 
  styleUrls: ['search-input.component.css'],
8 8 
  template: `
9 
    <div class="uk-flex uk-flex-middle uk-flex-center uk-align-center uk-margin-medium-bottom search-mobile" [ngClass]="colorClass">
10 
      <div *ngIf="control" class="uk-width-expand">
9 
    <div class="uk-flex uk-flex-middle uk-flex-center search-mobile" [ngClass]="colorClass">
10 
      <div *ngIf="control" class="uk-width-expand" [class.bordered]="bordered">
11 11 
        <form (ngSubmit)="search()">
12 12 
          <input #input type="text" class="uk-width-1-1"
13 
                 [class.uk-animation-slide-right-medium]="showSearch && !control.value"
13 
                 [class.uk-animation-slide-right-medium]="showSearch"
14 14 
                 [class.uk-hidden@m]="!showSearch"
15 15 
                 [class.uk-hidden]="selected"
16 16 
                 [placeholder]="placeholder"
......
40 40 
        <span [ngClass]="colorClass" class="icon-bg">
41 41 
          <icon class="uk-position-center" name="search"></icon>
42 42 
        </span>
43 
        <span class="uk-text-uppercase space">search</span>
43 
        <span class="uk-text-uppercase overlay">search</span>
44 44 
      </button>
45 45 
      <button [disabled]="loading" class="search uk-flex uk-flex-middle uk-hidden@m"
46 46 
              (mousedown)="$event.preventDefault()" (click)="search()">
47 47 
        <span [ngClass]="colorClass" class="icon-bg">
48 48 
          <icon class="uk-position-center" name="search"></icon>
49 49 
        </span>
50 
        <span class="uk-text-uppercase space">search</span>
50 
        <span class="uk-text-uppercase overlay">search</span>
51 51 
      </button>
52 52 
    </div>`
53 53 
})
......
66 66 
  list: any = null;
67 67 
  @Input()
68 68 
  colorClass: string = 'portal-color';
69 
  @Input()
70 
  bordered: boolean = false;
69 71 
  @ViewChild('input') input: ElementRef;
70 72 
  @ViewChild(MatAutocompleteTrigger) trigger: MatAutocompleteTrigger;
71 73 
  @Output()

Also available in: Unified diff