app/assets/javascripts/boards/components/modal/header.js.es6


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

//= require ./dismiss
//= require ./tabs
//= require ./search
/* global Vue */
(() => {
  const Store = gl.issueBoards.BoardsStore;

  window.gl = window.gl || {};
  window.gl.issueBoards = window.gl.issueBoards || {};

  gl.issueBoards.IssuesModalHeader = Vue.extend({
    data() {
      return Store.modal;
    },
    components: {
      'modal-dismiss': gl.issueBoards.DismissModal,
      'modal-tabs': gl.issueBoards.ModalTabs,
      'modal-search': gl.issueBoards.ModalSearch,
    },
    template: `
      <div>
        <header class="add-issues-header form-actions">
          <h2>
            Add issues
            <modal-dismiss></modal-dismiss>
          </h2>
        </header>
        <modal-tabs v-if="issues.length"></modal-tabs>
        <modal-search v-if="issues.length"></modal-search>
      </div>
    `,
  });
})();