sascha
/
gitea
mirror of https://github.com/go-gitea/gitea.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Sync the class change of Edit Column Button to JS code (#23400) 

In #22767, we changed the class of `Edit Column` button from `red` to
`primary`
But `red` is used to find this button in js.....

---------

Co-authored-by: techknowlogick <techknowlogick@gitea.io>
Co-authored-by: zeripath <art27@cantab.net>
pull/23388/head^2
yp05327 2023-03-12 20:09:20 +07:00 committed by GitHub
parent c6f5029708
commit e72290fd9a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/projects/view.tmpl
Unescape Escape View File

@ -128,7 +128,7 @@
<div class="text right actions"> <div class="text right actions">
<div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div> <div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div>
<button data-url="{{$.Link}}/{{.ID}}" class="ui primary button">{{$.locale.Tr "repo.projects.column.edit"}}</button> <button data-url="{{$.Link}}/{{.ID}}" class="ui primary button edit-column-button">{{$.locale.Tr "repo.projects.column.edit"}}</button>
</div> </div>
</form> </form>
</div> </div>

48
web_src/js/features/repo-projects.js
Unescape Escape View File

@ -95,39 +95,35 @@ export function initRepoProject() {
$('.edit-project-board').each(function () { $('.edit-project-board').each(function () {
const projectHeader = $(this).closest('.board-column-header'); const projectHeader = $(this).closest('.board-column-header');
const projectTitleLabel = projectHeader.find('.board-label'); const projectTitleLabel = projectHeader.find('.board-label');
const projectTitleInput = $(this).find( const projectTitleInput = $(this).find('.project-board-title');
'.content > .form > .field > .project-board-title', const projectColorInput = $(this).find('#new_board_color');
);
const projectColorInput = $(this).find('.content > .form > .field #new_board_color');
const boardColumn = $(this).closest('.board-column'); const boardColumn = $(this).closest('.board-column');
if (boardColumn.css('backgroundColor')) { if (boardColumn.css('backgroundColor')) {
setLabelColor(projectHeader, rgbToHex(boardColumn.css('backgroundColor'))); setLabelColor(projectHeader, rgbToHex(boardColumn.css('backgroundColor')));
} }
$(this) $(this).find('.edit-column-button').on('click', function (e) {
.find('.content > .form > .actions > .red') e.preventDefault();
.on('click', function (e) {
e.preventDefault(); $.ajax({
url: $(this).data('url'),
$.ajax({ data: JSON.stringify({title: projectTitleInput.val(), color: projectColorInput.val()}),
url: $(this).data('url'), headers: {
data: JSON.stringify({title: projectTitleInput.val(), color: projectColorInput.val()}), 'X-Csrf-Token': csrfToken,
headers: { },
'X-Csrf-Token': csrfToken, contentType: 'application/json',
}, method: 'PUT',
contentType: 'application/json', }).done(() => {
method: 'PUT', projectTitleLabel.text(projectTitleInput.val());
}).done(() => { projectTitleInput.closest('form').removeClass('dirty');
projectTitleLabel.text(projectTitleInput.val()); if (projectColorInput.val()) {
projectTitleInput.closest('form').removeClass('dirty'); setLabelColor(projectHeader, projectColorInput.val());
if (projectColorInput.val()) { }
setLabelColor(projectHeader, projectColorInput.val()); boardColumn.attr('style', `background: ${projectColorInput.val()}!important`);
} $('.ui.modal').modal('hide');
boardColumn.attr('style', `background: ${projectColorInput.val()}!important`);
$('.ui.modal').modal('hide');
});
}); });
});
}); });
$(document).on('click', '.set-default-project-board', async function (e) { $(document).on('click', '.set-default-project-board', async function (e) {