Press n or j to go to the next uncovered block, b, p or k for the previous block.
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 34 35 36 37 38 39 40 41 42 43 44 45 | import Vue from 'vue'; import { BV_SHOW_MODAL } from '~/lib/utils/constants'; import csrf from '~/lib/utils/csrf'; import Translate from '~/vue_shared/translate'; import deleteProjectModal from './components/delete_project_modal.vue'; (() => { Vue.use(Translate); const deleteProjectModalEl = document.getElementById('delete-project-modal'); const deleteModal = new Vue({ el: deleteProjectModalEl, data() { return { deleteProjectUrl: '', projectName: '', }; }, mounted() { const deleteProjectButtons = document.querySelectorAll('.delete-project-button'); deleteProjectButtons.forEach((button) => { button.addEventListener('click', () => { const buttonProps = button.dataset; deleteModal.deleteProjectUrl = buttonProps.deleteProjectUrl; deleteModal.projectName = buttonProps.projectName; this.$root.$emit(BV_SHOW_MODAL, 'delete-project-modal'); }); }); }, render(createElement) { return createElement(deleteProjectModal, { props: { deleteProjectUrl: this.deleteProjectUrl, projectName: this.projectName, csrfToken: csrf.token, }, }); }, }); })(); |