sanctureplicum
/
gitea
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Support paste treepath when creating a new file or updating the file name (#23209) 

Close #23204 

Quick Demo:


https://user-images.githubusercontent.com/17645053/222058727-ad30a37c-f0ac-4184-9946-a71fcee473b5.mov

---------

Co-authored-by: delvh <leon@kske.dev>
wip
Hester Gong 2023-03-04 06:28:20 +08:00 committed by GitHub
parent 79acf7acc4
commit 7f9d58fab8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 38 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
web_src/js/features/repo-editor.js
Unescape Escape View File

@ -91,24 +91,27 @@ export function initRepoEditor() {
$('#commit-button').text($(this).attr('button_text')); $('#commit-button').text($(this).attr('button_text'));
}); });
const joinTreePath = ($fileNameEl) => {
const parts = [];
$('.breadcrumb span.section').each(function () {
const element = $(this);
if (element.find('a').length) {
parts.push(element.find('a').text());
} else {
parts.push(element.text());
}
});
if ($fileNameEl.val()) parts.push($fileNameEl.val());
$('#tree_path').val(parts.join('/'));
};
const $editFilename = $('#file-name'); const $editFilename = $('#file-name');
$editFilename.on('keyup', function (e) { $editFilename.on('input', function () {
const $section = $('.breadcrumb span.section'); const parts = $(this).val().split('/');
const $divider = $('.breadcrumb div.divider');
let value;
let parts;
if (e.keyCode === 8 && getCursorPosition($(this)) === 0 && $section.length > 0) { if (parts.length > 1) {
value = $section.last().find('a').text();
$(this).val(value + $(this).val());
$(this)[0].setSelectionRange(value.length, value.length);
$section.last().remove();
$divider.last().remove();
}
if (e.keyCode === 191) {
parts = $(this).val().split('/');
for (let i = 0; i < parts.length; ++i) { for (let i = 0; i < parts.length; ++i) {
value = parts[i]; const value = parts[i];
if (i < parts.length - 1) { if (i < parts.length - 1) {
if (value.length) { if (value.length) {
$(`<span class="section"><a href="#">${htmlEscape(value)}</a></span>`).insertBefore($(this)); $(`<span class="section"><a href="#">${htmlEscape(value)}</a></span>`).insertBefore($(this));
@ -117,21 +120,28 @@ export function initRepoEditor() {
} else { } else {
$(this).val(value); $(this).val(value);
} }
$(this)[0].setSelectionRange(0, 0); this.setSelectionRange(0, 0);
} }
} }
parts = [];
$('.breadcrumb span.section').each(function () { joinTreePath($(this));
const element = $(this); });
if (element.find('a').length) {
parts.push(element.find('a').text()); $editFilename.on('keydown', function (e) {
} else { const $section = $('.breadcrumb span.section');
parts.push(element.text());
} // Jump back to last directory once the filename is empty
}); if (e.code === 'Backspace' && getCursorPosition($(this)) === 0 && $section.length > 0) {
if ($(this).val()) parts.push($(this).val()); e.preventDefault();
$('#tree_path').val(parts.join('/')); const $divider = $('.breadcrumb div.divider');
}).trigger('keyup'); const value = $section.last().find('a').text();
$(this).val(value + $(this).val());
this.setSelectionRange(value.length, value.length);
$section.last().remove();
$divider.last().remove();
joinTreePath($(this));
}
});
const $editArea = $('.repository.editor textarea#edit_area'); const $editArea = $('.repository.editor textarea#edit_area');
if (!$editArea.length) return; if (!$editArea.length) return;