inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Extract search box into its own component

Browse Source 
- Upgraded to latest 0.1.5 version of search
- Search is now only shown if the user is logged in
- Heading now lives inside the demo app not inside search

Refs #69
This commit is contained in:
Will Abson
2016-06-01 13:26:45 +01:00
parent 973f9d0748
commit 6b8e8d50f0
5 changed files with 62 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
demo-shell-ng2/app/app.component.html
View File

@@ -7,17 +7,9 @@
<!-- Add spacer, to align navigation to the right -->
<div class="mdl-layout-spacer"></div>
<form [ngFormModel]="searchForm" (submit)="onSearch(searchForm.value, $event)">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
<label class="mdl-button mdl-js-button mdl-button--icon" for="searchTerm">
<i class="material-icons">search</i>
</label>
<div class="mdl-textfield__expandable-holder">
<input class="mdl-textfield__input" type="text" id="searchTerm" ngControl="searchTerm">
<label class="mdl-textfield__label" for="searchTerm">Expandable Input</label>
</div>
</div>
</form>
<!-- Search box -->
<alfresco-search-control *ngIf="isLoggedIn()" [searchTerm]="searchTerm"
(searchChange)="searchTermChange($event);"></alfresco-search-control>
<!-- Navigation. We hide it in small screens. -->
<nav class="mdl-navigation mdl-layout--large-screen-only">