gitlab-org--gitlab-foss/app/assets/javascripts/projects/settings/init_access_dropdown.js

39 lines
904 B
JavaScript

import * as Sentry from '@sentry/browser';
import Vue from 'vue';
import AccessDropdown from './components/access_dropdown.vue';
export const initAccessDropdown = (el, options) => {
if (!el) {
return false;
}
const { accessLevelsData, accessLevel } = options;
const { label, disabled, preselectedItems } = el.dataset;
let preselected = [];
try {
preselected = JSON.parse(preselectedItems);
} catch (e) {
Sentry.captureException(e);
}
return new Vue({
el,
render(createElement) {
const vm = this;
return createElement(AccessDropdown, {
props: {
accessLevel,
accessLevelsData: accessLevelsData.roles,
preselectedItems: preselected,
label,
disabled,
},
on: {
select(selected) {
vm.$emit('select', selected);
},
},
});
},
});
};