Skip to content
Snippets Groups Projects

Search UI add issue scope results filtering by state

All threads resolved!
Compare and Show latest version
5 files
+ 19
25
Compare changes
  • Side-by-side
  • Inline
Files
5
@@ -19,7 +19,7 @@ export default {
state: {
type: String,
required: false,
default: FILTER_STATES.ANY.id,
default: FILTER_STATES.ANY.value,
},
},
data() {
@@ -32,9 +32,9 @@ export default {
computed: {
selectedFilterText() {
let filterText = FILTER_TEXT;
if (this.selectedFilter === FILTER_STATES.CLOSED.id) {
if (this.selectedFilter === FILTER_STATES.CLOSED.value) {
filterText = __(`${FILTER_STATES.CLOSED.label} Issues`);
} else if (this.selectedFilter === FILTER_STATES.OPEN.id) {
} else if (this.selectedFilter === FILTER_STATES.OPEN.value) {
filterText = __(`${FILTER_STATES.OPEN.label} Issues`);
}
return filterText;
@@ -63,7 +63,7 @@ export default {
<template>
<gl-dropdown
:text="selectedFilterText"
class="col-sm-3 gl-pt-2 gl-pl-0"
class="col-sm-3 gl-pt-4 gl-pl-0"
>
<header
class="gl-text-center gl-font-weight-bold gl-font-lg"
@@ -72,30 +72,30 @@ export default {
</header>
<gl-dropdown-divider />
<gl-dropdown-item
:key="filterStates.ANY.id"
:active="isFilterSelected(filterStates.ANY.id)"
:key="filterStates.ANY.value"
:active="isFilterSelected(filterStates.ANY.value)"
:is-check-item="true"
:is-checked="isFilterSelected(filterStates.ANY.id)"
@click="handleFilterChange(filterStates.ANY.id)"
:is-checked="isFilterSelected(filterStates.ANY.value)"
@click="handleFilterChange(filterStates.ANY.value)"
>
{{ filterStates.ANY.label }}
</gl-dropdown-item>
<gl-dropdown-divider />
<gl-dropdown-item
:key="filterStates.OPEN.id"
:active="isFilterSelected(filterStates.OPEN.id)"
:key="filterStates.OPEN.value"
:active="isFilterSelected(filterStates.OPEN.value)"
:is-check-item="true"
:is-checked="isFilterSelected(filterStates.OPEN.id)"
@click="handleFilterChange(filterStates.OPEN.id)"
:is-checked="isFilterSelected(filterStates.OPEN.value)"
@click="handleFilterChange(filterStates.OPEN.value)"
>
{{ filterStates.OPEN.label }}
</gl-dropdown-item>
<gl-dropdown-item
:key="filterStates.CLOSED.id"
:active="isFilterSelected(filterStates.CLOSED.id)"
:key="filterStates.CLOSED.value"
:active="isFilterSelected(filterStates.CLOSED.value)"
:is-check-item="true"
:is-checked="isFilterSelected(filterStates.CLOSED.id)"
@click="handleFilterChange(filterStates.CLOSED.id)"
:is-checked="isFilterSelected(filterStates.CLOSED.value)"
@click="handleFilterChange(filterStates.CLOSED.value)"
>
{{ filterStates.CLOSED.label }}
</gl-dropdown-item>
Loading