yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-11-10 16:32:26 +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}} {{/ember-selector}}
</label> </label>
<div class="field-search"> <header class="typeahead-header">
<input type="text" <div class="field-names">
id="compliance-typeahead" <h4>Field Names</h4>
class="field-search__input form-control" <input type="text"
placeholder="Search for field names..."> id="compliance-typeahead"
</div> class="field-search__input form-control"
placeholder="Filter field names...">
</div>
<h4>Data Type</h4>
</header>
<section class="typeahead-matches"> <section class="typeahead-matches">
{{#each matchingFields as |matchingField|}} {{#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> <span class="match-pill__value">{{matchingField.value}}</span>
{{#if matchingField.dataType}} {{#if matchingField.dataType}}
<sub class="match-pill__data-type">Data Type: {{matchingField.dataType}}</sub> <span class="match-pill__data-type">{{matchingField.dataType}}</span>
{{/if}} {{/if}}
{{/draggable-item}} {{/draggable-item}}
{{else}} {{else}}
@ -1477,18 +1481,22 @@
{{/ember-selector}} {{/ember-selector}}
</label> </label>
<div class="field-search"> <header class="typeahead-header">
<input type="text" <div class="field-names">
id="confidential-typeahead" <h4>Field Names</h4>
class="field-search__input form-control" <input type="text"
placeholder="Search for field names..."> id="compliance-typeahead"
</div> class="field-search__input form-control"
placeholder="Filter field names...">
</div>
<h4>Data Type</h4>
</header>
<section class="typeahead-matches"> <section class="typeahead-matches">
{{#each matchingFields as |matchingField|}} {{#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> <span class="match-pill__value">{{matchingField.value}}</span>
{{#if matchingField.dataType}} {{#if matchingField.dataType}}
<sub class="match-pill__data-type">Data Type: {{matchingField.dataType}}</sub> <span class="match-pill__data-type">{{matchingField.dataType}}</span>
{{/if}} {{/if}}
{{/draggable-item}} {{/draggable-item}}
{{else}} {{else}}