mirror of
https://github.com/go-gitea/gitea
synced 2024-08-28 01:56:31 +02:00
* Project board improvements - Fix link colors - Extract CSS to own file - Various minor tweaks to make it look better Fixes: https://github.com/go-gitea/gitea/issues/15424 Fixes: https://github.com/go-gitea/gitea/issues/15506 Fixes: https://github.com/go-gitea/gitea/pull/15511 * fix squashed cards on small view area * more css fixes, add second row from issue list Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com> Co-authored-by: 6543 <6543@obermui.de> Co-authored-by: techknowlogick <techknowlogick@gitea.io>
146 lines
3.7 KiB
JavaScript
146 lines
3.7 KiB
JavaScript
const {csrf, PageIsProjects} = window.config;
|
|
|
|
export default async function initProject() {
|
|
if (!PageIsProjects) {
|
|
return;
|
|
}
|
|
|
|
const {Sortable} = await import(/* webpackChunkName: "sortable" */'sortablejs');
|
|
const boardColumns = document.getElementsByClassName('board-column');
|
|
|
|
new Sortable(
|
|
document.getElementsByClassName('board')[0],
|
|
{
|
|
group: 'board-column',
|
|
draggable: '.board-column',
|
|
animation: 150,
|
|
ghostClass: 'card-ghost',
|
|
onSort: () => {
|
|
const board = document.getElementsByClassName('board')[0];
|
|
const boardColumns = board.getElementsByClassName('board-column');
|
|
|
|
boardColumns.forEach((column, i) => {
|
|
if (parseInt($(column).data('sorting')) !== i) {
|
|
$.ajax({
|
|
url: $(column).data('url'),
|
|
data: JSON.stringify({sorting: i}),
|
|
headers: {
|
|
'X-Csrf-Token': csrf,
|
|
'X-Remote': true,
|
|
},
|
|
contentType: 'application/json',
|
|
method: 'PUT',
|
|
});
|
|
}
|
|
});
|
|
},
|
|
},
|
|
);
|
|
|
|
for (const column of boardColumns) {
|
|
new Sortable(
|
|
column.getElementsByClassName('board')[0],
|
|
{
|
|
group: 'shared',
|
|
animation: 150,
|
|
ghostClass: 'card-ghost',
|
|
onAdd: (e) => {
|
|
$.ajax(`${e.to.dataset.url}/${e.item.dataset.issue}`, {
|
|
headers: {
|
|
'X-Csrf-Token': csrf,
|
|
'X-Remote': true,
|
|
},
|
|
contentType: 'application/json',
|
|
type: 'POST',
|
|
error: () => {
|
|
e.from.insertBefore(e.item, e.from.children[e.oldIndex]);
|
|
},
|
|
});
|
|
},
|
|
},
|
|
);
|
|
}
|
|
|
|
$('.edit-project-board').each(function () {
|
|
const projectTitleLabel = $(this).closest('.board-column-header').find('.board-label');
|
|
const projectTitleInput = $(this).find(
|
|
'.content > .form > .field > .project-board-title',
|
|
);
|
|
|
|
$(this)
|
|
.find('.content > .form > .actions > .red')
|
|
.on('click', function (e) {
|
|
e.preventDefault();
|
|
|
|
$.ajax({
|
|
url: $(this).data('url'),
|
|
data: JSON.stringify({title: projectTitleInput.val()}),
|
|
headers: {
|
|
'X-Csrf-Token': csrf,
|
|
'X-Remote': true,
|
|
},
|
|
contentType: 'application/json',
|
|
method: 'PUT',
|
|
}).done(() => {
|
|
projectTitleLabel.text(projectTitleInput.val());
|
|
projectTitleInput.closest('form').removeClass('dirty');
|
|
$('.ui.modal').modal('hide');
|
|
});
|
|
});
|
|
});
|
|
|
|
$(document).on('click', '.set-default-project-board', async function (e) {
|
|
e.preventDefault();
|
|
|
|
await $.ajax({
|
|
method: 'POST',
|
|
url: $(this).data('url'),
|
|
headers: {
|
|
'X-Csrf-Token': csrf,
|
|
'X-Remote': true,
|
|
},
|
|
contentType: 'application/json',
|
|
});
|
|
|
|
window.location.reload();
|
|
});
|
|
|
|
$('.delete-project-board').each(function () {
|
|
$(this).click(function (e) {
|
|
e.preventDefault();
|
|
|
|
$.ajax({
|
|
url: $(this).data('url'),
|
|
headers: {
|
|
'X-Csrf-Token': csrf,
|
|
'X-Remote': true,
|
|
},
|
|
contentType: 'application/json',
|
|
method: 'DELETE',
|
|
}).done(() => {
|
|
window.location.reload();
|
|
});
|
|
});
|
|
});
|
|
|
|
$('#new_board_submit').click(function (e) {
|
|
e.preventDefault();
|
|
|
|
const boardTitle = $('#new_board');
|
|
|
|
$.ajax({
|
|
url: $(this).data('url'),
|
|
data: JSON.stringify({title: boardTitle.val()}),
|
|
headers: {
|
|
'X-Csrf-Token': csrf,
|
|
'X-Remote': true,
|
|
},
|
|
contentType: 'application/json',
|
|
method: 'POST',
|
|
}).done(() => {
|
|
boardTitle.closest('form').removeClass('dirty');
|
|
window.location.reload();
|
|
});
|
|
});
|
|
}
|