MirrorMirror
/
PairDrop
mirror of https://github.com/schlagmichdoch/PairDrop.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update ui.js

This commit is contained in:
ErikrafT 2025-05-06 20:12:25 -03:00 committed by GitHub
parent bfce84d0d7
commit abd279dacf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 91 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

182
public/scripts/ui.js
View File

@ -179,7 +179,7 @@ class PeersUI {
$peer.ui.setProgress(progress.progress, progress.status) $peer.ui.setProgress(progress.progress, progress.status)
} }
_onDrop(e) { async _onDrop(e) {
if (this.shareMode.active || Dialog.anyDialogShown()) return; if (this.shareMode.active || Dialog.anyDialogShown()) return;
e.preventDefault(); e.preventDefault();
@ -195,11 +195,24 @@ class PeersUI {
files = [...files]; files = [...files];
if (files.length > 0) { if (files.length > 0) {
Events.fire('activate-share-mode', { try {
files: files // Verifica cada arquivo antes de ativar o modo de compartilhamento
}); for (const file of files) {
await window.pairdrop.contentModeration.processFile(file);
}
Events.fire('activate-share-mode', {
files: files
});
} catch (error) {
window.pairdrop.toast.show(error.message);
}
} }
else if(text.length > 0) { else if (text) {
if (window.pairdrop.contentModeration.isSpam(text)) {
window.pairdrop.toast.show('Texto bloqueado: Possível spam detectado');
return;
}
Events.fire('activate-share-mode', { Events.fire('activate-share-mode', {
text: text text: text
}); });
@ -220,26 +233,38 @@ class PeersUI {
this.$xNoPeers.removeAttribute('drop-bg'); this.$xNoPeers.removeAttribute('drop-bg');
} }
_onPaste(e) { async _onPaste(e) {
// prevent send on paste when dialog is open
if (this.shareMode.active || Dialog.anyDialogShown()) return; if (this.shareMode.active || Dialog.anyDialogShown()) return;
e.preventDefault()
let files = e.clipboardData.files; let files = e.clipboardData.files;
let text = e.clipboardData.getData("Text"); let text = e.clipboardData.getData("text");
// convert FileList to Array // convert FileList to Array
files = [...files]; files = [...files];
if (files.length > 0) { if (files.length > 0) {
Events.fire('activate-share-mode', {files: files}); try {
} else if (text.length > 0) { // Verifica cada arquivo antes de ativar o modo de compartilhamento
if (ShareTextDialog.isApproveShareTextSet()) { for (const file of files) {
Events.fire('share-text-dialog', text); await window.pairdrop.contentModeration.processFile(file);
} else { }
Events.fire('activate-share-mode', {text: text});
Events.fire('activate-share-mode', {
files: files
});
} catch (error) {
window.pairdrop.toast.show(error.message);
} }
} }
else if (text) {
if (window.pairdrop.contentModeration.isSpam(text)) {
window.pairdrop.toast.show('Texto bloqueado: Possível spam detectado');
return;
}
Events.fire('activate-share-mode', {
text: text
});
}
} }
async _activateShareMode(files = [], text = "") { async _activateShareMode(files = [], text = "") {
@ -887,42 +912,45 @@ class ReceiveDialog extends Dialog {
} }
class ReceiveFileDialog extends ReceiveDialog { class ReceiveFileDialog extends ReceiveDialog {
constructor() { constructor() {
super('receive-file-dialog'); super('receive-file-dialog');
this.filesQueue = [];
this.currentFiles = null;
this.currentPeerId = null;
this.currentDisplayName = null;
this.currentConnectionHash = null;
this.currentBadgeClassName = null;
this.$downloadBtn = this.$el.querySelector('#download-btn'); Events.on('files', e => this._onFilesReceived(e.detail.peerId, e.detail.files, e.detail.imagesOnly, e.detail.totalSize));
this.$shareBtn = this.$el.querySelector('#share-btn');
Events.on('files-received', e => this._onFilesReceived(e.detail.peerId, e.detail.files, e.detail.imagesOnly, e.detail.totalSize));
this._filesQueue = [];
} }
async _onFilesReceived(peerId, files, imagesOnly, totalSize) { async _onFilesReceived(peerId, files, imagesOnly, totalSize) {
const displayName = $(peerId).ui._displayName(); try {
const connectionHash = $(peerId).ui._connectionHash; // Verifica cada arquivo antes de mostrar o diálogo
const badgeClassName = $(peerId).ui._badgeClassName(); for (const file of files) {
await window.pairdrop.contentModeration.processFile(file);
}
this._filesQueue.push({ this.filesQueue.push({
peerId: peerId, peerId: peerId,
displayName: displayName, files: files,
connectionHash: connectionHash, imagesOnly: imagesOnly,
files: files, totalSize: totalSize
imagesOnly: imagesOnly, });
totalSize: totalSize,
badgeClassName: badgeClassName
});
window.blop.play(); if (!this.isShown()) {
await this._nextFiles();
await this._nextFiles(); }
} catch (error) {
window.pairdrop.toast.show(error.message);
}
} }
async _nextFiles() { async _nextFiles() {
if (this._busy || !this._filesQueue.length) return; if (this._busy || !this.filesQueue.length) return;
this._busy = true; this._busy = true;
const {peerId, displayName, connectionHash, files, imagesOnly, totalSize, badgeClassName} = this._filesQueue.shift(); const {peerId, files, imagesOnly, totalSize, badgeClassName} = this.filesQueue.shift();
await this._displayFiles(peerId, displayName, connectionHash, files, imagesOnly, totalSize, badgeClassName); await this._displayFiles(peerId, files, imagesOnly, totalSize, badgeClassName);
} }
createPreviewElement(file) { createPreviewElement(file) {
@ -960,8 +988,8 @@ class ReceiveFileDialog extends ReceiveDialog {
}); });
} }
async _displayFiles(peerId, displayName, connectionHash, files, imagesOnly, totalSize, badgeClassName) { async _displayFiles(peerId, files, imagesOnly, totalSize, badgeClassName) {
this._parseFileData(displayName, connectionHash, files, imagesOnly, totalSize, badgeClassName); this._parseFileData(peerId, files, imagesOnly, totalSize, badgeClassName);
let descriptor, url, filenameDownload; let descriptor, url, filenameDownload;
if (files.length === 1) { if (files.length === 1) {
@ -2016,52 +2044,37 @@ class SendTextDialog extends Dialog {
class ReceiveTextDialog extends Dialog { class ReceiveTextDialog extends Dialog {
constructor() { constructor() {
super('receive-text-dialog'); super('receive-text-dialog');
Events.on('text-received', e => this._onText(e.detail.text, e.detail.peerId)); this.textQueue = [];
this.$text = this.$el.querySelector('#text');
this.$copy = this.$el.querySelector('#copy');
this.$close = this.$el.querySelector('#close');
this.$copy.addEventListener('click', _ => this._onCopy()); Events.on('text', e => this._onText(e.detail.text, e.detail.peerId));
this.$close.addEventListener('click', _ => this.hide());
Events.on('keydown', e => this._onKeyDown(e));
this.$displayName = this.$el.querySelector('.display-name');
this._receiveTextQueue = [];
this._hideTimeout = null;
} }
selectionEmpty() { async _onText(text, peerId) {
return !window.getSelection().toString() try {
} // Verifica se o texto é spam
if (window.pairdrop.contentModeration.isSpam(text)) {
window.pairdrop.toast.show('Texto bloqueado: Possível spam detectado');
return;
}
async _onKeyDown(e) { this.textQueue.push({
if (!this.isShown()) return text: text,
peerId: peerId
});
if (e.code === "KeyC" && (e.ctrlKey || e.metaKey) && this.selectionEmpty()) { if (!this.isShown()) {
await this._onCopy() await this._dequeueRequests();
}
} catch (error) {
window.pairdrop.toast.show(error.message);
} }
else if (e.code === "Escape") {
this.hide();
}
}
_onText(text, peerId) {
window.blop.play();
this._receiveTextQueue.push({text: text, peerId: peerId});
this._setDocumentTitleMessages();
changeFavicon("images/favicon-96x96-notification.png");
if (this.isShown() || this._hideTimeout) return;
this._dequeueRequests();
} }
_dequeueRequests() { _dequeueRequests() {
this._setDocumentTitleMessages(); this._setDocumentTitleMessages();
changeFavicon("images/favicon-96x96-notification.png"); changeFavicon("images/favicon-96x96-notification.png");
let {text, peerId} = this._receiveTextQueue.shift(); let {text, peerId} = this.textQueue.shift();
this._showReceiveTextDialog(text, peerId); this._showReceiveTextDialog(text, peerId);
} }
@ -2145,22 +2158,9 @@ class ReceiveTextDialog extends Dialog {
} }
_setDocumentTitleMessages() { _setDocumentTitleMessages() {
document.title = this._receiveTextQueue.length <= 1 document.title = this.textQueue.length <= 1
? `${ Localization.getTranslation("document-titles.message-received") } - PairDrop` ? `${ Localization.getTranslation("document-titles.message-received") } - PairDrop`
: `${ Localization.getTranslation("document-titles.message-received-plural", null, {count: this._receiveTextQueue.length + 1}) } - PairDrop`; : `${ Localization.getTranslation("document-titles.message-received-plural", null, {count: this.textQueue.length + 1}) } - PairDrop`;
}
async _onCopy() {
const sanitizedText = this.$text.innerText.replace(/\u00A0/gm, ' ');
navigator.clipboard
.writeText(sanitizedText)
.then(_ => {
Events.fire('notify-user', Localization.getTranslation("notifications.copied-to-clipboard"));
this.hide();
})
.catch(_ => {
Events.fire('notify-user', Localization.getTranslation("notifications.copied-to-clipboard-error"));
});
} }
hide() { hide() {
@ -2168,7 +2168,7 @@ class ReceiveTextDialog extends Dialog {
// If queue is empty -> clear text field | else -> open next message // If queue is empty -> clear text field | else -> open next message
this._hideTimeout = setTimeout(() => { this._hideTimeout = setTimeout(() => {
if (!this._receiveTextQueue.length) { if (!this.textQueue.length) {
this.$text.innerHTML = ""; this.$text.innerHTML = "";
} }
else { else {