44 lines
1.4 KiB
JavaScript
44 lines
1.4 KiB
JavaScript
|
(() => {
|
||
|
|
const Store = gl.issueBoards.BoardsStore;
|
||
|
|
|
||
|
|
window.gl = window.gl || {};
|
||
|
|
window.gl.issueBoards = window.gl.issueBoards || {};
|
||
|
|
|
||
|
|
gl.issueBoards.BoardCard = Vue.extend({
|
||
|
|
props: {
|
||
|
|
list: Object,
|
||
|
|
issue: Object,
|
||
|
|
issueLinkBase: String,
|
||
|
|
disabled: Boolean,
|
||
|
|
index: Number
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
filterByLabel (label, e) {
|
||
|
|
let labelToggleText = label.title;
|
||
|
|
const labelIndex = Store.state.filters['label_name'].indexOf(label.title);
|
||
|
|
$(e.target).tooltip('hide');
|
||
|
|
|
||
|
|
if (labelIndex === -1) {
|
||
|
|
Store.state.filters['label_name'].push(label.title);
|
||
|
|
$('.labels-filter').prepend(`<input type="hidden" name="label_name[]" value="${label.title}" />`);
|
||
|
|
} else {
|
||
|
|
Store.state.filters['label_name'].splice(labelIndex, 1);
|
||
|
|
labelToggleText = Store.state.filters['label_name'][0];
|
||
|
|
$(`.labels-filter input[name="label_name[]"][value="${label.title}"]`).remove();
|
||
|
|
}
|
||
|
|
|
||
|
|
const selectedLabels = Store.state.filters['label_name'];
|
||
|
|
if (selectedLabels.length === 0) {
|
||
|
|
labelToggleText = 'Label';
|
||
|
|
} else if (selectedLabels.length > 1) {
|
||
|
|
labelToggleText = `${selectedLabels[0]} + ${selectedLabels.length - 1} more`;
|
||
|
|
}
|
||
|
|
|
||
|
|
$('.labels-filter .dropdown-toggle-text').text(labelToggleText);
|
||
|
|
|
||
|
|
Store.updateFiltersUrl();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
})();
|