Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 20:15:26 +02:00
Code Releases Activity

Change Search & Profile views to use new UX/UI

Browse source
This commit is contained in:
Harvey Kandola 2018-12-14 16:40:54 +00:00
parent 0ec0c65002
commit 8a654fcf3d
10 changed files with 113 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

2
gui/app/templates/components/layout/master-sidebar.hbs
View file

@ -23,7 +23,7 @@
{{/link-to}}
{{/if}}
{{/if}}
{{#link-to "search" class=(if (eq selectedItem "spaces") "option selected" "option")}}
{{#link-to "search" class=(if (eq selectedItem "search") "option selected" "option")}}
<i class={{concat "dicon " constants.Icon.Search}}></i>
<div class="name">search</div>
{{/link-to}}

2
gui/app/templates/components/search/search-results.hbs
View file

@ -1,5 +1,5 @@
<div class="view-search">
<div class="heading">{{resultPhrase}}</div>
<div class="result-summary">{{resultPhrase}}</div>
<ul class="documents">
{{#each documents key="id" as |result|}}
<li class="document">

24
gui/app/templates/components/search/search-view.hbs
View file

@ -4,31 +4,13 @@
{{focus-input type="text" value=filter class="form-control mr-3 search-box" placeholder="keywords, tags"}}
</div>
<div class="form-group">
<button class="btn btn-success" {{action "onSearch"}}>Search</button>
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Search onClick=(action "onSearch")}}
</div>
</form>
<div class="form-group mt-2">
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-1" class="form-check-input" checked=matchDoc}}
<label class="form-check-label" for="search-1">&nbsp;document title</label>
</div>
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-2" class="form-check-input" checked=matchContent}}
<label class="form-check-label" for="search-2">&nbsp;content</label>
</div>
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-3" class="form-check-input" checked=matchTag}}
<label class="form-check-label" for="search-3">&nbsp;tag name</label>
</div>
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-4" class="form-check-input" checked=matchFile}}
<label class="form-check-label" for="search-4">&nbsp;attachment name</label>
</div>
</div>
{{#if validSearch}}
{{search/search-results results=results keywords=filter}}
{{else}}
<p class="text-danger my-5">Your search term is too short</p>
{{ui/ui-spacer size=300}}
<p class="color-red-700">Your search query is too short</p>
{{/if}}
</div>