40 lines
904 B
JavaScript
40 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);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
},
|
||
|
|
});
|
||
|
|
};
|