Initial search implementation

- Add search box to demo-shell toolbar
- Initial search component to display results

Refs #69
This commit is contained in:
Will Abson
2016-05-19 17:20:53 +01:00
parent 90452d34f8
commit f8627a59e9
20 changed files with 962 additions and 3 deletions

View File

@@ -6,6 +6,19 @@
<span class="mdl-layout-title">Alfresco</span>
<!-- 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>
<!-- Navigation. We hide it in small screens. -->
<nav class="mdl-navigation mdl-layout--large-screen-only">
<a class="mdl-navigation__link" data-automation-id="files" href="" [routerLink]="['Files']">DocumentList</a>