Project

General

Profile

« Previous | Next » 

Revision 62830

View differences:

top-menu.component.html
127 127
          <li class="uk-parent uk-margin-top" [routerLinkActive]="['uk-active']">
128 128
            <a href="#">Methodology</a>
129 129
            <ul class="uk-nav-sub">
130
              <li><a routerLink="/methodology" routerLinkActive="uk-active" class="uk-offcanvas-close custom-offcanvas-close">Overview</a></li>
130
              <li><a routerLink="/methodology" routerLinkActive="uk-active" class="uk-offcanvas-close custom-offcanvas-close">Approach</a></li>
131 131
              <li><a routerLink="/methodology" fragment="terminology" routerLinkActive="uk-active" class="uk-offcanvas-close custom-offcanvas-close">Terminology and construction</a></li>
132 132
            </ul>
133 133
          </li>
......
157 157
              </a>
158 158
            </div>
159 159

  
160
            <div class="uk-navbar-center">
161

  
162
              <div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry">
163
                <span id="search-icon" uk-search-icon></span>
164
                <ng-autocomplete
165
                  [data]="countriesCollection"
166
                  [searchKeyword]="keyword"
167
                  [placeholder]="'Search for a country...'"
168
                  (selected)='selectCountryFromAutocompleteEvent($event)'
169
                  (inputChanged)='onChangeSearch($event)'
170
                  (inputFocused)='onFocused($event)'
171
                  historyIdentifier="countriesCollection"
172
                  [itemTemplate]="itemTemplate"
173
                  [notFoundTemplate]="notFoundTemplate">
174
                </ng-autocomplete>
175

  
176
                <ng-template #itemTemplate let-item>
177
                  <a [innerHTML]="item.name"></a>
178
                </ng-template>
179

  
180
                <ng-template #notFoundTemplate let-notFound>
181
                  <div [innerHTML]="notFound"></div>
182
                </ng-template>
183
              </div>
184

  
185
              <!--<div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry" data-uk-autocomplete="{source:'https://getuikit.com/v2/tests/components/_autocomplete.json'}">-->
186
              <!--<span uk-search-icon></span>-->
187
              <!--<input class="uk-search-input" type="search" placeholder="Search for a country...">-->
188
              <!--&lt;!&ndash;<input type="text">&ndash;&gt;-->
189
              <!--</div>-->
190

  
191
            </div>
192

  
193 160
            <div class="uk-navbar-right">
194 161

  
195 162
              <ul class="uk-navbar-nav" >
......
203 170
                    OA in Europe
204 171
                  </a>
205 172
                </li>
206
                <!--<li class="uk-parent" [routerLinkActive]="['uk-active']">-->
207
                  <!--<a routerLink="/methodology" [routerLinkActive]="['uk-active']">-->
208
                    <!--Methodology-->
209
                  <!--</a>-->
210
                <!--</li>-->
211 173
                <li class="uk-parent" [routerLinkActive]="['uk-active']">
212 174
                  <a href="#" class="" aria-expanded="false">
213 175
                    Methodology
......
217 179
                      <div class="uk-first-column">
218 180
                        <ul class="uk-nav uk-navbar-dropdown-nav">
219 181
                          <!--<li><a [routerLink]="['/support/faqs']" routerLinkActive="uk-active">FAQs</a></li>-->
220
                          <li><a routerLink="/methodology" routerLinkActive="uk-active">Overview</a></li>
182
                          <li><a routerLink="/methodology" routerLinkActive="uk-active">Approach</a></li>
221 183
                          <li><a routerLink="/methodology" fragment="terminology" routerLinkActive="uk-active">Terminology and construction</a></li>
222 184
                        </ul>
223 185
                      </div>
224 186
                    </div>
225 187
                  </div>
226 188
                </li>
227
                <!--<li class="uk-parent" [routerLinkActive]="['uk-active']">-->
228
                  <!--<a routerLink="/home" [routerLinkActive]="['uk-active']">-->
229
                    <!--Sign In-->
230
                  <!--</a>-->
231
                <!--</li>-->
189
                <li class="uk-flex uk-flex-middle uk-margin-left">
190
                  <div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry">
191
                    <span id="search-icon" uk-search-icon></span>
192
                    <ng-autocomplete
193
                      [data]="countriesCollection"
194
                      [searchKeyword]="keyword"
195
                      [placeholder]="'Search for a country...'"
196
                      (selected)='selectCountryFromAutocompleteEvent($event)'
197
                      (inputChanged)='onChangeSearch($event)'
198
                      (inputFocused)='onFocused($event)'
199
                      historyIdentifier="countriesCollection"
200
                      [itemTemplate]="itemTemplate"
201
                      [notFoundTemplate]="notFoundTemplate">
202
                    </ng-autocomplete>
232 203

  
204
                    <ng-template #itemTemplate let-item>
205
                      <a [innerHTML]="item.name"></a>
206
                    </ng-template>
207

  
208
                    <ng-template #notFoundTemplate let-notFound>
209
                      <div [innerHTML]="notFound"></div>
210
                    </ng-template>
211
                  </div>
212
                </li>
213

  
233 214
              </ul>
234 215

  
235

  
236 216
            </div>
237 217

  
238 218
          </nav>

Also available in: Unified diff