tags: some visual cleanup of the filter bar

This commit is contained in:
Tyler Renelle 2013-05-06 15:59:58 +01:00
parent bed0f64d47
commit ccd091b622

View file

@ -1,28 +1,30 @@
<filters:> <filters:>
<div class="well well-small filters"> <div class="well well-small filters">
<div class="pull-left filter-description"> <div class="pull-left filter-description">
Filter: <i rel=tooltip title='Filters' class='icon-filter'></i>
</div> </div>
<ul class="nav nav-pills"> <ul class="nav nav-pills">
<li><a rel=tooltip title='Edit Tags' x-bind="click:toggleEditingTags"><span class='muted'><i class='icon-edit'></i></span></a></li>
{{#each _user.tags as :tag}} {{#each _user.tags as :tag}}
<li class="{#if _user.filters[:tag.id]}active{/}" style='position:relative;'> <li class="{#if _user.filters[:tag.id]}active{/}" style='position:relative;'>
{#if _editingTags} {#if _editingTags}
<a style='float:left;' x-bind=click:filtersDeleteTag data-tag-id={:tag.id}><i class='icon-trash'></i></a>&nbsp <div class="input-append option-group">
<input type='text' value='{:tag.name}' /> <input class="input input-small option-content" type="text" value='{:tag.name}' />
<span class="add-on"><a class='pull-right' x-bind=click:filtersDeleteTag data-tag-id={:tag.id}><i class='icon-trash'></i></a></span>
</div>
{else} {else}
<a data-tag-id="{:tag.id}" x-bind="click:toggleFilterByTag">{:tag.name}</a> <a data-tag-id="{:tag.id}" x-bind="click:toggleFilterByTag">{:tag.name}</a>
{/} {/}
</li> </li>
{{/}} {{/}}
<li> <li>
{#if _editingTags} {#if _editingTags}
<form x-bind="submit:filtersNewTag"> <form class='form-inline' x-bind="submit:filtersNewTag">
<input type="text" value="{_newTag}" placeholder="New Tag"/> <div class="input-append">
<input class="span2" type="text" value="{_newTag}" placeholder="New Tag" />
<button class="add-on" type="button">Add</button>
</div>
</form> </form>
<a x-bind=click:toggleEditingTags>[done]</a>
{else}
<a x-bind=click:toggleEditingTags>[edit]</a>
{/} {/}
</li> </li>
</ul> </ul>