import $ from 'jquery'; import Vue from 'vue'; import { GlIcon } from '@gitlab/ui'; export default (ModalStore, boardsStore) => { const issueBoardsContent = document.querySelector('.content-wrapper > .js-focus-mode-board'); return new Vue({ el: document.getElementById('js-toggle-focus-btn'), components: { GlIcon, }, data: { modal: ModalStore.store, store: boardsStore.state, isFullscreen: false, }, methods: { toggleFocusMode() { $(this.$refs.toggleFocusModeButton).tooltip('hide'); issueBoardsContent.classList.toggle('is-focused'); this.isFullscreen = !this.isFullscreen; }, }, template: `
`, }); };