@@ -23,7 +23,7 @@ if (empty($gridFilters)) {
2323?>
2424<div class="data-grid-filters-actions-wrap">
2525 <div class="data-grid-filters-action-wrap">
26- <button :class="filterButtonClass" class="action-default" @click.prevent ="toggleFilters">
26+ <button :class="filterButtonClass" class="action-default" @click="toggleFilters">
2727 Filters
2828 </button>
2929 </div>
@@ -42,7 +42,7 @@ if (empty($gridFilters)) {
4242 <li>
4343 <span class="label"><?= $ escaper ->escapeHtml ($ gridFilterState ->getField ()) ?> </span>
4444 <span class="condition-type"><?= $ escaper ->escapeHtml ($ gridFilterState ->getConditionType ()) ?> </span>
45- <span class="preview"><?= $ escaper ->escapeHtml ($ gridFilterState ->getValue ()) ?> </span>
45+ <span class="preview"><?= $ escaper ->escapeHtml ($ gridFilterState ->renderValue ()) ?> </span>
4646
4747 <button class="action-remove" type="button" @click="removeFilter" data-field="<?= $ gridFilterState ->getField () ?> ">
4848 <span><?= __ ('Remove ' ) ?> </span>
@@ -63,13 +63,22 @@ if (empty($gridFilters)) {
6363 <?php endforeach ; ?>
6464 </fieldset>
6565
66- <?php if (!empty ($ gridFilterStates )): ?>
6766 <div class="admin__data-grid-filters-footer">
6867 <div class="admin__footer-main-actions">
68+ <?php if (!empty ($ gridFilterStates )): ?>
6969 <button class="action-tertiary" type="button" @click="clearFilters">
7070 <span><?= __ ('Clear all ' ) ?> </span>
7171 </button>
72+ <?php endif ; ?>
73+
74+ <button class="action-tertiary" type="button" data-action="grid-filter-cancel" @click="toggleFilters">
75+ <span><?= __ ('Cancel ' ) ?> </span>
76+ </button>
77+
78+ <button class="action-secondary" type="button" data-action="grid-filter-apply" @click="applyFilters">
79+ <span><?= __ ('Apply Filters ' ) ?> </span>
80+ </button>
7281 </div>
7382 </div>
74- <?php endif ; ?>
7583</div>
84+
0 commit comments