Skip to content

Commit

Permalink
VCST-1523: Fix broken link on new filter blade. (#734)
Browse files Browse the repository at this point in the history 
fix: Resolves broken link on new filter blade and improves UX.
  • Loading branch information
@OlegoO
OlegoO committed Jul 18, 2024
1 parent 3934854 commit 79082c1
Show file tree
Hide file tree
Showing 2 changed files with 55 additions and 51 deletions.
2 changes: 1 addition & 1 deletion src/VirtoCommerce.CatalogModule.Web/Localizations/en.VirtoCommerce.Catalog.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,7 @@
"filter-lowStock": "Low on stock",
"filter-notActive": "Inactive",
"filter-display-variations": "Display variations",
"unnamed-filter": "Unnamed filter",
"unnamed-filter": "Filter by",
"result-grouping": "Group results by:",
"result-grouping-none": "None",
"result-grouping-$path": "Category",
Expand Down
104 changes: 54 additions & 50 deletions src/VirtoCommerce.CatalogModule.Web/Scripts/blades/filter-detail.tpl.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,60 @@
</div>
</div>
<div class="form-group">
<label class="form-label">{{ 'catalog.blades.filter-detail.labels.criteria' | translate }}</label>
<div class="form-input">
<input ng-model="blade.currentEntity.keyword" placeholder="{{ 'catalog.blades.filter-detail.placeholders.criteria' | translate }}" />
<label class="form-label">{{ 'catalog.blades.filter-detail.labels.criteria' | translate }}</label>
<i class="form-ico fa fa-question-circle __link __lightblue" ng-click="blade.currentEntity.keyword_descrVisible=!blade.currentEntity.keyword_descrVisible"></i>

<div class="form-input">
<input ng-model="blade.currentEntity.keyword" placeholder="{{ 'catalog.blades.filter-detail.placeholders.criteria' | translate }}" />
</div>

<div ng-if="blade.currentEntity.keyword_descrVisible">
<div class="list __info list-descr">
<div class="list __info">
<div class="list-t">samsung galaxy</div>
<div class="list-descr">all products with words 'samsung' AND 'galaxy' in property values</div>
</div>
<div class="list __info">
<div class="list-t">color:Black,White</div>
<div class="list-descr">where the color is 'Black' OR 'White'</div>
</div>
<div class="list __info">
<div class="list-t">color:Black color:White</div>
<div class="list-descr">where the color is 'Black' AND 'White'</div>
</div>
<div class="list __info">
<div class="list-t">price_usd:[100 TO 200]</div>
<div class="list-descr">where the price is in USD and between values including bounds</div>
</div>
<div class="list __info">
<div class="list-t">price:(100 TO 200)</div>
<div class="list-descr">where the price is in any currency and between values excluding bounds</div>
</div>
<div class="list __info">
<div class="list-t">price:(0 TO)</div>
<div class="list-descr">where the price is greater than zero</div>
</div>
<div class="list __info">
<div class="list-t">price:(TO 100]</div>
<div class="list-descr">where the price is less than or equal to 100</div>
</div>
<div class="list __info">
<div class="list-t">!color:White</div>
<div class="list-descr">use ! as NOT operator on filters</div>
</div>
<div class="list __info">
<div class="list-t">sony color:Black price:[100 TO 200)</div>
<div class="list-descr">combine keywords and filters</div>
</div>
<div class="list __info">
<div class="list-item">
<a ng-href="https://docs.virtocommerce.org/platform/developer-guide/Fundamentals/Indexed-Search/search-query-syntax-reference/" target="_blank">Search phrase syntax reference</a>
</div>
</div>
</div>
<a href="" ng-click="blade.currentEntity.keyword_descrVisible = null;">Hide</a>
</div>

</div>
<div class="form-group">
<label class="form-label">{{ 'catalog.blades.filter-detail.labels.searchInVariations' | translate }}</label>
Expand All @@ -24,53 +74,7 @@
</div>
</div>
</form>
<div class="form-group">
<div class="list __info">
<div class="list-t">samsung galaxy</div>
<div class="list-descr">all products with words 'samsung' AND 'galaxy' in property values</div>
</div>
<div class="list __info">
<div class="list-t">color:Black,White</div>
<div class="list-descr">where the color is 'Black' OR 'White'</div>
</div>
<div class="list __info">
<div class="list-t">color:Black color:White</div>
<div class="list-descr">where the color is 'Black' AND 'White'</div>
</div>
<div class="list __info">
<div class="list-t">price_usd:[100 TO 200]</div>
<div class="list-descr">where the price is in USD and between values including bounds</div>
</div>
<div class="list __info">
<div class="list-t">price:(100 TO 200)</div>
<div class="list-descr">where the price is in any currency and between values excluding bounds</div>
</div>
<div class="list __info">
<div class="list-t">price:(0 TO)</div>
<div class="list-descr">where the price is greater than zero</div>
</div>
<div class="list __info">
<div class="list-t">price:(TO 100]</div>
<div class="list-descr">where the price is less than or equal to 100</div>
</div>
<div class="list __info">
<div class="list-t">!color:White</div>
<div class="list-descr">use ! as NOT operator on filters</div>
</div>
<div class="list __info">
<div class="list-t">Da?? Red*</div>
<div class="list-descr">use ? to replace a single character, and * to replace zero or more characters</div>
</div>
<div class="list __info">
<div class="list-t">sony color:Black price:[100 TO 200)</div>
<div class="list-descr">combine keywords and filters</div>
</div>
<div class="list __info">
<div class="list-item">
<a ng-href="https://github.com/VirtoCommerce/vc-module-search#search-phrase-syntax" target="_blank">Search phrase syntax reference</a>
</div>
</div>
</div>

</div>
</div>
</div>

0 comments on commit 79082c1

Please sign in to comment.