38 lines
1 KiB
JavaScript
38 lines
1 KiB
JavaScript
import Vue from 'vue';
|
|
import { mergeUrlParams } from '~/lib/utils/url_utility';
|
|
import ProjectsList from '~/projects_list';
|
|
import NamespaceSelect from './components/namespace_select.vue';
|
|
|
|
new ProjectsList(); // eslint-disable-line no-new
|
|
|
|
function mountNamespaceSelect() {
|
|
const el = document.querySelector('.js-namespace-select');
|
|
if (!el) {
|
|
return false;
|
|
}
|
|
|
|
const { fieldName, toggleTextPlaceholder, selectedId, selectedText, updateLocation } = el.dataset;
|
|
|
|
return new Vue({
|
|
el,
|
|
render(createComponent) {
|
|
return createComponent(NamespaceSelect, {
|
|
props: {
|
|
fieldName,
|
|
toggleTextPlaceholder,
|
|
origSelectedId: selectedId,
|
|
origSelectedText: selectedText,
|
|
},
|
|
on: {
|
|
setNamespace(newNamespace) {
|
|
if (fieldName && updateLocation) {
|
|
window.location = mergeUrlParams({ [fieldName]: newNamespace }, window.location.href);
|
|
}
|
|
},
|
|
},
|
|
});
|
|
},
|
|
});
|
|
}
|
|
|
|
mountNamespaceSelect();
|