yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-11-01 19:25:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

DSS-5677: Updates UI to more closely match spec, changes search input behaviour to filter from search

Browse Source
This commit is contained in:
Seyi Adebajo 2016-11-14 13:36:04 -08:00 committed by Mars Lan
parent 99d870fe7b
commit b78fed8700
1 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
web/app/views/main.scala.html
View File

@ -1380,18 +1380,22 @@
{{/ember-selector}}
</label>
<div class="field-search">
<input type="text"
id="compliance-typeahead"
class="field-search__input form-control"
placeholder="Search for field names...">
</div>
<header class="typeahead-header">
<div class="field-names">
<h4>Field Names</h4>
<input type="text"
id="compliance-typeahead"
class="field-search__input form-control"
placeholder="Filter field names...">
</div>
<h4>Data Type</h4>
</header>
<section class="typeahead-matches">
{{#each matchingFields as |matchingField|}}
{{#draggable-item content=matchingField.value class="draggable__item"}}
{{#draggable-item content=matchingField.value class="draggable__item item-source"}}
<span class="match-pill__value">{{matchingField.value}}</span>
{{#if matchingField.dataType}}
<sub class="match-pill__data-type">Data Type: {{matchingField.dataType}}</sub>
<span class="match-pill__data-type">{{matchingField.dataType}}</span>
{{/if}}
{{/draggable-item}}
{{else}}
@ -1477,18 +1481,22 @@
{{/ember-selector}}
</label>
<div class="field-search">
<input type="text"
id="confidential-typeahead"
class="field-search__input form-control"
placeholder="Search for field names...">
</div>
<header class="typeahead-header">
<div class="field-names">
<h4>Field Names</h4>
<input type="text"
id="compliance-typeahead"
class="field-search__input form-control"
placeholder="Filter field names...">
</div>
<h4>Data Type</h4>
</header>
<section class="typeahead-matches">
{{#each matchingFields as |matchingField|}}
{{#draggable-item content=matchingField.value class="draggable__item"}}
{{#draggable-item content=matchingField.value class="draggable__item item-source"}}
<span class="match-pill__value">{{matchingField.value}}</span>
{{#if matchingField.dataType}}
<sub class="match-pill__data-type">Data Type: {{matchingField.dataType}}</sub>
<span class="match-pill__data-type">{{matchingField.dataType}}</span>
{{/if}}
{{/draggable-item}}
{{else}}