Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

uploads: Extend drag and drop upload area to the navbar.

This commit is contained in:
Sayam Samal 2023-11-09 01:04:01 +05:30 committed by Tim Abbott
parent def4cf7f93
commit 9191f1a7eb
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/upload.js
View File

@ -438,12 +438,12 @@ export function initialize() {
});
// Allow the app panel to receive drag/drop events.
$(".app").on("dragover", (event) => event.preventDefault());
$(".app, #navbar-fixed-container").on("dragover", (event) => event.preventDefault());
// TODO: Do something visual to hint that drag/drop will work.
$(".app").on("dragenter", (event) => event.preventDefault());
$(".app, #navbar-fixed-container").on("dragenter", (event) => event.preventDefault());
$(".app").on("drop", (event) => {
$(".app, #navbar-fixed-container").on("drop", (event) => {
event.preventDefault();
const $drag_drop_edit_containers = $(".message_edit_form form");

12
web/tests/upload.test.js
View File

@ -662,12 +662,12 @@ test("main_file_drop_compose_mode", ({override, override_rewire}) => {
};
// dragover event test
const dragover_handler = $(".app").get_on_handler("dragover");
const dragover_handler = $(".app, #navbar-fixed-container").get_on_handler("dragover");
dragover_handler(drag_event);
assert.equal(prevent_default_counter, 1);
// dragenter event test
const dragenter_handler = $(".app").get_on_handler("dragenter");
const dragenter_handler = $(".app, #navbar-fixed-container").get_on_handler("dragenter");
dragenter_handler(drag_event);
assert.equal(prevent_default_counter, 2);
@ -686,7 +686,7 @@ test("main_file_drop_compose_mode", ({override, override_rewire}) => {
$(".message_edit_form form").last = () => ({length: 0});
const drop_handler = $(".app").get_on_handler("drop");
const drop_handler = $(".app, #navbar-fixed-container").get_on_handler("drop");
// Test drop on compose box
let upload_files_called = false;
@ -764,11 +764,11 @@ test("main_file_drop_edit_mode", ({override, override_rewire}) => {
const $drag_drop_container = $(`#zfilt${CSS.escape(40)} .message_edit_form`);
// Dragover event test
const dragover_handler = $(".app").get_on_handler("dragover");
const dragover_handler = $(".app, #navbar-fixed-container").get_on_handler("dragover");
dragover_handler(drag_event);
assert.equal(prevent_default_counter, 1);
// Dragenter event test
const dragenter_handler = $(".app").get_on_handler("dragenter");
const dragenter_handler = $(".app, #navbar-fixed-container").get_on_handler("dragenter");
dragenter_handler(drag_event);
assert.equal(prevent_default_counter, 2);
@ -784,7 +784,7 @@ test("main_file_drop_edit_mode", ({override, override_rewire}) => {
},
},
};
const drop_handler = $(".app").get_on_handler("drop");
const drop_handler = $(".app, #navbar-fixed-container").get_on_handler("drop");
let upload_files_called = false;
let dropped_row_id = -1;
override_rewire(upload, "upload_files", (_, config) => {