diff --git a/public/images/favicon-96x96-notification.png b/public/images/favicon-96x96-notification.png new file mode 100644 index 0000000..d3407c3 Binary files /dev/null and b/public/images/favicon-96x96-notification.png differ diff --git a/public/index.html b/public/index.html index bbb4308..9fc34e5 100644 --- a/public/index.html +++ b/public/index.html @@ -25,7 +25,7 @@ - + diff --git a/public/scripts/ui.js b/public/scripts/ui.js index ac5f72e..40b5845 100644 --- a/public/scripts/ui.js +++ b/public/scripts/ui.js @@ -403,7 +403,6 @@ class PeerUI { } } - class Dialog { constructor(id, hideOnDisconnect = true) { this.$el = $(id); @@ -423,6 +422,8 @@ class Dialog { document.activeElement.blur(); window.blur(); } + document.title = 'PairDrop'; + document.getElementById('favicon').href = "images/favicon-96x96.png"; } } @@ -572,7 +573,9 @@ class ReceiveFileDialog extends ReceiveDialog { } this.createPreviewElement(files[0]).then(_ => { - this.show() + document.title = `PairDrop - ${files.length} Files received`; + document.getElementById('favicon').href = "images/favicon-96x96-notification.png"; + this.show(); Events.fire('set-progress', { peerId: peerId, progress: 1, @@ -594,7 +597,7 @@ class ReceiveFileDialog extends ReceiveDialog { class ReceiveRequestDialog extends ReceiveDialog { constructor() { - super('receiveRequestDialog', true); + super('receiveRequestDialog'); this.$acceptRequestBtn = this.$el.querySelector('#acceptRequest'); this.$declineRequestBtn = this.$el.querySelector('#declineRequest'); @@ -644,6 +647,8 @@ class ReceiveRequestDialog extends ReceiveDialog { this.$previewBox.appendChild(element) } + document.title = 'PairDrop - File Transfer Requested'; + document.getElementById('favicon').href = "images/favicon-96x96-notification.png"; this.show() } @@ -980,6 +985,8 @@ class ReceiveTextDialog extends Dialog { } else { this.$text.textContent = text; } + document.title = 'PairDrop - Message Received'; + document.getElementById('favicon').href = "images/favicon-96x96-notification.png"; this.show(); window.blop.play(); }