mirrors/PairDrop
1
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2025-04-21 23:36:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add text-input files

Browse source
This commit is contained in:
Paul Szymanski 2016-01-02 02:26:07 +01:00 • committed by Robin Linus
parent c8111e37bb
commit 3fb735e901
8 changed files with 201 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

104
app/elements/text-sharing/text-input-dialog.html Normal file
View file

@ -0,0 +1,104 @@
<link rel="import" href="../../bower_components/paper-dialog/paper-dialog.html">
<link rel="import" href="../../bower_components/paper-button/paper-button.html">
<link rel="import" href="../../bower_components/neon-animation/animations/scale-up-animation.html">
<link rel="import" href="../../bower_components/neon-animation/animations/fade-out-animation.html">
<link rel="import" href="../../bower_components/iron-pages/iron-pages.html">
<link rel="import" href="../../bower_components/paper-spinner/paper-spinner.html">
<link rel="import" href="../../bower_components/paper-spinner/paper-textarea.html">
<dom-module id="text-input-dialog">
<template>
<style>
:host {
display: block;
}
#dialog,
#download {
width: 300px;
z-index: 101;
}
.filename {
word-break: break-all;
word-break: break-word;
}
paper-textarea {
height: 200px;
}
</style>
<paper-dialog id="dialog" entry-animation="scale-up-animation" exit-animation="fade-out-animation" with-backdrop modal>
<h2>Send Text</h2>
<paper-textarea label="Enter Text"></paper-textarea>
<div class="buttons">
<paper-button dialog-dismiss on-tap="_decline">Discard</paper-button>
<paper-button dialog-confirm on-tap="_accept" autofocus>Send</paper-button>
</div>
</paper-dialog>
<paper-dialog id="download" entry-animation="scale-up-animation" exit-animation="fade-out-animation" with-backdrop modal>
<h2>Text Received</h2>
<p>Open File or Right Click and "Save as"...</p>
<div class="buttons">
<paper-button dialog-dismiss>Discard</paper-button>
<a href="{{dataUri}}" target="_blank">
<paper-button dialog-confirm autofocus>Open File</paper-button>
</a>
</div>
</paper-dialog>
</template>
<script>
'use strict';
(function() {
Polymer({
is: 'text-input-dialog',
open: function() {
this.$.dialog.open();
},
attached: function() {
// this.async(function() {
// app.conn.addEventListener('file-offer', function(e) {
// this.file = e.detail;
// this.$.dialog.open();
// }.bind(this), false);
// app.conn.addEventListener('file-received', function(e) {
// this._fileReceived(e.detail);
// }.bind(this), false);
// app.conn.addEventListener('file-declined', function(e) {
// app.displayToast('User declined file ' + e.detail.name);
// }.bind(this), false);
// app.conn.addEventListener('upload-complete', function(e) {
// app.displayToast('User received file ' + e.detail.name);
// }.bind(this), false);
// app.conn.addEventListener('upload-error', function(e) {
// app.displayToast('The other device did not respond. Please try again.');
// }.bind(this), false);
// }, 200);
},
_fileReceived: function(file) {
this.downloadURI(file);
},
_decline: function() {
app.conn.decline(this.file);
},
_accept: function() {
app.conn.accept(this.file);
},
downloadURI: function(file) {
var link = document.createElement('a');
var uri = (window.URL || window.webkitURL).createObjectURL(file.blob);
if (typeof link.download !== 'undefined') {
//download attribute is supported
link.href = uri;
link.download = file.name || 'blank';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
} else {
this.dataUri = uri;
this.$.download.open();
}
}
});
}());
</script>
</dom-module>