github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-21 22:08:41 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: show range for advanced search views filter.

Browse Source
This commit is contained in:
Arpit Jalan 2020-09-28 16:06:48 +05:30
parent 4498c59085
commit 50d53508b1
3 changed files with 41 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
app/assets/javascripts/discourse/app/templates/components/search-advanced-options.hbs
View File

@ -161,32 +161,34 @@
</div> </div>
</div> </div>
<div class="control-group pull-left"> <div class="views control-group pull-left">
<label class="control-label" for="search-min-views">{{i18n "search.advanced.min_views.label"}}</label> <label class="control-label">{{i18n "search.advanced.views.label"}}</label>
<div class="controls"> <div class="views-count pull-left">
{{input <div class="controls">
type="number" {{input
value=(readonly searchedTerms.min_views) type="number"
class="input-small" value=(readonly searchedTerms.min_views)
id="search-min-views" class="input-small"
input=(action "onChangeSearchTermMinViews" value="target.value") id="search-min-views"
}} input=(action "onChangeSearchTermMinViews" value="target.value")
placeholder=(i18n "search.advanced.min_views.placeholder")
}}
</div>
</div>
<span class="views-count-dash">–</span>
<div class="views-count pull-right">
<div class="controls">
{{input
type="number"
value=(readonly searchedTerms.max_views)
class="input-small"
id="search-max-views"
input=(action "onChangeSearchTermMaxViews" value="target.value")
placeholder=(i18n "search.advanced.max_views.placeholder")
}}
</div>
</div> </div>
</div> </div>
<div class="control-group pull-left">
<label class="control-label" for="search-max-views">{{i18n "search.advanced.max_views.label"}}</label>
<div class="controls">
{{input
type="number"
value=(readonly searchedTerms.max_views)
class="input-small"
id="search-max-views"
input=(action "onChangeSearchTermMaxViews" value="target.value")
}}
</div>
</div>
</div> </div>
{{plugin-outlet name="advanced-search-options-below" args=(hash searchedTerms=searchedTerms onChangeSearchedTermField=onChangeSearchedTermField) tagName=""}} {{plugin-outlet name="advanced-search-options-below" args=(hash searchedTerms=searchedTerms onChangeSearchedTermField=onChangeSearchedTermField) tagName=""}}

11
app/assets/stylesheets/common/base/search.scss
View File

@ -163,6 +163,17 @@
min-width: unset; min-width: unset;
} }
} }
.views {
.views-count {
margin-bottom: 15px;
width: 45%;
}
.views-count-dash {
padding-left: 10px;
vertical-align: middle;
}
}
} }
} }
} }

6
config/locales/client.en.yml
View File

@ -2124,10 +2124,12 @@ en:
label: Posted label: Posted
before: before before: before
after: after after: after
views:
label: Views
min_views: min_views:
label: Minimum Views placeholder: minimum
max_views: max_views:
label: Maximum Views placeholder: maximum
hamburger_menu: "go to another topic list or category" hamburger_menu: "go to another topic list or category"
new_item: "new" new_item: "new"