78 lines
1.9 KiB
JavaScript
78 lines
1.9 KiB
JavaScript
import { GlToast } from '@gitlab/ui';
|
|
import Vue from 'vue';
|
|
import { parseBoolean } from '~/lib/utils/common_utils';
|
|
import NotificationsDropdown from './components/notifications_dropdown.vue';
|
|
import NotificationEmailListboxInput from './components/notification_email_listbox_input.vue';
|
|
|
|
Vue.use(GlToast);
|
|
|
|
const initNotificationEmailListboxInputs = () => {
|
|
const CLASS_NAME = 'js-notification-email-listbox-input';
|
|
const els = [...document.querySelectorAll(`.${CLASS_NAME}`)];
|
|
|
|
els.forEach((el, index) => {
|
|
const { label, name, emptyValueText, value = '', placement } = el.dataset;
|
|
|
|
return new Vue({
|
|
el,
|
|
name: `NotificationEmailListboxInputRoot${index + 1}`,
|
|
provide: {
|
|
label,
|
|
name,
|
|
emails: JSON.parse(el.dataset.emails),
|
|
emptyValueText,
|
|
value,
|
|
disabled: parseBoolean(el.dataset.disabled),
|
|
placement,
|
|
},
|
|
render(h) {
|
|
return h(NotificationEmailListboxInput, {
|
|
class: el.className.replace(CLASS_NAME, '').trim(),
|
|
});
|
|
},
|
|
});
|
|
});
|
|
};
|
|
|
|
export default () => {
|
|
initNotificationEmailListboxInputs();
|
|
|
|
const containers = document.querySelectorAll('.js-vue-notification-dropdown');
|
|
|
|
if (!containers.length) return false;
|
|
|
|
return containers.forEach((el) => {
|
|
const {
|
|
containerClass,
|
|
buttonSize,
|
|
disabled,
|
|
dropdownItems,
|
|
notificationLevel,
|
|
helpPagePath,
|
|
projectId,
|
|
groupId,
|
|
showLabel,
|
|
noFlip,
|
|
} = el.dataset;
|
|
|
|
return new Vue({
|
|
el,
|
|
provide: {
|
|
containerClass,
|
|
buttonSize,
|
|
emailsDisabled: parseBoolean(disabled),
|
|
dropdownItems: JSON.parse(dropdownItems),
|
|
initialNotificationLevel: notificationLevel,
|
|
helpPagePath,
|
|
projectId,
|
|
groupId,
|
|
showLabel: parseBoolean(showLabel),
|
|
noFlip: parseBoolean(noFlip),
|
|
},
|
|
render(h) {
|
|
return h(NotificationsDropdown);
|
|
},
|
|
});
|
|
});
|
|
};
|