mirror of
https://github.com/schlagmichdoch/PairDrop.git
synced 2025-04-20 23:16:13 -04:00
Import files from Yawim
This commit is contained in:
Robin Linus
parent
370003835e
commit
dd4809f519
18 changed files with 994 additions and 116 deletions
|
|
@ -19,6 +19,7 @@
|
||||||
"Polymer": true,
|
"Polymer": true,
|
||||||
"Platform": true,
|
"Platform": true,
|
||||||
"page": true,
|
"page": true,
|
||||||
"app": true
|
"app": true,
|
||||||
|
"Chat": true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
24
app/elements/buddy-finder/buddy-finder-button.html
Normal file
24
app/elements/buddy-finder/buddy-finder-button.html
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
<link rel="import" href="../../../bower_components/paper-icon-button/paper-icon-button.html">
|
||||||
|
<dom-module id="buddy-finder-button">
|
||||||
|
<template>
|
||||||
|
<style>
|
||||||
|
:host {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
paper-icon-item {
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<paper-icon-item>
|
||||||
|
<iron-icon icon="chat:wifi-tethering" item-icon></iron-icon>
|
||||||
|
Find People
|
||||||
|
</paper-icon-item>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
Polymer({
|
||||||
|
is: 'buddy-finder-button'
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</dom-module>
|
||||||
85
app/elements/buddy-finder/buddy-finder.html
Normal file
85
app/elements/buddy-finder/buddy-finder.html
Normal file
|
|
@ -0,0 +1,85 @@
|
||||||
|
<link rel="import" href="../../../bower_components/iron-ajax/iron-ajax.html">
|
||||||
|
<link rel="import" href="../../../bower_components/paper-styles/paper-styles.html">
|
||||||
|
<link rel="import" href="../contact-item/contact-item.html">
|
||||||
|
<link rel="import" href="../file-sharing/share-area.html">
|
||||||
|
<link rel="import" href="user-avatar.html">
|
||||||
|
<dom-module id="buddy-finder">
|
||||||
|
<template>
|
||||||
|
<style>
|
||||||
|
:host {
|
||||||
|
display: block;
|
||||||
|
background-color: white;
|
||||||
|
@apply(--layout-fit);
|
||||||
|
@apply(--layout-vertical);
|
||||||
|
@apply(--layout-center-center);
|
||||||
|
border-left: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.paper-font-display1 {
|
||||||
|
color: black;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddies {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.circles {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -50px;
|
||||||
|
left: 50%;
|
||||||
|
width: 1140px;
|
||||||
|
margin-left: -570px;
|
||||||
|
height: 700px;
|
||||||
|
transform-origin: 570px 570px;
|
||||||
|
animation: grow 1.5s ease-out;
|
||||||
|
fill: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.me {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 30px;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -60px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div class="paper-font-display1">People near by</div>
|
||||||
|
<div class="buddies">
|
||||||
|
<template is="dom-repeat" items="{{buddies}}">
|
||||||
|
<share-area>
|
||||||
|
<user-avatar on-tap="_connect" contact="{{item.peerId}}" class="buddy"></user-avatar>
|
||||||
|
</share-area>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<user-avatar contact="{{me}}" class="me"></user-avatar>
|
||||||
|
<iron-ajax auto url="https://yawim.com/findbuddies/{{me}}" handle-as="json" last-response="{{buddies}}"></iron-ajax>
|
||||||
|
<svg class="circles" viewBox="-0.5 -0.5 1140 700">
|
||||||
|
<circle class="circle" cx="570" cy="570" r="120" stroke="rgba(160,160,160,.4)"></circle>
|
||||||
|
<circle class="circle" cx="570" cy="570" r="210" stroke="rgba(160,160,160,.35)"></circle>
|
||||||
|
<circle class="circle" cx="570" cy="570" r="300" stroke="rgba(160,160,160,.3)"></circle>
|
||||||
|
<circle class="circle" cx="570" cy="570" r="390" stroke="rgba(160,160,160,.2)"></circle>
|
||||||
|
<circle class="circle" cx="570" cy="570" r="480" stroke="rgba(160,160,160,.15)"></circle>
|
||||||
|
</svg>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
Polymer({
|
||||||
|
is: 'buddy-finder',
|
||||||
|
properties: {
|
||||||
|
buddies: Array,
|
||||||
|
me: {
|
||||||
|
type: String,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
_connect: function(e) {
|
||||||
|
Polymer.dom(document).querySelector('x-app').p2p.connectToPeer(e.model.item.peerId);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</dom-module>
|
||||||
43
app/elements/buddy-finder/user-avatar.html
Normal file
43
app/elements/buddy-finder/user-avatar.html
Normal file
|
|
@ -0,0 +1,43 @@
|
||||||
|
<link rel="import" href="../contact-item/anonymous-contact-behavior.html">
|
||||||
|
<dom-module id="user-avatar">
|
||||||
|
<template>
|
||||||
|
<style>
|
||||||
|
:host {
|
||||||
|
display: block;
|
||||||
|
@apply(--layout-vertical);
|
||||||
|
@apply(--layout-center);
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
display: inline-block;
|
||||||
|
width: 52px;
|
||||||
|
height: 52px;
|
||||||
|
border-radius: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #ccc;
|
||||||
|
@apply(--shadow-elevation-2dp);
|
||||||
|
}
|
||||||
|
.paper-font-subhead{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div class="avatar" id="avatar" item-icon></div>
|
||||||
|
<div class="paper-font-subhead">{{_displayName}}</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
Polymer({
|
||||||
|
is: 'user-avatar',
|
||||||
|
behaviors:[Chat.AnonymousContactBehavior],
|
||||||
|
observers:['_computeBackgroundImg(contact.*)'],
|
||||||
|
_computeBackgroundImg:function(){
|
||||||
|
console.log('avatar changed');
|
||||||
|
var avatar = this.anonymousAccount(this.contact).avatar;
|
||||||
|
var style = this.$.avatar.style;
|
||||||
|
style.backgroundImage='url('+avatar.url+')';
|
||||||
|
style.backgroundPosition=avatar.left+'px '+avatar.top+'px';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</dom-module>
|
||||||
337
app/elements/contact-item/anonymous-contact-behavior.html
Normal file
337
app/elements/contact-item/anonymous-contact-behavior.html
Normal file
|
|
@ -0,0 +1,337 @@
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
var Chat = window.Chat || {};
|
||||||
|
var djb2Code = function(str) {
|
||||||
|
var hash = 5381;
|
||||||
|
for (var i = 0; i < str.length; i++) {
|
||||||
|
var character = str.charCodeAt(i);
|
||||||
|
hash = ((hash << 5) + hash) + character; /* hash * 33 + c */
|
||||||
|
}
|
||||||
|
return hash > 0 ? hash : -hash;
|
||||||
|
};
|
||||||
|
var animals = [
|
||||||
|
'Adelie',
|
||||||
|
'Penguin',
|
||||||
|
'Akita',
|
||||||
|
'Bulldog',
|
||||||
|
'Ant',
|
||||||
|
'Fox',
|
||||||
|
'Hare',
|
||||||
|
'Wolf',
|
||||||
|
'Terrier',
|
||||||
|
'Avocet',
|
||||||
|
'Baboon',
|
||||||
|
'Camel',
|
||||||
|
'Badger',
|
||||||
|
'Barb',
|
||||||
|
'Basenji',
|
||||||
|
'Basking',
|
||||||
|
'Bat',
|
||||||
|
'Beagle',
|
||||||
|
'Bear',
|
||||||
|
'Collie',
|
||||||
|
'Beaver',
|
||||||
|
'Beetle',
|
||||||
|
'Bichon',
|
||||||
|
'Bird',
|
||||||
|
'Birman',
|
||||||
|
'Bison',
|
||||||
|
'Bobcat',
|
||||||
|
'Bombay',
|
||||||
|
'Bongo',
|
||||||
|
'Bonobo',
|
||||||
|
'Booby',
|
||||||
|
'Boykin',
|
||||||
|
'Budgie',
|
||||||
|
'Buffalo',
|
||||||
|
'Burmese',
|
||||||
|
'Fish',
|
||||||
|
'Caiman',
|
||||||
|
'Lizard',
|
||||||
|
'Canaan',
|
||||||
|
'Caracal',
|
||||||
|
'Cat',
|
||||||
|
'Catfish',
|
||||||
|
'Cesky',
|
||||||
|
'Fousek',
|
||||||
|
'Chamois',
|
||||||
|
'Cheetah',
|
||||||
|
'Chicken',
|
||||||
|
'Chinook',
|
||||||
|
'Cichlid',
|
||||||
|
'Leopard',
|
||||||
|
'Clumber',
|
||||||
|
'Coati',
|
||||||
|
'Coral',
|
||||||
|
'Tamarin',
|
||||||
|
'Cougar',
|
||||||
|
'Cow',
|
||||||
|
'Coyote',
|
||||||
|
'Crab',
|
||||||
|
'Macaque',
|
||||||
|
'Crane',
|
||||||
|
'Cuscus',
|
||||||
|
'Frog',
|
||||||
|
'Deer',
|
||||||
|
'Bracke',
|
||||||
|
'Dhole',
|
||||||
|
'Dingo',
|
||||||
|
'Discus',
|
||||||
|
'Dodo',
|
||||||
|
'Dog',
|
||||||
|
'Dogo',
|
||||||
|
'Dolphin',
|
||||||
|
'Donkey',
|
||||||
|
'Drever',
|
||||||
|
'Duck',
|
||||||
|
'Dugong',
|
||||||
|
'Dunker',
|
||||||
|
'Dusky',
|
||||||
|
'Eagle',
|
||||||
|
'Earwig ',
|
||||||
|
'Gorilla',
|
||||||
|
'Echidna',
|
||||||
|
'Emu',
|
||||||
|
'Falcon',
|
||||||
|
'Fennec',
|
||||||
|
'Ferret',
|
||||||
|
'Spitz',
|
||||||
|
'Fly',
|
||||||
|
'Fossa',
|
||||||
|
'Gecko',
|
||||||
|
'Gerbil',
|
||||||
|
'Gharial',
|
||||||
|
'Gibbon',
|
||||||
|
'Giraffe',
|
||||||
|
'Goat',
|
||||||
|
'Oriole',
|
||||||
|
'Goose',
|
||||||
|
'Gopher',
|
||||||
|
'Grouse',
|
||||||
|
'Guppy',
|
||||||
|
'Shark',
|
||||||
|
'Hamster',
|
||||||
|
'Harrier',
|
||||||
|
'Heron',
|
||||||
|
'Horse',
|
||||||
|
'Human',
|
||||||
|
'Hyena',
|
||||||
|
'Ibis',
|
||||||
|
'Iguana',
|
||||||
|
'Impala',
|
||||||
|
'Indri',
|
||||||
|
'Insect',
|
||||||
|
'Setter',
|
||||||
|
'Jackal',
|
||||||
|
'Jaguar',
|
||||||
|
'Kakapo',
|
||||||
|
'Kiwi',
|
||||||
|
'Koala',
|
||||||
|
'Lemming',
|
||||||
|
'Lemur',
|
||||||
|
'Liger',
|
||||||
|
'Lion',
|
||||||
|
'Llama',
|
||||||
|
'Lobster',
|
||||||
|
'Owl',
|
||||||
|
'Lynx',
|
||||||
|
'Mayfly',
|
||||||
|
'Meerkat',
|
||||||
|
'Molly',
|
||||||
|
'Mongrel',
|
||||||
|
'Monkey',
|
||||||
|
'Moorhen',
|
||||||
|
'Moose',
|
||||||
|
'Mouse',
|
||||||
|
'Mule',
|
||||||
|
'Numbat',
|
||||||
|
'Ocelot',
|
||||||
|
'Octopus',
|
||||||
|
'Okapi',
|
||||||
|
'Opossum',
|
||||||
|
'Ostrich',
|
||||||
|
'Otter',
|
||||||
|
'Oyster',
|
||||||
|
'Panther',
|
||||||
|
'Parrot',
|
||||||
|
'Peacock',
|
||||||
|
'Pelican',
|
||||||
|
'Persian',
|
||||||
|
'Pig',
|
||||||
|
'Piranha',
|
||||||
|
'Pointer',
|
||||||
|
'Poodle',
|
||||||
|
'Possum',
|
||||||
|
'Prawn',
|
||||||
|
'Puffin',
|
||||||
|
'Pug',
|
||||||
|
'Puma',
|
||||||
|
'Pygmy',
|
||||||
|
'Quail',
|
||||||
|
'Quetzal',
|
||||||
|
'Quokka',
|
||||||
|
'Quoll',
|
||||||
|
'Rabbit',
|
||||||
|
'Raccoon',
|
||||||
|
'Ragdoll',
|
||||||
|
'Rat',
|
||||||
|
'Robin',
|
||||||
|
'Saola',
|
||||||
|
'Seal',
|
||||||
|
'Serval',
|
||||||
|
'Sheep',
|
||||||
|
'Shrimp',
|
||||||
|
'Siamese',
|
||||||
|
'Skunk',
|
||||||
|
'Sloth',
|
||||||
|
'Snail',
|
||||||
|
'Snake',
|
||||||
|
'Somali',
|
||||||
|
'Sparrow',
|
||||||
|
'Dogfish',
|
||||||
|
'Sponge',
|
||||||
|
'Squid',
|
||||||
|
'Stoat',
|
||||||
|
'Swan',
|
||||||
|
'Tang',
|
||||||
|
'Tapir',
|
||||||
|
'Tarsier',
|
||||||
|
'Termite',
|
||||||
|
'Tetra',
|
||||||
|
'Tiffany',
|
||||||
|
'Tiger',
|
||||||
|
'Toucan',
|
||||||
|
'Tuatara',
|
||||||
|
'Turkey',
|
||||||
|
'Uakari',
|
||||||
|
'Uguisu',
|
||||||
|
'Vulture',
|
||||||
|
'Wallaby',
|
||||||
|
'Walrus',
|
||||||
|
'Warthog',
|
||||||
|
'Wasp',
|
||||||
|
'Weasel',
|
||||||
|
'Whippet',
|
||||||
|
'Wombat',
|
||||||
|
'Wrasse',
|
||||||
|
'Yak',
|
||||||
|
'Yorkie',
|
||||||
|
'Zebra',
|
||||||
|
'Zebu',
|
||||||
|
'Zonkey',
|
||||||
|
'Zorse'
|
||||||
|
];
|
||||||
|
var bb = [
|
||||||
|
'Walter White',
|
||||||
|
'Skyler White',
|
||||||
|
'Jesse Pinkman',
|
||||||
|
'Hank Schrader',
|
||||||
|
'Marie Schrader',
|
||||||
|
'Walter White, Jr.',
|
||||||
|
'Saul Goodman',
|
||||||
|
'Gustavo Fring',
|
||||||
|
'Mike Ehrmantraut',
|
||||||
|
'Lydia Rodarte-Quayle',
|
||||||
|
'Todd Alquist',
|
||||||
|
'Steven Gomez',
|
||||||
|
'Detectives Kalanchoe & Munn',
|
||||||
|
'George Merkert',
|
||||||
|
'Sac Ramey',
|
||||||
|
'Tim Roberts',
|
||||||
|
'Maximino Arciniega',
|
||||||
|
'Gale Boetticher',
|
||||||
|
'Duane Chow',
|
||||||
|
'Ron Forenall',
|
||||||
|
'Barry Goodman',
|
||||||
|
'Tyrus Kitt',
|
||||||
|
'Chris Mara',
|
||||||
|
'Dennis Markowski',
|
||||||
|
'Victor',
|
||||||
|
'Dan Wachsberger',
|
||||||
|
'Don Eladio Vuente',
|
||||||
|
'Juan Bolsa',
|
||||||
|
'Hector Salamanca',
|
||||||
|
'Tuco Salamanca',
|
||||||
|
'Leonel Salamanca',
|
||||||
|
'Marco Salamanca',
|
||||||
|
'Gonzo',
|
||||||
|
'Emilio Koyama',
|
||||||
|
'Krazy-8 Molina',
|
||||||
|
'Jack Welker',
|
||||||
|
'Andrea Cantillo',
|
||||||
|
'Brock Cantillo',
|
||||||
|
'Jane Margolis',
|
||||||
|
'Brandon Mayhew',
|
||||||
|
'Combo Ortega',
|
||||||
|
'Skinny Pete',
|
||||||
|
'Adam Pinkman',
|
||||||
|
'Mrs. Pinkman',
|
||||||
|
'Jake Pinkman',
|
||||||
|
'Wendy',
|
||||||
|
'Huell Babineaux',
|
||||||
|
'Ed',
|
||||||
|
'Francesca',
|
||||||
|
'Patrick Kuby',
|
||||||
|
'Hugo Archuleta',
|
||||||
|
'Ted Beneke',
|
||||||
|
'Clovis',
|
||||||
|
'Louis Corbett',
|
||||||
|
'Dr. Delcavoli',
|
||||||
|
'Lawson',
|
||||||
|
'Donald Margolis',
|
||||||
|
'Carmen Molina',
|
||||||
|
'Old Joe',
|
||||||
|
'Pamela',
|
||||||
|
'Gretchen Schwartz',
|
||||||
|
'Elliott Schwartz',
|
||||||
|
'Drew Sharp',
|
||||||
|
'Spooge',
|
||||||
|
'Holly White',
|
||||||
|
'Bogdan Wolynetz'
|
||||||
|
];
|
||||||
|
Chat.AnonymousContactBehavior = {
|
||||||
|
properties: {
|
||||||
|
contact: {
|
||||||
|
type: Object,
|
||||||
|
notify: true
|
||||||
|
},
|
||||||
|
_displayName: {
|
||||||
|
computed: '_computeDisplayName(contact)'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
_computeDisplayName: function(contact) {
|
||||||
|
if (contact === undefined || contact === null) {
|
||||||
|
return 'connecting...';
|
||||||
|
}
|
||||||
|
if (contact === 'error' || contact === 'invite') {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
if (!contact.name) {
|
||||||
|
return this.anonymousAccount(contact).name;
|
||||||
|
}
|
||||||
|
return contact.name;
|
||||||
|
},
|
||||||
|
get names() {
|
||||||
|
return bb;
|
||||||
|
},
|
||||||
|
anonymousAccount: function(contact) {
|
||||||
|
if (contact && !contact.name) {
|
||||||
|
var peer = contact.peer || contact;
|
||||||
|
var hash = djb2Code(peer);
|
||||||
|
var i = hash % this.names.length;
|
||||||
|
var name = this.names[i];
|
||||||
|
var marginTop = i % 2;
|
||||||
|
var marginLeft = Math.floor(i / 2) % 5;
|
||||||
|
return {
|
||||||
|
name: name,
|
||||||
|
peer: peer,
|
||||||
|
avatar: {
|
||||||
|
url: 'images/avatars.jpg',
|
||||||
|
left: -14 + 80 * marginLeft,
|
||||||
|
top: -19 + 95 * marginTop
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
@ -1,35 +1,7 @@
|
||||||
<!--
|
|
||||||
@license
|
|
||||||
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
|
||||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
||||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
||||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
||||||
Code distributed by Google as part of the polymer project is also
|
|
||||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
||||||
-->
|
|
||||||
|
|
||||||
<!-- Iron elements -->
|
|
||||||
<link rel="import" href="../bower_components/iron-flex-layout/classes/iron-flex-layout.html">
|
|
||||||
<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
|
|
||||||
<link rel="import" href="../bower_components/iron-pages/iron-pages.html">
|
|
||||||
<link rel="import" href="../bower_components/iron-selector/iron-selector.html">
|
|
||||||
|
|
||||||
<!-- Paper elements -->
|
|
||||||
<link rel="import" href="../bower_components/paper-drawer-panel/paper-drawer-panel.html">
|
|
||||||
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
|
|
||||||
<link rel="import" href="../bower_components/paper-item/paper-item.html">
|
|
||||||
<link rel="import" href="../bower_components/paper-material/paper-material.html">
|
|
||||||
<link rel="import" href="../bower_components/paper-menu/paper-menu.html">
|
|
||||||
<link rel="import" href="../bower_components/paper-scroll-header-panel/paper-scroll-header-panel.html">
|
|
||||||
<link rel="import" href="../bower_components/paper-styles/paper-styles-classes.html">
|
|
||||||
<link rel="import" href="../bower_components/paper-toast/paper-toast.html">
|
|
||||||
<link rel="import" href="../bower_components/paper-toolbar/paper-toolbar.html">
|
|
||||||
|
|
||||||
<!-- Uncomment next block to enable Service Worker Support (2/2) -->
|
|
||||||
<!--
|
|
||||||
<link rel="import" href="../bower_components/platinum-sw/platinum-sw-cache.html">
|
<link rel="import" href="../bower_components/platinum-sw/platinum-sw-cache.html">
|
||||||
<link rel="import" href="../bower_components/platinum-sw/platinum-sw-register.html">
|
<link rel="import" href="../bower_components/platinum-sw/platinum-sw-register.html">
|
||||||
-->
|
<link rel="import" href="../bower_components/paper-toast/paper-toast.html">
|
||||||
|
|
||||||
|
|
||||||
<!-- Configure your routes here -->
|
<!-- Configure your routes here -->
|
||||||
<link rel="import" href="routing.html">
|
<link rel="import" href="routing.html">
|
||||||
|
|
@ -37,5 +9,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
||||||
<!-- Add your elements here -->
|
<!-- Add your elements here -->
|
||||||
<link rel="import" href="../styles/app-theme.html">
|
<link rel="import" href="../styles/app-theme.html">
|
||||||
<link rel="import" href="../styles/shared-styles.html">
|
<link rel="import" href="../styles/shared-styles.html">
|
||||||
<link rel="import" href="my-greeting/my-greeting.html">
|
<link rel="import" href="buddy-finder/buddy-finder.html">
|
||||||
<link rel="import" href="my-list/my-list.html">
|
<link rel="import" href="p2p-network/p2p-network.html">
|
||||||
|
|
||||||
|
|
|
||||||
37
app/elements/file-sharing/file-drop-behavior.html
Normal file
37
app/elements/file-sharing/file-drop-behavior.html
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
Chat = window.Chat || {};
|
||||||
|
Chat.FileDropBehavior = {
|
||||||
|
attached: function() {
|
||||||
|
var dropZone = this;
|
||||||
|
|
||||||
|
// Optional. Show the copy icon when dragging over. Seems to only work for chrome.
|
||||||
|
dropZone.addEventListener('dragover', function(e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
e.preventDefault();
|
||||||
|
e.dataTransfer.dropEffect = 'copy';
|
||||||
|
this.style.transform = 'scale(1.2)';
|
||||||
|
});
|
||||||
|
|
||||||
|
// Get file data on drop
|
||||||
|
dropZone.addEventListener('drop', function(e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
e.preventDefault();
|
||||||
|
var files = e.dataTransfer.files; // Array of all files
|
||||||
|
for (var i = 0; i < files.length; i++) {
|
||||||
|
var file = files[i];
|
||||||
|
var reader = new FileReader();
|
||||||
|
reader.onload = function(e2) {
|
||||||
|
// finished reading file data.
|
||||||
|
console.log('file dropped');
|
||||||
|
this.fire('file-uploaded', {
|
||||||
|
url: e2.target.result,
|
||||||
|
name: file.name
|
||||||
|
});
|
||||||
|
}.bind(this);
|
||||||
|
reader.readAsDataURL(file); // start reading the file data.
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
36
app/elements/file-sharing/file-sharing-button-behavior.html
Normal file
36
app/elements/file-sharing/file-sharing-button-behavior.html
Normal file
|
|
@ -0,0 +1,36 @@
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
Chat.FileSharingButtonBehavior = {
|
||||||
|
properties: {
|
||||||
|
file: {
|
||||||
|
type: String
|
||||||
|
}
|
||||||
|
},
|
||||||
|
get fileInput(){
|
||||||
|
var fileInput=document.querySelector('input');
|
||||||
|
},
|
||||||
|
attached: function() {
|
||||||
|
this.$.file.onchange = function(value) {
|
||||||
|
this.file = this.$.file.value;
|
||||||
|
console.log(this.file);
|
||||||
|
var files = this.$.file.files;
|
||||||
|
for (var i = 0; i < files.length; i++) {
|
||||||
|
var file = files[i];
|
||||||
|
var reader = new FileReader();
|
||||||
|
reader.onload = function(e2) {
|
||||||
|
// finished reading file data.
|
||||||
|
console.log('file dropped');
|
||||||
|
this.fire('file-uploaded', {
|
||||||
|
url: e2.target.result,
|
||||||
|
name: file.name
|
||||||
|
});
|
||||||
|
}.bind(this);
|
||||||
|
reader.readAsDataURL(file); // start reading the file data.
|
||||||
|
}
|
||||||
|
}.bind(this);
|
||||||
|
},
|
||||||
|
_upload: function() {
|
||||||
|
this.$.file.click();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
58
app/elements/file-sharing/file-sharing-button.html
Normal file
58
app/elements/file-sharing/file-sharing-button.html
Normal file
|
|
@ -0,0 +1,58 @@
|
||||||
|
<link rel="import" href="../../../bower_components/paper-icon-button/paper-icon-button.html">
|
||||||
|
<link rel="import" href="file-reader.html">
|
||||||
|
<dom-module id="file-sharing-button">
|
||||||
|
<template>
|
||||||
|
<style>
|
||||||
|
:host {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#file {
|
||||||
|
margin: 0;
|
||||||
|
opacity: 0;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: -10000px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<paper-icon-button id="btn" icon="chat:attach-file" on-tap="_upload"></paper-icon-button>
|
||||||
|
<input id="file" type="file" value="{{file::input}}">
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
Polymer({
|
||||||
|
is: 'file-sharing-button',
|
||||||
|
properties: {
|
||||||
|
file: {
|
||||||
|
type: String
|
||||||
|
}
|
||||||
|
},
|
||||||
|
attached: function() {
|
||||||
|
this.$.file.onchange = function(value) {
|
||||||
|
this.file = this.$.file.value;
|
||||||
|
console.log(this.file);
|
||||||
|
|
||||||
|
var files = this.$.file.files;
|
||||||
|
for (var i = 0; i < files.length; i++) {
|
||||||
|
var file = files[i];
|
||||||
|
var reader = new FileReader();
|
||||||
|
reader.onload = function(e2) {
|
||||||
|
// finished reading file data.
|
||||||
|
console.log('file dropped');
|
||||||
|
this.fire('file-uploaded', {
|
||||||
|
url: e2.target.result,
|
||||||
|
name: file.name
|
||||||
|
});
|
||||||
|
}.bind(this);
|
||||||
|
reader.readAsDataURL(file); // start reading the file data.
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}.bind(this);
|
||||||
|
},
|
||||||
|
_upload: function() {
|
||||||
|
this.$.file.click();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</dom-module>
|
||||||
48
app/elements/file-sharing/file-sharing.html
Normal file
48
app/elements/file-sharing/file-sharing.html
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
<link rel="import" href="../../../bower_components/paper-dialog/paper-dialog.html">
|
||||||
|
<link rel="import" href="file-reader.html">
|
||||||
|
<dom-module id="file-sharing">
|
||||||
|
<template>
|
||||||
|
<style>
|
||||||
|
:host {
|
||||||
|
display: block;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<paper-dialog id="dialog" entry-animation="scale-up-animation" exit-animation="fade-out-animation" with-backdro>
|
||||||
|
<h2>File Received</h2>
|
||||||
|
<p>You received file {{file.name}}</p>
|
||||||
|
<div class="buttons">
|
||||||
|
<paper-button dialog-dismiss>Dismiss</paper-button>
|
||||||
|
<paper-button dialog-confirm on-tap="_download">Download</paper-button>
|
||||||
|
</div>
|
||||||
|
</paper-dialog>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
Polymer({
|
||||||
|
is: 'file-sharing',
|
||||||
|
attached: function() {
|
||||||
|
document.querySelector('x-app').addEventListener('file-received', function(e) {
|
||||||
|
this.fileReceived(e.detail);
|
||||||
|
}.bind(this), false);
|
||||||
|
},
|
||||||
|
fileReceived: function(file) {
|
||||||
|
this.set('file', file);
|
||||||
|
this.$.dialog.open();
|
||||||
|
},
|
||||||
|
_download: function() {
|
||||||
|
var link = document.createElement('a');
|
||||||
|
link.download = this.file.name;
|
||||||
|
// Construct the uri
|
||||||
|
var uri = this.file.url;
|
||||||
|
link.href = uri;
|
||||||
|
document.body.appendChild(link);
|
||||||
|
link.click();
|
||||||
|
// Cleanup the DOM
|
||||||
|
document.body.removeChild(link);
|
||||||
|
//delete link;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</dom-module>
|
||||||
18
app/elements/file-sharing/share-area.html
Normal file
18
app/elements/file-sharing/share-area.html
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<link rel="import" href="file-drop-behavior.html">
|
||||||
|
<dom-module id="share-area">
|
||||||
|
<template>
|
||||||
|
<style>
|
||||||
|
:host {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<content></content>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
Polymer({
|
||||||
|
is: 'share-area',
|
||||||
|
behaviors: [Chat.FileDropBehavior]
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</dom-module>
|
||||||
1
app/elements/p2p-network/p2p-network-imports.html
Normal file
1
app/elements/p2p-network/p2p-network-imports.html
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<script src="../../../bower_components/peerjs/peer.min.js"></script>
|
||||||
245
app/elements/p2p-network/p2p-network.html
Normal file
245
app/elements/p2p-network/p2p-network.html
Normal file
|
|
@ -0,0 +1,245 @@
|
||||||
|
<link rel="import" href="p2p-network-imports.html">
|
||||||
|
<link rel="import" href="../../../bower_components/iron-localstorage/iron-localstorage.html">
|
||||||
|
<dom-module id="p2p-network">
|
||||||
|
<template>
|
||||||
|
<iron-localstorage name="peer-id" value="{{me}}" id="meStorage">
|
||||||
|
</iron-localstorage>
|
||||||
|
<iron-localstorage name="peers" value="{{peers}}" on-iron-localstorage-load-empty="initializeDefaultPeers">
|
||||||
|
</iron-localstorage>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
Polymer({
|
||||||
|
is: 'p2p-network',
|
||||||
|
properties: {
|
||||||
|
me: {
|
||||||
|
type: String,
|
||||||
|
notify: true,
|
||||||
|
observer: '_initialize'
|
||||||
|
},
|
||||||
|
peers: {
|
||||||
|
type: Array,
|
||||||
|
value: [],
|
||||||
|
notify: true,
|
||||||
|
},
|
||||||
|
peer: {
|
||||||
|
value: 'loading',
|
||||||
|
notify: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
attached: function() {
|
||||||
|
this._connectedPeers = {};
|
||||||
|
this._initCallbacks = [];
|
||||||
|
this._unsendMsgs = {};
|
||||||
|
window.onunload = window.onbeforeunload = function() {
|
||||||
|
if (!!this._peer && !this._peer.destroyed) {
|
||||||
|
this._peer.destroy();
|
||||||
|
}
|
||||||
|
}.bind(this);
|
||||||
|
},
|
||||||
|
_initialize: function(me) {
|
||||||
|
if (!this.initialized && this.$.meStorage._loaded) {
|
||||||
|
var options = {
|
||||||
|
host: 'yawim.com',
|
||||||
|
port: 443 ,
|
||||||
|
path:'peerjs',
|
||||||
|
secure: true
|
||||||
|
};
|
||||||
|
me = me ? me : undefined;
|
||||||
|
me = me === 'null' ? undefined : me;
|
||||||
|
this._peer = new Peer(me, options);
|
||||||
|
this._peer.on('open', function(id) {
|
||||||
|
console.log('My peer ID is: ' + id);
|
||||||
|
this.set('me', id);
|
||||||
|
this._peerOpen = true;
|
||||||
|
this._initCallbacks.forEach(function(cb) {
|
||||||
|
cb();
|
||||||
|
});
|
||||||
|
}.bind(this));
|
||||||
|
|
||||||
|
this._peer.on('connection', this.connect.bind(this));
|
||||||
|
this._peer.on('error', function(err) {
|
||||||
|
console.error(err);
|
||||||
|
//ugly hack to find out error type
|
||||||
|
if (err.message.indexOf('Could not connect to peer') > -1) {
|
||||||
|
delete this._connectedPeers[this.peer];
|
||||||
|
this.set('peer', 'error');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (err.message.indexOf('Lost connection to server') > -1) {
|
||||||
|
this._peer.destroy();
|
||||||
|
this.initialized = false;
|
||||||
|
this._connectedPeers = {};
|
||||||
|
this.set('me', me);
|
||||||
|
this._initialize(this.me);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}.bind(this));
|
||||||
|
|
||||||
|
}
|
||||||
|
this.initialized = true;
|
||||||
|
},
|
||||||
|
|
||||||
|
connect: function(c) {
|
||||||
|
var peer = c.peer;
|
||||||
|
|
||||||
|
if (c.label === 'chat') {
|
||||||
|
c.on('data', function(data) {
|
||||||
|
this.addToHistory(c.peer, data);
|
||||||
|
this.sendIReceived(c.peer, data);
|
||||||
|
}.bind(this));
|
||||||
|
c.on('close', function() {
|
||||||
|
console.log(c.peer + ' has left the chat.');
|
||||||
|
delete this._connectedPeers[peer];
|
||||||
|
}.bind(this));
|
||||||
|
|
||||||
|
if(!this.peers){
|
||||||
|
this.set('peers',[]);
|
||||||
|
}
|
||||||
|
var peerInContacts = this.peers.some(function(p) {
|
||||||
|
return p.peer === peer;
|
||||||
|
});
|
||||||
|
if (!peerInContacts) {
|
||||||
|
this.push('peers', {
|
||||||
|
peer: peer
|
||||||
|
});
|
||||||
|
}
|
||||||
|
this._connectedPeers[peer] = 1;
|
||||||
|
|
||||||
|
this.fire('connected-to-peer', peer);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (c.label === 'file') {
|
||||||
|
c.on('data', function(data) {
|
||||||
|
// If we're getting a file, create a URL for it.
|
||||||
|
console.log('received!', data);
|
||||||
|
this.fire('file-received', {
|
||||||
|
peer: peer,
|
||||||
|
url: data.url,
|
||||||
|
name: data.name,
|
||||||
|
});
|
||||||
|
}.bind(this));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (c.label === 'received-channel') {
|
||||||
|
c.on('data', function(data) {
|
||||||
|
this._peerReceivedMsg(c.peer, data);
|
||||||
|
}.bind(this));
|
||||||
|
}
|
||||||
|
//send unsend messages
|
||||||
|
if (this._unsendMsgs[peer]) {
|
||||||
|
this._unsendMsgs[peer].forEach(function(msg) {
|
||||||
|
this.send(peer, msg);
|
||||||
|
}.bind(this));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
connectToPeer: (function() {
|
||||||
|
function request(requestedPeer) {
|
||||||
|
return function() {
|
||||||
|
var c = this._peer.connect(requestedPeer, {
|
||||||
|
label: 'chat',
|
||||||
|
metadata: {
|
||||||
|
message: 'hi i want to chat with you!'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
c.on('open', function() {
|
||||||
|
this.connect(c);
|
||||||
|
}.bind(this));
|
||||||
|
|
||||||
|
|
||||||
|
var c1 = this._peer.connect(requestedPeer, {
|
||||||
|
label: 'received-channel',
|
||||||
|
});
|
||||||
|
c1.on('open', function() {
|
||||||
|
this.connect(c1);
|
||||||
|
}.bind(this));
|
||||||
|
|
||||||
|
|
||||||
|
var f = this._peer.connect(requestedPeer, {
|
||||||
|
label: 'file',
|
||||||
|
reliable: true
|
||||||
|
});
|
||||||
|
f.on('open', function() {
|
||||||
|
this.connect(f);
|
||||||
|
}.bind(this));
|
||||||
|
f.on('error', function(err) {
|
||||||
|
console.log(err);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return function(requestedPeer) {
|
||||||
|
if (!this._connectedPeers[requestedPeer]) {
|
||||||
|
this.set('peer', 'loading');
|
||||||
|
if (this._peerOpen) {
|
||||||
|
request(requestedPeer).bind(this)();
|
||||||
|
} else {
|
||||||
|
this._initCallbacks.push(request(requestedPeer).bind(this));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}()),
|
||||||
|
send: function(peerId, msg) {
|
||||||
|
var conns = this._peer.connections[peerId];
|
||||||
|
if (conns) {
|
||||||
|
for (var i = 0; i < conns.length; i++) {
|
||||||
|
var conn = conns[i];
|
||||||
|
if (conn.label === 'chat') {
|
||||||
|
this._addToUnsendMsgs(peerId, msg);
|
||||||
|
conn.send(msg);
|
||||||
|
this.addToHistory(conn.peer, msg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this._addToUnsendMsgs(peerId, msg);
|
||||||
|
this.connectToPeer(peerId);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
sendFile: function(peerId, file) {
|
||||||
|
var conns = this._peer.connections[peerId];
|
||||||
|
if (conns) {
|
||||||
|
for (var i = 0; i < conns.length; i++) {
|
||||||
|
var conn = conns[i];
|
||||||
|
if (conn.label === 'file') {
|
||||||
|
conn.send(file);
|
||||||
|
console.log('file send');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
_addToUnsendMsgs: function(peerId, msg) {
|
||||||
|
if (!this._unsendMsgs[peerId]) {
|
||||||
|
this._unsendMsgs[peerId] = [];
|
||||||
|
}
|
||||||
|
if (this._unsendMsgs[peerId].indexOf(msg) === -1) {
|
||||||
|
this._unsendMsgs[peerId].push(msg);
|
||||||
|
console.log('added unsend', msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
sendIReceived: function(peerId, msg) {
|
||||||
|
var conns = this._peer.connections[peerId];
|
||||||
|
if (conns) {
|
||||||
|
for (var i = 0; i < conns.length; i++) {
|
||||||
|
var conn = conns[i];
|
||||||
|
if (conn.label === 'received-channel') {
|
||||||
|
conn.send(msg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.connectToPeer(peerId);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
addToHistory: function(peerId, msg) {
|
||||||
|
console.log('send message', msg);
|
||||||
|
this.fire('new-message', msg);
|
||||||
|
},
|
||||||
|
initializeDefaultPeers: function() {
|
||||||
|
this.peers = [];
|
||||||
|
},
|
||||||
|
_peerReceivedMsg: function(peerId, msg) {
|
||||||
|
console.log('received', peerId, msg);
|
||||||
|
var i = this._unsendMsgs[peerId].indexOf(msg);
|
||||||
|
this._unsendMsgs[peerId].splice(i, 1);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</dom-module>
|
||||||
BIN
app/images/avatars.jpg
Normal file
BIN
app/images/avatars.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
app/images/nice_background.jpg
Normal file
BIN
app/images/nice_background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
|
|
@ -8,74 +8,52 @@
|
||||||
<meta name="generator" content="Share With Me!">
|
<meta name="generator" content="Share With Me!">
|
||||||
<title>Share With Me!</title>
|
<title>Share With Me!</title>
|
||||||
<!-- Place favicon.ico in the `app/` directory -->
|
<!-- Place favicon.ico in the `app/` directory -->
|
||||||
|
|
||||||
<!-- Chrome for Android theme color -->
|
<!-- Chrome for Android theme color -->
|
||||||
<meta name="theme-color" content="#2E3AA1">
|
<meta name="theme-color" content="#2E3AA1">
|
||||||
|
|
||||||
<!-- Web Application Manifest -->
|
<!-- Web Application Manifest -->
|
||||||
<link rel="manifest" href="manifest.json">
|
<link rel="manifest" href="manifest.json">
|
||||||
|
|
||||||
<!-- Tile color for Win8 -->
|
<!-- Tile color for Win8 -->
|
||||||
<meta name="msapplication-TileColor" content="#3372DF">
|
<meta name="msapplication-TileColor" content="#3372DF">
|
||||||
|
|
||||||
<!-- Add to homescreen for Chrome on Android -->
|
<!-- Add to homescreen for Chrome on Android -->
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="application-name" content="PSK">
|
<meta name="application-name" content="PSK">
|
||||||
<link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">
|
<link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">
|
||||||
|
|
||||||
<!-- Add to homescreen for Safari on iOS -->
|
<!-- Add to homescreen for Safari on iOS -->
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||||
<meta name="apple-mobile-web-app-title" content="Share With Me!">
|
<meta name="apple-mobile-web-app-title" content="Share With Me!">
|
||||||
<link rel="apple-touch-icon" href="images/touch/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="images/touch/apple-touch-icon.png">
|
||||||
|
|
||||||
<!-- Tile icon for Win8 (144x144) -->
|
<!-- Tile icon for Win8 (144x144) -->
|
||||||
<meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
|
<meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
|
||||||
|
|
||||||
<!-- build:css styles/main.css -->
|
<!-- build:css styles/main.css -->
|
||||||
<link rel="stylesheet" href="styles/main.css">
|
<link rel="stylesheet" href="styles/main.css">
|
||||||
<!-- endbuild-->
|
<!-- endbuild-->
|
||||||
|
|
||||||
<!-- build:js bower_components/webcomponentsjs/webcomponents-lite.min.js -->
|
<!-- build:js bower_components/webcomponentsjs/webcomponents-lite.min.js -->
|
||||||
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
|
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
|
||||||
<!-- endbuild -->
|
<!-- endbuild -->
|
||||||
|
|
||||||
<!-- Because this project uses vulcanize this should be your only html import
|
<!-- Because this project uses vulcanize this should be your only html import
|
||||||
in this file. All other imports should go in elements.html -->
|
in this file. All other imports should go in elements.html -->
|
||||||
<link rel="import" href="elements/elements.html">
|
<link rel="import" href="elements/elements.html">
|
||||||
|
|
||||||
<!-- For shared styles, shared-styles.html import in elements.html -->
|
<!-- For shared styles, shared-styles.html import in elements.html -->
|
||||||
<style is="custom-style" include="shared-styles"></style>
|
<style is="custom-style" include="shared-styles"></style>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body unresolved class="fullbleed layout vertical">
|
<body unresolved class="fullbleed layout vertical">
|
||||||
<span id="browser-sync-binding"></span>
|
<span id="browser-sync-binding"></span>
|
||||||
<template is="dom-bind" id="app">
|
<template is="dom-bind" id="app">
|
||||||
|
<buddy-finder me="{{me}}"></buddy-finder>
|
||||||
|
<p2p-network me="{{me}}"></p2p-network>
|
||||||
<paper-toast id="toast">
|
<paper-toast id="toast">
|
||||||
<span class="toast-hide-button" role="button" tabindex="0" onclick="app.$.toast.hide()">Ok</span>
|
<span class="toast-hide-button" role="button" tabindex="0" onclick="app.$.toast.hide()">Ok</span>
|
||||||
</paper-toast>
|
</paper-toast>
|
||||||
|
|
||||||
<!-- Uncomment next block to enable Service Worker support (1/2) -->
|
<!-- Uncomment next block to enable Service Worker support (1/2) -->
|
||||||
|
<paper-toast id="caching-complete" duration="6000" text="Caching complete! This app will work offline.">
|
||||||
<paper-toast id="caching-complete"
|
|
||||||
duration="6000"
|
|
||||||
text="Caching complete! This app will work offline.">
|
|
||||||
</paper-toast>
|
</paper-toast>
|
||||||
|
<platinum-sw-register auto-register clients-claim skip-waiting base-uri="bower_components/platinum-sw/bootstrap" on-service-worker-installed="displayInstalledToast">
|
||||||
<platinum-sw-register auto-register
|
<platinum-sw-cache default-cache-strategy="fastest" cache-config-file="cache-config.json">
|
||||||
clients-claim
|
|
||||||
skip-waiting
|
|
||||||
base-uri="bower_components/platinum-sw/bootstrap"
|
|
||||||
on-service-worker-installed="displayInstalledToast">
|
|
||||||
<platinum-sw-cache default-cache-strategy="fastest"
|
|
||||||
cache-config-file="cache-config.json">
|
|
||||||
</platinum-sw-cache>
|
</platinum-sw-cache>
|
||||||
</platinum-sw-register>
|
</platinum-sw-register>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- build:js scripts/app.js -->
|
<!-- build:js scripts/app.js -->
|
||||||
<script src="scripts/app.js"></script>
|
<script src="scripts/app.js"></script>
|
||||||
<!-- endbuild-->
|
<!-- endbuild-->
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,8 @@
|
||||||
"paper-elements": "PolymerElements/paper-elements#^1.0.1",
|
"paper-elements": "PolymerElements/paper-elements#^1.0.1",
|
||||||
"platinum-elements": "PolymerElements/platinum-elements#^1.1.0",
|
"platinum-elements": "PolymerElements/platinum-elements#^1.1.0",
|
||||||
"polymer": "Polymer/polymer#^1.2.0",
|
"polymer": "Polymer/polymer#^1.2.0",
|
||||||
"paper-menu": "PolymerElements/paper-menu#4fecb43601"
|
"paper-menu": "PolymerElements/paper-menu#4fecb43601",
|
||||||
|
"peerjs": "~0.3.14"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"web-component-tester": "*"
|
"web-component-tester": "*"
|
||||||
|
|
|
||||||
11
gulpfile.js
11
gulpfile.js
|
|
@ -1,11 +1,4 @@
|
||||||
/*
|
|
||||||
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
|
||||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
||||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
||||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
||||||
Code distributed by Google as part of the polymer project is also
|
|
||||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
||||||
*/
|
|
||||||
|
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
|
@ -236,7 +229,7 @@ gulp.task('clean', function() {
|
||||||
});
|
});
|
||||||
|
|
||||||
// Watch files for changes & reload
|
// Watch files for changes & reload
|
||||||
gulp.task('serve', ['lint', 'styles', 'elements', 'images'], function() {
|
gulp.task('serve', [ 'styles', 'elements', 'images'], function() {
|
||||||
browserSync({
|
browserSync({
|
||||||
port: 5000,
|
port: 5000,
|
||||||
notify: false,
|
notify: false,
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue