44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
import Vue from 'vue';
|
|
import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
|
|
import AdminUsersApp from './components/app.vue';
|
|
import UsagePingDisabled from './components/usage_ping_disabled.vue';
|
|
|
|
export const initAdminUsersApp = (el = document.querySelector('#js-admin-users-app')) => {
|
|
if (!el) {
|
|
return false;
|
|
}
|
|
|
|
const { users, paths } = el.dataset;
|
|
|
|
return new Vue({
|
|
el,
|
|
render: (createElement) =>
|
|
createElement(AdminUsersApp, {
|
|
props: {
|
|
users: convertObjectPropsToCamelCase(JSON.parse(users), { deep: true }),
|
|
paths: convertObjectPropsToCamelCase(JSON.parse(paths)),
|
|
},
|
|
}),
|
|
});
|
|
};
|
|
|
|
export const initCohortsEmptyState = (el = document.querySelector('#js-cohorts-empty-state')) => {
|
|
if (!el) {
|
|
return false;
|
|
}
|
|
|
|
const { emptyStateSvgPath, enableUsagePingLink, docsLink } = el.dataset;
|
|
|
|
return new Vue({
|
|
el,
|
|
provide: {
|
|
svgPath: emptyStateSvgPath,
|
|
primaryButtonPath: enableUsagePingLink,
|
|
docsLink,
|
|
},
|
|
render(h) {
|
|
return h(UsagePingDisabled);
|
|
},
|
|
});
|
|
};
|