\n \n This feature requires local storage to be enabled\n
\n - \n
- \n
\n \n \n \n {{ selectedProjectName }}\n \n \n \n \n
\n \n\n","import { render, staticRenderFns } from \"./project_select.vue?vue&type=template&id=b4f04adc\"\nimport script from \"./project_select.vue?vue&type=script&lang=js\"\nexport * from \"./project_select.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('label',{staticClass:\"label-light prepend-top-10\"},[_vm._v(\"\\n Project\\n \")]),_vm._v(\" \"),_c('div',{ref:\"projectsDropdown\",staticClass:\"dropdown\"},[_c('button',{staticClass:\"dropdown-menu-toggle wide\",attrs:{\"type\":\"button\",\"data-toggle\":\"dropdown\",\"aria-expanded\":\"false\"}},[_vm._v(\"\\n \"+_vm._s(_vm.selectedProjectName)+\"\\n \"),_c('i',{staticClass:\"fa fa-chevron-down\",attrs:{\"aria-hidden\":\"true\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"dropdown-menu dropdown-menu-selectable dropdown-menu-full-width\"},[_vm._m(0),_vm._v(\" \"),_vm._m(1),_vm._v(\" \"),_c('div',{staticClass:\"dropdown-content\"}),_vm._v(\" \"),_c('div',{staticClass:\"dropdown-loading\"},[_c('loading-icon')],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dropdown-title\"},[_c('span',[_vm._v(\"Projects\")]),_vm._v(\" \"),_c('button',{staticClass:\"dropdown-title-button dropdown-menu-close\",attrs:{\"aria-label\":\"Close\",\"type\":\"button\"}},[_c('i',{staticClass:\"fa fa-times dropdown-menu-close-icon\",attrs:{\"aria-hidden\":\"true\",\"data-hidden\":\"true\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dropdown-input\"},[_c('input',{staticClass:\"dropdown-input-field\",attrs:{\"type\":\"search\",\"placeholder\":\"Search projects\"}}),_vm._v(\" \"),_c('i',{staticClass:\"fa fa-search dropdown-input-search\",attrs:{\"aria-hidden\":\"true\",\"data-hidden\":\"true\"}})])}]\n\nexport { render, staticRenderFns }","\n\n\n \n \n Title\n \n
\n \n\n","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./board_new_issue.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./board_new_issue.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./board_new_issue.vue?vue&type=template&id=8533b246\"\nimport script from \"./board_new_issue.vue?vue&type=script&lang=js\"\nexport * from \"./board_new_issue.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"board-new-issue-form\"},[_c('div',{staticClass:\"board-card\"},[_c('form',{on:{\"submit\":function($event){_vm.submit($event)}}},[(_vm.error)?_c('div',{staticClass:\"flash-container\"},[_c('div',{staticClass:\"flash-alert\"},[_vm._v(\"\\n An error occurred. Please try again.\\n \")])]):_vm._e(),_vm._v(\" \"),_c('label',{staticClass:\"label-light\",attrs:{\"for\":_vm.list.id + '-title'}},[_vm._v(\"\\n Title\\n \")]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.title),expression:\"title\"}],ref:\"input\",staticClass:\"form-control\",attrs:{\"type\":\"text\",\"autocomplete\":\"off\",\"id\":_vm.list.id + '-title'},domProps:{\"value\":(_vm.title)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.title=$event.target.value}}}),_vm._v(\" \"),(_vm.groupId)?_c('project-select',{attrs:{\"group-id\":_vm.groupId}}):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"clearfix prepend-top-10\"},[_c('button',{ref:\"submit-button\",staticClass:\"btn btn-success float-left\",attrs:{\"type\":\"submit\",\"disabled\":_vm.disabled}},[_vm._v(\"\\n Submit issue\\n \")]),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-default float-right\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.cancel}},[_vm._v(\"\\n Cancel\\n \")])])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import $ from 'jquery';\nimport Vue from 'vue';\nimport UserAvatarLink from '../../vue_shared/components/user_avatar/user_avatar_link.vue';\nimport eventHub from '../eventhub';\n\nconst Store = gl.issueBoards.BoardsStore;\n\nwindow.gl = window.gl || {};\nwindow.gl.issueBoards = window.gl.issueBoards || {};\n\ngl.issueBoards.IssueCardInner = Vue.extend({\n props: {\n issue: {\n type: Object,\n required: true,\n },\n issueLinkBase: {\n type: String,\n required: true,\n },\n list: {\n type: Object,\n required: false,\n default: () => ({}),\n },\n rootPath: {\n type: String,\n required: true,\n },\n updateFilters: {\n type: Boolean,\n required: false,\n default: false,\n },\n groupId: {\n type: Number,\n required: false,\n },\n },\n data() {\n return {\n limitBeforeCounter: 3,\n maxRender: 4,\n maxCounter: 99,\n };\n },\n components: {\n UserAvatarLink,\n },\n computed: {\n numberOverLimit() {\n return this.issue.assignees.length - this.limitBeforeCounter;\n },\n assigneeCounterTooltip() {\n return `${this.assigneeCounterLabel} more`;\n },\n assigneeCounterLabel() {\n if (this.numberOverLimit > this.maxCounter) {\n return `${this.maxCounter}+`;\n }\n\n return `+${this.numberOverLimit}`;\n },\n shouldRenderCounter() {\n if (this.issue.assignees.length <= this.maxRender) {\n return false;\n }\n\n return this.issue.assignees.length > this.numberOverLimit;\n },\n issueId() {\n if (this.issue.iid) {\n return `#${this.issue.iid}`;\n }\n return false;\n },\n showLabelFooter() {\n return this.issue.labels.find(l => this.showLabel(l)) !== undefined;\n },\n },\n methods: {\n isIndexLessThanlimit(index) {\n return index < this.limitBeforeCounter;\n },\n shouldRenderAssignee(index) {\n // Eg. maxRender is 4,\n // Render up to all 4 assignees if there are only 4 assigness\n // Otherwise render up to the limitBeforeCounter\n if (this.issue.assignees.length <= this.maxRender) {\n return index < this.maxRender;\n }\n\n return index < this.limitBeforeCounter;\n },\n assigneeUrl(assignee) {\n return `${this.rootPath}${assignee.username}`;\n },\n assigneeUrlTitle(assignee) {\n return `Assigned to ${assignee.name}`;\n },\n avatarUrlTitle(assignee) {\n return `Avatar for ${assignee.name}`;\n },\n showLabel(label) {\n if (!label.id) return false;\n return true;\n },\n filterByLabel(label, e) {\n if (!this.updateFilters) return;\n\n const filterPath = gl.issueBoards.BoardsStore.filter.path.split('&');\n const labelTitle = encodeURIComponent(label.title);\n const param = `label_name[]=${labelTitle}`;\n const labelIndex = filterPath.indexOf(param);\n $(e.currentTarget).tooltip('hide');\n\n if (labelIndex === -1) {\n filterPath.push(param);\n } else {\n filterPath.splice(labelIndex, 1);\n }\n\n gl.issueBoards.BoardsStore.filter.path = filterPath.join('&');\n\n Store.updateFiltersUrl();\n\n eventHub.$emit('updateTokens');\n },\n labelStyle(label) {\n return {\n backgroundColor: label.color,\n color: label.textColor,\n };\n },\n },\n template: `\n \n
\n \n \n Submit issue\n \n \n Cancel\n \n
\n \n \n \n \n {{ label.title }}\n \n
\n \n `,\n});\n","\n\n\n \n \n
\n
\n \n {{ issue.title }}\n \n {{ issue.referencePath }}\n \n
\n \n \n {{ assigneeCounterLabel }}\n \n
\n \n \n
\n \n \n Add default lists\n \n \n Nevermind, I'll use my own\n \n
\n\n","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./board_blank_state.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./board_blank_state.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./board_blank_state.vue?vue&type=template&id=ad031510\"\nimport script from \"./board_blank_state.vue?vue&type=script&lang=js\"\nexport * from \"./board_blank_state.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"board-blank-state\"},[_c('p',[_vm._v(\"\\n Add the following default lists to your Issue Board with one click:\\n \")]),_vm._v(\" \"),_c('ul',{staticClass:\"board-blank-state-list\"},_vm._l((_vm.predefinedLabels),function(label,index){return _c('li',{key:index},[_c('span',{staticClass:\"label-color\",style:({ backgroundColor: label.color })}),_vm._v(\"\\n \"+_vm._s(label.title)+\"\\n \")])})),_vm._v(\" \"),_c('p',[_vm._v(\"\\n Starting out with the default set of lists will get you\\n right on the way to making the most of your board.\\n \")]),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-create btn-inverted btn-block\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.addDefaultLists($event)}}},[_vm._v(\"\\n Add default lists\\n \")]),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-default btn-block\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clearBlankState($event)}}},[_vm._v(\"\\n Nevermind, I'll use my own\\n \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/* eslint-disable comma-dangle, space-before-function-paren, no-alert */\n\nimport $ from 'jquery';\nimport Vue from 'vue';\n\nwindow.gl = window.gl || {};\nwindow.gl.issueBoards = window.gl.issueBoards || {};\n\ngl.issueBoards.BoardDelete = Vue.extend({\n props: {\n list: Object\n },\n methods: {\n deleteBoard () {\n $(this.$el).tooltip('hide');\n\n if (confirm('Are you sure you want to delete this list?')) {\n this.list.destroy();\n }\n }\n }\n});\n","/* eslint-disable comma-dangle, space-before-function-paren, one-var */\n\nimport $ from 'jquery';\nimport Sortable from 'sortablejs';\nimport Vue from 'vue';\nimport AccessorUtilities from '../../lib/utils/accessor';\nimport boardList from './board_list.vue';\nimport BoardBlankState from './board_blank_state.vue';\nimport './board_delete';\n\nconst Store = gl.issueBoards.BoardsStore;\n\nwindow.gl = window.gl || {};\nwindow.gl.issueBoards = window.gl.issueBoards || {};\n\ngl.issueBoards.Board = Vue.extend({\n template: '#js-board-template',\n components: {\n boardList,\n 'board-delete': gl.issueBoards.BoardDelete,\n BoardBlankState,\n },\n props: {\n list: Object,\n disabled: Boolean,\n issueLinkBase: String,\n rootPath: String,\n boardId: {\n type: String,\n required: true,\n },\n },\n data () {\n return {\n detailIssue: Store.detail,\n filter: Store.filter,\n };\n },\n watch: {\n filter: {\n handler() {\n this.list.page = 1;\n this.list.getIssues(true)\n .catch(() => {\n // TODO: handle request error\n });\n },\n deep: true,\n },\n detailIssue: {\n handler () {\n if (!Object.keys(this.detailIssue.issue).length) return;\n\n const issue = this.list.findIssue(this.detailIssue.issue.id);\n\n if (issue) {\n const offsetLeft = this.$el.offsetLeft;\n const boardsList = document.querySelectorAll('.boards-list')[0];\n const left = boardsList.scrollLeft - offsetLeft;\n let right = (offsetLeft + this.$el.offsetWidth);\n\n if (window.innerWidth > 768 && boardsList.classList.contains('is-compact')) {\n // -290 here because width of boardsList is animating so therefore\n // getting the width here is incorrect\n // 290 is the width of the sidebar\n right -= (boardsList.offsetWidth - 290);\n } else {\n right -= boardsList.offsetWidth;\n }\n\n if (right - boardsList.scrollLeft > 0) {\n $(boardsList).animate({\n scrollLeft: right\n }, this.sortableOptions.animation);\n } else if (left > 0) {\n $(boardsList).animate({\n scrollLeft: offsetLeft\n }, this.sortableOptions.animation);\n }\n }\n },\n deep: true\n }\n },\n methods: {\n showNewIssueForm() {\n this.$refs['board-list'].showIssueForm = !this.$refs['board-list'].showIssueForm;\n },\n toggleExpanded(e) {\n if (this.list.isExpandable && !e.target.classList.contains('js-no-trigger-collapse')) {\n this.list.isExpanded = !this.list.isExpanded;\n\n if (AccessorUtilities.isLocalStorageAccessSafe()) {\n localStorage.setItem(`boards.${this.boardId}.${this.list.type}.expanded`, this.list.isExpanded);\n }\n }\n },\n },\n mounted () {\n this.sortableOptions = gl.issueBoards.getBoardSortableDefaultOptions({\n disabled: this.disabled,\n group: 'boards',\n draggable: '.is-draggable',\n handle: '.js-board-handle',\n onEnd: (e) => {\n gl.issueBoards.onEnd();\n\n if (e.newIndex !== undefined && e.oldIndex !== e.newIndex) {\n const order = this.sortable.toArray();\n const list = Store.findList('id', parseInt(e.item.dataset.id, 10));\n\n this.$nextTick(() => {\n Store.moveList(list, order);\n });\n }\n }\n });\n\n this.sortable = Sortable.create(this.$el.parentNode, this.sortableOptions);\n },\n created() {\n if (this.list.isExpandable && AccessorUtilities.isLocalStorageAccessSafe()) {\n const isCollapsed = localStorage.getItem(`boards.${this.boardId}.${this.list.type}.expanded`) === 'false';\n\n this.list.isExpanded = !isCollapsed;\n }\n },\n});\n","import Vue from 'vue';\nimport Flash from '../../../flash';\nimport { __ } from '../../../locale';\n\nconst Store = gl.issueBoards.BoardsStore;\n\nwindow.gl = window.gl || {};\nwindow.gl.issueBoards = window.gl.issueBoards || {};\n\ngl.issueBoards.RemoveIssueBtn = Vue.extend({\n props: {\n issue: {\n type: Object,\n required: true,\n },\n list: {\n type: Object,\n required: true,\n },\n },\n computed: {\n updateUrl() {\n return this.issue.path;\n },\n },\n methods: {\n removeIssue() {\n const issue = this.issue;\n const lists = issue.getLists();\n const listLabelIds = lists.map(list => list.label.id);\n\n let labelIds = issue.labels\n .map(label => label.id)\n .filter(id => !listLabelIds.includes(id));\n if (labelIds.length === 0) {\n labelIds = [''];\n }\n\n const data = {\n issue: {\n label_ids: labelIds,\n },\n };\n\n // Post the remove data\n Vue.http.patch(this.updateUrl, data).catch(() => {\n Flash(__('Failed to remove issue from board, please try again.'));\n\n lists.forEach((list) => {\n list.addIssue(issue);\n });\n });\n\n // Remove from the frontend store\n lists.forEach((list) => {\n list.removeIssue(issue);\n });\n\n Store.detail.issue = {};\n },\n },\n template: `\n \n Add the following default lists to your Issue Board with one click:\n
\n- \n
\n Starting out with the default set of lists will get you\n right on the way to making the most of your board.\n
\n\n
\n `,\n});\n","import Vue from 'vue';\nimport modalFilters from './filters';\nimport './tabs';\nimport ModalStore from '../../stores/modal_store';\nimport modalMixin from '../../mixins/modal_mixins';\n\ngl.issueBoards.ModalHeader = Vue.extend({\n mixins: [modalMixin],\n props: {\n projectId: {\n type: Number,\n required: true,\n },\n milestonePath: {\n type: String,\n required: true,\n },\n labelPath: {\n type: String,\n required: true,\n },\n },\n data() {\n return ModalStore.store;\n },\n computed: {\n selectAllText() {\n if (ModalStore.selectedCount() !== this.issues.length || this.issues.length === 0) {\n return 'Select all';\n }\n\n return 'Deselect all';\n },\n showSearch() {\n return this.activeTab === 'all' && !this.loading && this.issuesCount > 0;\n },\n },\n methods: {\n toggleAll() {\n this.$refs.selectAllBtn.blur();\n\n ModalStore.toggleAll();\n },\n },\n components: {\n 'modal-tabs': gl.issueBoards.ModalTabs,\n modalFilters,\n },\n template: `\n - \n
- \n
- \n
\n \n \n Add issues\n
\n \n 0\"> \n \n \n {{ selectAllText }}\n \n
\n \n `,\n});\n","import Vue from 'vue';\nimport bp from '../../../breakpoints';\nimport ModalStore from '../../stores/modal_store';\n\ngl.issueBoards.ModalList = Vue.extend({\n props: {\n issueLinkBase: {\n type: String,\n required: true,\n },\n rootPath: {\n type: String,\n required: true,\n },\n emptyStateSvg: {\n type: String,\n required: true,\n },\n },\n data() {\n return ModalStore.store;\n },\n watch: {\n activeTab() {\n if (this.activeTab === 'all') {\n ModalStore.purgeUnselectedIssues();\n }\n },\n },\n computed: {\n loopIssues() {\n if (this.activeTab === 'all') {\n return this.issues;\n }\n\n return this.selectedIssues;\n },\n groupedIssues() {\n const groups = [];\n this.loopIssues.forEach((issue, i) => {\n const index = i % this.columns;\n\n if (!groups[index]) {\n groups.push([]);\n }\n\n groups[index].push(issue);\n });\n\n return groups;\n },\n },\n methods: {\n scrollHandler() {\n const currentPage = Math.floor(this.issues.length / this.perPage);\n\n if (\n this.scrollTop() > this.scrollHeight() - 100 &&\n !this.loadingNewPage &&\n currentPage === this.page\n ) {\n this.loadingNewPage = true;\n this.page += 1;\n }\n },\n toggleIssue(e, issue) {\n if (e.target.tagName !== 'A') {\n ModalStore.toggleIssue(issue);\n }\n },\n listHeight() {\n return this.$refs.list.getBoundingClientRect().height;\n },\n scrollHeight() {\n return this.$refs.list.scrollHeight;\n },\n scrollTop() {\n return this.$refs.list.scrollTop + this.listHeight();\n },\n showIssue(issue) {\n if (this.activeTab === 'all') return true;\n\n const index = ModalStore.selectedIssueIndex(issue);\n\n return index !== -1;\n },\n setColumnCount() {\n const breakpoint = bp.getBreakpointSize();\n\n if (breakpoint === 'lg' || breakpoint === 'md') {\n this.columns = 3;\n } else if (breakpoint === 'sm') {\n this.columns = 2;\n } else {\n this.columns = 1;\n }\n },\n },\n mounted() {\n this.scrollHandlerWrapper = this.scrollHandler.bind(this);\n this.setColumnCountWrapper = this.setColumnCount.bind(this);\n this.setColumnCount();\n\n this.$refs.list.addEventListener('scroll', this.scrollHandlerWrapper);\n window.addEventListener('resize', this.setColumnCountWrapper);\n },\n beforeDestroy() {\n this.$refs.list.removeEventListener('scroll', this.scrollHandlerWrapper);\n window.removeEventListener('resize', this.setColumnCountWrapper);\n },\n components: {\n 'issue-card-inner': gl.issueBoards.IssueCardInner,\n },\n template: `\n \n Add issues\n \n ×\n \n
\n \n
\n \n \n \n \n \n {{ selected.title }}\n \n \n \n
\n `,\n});\n","import Vue from 'vue';\nimport Flash from '../../../flash';\nimport { __ } from '../../../locale';\nimport './lists_dropdown';\nimport { pluralize } from '../../../lib/utils/text_utility';\nimport ModalStore from '../../stores/modal_store';\nimport modalMixin from '../../mixins/modal_mixins';\n\ngl.issueBoards.ModalFooter = Vue.extend({\n mixins: [modalMixin],\n data() {\n return {\n modal: ModalStore.store,\n state: gl.issueBoards.BoardsStore.state,\n };\n },\n computed: {\n submitDisabled() {\n return !ModalStore.selectedCount();\n },\n submitText() {\n const count = ModalStore.selectedCount();\n\n return `Add ${count > 0 ? count : ''} ${pluralize('issue', count)}`;\n },\n },\n methods: {\n addIssues() {\n const firstListIndex = 1;\n const list = this.modal.selectedList || this.state.lists[firstListIndex];\n const selectedIssues = ModalStore.getSelectedIssues();\n const issueIds = selectedIssues.map(issue => issue.id);\n\n // Post the data to the backend\n gl.boardService.bulkUpdate(issueIds, {\n add_label_ids: [list.label.id],\n }).catch(() => {\n Flash(__('Failed to update issues, please try again.'));\n\n selectedIssues.forEach((issue) => {\n list.removeIssue(issue);\n list.issuesSize -= 1;\n });\n });\n\n // Add the issues on the frontend\n selectedIssues.forEach((issue) => {\n list.addIssue(issue);\n list.issuesSize += 1;\n });\n\n this.toggleModal(false);\n },\n },\n components: {\n 'lists-dropdown': gl.issueBoards.ModalFooterListsDropdown,\n },\n template: `\n \n \n {{ submitText }}\n \n \n to list\n \n
\n \n
\n \n \n
\n \n
\n \n \n New issue\n \n \n Open issues\n \n
\n {{ contents.title }}
\n \n\n \n \n \n \n \n
\n \n `,\n});\n","/* eslint-disable one-var, quote-props, comma-dangle, space-before-function-paren */\n\nimport $ from 'jquery';\nimport _ from 'underscore';\nimport Vue from 'vue';\n\nimport Flash from '~/flash';\nimport { __ } from '~/locale';\nimport '~/vue_shared/models/label';\nimport '~/vue_shared/models/assignee';\n\nimport FilteredSearchBoards from './filtered_search_boards';\nimport eventHub from './eventhub';\nimport sidebarEventHub from '~/sidebar/event_hub'; // eslint-disable-line import/first\nimport './models/issue';\nimport './models/list';\nimport './models/milestone';\nimport './models/project';\nimport './stores/boards_store';\nimport ModalStore from './stores/modal_store';\nimport BoardService from './services/board_service';\nimport modalMixin from './mixins/modal_mixins';\nimport './mixins/sortable_default_options';\nimport './filters/due_date_filters';\nimport './components/board';\nimport './components/board_sidebar';\nimport './components/new_list_dropdown';\nimport './components/modal/index';\nimport '~/vue_shared/vue_resource_interceptor'; // eslint-disable-line import/first\n\nexport default () => {\n const $boardApp = document.getElementById('board-app');\n const Store = gl.issueBoards.BoardsStore;\n\n window.gl = window.gl || {};\n\n if (gl.IssueBoardsApp) {\n gl.IssueBoardsApp.$destroy(true);\n }\n\n Store.create();\n\n // hack to allow sidebar scripts like milestone_select manipulate the BoardsStore\n gl.issueBoards.boardStoreIssueSet = (...args) => Vue.set(Store.detail.issue, ...args);\n gl.issueBoards.boardStoreIssueDelete = (...args) => Vue.delete(Store.detail.issue, ...args);\n\n gl.IssueBoardsApp = new Vue({\n el: $boardApp,\n components: {\n 'board': gl.issueBoards.Board,\n 'board-sidebar': gl.issueBoards.BoardSidebar,\n 'board-add-issues-modal': gl.issueBoards.IssuesModal,\n },\n data: {\n state: Store.state,\n loading: true,\n boardsEndpoint: $boardApp.dataset.boardsEndpoint,\n listsEndpoint: $boardApp.dataset.listsEndpoint,\n boardId: $boardApp.dataset.boardId,\n disabled: $boardApp.dataset.disabled === 'true',\n issueLinkBase: $boardApp.dataset.issueLinkBase,\n rootPath: $boardApp.dataset.rootPath,\n bulkUpdatePath: $boardApp.dataset.bulkUpdatePath,\n detailIssue: Store.detail,\n defaultAvatar: $boardApp.dataset.defaultAvatar,\n },\n computed: {\n detailIssueVisible () {\n return Object.keys(this.detailIssue.issue).length;\n },\n },\n created () {\n gl.boardService = new BoardService({\n boardsEndpoint: this.boardsEndpoint,\n listsEndpoint: this.listsEndpoint,\n bulkUpdatePath: this.bulkUpdatePath,\n boardId: this.boardId,\n });\n Store.rootPath = this.boardsEndpoint;\n\n eventHub.$on('updateTokens', this.updateTokens);\n eventHub.$on('newDetailIssue', this.updateDetailIssue);\n eventHub.$on('clearDetailIssue', this.clearDetailIssue);\n sidebarEventHub.$on('toggleSubscription', this.toggleSubscription);\n },\n beforeDestroy() {\n eventHub.$off('updateTokens', this.updateTokens);\n eventHub.$off('newDetailIssue', this.updateDetailIssue);\n eventHub.$off('clearDetailIssue', this.clearDetailIssue);\n sidebarEventHub.$off('toggleSubscription', this.toggleSubscription);\n },\n mounted () {\n this.filterManager = new FilteredSearchBoards(Store.filter, true, Store.cantEdit);\n this.filterManager.setup();\n\n Store.disabled = this.disabled;\n gl.boardService.all()\n .then(res => res.data)\n .then((data) => {\n data.forEach((board) => {\n const list = Store.addList(board, this.defaultAvatar);\n\n if (list.type === 'closed') {\n list.position = Infinity;\n } else if (list.type === 'backlog') {\n list.position = -1;\n }\n });\n\n this.state.lists = _.sortBy(this.state.lists, 'position');\n\n Store.addBlankState();\n this.loading = false;\n })\n .catch(() => {\n Flash('An error occurred while fetching the board lists. Please try again.');\n });\n },\n methods: {\n updateTokens() {\n this.filterManager.updateTokens();\n },\n updateDetailIssue(newIssue) {\n const sidebarInfoEndpoint = newIssue.sidebarInfoEndpoint;\n if (sidebarInfoEndpoint && newIssue.subscribed === undefined) {\n newIssue.setFetchingState('subscriptions', true);\n BoardService.getIssueInfo(sidebarInfoEndpoint)\n .then(res => res.data)\n .then((data) => {\n newIssue.setFetchingState('subscriptions', false);\n newIssue.updateData({\n subscribed: data.subscribed,\n });\n })\n .catch(() => {\n newIssue.setFetchingState('subscriptions', false);\n Flash(__('An error occurred while fetching sidebar data'));\n });\n }\n\n Store.detail.issue = newIssue;\n },\n clearDetailIssue() {\n Store.detail.issue = {};\n },\n toggleSubscription(id) {\n const issue = Store.detail.issue;\n if (issue.id === id && issue.toggleSubscriptionEndpoint) {\n issue.setFetchingState('subscriptions', true);\n BoardService.toggleIssueSubscription(issue.toggleSubscriptionEndpoint)\n .then(() => {\n issue.setFetchingState('subscriptions', false);\n issue.updateData({\n subscribed: !issue.subscribed,\n });\n })\n .catch(() => {\n issue.setFetchingState('subscriptions', false);\n Flash(__('An error occurred when toggling the notification subscription'));\n });\n }\n }\n },\n });\n\n gl.IssueBoardsSearch = new Vue({\n el: document.getElementById('js-add-list'),\n data: {\n filters: Store.state.filters,\n },\n mounted () {\n gl.issueBoards.newListDropdownInit();\n },\n });\n\n gl.IssueBoardsModalAddBtn = new Vue({\n el: document.getElementById('js-add-issues-btn'),\n mixins: [modalMixin],\n data() {\n return {\n modal: ModalStore.store,\n store: Store.state,\n canAdminList: this.$options.el.hasAttribute('data-can-admin-list'),\n };\n },\n computed: {\n disabled() {\n if (!this.store) {\n return true;\n }\n return !this.store.lists.filter(list => !list.preset).length;\n },\n tooltipTitle() {\n if (this.disabled) {\n return 'Please add a list to your board first';\n }\n\n return '';\n },\n },\n watch: {\n disabled() {\n this.updateTooltip();\n },\n },\n mounted() {\n this.updateTooltip();\n },\n methods: {\n updateTooltip() {\n const $tooltip = $(this.$refs.addIssuesButton);\n\n this.$nextTick(() => {\n if (this.disabled) {\n $tooltip.tooltip();\n } else {\n $tooltip.tooltip('dispose');\n }\n });\n },\n openModal() {\n if (!this.disabled) {\n this.toggleModal(true);\n }\n },\n },\n template: `\n \n
\n \n \n \n Add issues\n \n
\n `,\n });\n};\n","import Vue from 'vue';\n\nconst eventHub = new Vue();\n\n// TODO: remove eventHub hack after code splitting refactor\nwindow.emitSidebarEvent = (...args) => eventHub.$emit(...args);\n\nexport default eventHub;\n","/* eslint-disable no-unused-vars */\n\nclass ListMilestone {\n constructor(obj) {\n this.id = obj.id;\n this.title = obj.title;\n }\n}\n\nwindow.ListMilestone = ListMilestone;\n","import UsersSelect from '~/users_select';\nimport ShortcutsNavigation from '~/shortcuts_navigation';\nimport initBoards from '~/boards';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n new UsersSelect(); // eslint-disable-line no-new\n new ShortcutsNavigation(); // eslint-disable-line no-new\n initBoards();\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('img',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\"}],staticClass:\"avatar\",class:( _obj = {\n lazy: _vm.lazy\n }, _obj[_vm.avatarSizeClass] = true, _obj[_vm.cssClasses] = true, _obj ),attrs:{\"data-boundary\":\"window\",\"src\":_vm.resultantSrcAttribute,\"width\":_vm.size,\"height\":_vm.size,\"alt\":_vm.imgAlt,\"data-src\":_vm.sanitizedSource,\"data-container\":_vm.tooltipContainer,\"data-placement\":_vm.tooltipPlacement,\"title\":_vm.tooltipText}})\nvar _obj;}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js??ref--0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./user_avatar_image.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js??ref--0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./user_avatar_image.vue?vue&type=script&lang=js\"","\n\n\n