extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-15 11:11:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Make files in link list draggable

Browse Source
This commit is contained in:
hadi 2023-05-17 16:30:09 +02:00
parent a8212062a1
commit bc598f9e53
1 changed files with 46 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
api/js/etemplate/Et2Link/Et2LinkList.ts
View File

@ -207,7 +207,8 @@ export class Et2LinkList extends Et2LinkString
protected _rowTemplate(link) : TemplateResult
{
return html`
<div id="${this._get_row_id(link)}"
<div id="${this._get_row_id(link)}" draggable="${link.app == 'file'}"
@dragstart=${this._handleDragStart.bind(this, link)}
@mouseover=${this._handleRowHover}
@mouseout=${this._handleRowHover}
@contextmenu=${this._handleRowContext}>
@ -215,6 +216,49 @@ export class Et2LinkList extends Et2LinkString
</div>`;
}
/**
* Handle dragstart event for dragging out a file
*
* @param _data
* @param _ev
* @protected
*/
protected _handleDragStart (_data, _ev)
{
// // Unfortunately, dragging files is currently only supported by Chrome
if(navigator && navigator.userAgent.indexOf('Chrome') >= 0) {
if (_ev.dataTransfer == null) {
return;
}
if (_data && _data.type && _data.download_url) {
_ev.dataTransfer.dropEffect = "copy";
_ev.dataTransfer.effectAllowed = "copy";
let url = _data.download_url;
// NEED an absolute URL
if (url[0] == '/') url = egw.link(url);
// egw.link adds the webserver, but that might not be an absolute URL - try again
if (url[0] == '/') url = window.location.origin + url;
// Unfortunately, dragging files is currently only supported by Chrome
if (navigator && navigator.userAgent.indexOf('Chrome')) {
_ev.dataTransfer.setData("DownloadURL", _data.type + ':' + _data.title + ':' + url);
}
// Include URL as a fallback
_ev.dataTransfer.setData("text/uri-list", url);
}
if (_ev.dataTransfer.types.length == 0) {
// No file data? Abort: drag does nothing
_ev.preventDefault();
return;
}
}
}
/**
* Handle show/hide delete button
* @param _ev