summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/pages/admin/projects/index/index.js
blob: 3c597a1093e8ed48559e294716cc3d1b8bbc11d2 (plain)
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
import Vue from 'vue';

import Translate from '~/vue_shared/translate';
import csrf from '~/lib/utils/csrf';

import deleteProjectModal from './components/delete_project_modal.vue';

document.addEventListener('DOMContentLoaded', () => {
  Vue.use(Translate);

  const deleteProjectModalEl = document.getElementById('delete-project-modal');

  const deleteModal = new Vue({
    el: deleteProjectModalEl,
    data: {
      deleteProjectUrl: '',
      projectName: '',
    },
    render(createElement) {
      return createElement(deleteProjectModal, {
        props: {
          deleteProjectUrl: this.deleteProjectUrl,
          projectName: this.projectName,
          csrfToken: csrf.token,
        },
      });
    },
  });

  $(document).on('shown.bs.modal', (event) => {
    if (event.relatedTarget.classList.contains('delete-project-button')) {
      const buttonProps = event.relatedTarget.dataset;
      deleteModal.deleteProjectUrl = buttonProps.deleteProjectUrl;
      deleteModal.projectName = buttonProps.projectName;
    }
  });
});