53 lines
1.4 KiB
JavaScript
53 lines
1.4 KiB
JavaScript
$(function () {
|
|
$('.js-new-board-list').each(function () {
|
|
const $this = $(this);
|
|
|
|
new gl.CreateLabelDropdown($this.closest('.dropdown').find('.dropdown-new-label'), $this.data('project-id'));
|
|
|
|
$this.glDropdown({
|
|
data: function(term, callback) {
|
|
$.ajax({
|
|
url: $this.attr('data-labels')
|
|
}).then((resp) => {
|
|
callback(resp);
|
|
});
|
|
},
|
|
renderRow: (label) => {
|
|
const active = BoardsStore.findList('title', label.title),
|
|
$li = $('<li />',),
|
|
$a = $('<a />', {
|
|
class: (active ? 'is-active' : ''),
|
|
text: label.title,
|
|
href: '#'
|
|
}),
|
|
$labelColor = $('<span />', {
|
|
class: 'dropdown-label-box',
|
|
style: `background-color: ${label.color}`
|
|
});
|
|
|
|
return $li.append($a.prepend($labelColor));
|
|
},
|
|
search: {
|
|
fields: ['title']
|
|
},
|
|
filterable: true,
|
|
selectable: true,
|
|
clicked: (label, $el, e) => {
|
|
e.preventDefault();
|
|
|
|
if (!BoardsStore.findList('title', label.title)) {
|
|
BoardsStore.new({
|
|
title: label.title,
|
|
position: BoardsStore.state.lists.length - 1,
|
|
label: {
|
|
id: label.id,
|
|
title: label.title,
|
|
color: label.color
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|