48 lines
1.5 KiB
JavaScript
48 lines
1.5 KiB
JavaScript
import Vue from 'vue';
|
|
import { BV_SHOW_MODAL } from '~/lib/utils/constants';
|
|
import Translate from '~/vue_shared/translate';
|
|
import DeleteAccountModal from './components/delete_account_modal.vue';
|
|
import UpdateUsername from './components/update_username.vue';
|
|
|
|
export default () => {
|
|
Vue.use(Translate);
|
|
|
|
const updateUsernameElement = document.getElementById('update-username');
|
|
// eslint-disable-next-line no-new
|
|
new Vue({
|
|
el: updateUsernameElement,
|
|
components: {
|
|
UpdateUsername,
|
|
},
|
|
render(createElement) {
|
|
return createElement('update-username', {
|
|
props: { ...updateUsernameElement.dataset },
|
|
});
|
|
},
|
|
});
|
|
|
|
const deleteAccountButton = document.getElementById('delete-account-button');
|
|
const deleteAccountModalEl = document.getElementById('delete-account-modal');
|
|
// eslint-disable-next-line no-new
|
|
new Vue({
|
|
el: deleteAccountModalEl,
|
|
components: {
|
|
DeleteAccountModal,
|
|
},
|
|
mounted() {
|
|
deleteAccountButton.disabled = false;
|
|
deleteAccountButton.addEventListener('click', () => {
|
|
this.$root.$emit(BV_SHOW_MODAL, 'delete-account-modal', '#delete-account-button');
|
|
});
|
|
},
|
|
render(createElement) {
|
|
return createElement('delete-account-modal', {
|
|
props: {
|
|
actionUrl: deleteAccountModalEl.dataset.actionUrl,
|
|
confirmWithPassword: Boolean(deleteAccountModalEl.dataset.confirmWithPassword),
|
|
username: deleteAccountModalEl.dataset.username,
|
|
},
|
|
});
|
|
},
|
|
});
|
|
};
|