github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-20 14:39:48 +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 class="control-group pull-left">
<label class="control-label" for="search-min-views">{{i18n "search.advanced.min_views.label"}}</label>
<div class="controls">
{{input
type="number"
value=(readonly searchedTerms.min_views)
class="input-small"
id="search-min-views"
input=(action "onChangeSearchTermMinViews" value="target.value")
}}
<div class="views control-group pull-left">
<label class="control-label">{{i18n "search.advanced.views.label"}}</label>
<div class="views-count pull-left">
<div class="controls">
{{input
type="number"
value=(readonly searchedTerms.min_views)
class="input-small"
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 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>
{{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;
}
}
.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
before: before
after: after
views:
label: Views
min_views:
label: Minimum Views
placeholder: minimum
max_views:
label: Maximum Views
placeholder: maximum
hamburger_menu: "go to another topic list or category"
new_item: "new"