1 files changed, 56 insertions, 1 deletions

diff --git a/app/assets/javascripts/boards/components/issue_board_filtered_search.vue b/app/assets/javascripts/boards/components/issue_board_filtered_search.vue
index d8dac17d326..5206db05410 100644
--- a/app/assets/javascripts/boards/components/issue_board_filtered_search.vue
+++ b/app/assets/javascripts/boards/components/issue_board_filtered_search.vue
@@ -1,4 +1,6 @@
 <script>
+import { GlFilteredSearchToken } from '@gitlab/ui';
+import { mapActions } from 'vuex';
 import BoardFilteredSearch from '~/boards/components/board_filtered_search.vue';
 import issueBoardFilters from '~/boards/issue_board_filters';
 import { TYPE_USER } from '~/graphql_shared/constants';
@@ -6,13 +8,24 @@ import { convertToGraphQLId } from '~/graphql_shared/utils';
 import { __ } from '~/locale';
 import AuthorToken from '~/vue_shared/components/filtered_search_bar/tokens/author_token.vue';
 import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
+import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
+import WeightToken from '~/vue_shared/components/filtered_search_bar/tokens/weight_token.vue';
 
 export default {
+  types: {
+    ISSUE: 'ISSUE',
+    INCIDENT: 'INCIDENT',
+  },
   i18n: {
     search: __('Search'),
     label: __('Label'),
     author: __('Author'),
     assignee: __('Assignee'),
+    type: __('Type'),
+    incident: __('Incident'),
+    issue: __('Issue'),
+    milestone: __('Milestone'),
+    weight: __('Weight'),
     is: __('is'),
     isNot: __('is not'),
   },
@@ -29,7 +42,19 @@ export default {
   },
   computed: {
     tokens() {
-      const { label, is, isNot, author, assignee } = this.$options.i18n;
+      const {
+        label,
+        is,
+        isNot,
+        author,
+        assignee,
+        issue,
+        incident,
+        type,
+        milestone,
+        weight,
+      } = this.$options.i18n;
+      const { types } = this.$options;
       const { fetchAuthors, fetchLabels } = issueBoardFilters(
         this.$apollo,
         this.fullPath,
@@ -77,10 +102,40 @@ export default {
           fetchAuthors,
           preloadedAuthors: this.preloadedAuthors(),
         },
+        {
+          icon: 'issues',
+          title: type,
+          type: 'types',
+          operators: [{ value: '=', description: is }],
+          token: GlFilteredSearchToken,
+          unique: true,
+          options: [
+            { icon: 'issue-type-issue', value: types.ISSUE, title: issue },
+            { icon: 'issue-type-incident', value: types.INCIDENT, title: incident },
+          ],
+        },
+        {
+          type: 'milestone_title',
+          title: milestone,
+          icon: 'clock',
+          symbol: '%',
+          token: MilestoneToken,
+          unique: true,
+          defaultMilestones: [], // todo: https://gitlab.com/gitlab-org/gitlab/-/issues/337044#note_640010094
+          fetchMilestones: this.fetchMilestones,
+        },
+        {
+          type: 'weight',
+          title: weight,
+          icon: 'weight',
+          token: WeightToken,
+          unique: true,
+        },
       ];
     },
   },
   methods: {
+    ...mapActions(['fetchMilestones']),
     preloadedAuthors() {
       return gon?.current_user_id
         ? [