75 lines
2.0 KiB
JavaScript
75 lines
2.0 KiB
JavaScript
import $ from 'jquery';
|
|
import Vue from 'vue';
|
|
import { createStore } from '~/frequent_items/store';
|
|
import Translate from '~/vue_shared/translate';
|
|
import eventHub from './event_hub';
|
|
|
|
Vue.use(Translate);
|
|
|
|
const frequentItemDropdowns = [
|
|
{
|
|
namespace: 'projects',
|
|
key: 'project',
|
|
},
|
|
{
|
|
namespace: 'groups',
|
|
key: 'group',
|
|
},
|
|
];
|
|
|
|
export default function initFrequentItemDropdowns() {
|
|
frequentItemDropdowns.forEach((dropdown) => {
|
|
const { namespace, key } = dropdown;
|
|
const el = document.getElementById(`js-${namespace}-dropdown`);
|
|
const navEl = document.getElementById(`nav-${namespace}-dropdown`);
|
|
|
|
// Don't do anything if element doesn't exist (No groups dropdown)
|
|
// This is for when the user accesses GitLab without logging in
|
|
if (!el || !navEl) {
|
|
return;
|
|
}
|
|
|
|
const dropdownType = namespace;
|
|
const store = createStore({ dropdownType });
|
|
|
|
import('./components/app.vue')
|
|
.then(({ default: FrequentItems }) => {
|
|
// eslint-disable-next-line no-new
|
|
new Vue({
|
|
el,
|
|
store,
|
|
data() {
|
|
const { dataset } = this.$options.el;
|
|
const item = {
|
|
id: Number(dataset[`${key}Id`]),
|
|
name: dataset[`${key}Name`],
|
|
namespace: dataset[`${key}Namespace`],
|
|
webUrl: dataset[`${key}WebUrl`],
|
|
avatarUrl: dataset[`${key}AvatarUrl`] || null,
|
|
lastAccessedOn: Date.now(),
|
|
};
|
|
|
|
return {
|
|
currentUserName: dataset.userName,
|
|
currentItem: item,
|
|
};
|
|
},
|
|
render(createElement) {
|
|
return createElement(FrequentItems, {
|
|
props: {
|
|
namespace,
|
|
currentUserName: this.currentUserName,
|
|
currentItem: this.currentItem,
|
|
},
|
|
});
|
|
},
|
|
});
|
|
})
|
|
.catch(() => {});
|
|
|
|
$(navEl).on('shown.bs.dropdown', () => {
|
|
eventHub.$emit(`${namespace}-dropdownOpen`);
|
|
});
|
|
});
|
|
}
|