Project

General

Profile

1
<div id="tm-main" class=" uk-section  uk-margin-small-top tm-middle"   >
2
  <div uk-grid >
3
    <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
4
      <div class="">
5

    
6
        <div   [class]="'uk-background-norepeat uk-background-cover uk-section uk-flex uk-flex-middle uk- light '+searchFormClass" >
7
          <div   class="uk-width-1-1">
8
            <div   class="uk-width-1-1">
9
              <search-form [isDisabled]="disableForms" [(keyword)]="searchUtils.keyword" (keywordChange)="keywordChanged($event)" [placeholderText]="formPlaceholderText"></search-form>
10
            </div>
11
            <div   class="uk-width-1-1  ">
12
              <!--link to advanced search -->
13
              <a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" [class]="(disableForms)?'uk-float-right   uk-disabled uk-link-muted uk-light ':'uk-float-right  uk-light'" [routerLink]=advancedSearchLink >More search options <span class="uk-icon">
14
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg>
15
                  </span>
16
              </a>
17
              <div *ngIf="isFiltered()" class = "uk-container uk-width-1-2@m uk-width-1-2@s uk-align-center uk-text-center uk-text-small">
18
                <span *ngIf = "searchUtils.keyword.length > 0">Keywords: <span [innerHtml]="searchUtils.keyword"></span><a (click) = "clearKeywords() " [class]="(disableForms)?'uk-icon-button uk-disabled':'uk-icon-button'"><span class=" clickable " aria-hidden="true"><span class="uk-icon">
19
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="1"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg>
20
                  </span></span></a>
21
                </span>
22
                <span *ngFor="let filter of filters " >
23
                  <span *ngIf = "filter.countSelectedValues > 0"> {{filter.title}}:
24
                    <span *ngFor="let value of getSelectedValues(filter); let i = index;  let end = last; " ><span [innerHtml]="(value.name.length > 25)?value.name.substring(0,25)+'...':value.name" title="value.name"></span><a (click) = "removeFilter(value, filter) " [class]="(disableForms)?'uk-icon-button uk-disabled':'uk-icon-button'"><span class=" clickable" aria-hidden="true"><span class="uk-icon">
25
                      <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="1"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg>
26
                      </span></span></a>
27
                      <span *ngIf="!end">, </span>
28
                    </span>
29
                  </span>
30
                </span>
31

    
32
                <a (click)="clearFilters()" [class]="(disableForms)?'uk-disabled uk-link-muted':''">
33
                 Clear All
34
                </a>
35
              </div>
36
              <div *ngIf= "showUnknownFilters"  class = " uk-text-center ">
37
                <a (click) = "clearFilters() " >Try new Query</a>
38
              </div>
39
            </div>
40

    
41
          </div>
42
        </div>
43
        <div  class="uk-container">
44
          <helper position="top"></helper>
45
          <div  [class]="(showRefine)? 'uk-width-3-5@m  uk-width-3-5@l  uk-width-1-1@s' :'uk-width-1-1'">
46
            <div  *ngIf="showRefine" class="uk-offcanvas-content uk-hidden@m">
47

    
48
              <a href="#offcanvas-usage" uk-toggle><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="6" y="4" width="12" height="1"></rect><rect x="6" y="9" width="12" height="1"></rect><rect x="6" y="14" width="12" height="1"></rect><rect x="2" y="4" width="2" height="1"></rect><rect x="2" y="9" width="2" height="1"></rect><rect x="2" y="14" width="2" height="1"></rect></svg></a>
49

    
50
              <div id="offcanvas-usage" uk-offcanvas>
51
                <div class="uk-offcanvas-bar">
52
                  <button class="uk-offcanvas-close" type="button" uk-close></button>
53
                  <div class="uk-text-large">Filter By:</div>
54
                  <search-filter  *ngFor="let filter of filters "  [addShowMore]=false [isDisabled]="disableForms" [filter]="filter"  [showResultCount]=showResultCount (change)="filterChanged($event)" (toggleModal)="toggleModal($event)"></search-filter>
55
                </div>
56
              </div>
57

    
58
            </div>
59
          </div>
60

    
61

    
62
          <div  class="uk-grid uk-width-1-1">
63
            <div  *ngIf="showRefine" class="helper-left-right search-filters uk-visible@m">
64
               <helper position="left"></helper>
65
               <search-filter  *ngFor="let filter of filters " [isDisabled]="disableForms" [filter]="filter"  [showResultCount]=showResultCount (change)="filterChanged($event)" (toggleModal)="toggleModal($event)"></search-filter>
66
            </div>
67
            <helper *ngIf="!showRefine" class="helper-left-right uk-visible@m" position="left"></helper>
68

    
69
            <div class="uk-width-expand@m uk-width-1-1@s uk-first-column">
70
            <!-- <div [class]="(showRefine)?'uk-width-expand@m uk-first-column':''" > -->
71
              <div  class="uk-align-center uk-margin-remove-bottom">
72
                <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results"  [(baseUrl)] = "baseUrl" [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues" ></search-paging>
73
              </div>
74

    
75
              <div  *ngIf="tableViewLink || searchUtils.totalResults <=10000"  class="uk-width-1-1@s uk-hidden@m">
76
                <span *ngIf="tableViewLink" class="uk-margin-medium-right">
77
                  <a routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=tableViewLink >
78
                    <span class="uk-margin-small-right uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="2" y="2" width="3" height="3"></rect><rect x="8" y="2" width="3" height="3"></rect><rect x="14" y="2" width="3" height="3"></rect><rect x="2" y="8" width="3" height="3"></rect><rect x="8" y="8" width="3" height="3"></rect><rect x="14" y="8" width="3" height="3"></rect><rect x="2" y="14" width="3" height="3"></rect><rect x="8" y="14" width="3" height="3"></rect><rect x="14" y="14" width="3" height="3"></rect></svg></span>
79
                  </a>
80

    
81
                  <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span>
82
                </span>
83
                <search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults"></search-download>
84
              </div>
85

    
86
              <div class="uk-margin-top">
87
                <search-result    *ngIf="!tableView"
88
                                  [results]="results"
89
                                  [status]="searchUtils.status"
90
                                  [type]="entityType"
91
                                  [showLoading]="true">
92
                </search-result>
93
              </div>
94

    
95
              <div  class="uk-align-center uk-margin-remove-bottom">
96
                <search-paging [type]="type" [loadPaging]="loadPaging" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results"  [(baseUrl)] = "baseUrl" [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues" ></search-paging>
97
              </div>
98

    
99
              <helper class="uk-hidden@m" position="left" styleName="uk-width-1-1@s"></helper>
100
              <helper class="uk-hidden@m" position="right" styleName="uk-width-1-1@s"></helper>
101
            </div>
102

    
103
            <div *ngIf="tableViewLink || searchUtils.totalResults <=10000" class="helper-left-right uk-visible@m">
104
              <span *ngIf="tableViewLink" class="uk-margin-medium-right">
105
                <a routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=tableViewLink >
106
                  <span class="uk-margin-small-right uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="2" y="2" width="3" height="3"></rect><rect x="8" y="2" width="3" height="3"></rect><rect x="14" y="2" width="3" height="3"></rect><rect x="2" y="8" width="3" height="3"></rect><rect x="8" y="8" width="3" height="3"></rect><rect x="14" y="8" width="3" height="3"></rect><rect x="2" y="14" width="3" height="3"></rect><rect x="8" y="14" width="3" height="3"></rect><rect x="14" y="14" width="3" height="3"></rect></svg></span>
107
                </a>
108

    
109
                <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span>
110
              </span>
111
              <search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults"></search-download>
112
              <helper position="right"></helper>
113
            </div>
114
            <helper *ngIf="!tableViewLink && searchUtils.totalResults > 10000" class="helper-left-right uk-visible@m" position="right"></helper>
115
          </div>
116
          <!-- <div [class]="(showRefine)? 'uk-width-3-5@m  uk-width-3-5@l  uk-width-1-1@s uk-align-center uk-margin-remove-bottom' : 'uk-width-1-1'">
117
            <search-paging [loadPaging]="loadPaging" [type]="type" [oldTotalResults]="oldTotalResults" [(searchUtils)] = "searchUtils"  [(results)] = "results"  [(baseUrl)] = "baseUrl" [(parameterNames)] = "parameterNames" [(parameterValues)] = "parameterValues" ></search-paging>
118
          </div> -->
119
          <div class="uk-width-1-1">
120
            <helper position="bottom"></helper>
121
          </div>
122
        </div>
123
      </div>
124
    </div>
125
  </div>
126
</div>
(22-22/36)