gitlab-org--gitlab-foss/app/assets/javascripts/boards/components/modal/filters.js.es6

/* global Vue */
//= require_tree ./filters
(() => {
  const ModalStore = gl.issueBoards.ModalStore;

  gl.issueBoards.ModalFilters = Vue.extend({
    props: {
      projectId: {
        type: Number,
        required: true,
      },
      milestonePath: {
        type: String,
        required: true,
      },
      labelPath: {
        type: String,
        required: true,
      },
    },
    destroyed() {
      ModalStore.setDefaultFilter();
    },
    components: {
      'user-filter': gl.issueBoards.ModalFilterUser,
      'milestone-filter': gl.issueBoards.ModalFilterMilestone,
      'label-filter': gl.issueBoards.ModalLabelFilter,
    },
    template: `
      <div class="modal-filters">
        <user-filter
          dropdown-class-name="dropdown-menu-author"
          toggle-class-name="js-user-search js-author-search"
          toggle-label="Author"
          field-name="author_id"
          :project-id="projectId"></user-filter>
        <user-filter
          dropdown-class-name="dropdown-menu-author"
          toggle-class-name="js-assignee-search"
          toggle-label="Assignee"
          field-name="assignee_id"
          :null-user="true"
          :project-id="projectId"></user-filter>
        <milestone-filter :milestone-path="milestonePath"></milestone-filter>
        <label-filter :label-path="labelPath"></label-filter>
      </div>
    `,
  });
})();