diff --git a/app/elements/buddy-finder/buddy-avatar.html b/app/elements/buddy-finder/buddy-avatar.html index ac5fd35..ab7f310 100644 --- a/app/elements/buddy-finder/buddy-avatar.html +++ b/app/elements/buddy-finder/buddy-avatar.html @@ -20,7 +20,7 @@ border-radius: 50%; overflow: hidden; padding: 12px; - margin-bottom: 4px; + margin-bottom: 6px; background-color: #4285f4; color: white; } @@ -127,39 +127,50 @@ return status; }, attached: function() { + // var adsDialog = document.querySelector('#ads'); this.async(function() { app.conn.addEventListener('file-offered', function(e) { if (e.detail.to === this.contact.peerId) { this.status = 'Waiting to accept...'; + //adsDialog.open(); } }.bind(this), false); app.conn.addEventListener('upload-started', function(e) { if (e.detail.to === this.contact.peerId) { this.status = 'Uploading...'; + // adsDialog.setState('Uploading...'); } }.bind(this), false); app.conn.addEventListener('download-started', function(e) { if (e.detail.from === this.contact.peerId) { this.status = 'Downloading...'; + //adsDialog.open(); + // adsDialog.setState('Downloading...'); } }.bind(this), false); app.conn.addEventListener('upload-complete', function(e) { if (e.detail.from === this.contact.peerId) { this.status = this.defaultStatus; + adsDialog.setState('Transfer Complete'); + // adsDialog.close(); } }.bind(this), false); app.conn.addEventListener('download-complete', function(e) { if (e.detail.from === this.contact.peerId) { this.status = this.defaultStatus; + adsDialog.setState('Transfer Complete'); + // adsDialog.close(); } }.bind(this), false); app.conn.addEventListener('file-declined', function(e) { if (e.detail.from === this.contact.peerId) { this.status = this.defaultStatus; + // adsDialog.close(true); } }.bind(this), false); app.conn.addEventListener('upload-error', function(e) { this.status = this.defaultStatus; + // adsDialog.close(); }.bind(this), false); }, 200); } diff --git a/app/elements/buddy-finder/buddy-finder.html b/app/elements/buddy-finder/buddy-finder.html index 81dc13d..2701f73 100644 --- a/app/elements/buddy-finder/buddy-finder.html +++ b/app/elements/buddy-finder/buddy-finder.html @@ -102,11 +102,10 @@ opacity: 1; } } -
- Tap to send File. -
Long Press to send Text. + {{_clickExplanation1}} Device to send File. +
{{_clickExplanation2}} to send a Text.
diff --git a/app/elements/buddy-finder/device-name.html b/app/elements/buddy-finder/device-name.html index e99620b..5c40589 100644 --- a/app/elements/buddy-finder/device-name.html +++ b/app/elements/buddy-finder/device-name.html @@ -14,7 +14,7 @@ text-align: center; cursor: pointer; width: 160px; - line-height: 18px !important; + line-height: 12px !important; } :root { @@ -37,7 +37,7 @@ text-align: left; } -
My Name
+
My Device
{{name}}
diff --git a/app/elements/donate-dialog/donate-dialog.html b/app/elements/donate-dialog/donate-dialog.html new file mode 100644 index 0000000..74d253c --- /dev/null +++ b/app/elements/donate-dialog/donate-dialog.html @@ -0,0 +1,95 @@ + + + diff --git a/app/elements/elements.html b/app/elements/elements.html index 2601d93..d0c57b1 100644 --- a/app/elements/elements.html +++ b/app/elements/elements.html @@ -13,4 +13,5 @@ + \ No newline at end of file diff --git a/app/elements/file-sharing/file-button-behavior.html b/app/elements/file-sharing/file-button-behavior.html index 966fea2..0fb0aea 100644 --- a/app/elements/file-sharing/file-button-behavior.html +++ b/app/elements/file-sharing/file-button-behavior.html @@ -8,7 +8,7 @@ Chat.FileButtonBehaviorImpl = { if (!fileInput) { fileInput = document.createElement('input'); fileInput.type = 'file'; - fileInput.multiple = 'true'; + fileInput.multiple = 'false'; fileInput.className = 'fileInput'; fileInput.style.position = 'fixed'; fileInput.style.top = '-10000px'; diff --git a/app/elements/p2p-network/file-transfer-protocol.html b/app/elements/p2p-network/file-transfer-protocol.html index ac1f9eb..0a722b8 100644 --- a/app/elements/p2p-network/file-transfer-protocol.html +++ b/app/elements/p2p-network/file-transfer-protocol.html @@ -128,6 +128,9 @@ Chat.FileTransferProtocol = { _onReceived: function(offer) { this.loading = false; this.fire('upload-complete', offer); + if(window.donateDialog){ + window.donateDialog.open(); + } }, _onError: function() { this.loading = false; diff --git a/app/elements/x-cards/about-page.html b/app/elements/x-cards/about-page.html index 14b825a..b2ee808 100644 --- a/app/elements/x-cards/about-page.html +++ b/app/elements/x-cards/about-page.html @@ -130,40 +130,40 @@
Snapdrop
The easiest way to transfer files across devices.
- + - - Contact us on Twitter! + + Tweet about Snapdrop! - + - - Contact us on Facebook! + + Like my Facebook Page! - + - + You like Snapdrop?
Buy me a cup of coffee!
- + - + Get involved! - + - + Frequently Asked Questions
- Built with ♥ by Robin Linus + Built with ♥ by Robin Linus diff --git a/app/elements/x-cards/settings-page.html b/app/elements/x-cards/settings-page.html new file mode 100644 index 0000000..aa9ad33 --- /dev/null +++ b/app/elements/x-cards/settings-page.html @@ -0,0 +1,92 @@ + + + + diff --git a/app/images/avatars.jpg b/app/images/avatars.jpg deleted file mode 100644 index d5c6b02..0000000 Binary files a/app/images/avatars.jpg and /dev/null differ diff --git a/app/images/nice_background.jpg b/app/images/nice_background.jpg deleted file mode 100644 index 1bab8ad..0000000 Binary files a/app/images/nice_background.jpg and /dev/null differ diff --git a/app/images/touch/chrome-splashscreen-icon-384x384.png b/app/images/touch/chrome-splashscreen-icon-384x384.png index 8618175..1a88f60 100644 Binary files a/app/images/touch/chrome-splashscreen-icon-384x384.png and b/app/images/touch/chrome-splashscreen-icon-384x384.png differ diff --git a/app/images/touch/chrome-touch-icon-192x192.png b/app/images/touch/chrome-touch-icon-192x192.png index d403fe7..3c9b566 100644 Binary files a/app/images/touch/chrome-touch-icon-192x192.png and b/app/images/touch/chrome-touch-icon-192x192.png differ diff --git a/app/images/touch/icon-128x128.png b/app/images/touch/icon-128x128.png index 35ce743..61e0a85 100644 Binary files a/app/images/touch/icon-128x128.png and b/app/images/touch/icon-128x128.png differ diff --git a/app/images/touch/ms-icon-144x144-precomposed.png b/app/images/touch/ms-icon-144x144-precomposed.png new file mode 100644 index 0000000..a746f3d Binary files /dev/null and b/app/images/touch/ms-icon-144x144-precomposed.png differ diff --git a/app/images/touch/ms-icon-144x144.png b/app/images/touch/ms-icon-144x144.png index 85c7bb6..a746f3d 100644 Binary files a/app/images/touch/ms-icon-144x144.png and b/app/images/touch/ms-icon-144x144.png differ diff --git a/app/images/touch/ms-touch-icon-144x144-precomposed.png b/app/images/touch/ms-touch-icon-144x144-precomposed.png deleted file mode 100644 index 6d595cd..0000000 Binary files a/app/images/touch/ms-touch-icon-144x144-precomposed.png and /dev/null differ diff --git a/app/images/touch/snapdrop-icon copy.png b/app/images/touch/snapdrop-icon copy.png new file mode 100644 index 0000000..2094dd0 Binary files /dev/null and b/app/images/touch/snapdrop-icon copy.png differ diff --git a/app/index.html b/app/index.html index 80031b0..c4d77af 100644 --- a/app/index.html +++ b/app/index.html @@ -3,11 +3,10 @@ - Snapdrop - + @@ -20,8 +19,16 @@ - - + + + + + + + + + + @@ -63,6 +70,7 @@ + @@ -87,6 +95,20 @@ ga('create', 'UA-71686975-1', 'auto'); ga('send', 'pageview'); + diff --git a/app/styles/app-theme.html b/app/styles/app-theme.html index 4b22338..8f6c9bd 100644 --- a/app/styles/app-theme.html +++ b/app/styles/app-theme.html @@ -25,7 +25,7 @@ paper-progress { width: 100%; - z-index: 1; + z-index: 10000; position: absolute; top: 0; } diff --git a/app/styles/main.css b/app/styles/main.css index d8c5bf1..53e5ee1 100644 --- a/app/styles/main.css +++ b/app/styles/main.css @@ -13,3 +13,30 @@ body { -webkit-font-smoothing: antialiased; overflow-x: hidden; } + +#ads, +#ads2 { + display: none; +} + +@media screen and (min-width: 520px) { + #ads { + display: block; + position: absolute; + top: 8px; + left: 50%; + margin-left: -150px; + } +} + +@media screen and (min-width: 720px) { + #ads{ + display: none; + } + #ads2 { + display: block; + position: absolute; + bottom: 4px; + left: 4px; + } +}