├── LICENSE
├── README.md
├── shell-caching
    ├── .gitignore
    ├── README.md
    ├── build.js
    ├── firebase.json
    ├── package.json
    └── public
    │   ├── cached.html
    │   ├── ignored.html
    │   ├── ignored2.html
    │   ├── images
    │       └── thumbsup.png
    │   ├── index.html
    │   └── scripts
    │       └── app.js
└── teamoji
    ├── .bowerrc
    ├── .editorconfig
    ├── .firebaserc
    ├── .gitattributes
    ├── .gitignore
    ├── .travis.yml
    ├── app
        ├── data
        │   └── emoji.json
        ├── elements
        │   ├── elements.html
        │   ├── firebase-storage-upload-button.html
        │   ├── x-app.html
        │   ├── x-create-team.html
        │   ├── x-emoji-iconset.html
        │   ├── x-emoji-picker.html
        │   ├── x-emoji-update.html
        │   ├── x-login.html
        │   ├── x-shade.html
        │   ├── x-team-page.html
        │   └── x-update-detail.html
        ├── images
        │   ├── avatars
        │   │   ├── bunny.jpg
        │   │   ├── dragon.jpg
        │   │   ├── koala.jpg
        │   │   ├── monkey.jpg
        │   │   ├── octopus.jpg
        │   │   ├── sheep.jpg
        │   │   └── tiger.jpg
        │   └── icons
        │   │   ├── icon-128x128.png
        │   │   ├── icon-144x144.png
        │   │   ├── icon-152x152.png
        │   │   ├── icon-192x192.png
        │   │   ├── icon-384x384.png
        │   │   ├── icon-512x512.png
        │   │   ├── icon-72x72.png
        │   │   └── icon-96x96.png
        ├── index.html
        ├── manifest.json
        ├── robots.txt
        ├── scripts
        │   ├── app.js
        │   └── service-worker-registration.js
        └── styles
        │   ├── app-theme.html
        │   ├── main.css
        │   └── shared-styles.html
    ├── bower.json
    ├── database.rules.json
    ├── firebase.json
    ├── gulpfile.js
    ├── package.json
    ├── scripts
        ├── fake-usage
        └── parse-emoji
    ├── tasks
        └── ensure-files.js
    └── travis-runner.sh


/LICENSE:
--------------------------------------------------------------------------------
 1 | Copyright 2016 Google Inc. All Rights Reserved.
 2 | 
 3 | Licensed under the Apache License, Version 2.0 (the "License");
 4 | you may not use this file except in compliance with the License.
 5 | You may obtain a copy of the License at
 6 | 
 7 |     http://www.apache.org/licenses/LICENSE-2.0
 8 | 
 9 | Unless required by applicable law or agreed to in writing, software
10 | distributed under the License is distributed on an "AS IS" BASIS,
11 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 | See the License for the specific language governing permissions and
13 | limitations under the License.
14 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Progressive Web Apps on Firebase
 2 | 
 3 | This repository contains sample code and demos related to my 2016
 4 | Google I/O presentation "Progressive Web Apps on Firebase".
 5 | 
 6 | ## In this repo
 7 | 
 8 | * `shell-caching`: A minimal intro of using `sw-precache` to cache an app shell.
 9 | * `teamoji`: A full-featured PWA built with Firebase and PolymerFire
10 | 
11 | ## Resources
12 | 
13 | * [PWAs on Firebase Space](https://spaces.google.com/space/403967086)
14 | * [Firebase Docs](https://firebase.google.com/docs)
15 | * [sw-precache](https://github.com/GoogleChrome/sw-precache)
16 | * [PolymerFire](https://github.com/firebase/polymerfire)
17 | 


--------------------------------------------------------------------------------
/shell-caching/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | bower_components
4 | .tmp
5 | .publish/
6 | scripts/data/emoji_annotations.xml
7 | 


--------------------------------------------------------------------------------
/shell-caching/README.md:
--------------------------------------------------------------------------------
 1 | # Firebase App Shell Caching
 2 | 
 3 | This is an example of how to use the [sw-precache](https://github.com/GoogleChrome/sw-precache)
 4 | for a Firebase Hosting site to cache an app shell for a single-page style app.
 5 | 
 6 | ## Running Locally
 7 | 
 8 |     npm install
 9 |     npm run build
10 |     npm install -g firebase-tools
11 |     firebase serve
12 | 
13 | ## How it Works
14 | 
15 | The script in `build.js` utilizes the [node-glob](https://github.com/isaacs/node-glob)
16 | library to build up a list of the files that will be deployed to Firebase Hosting.
17 | The `sw-precache` library is then used to generate a service worker which is
18 | placed in the `dist` directory.
19 | 
20 | This implementation uses a `navigateFallback` option on `sw-precache` which causes
21 | any unrecognized navigation to serve up `index.html`.
22 | 


--------------------------------------------------------------------------------
/shell-caching/build.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | */
16 | 
17 | 'use strict';
18 | 
19 | var glob = require('glob');
20 | var path = require('path');
21 | var swPrecache = require('sw-precache');
22 | 
23 | var fbjson = require('./firebase.json');
24 | var rootDir = 'dist';
25 | 
26 | var filesToCache = glob.sync('**', {
27 |   ignore: fbjson.hosting.ignore,
28 |   cwd: rootDir
29 | });
30 | 
31 | swPrecache.write(path.join(rootDir, 'service-worker.js'), {
32 |   staticFileGlobs: filesToCache.map(file => path.join(rootDir, file)),
33 |   stripPrefix: rootDir,
34 |   navigateFallback: '/index.html'
35 | });
36 | 


--------------------------------------------------------------------------------
/shell-caching/firebase.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "hosting": {
 3 |     "public": "dist",
 4 |     "ignore": [
 5 |       "ignored*"
 6 |     ],
 7 |     "rewrites": [
 8 |       {"source": "**", "destination": "/index.html"}
 9 |     ]
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/shell-caching/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "firebase-shell-caching",
 3 |   "version": "0.0.1",
 4 |   "description": "An example of how to cache an app shell with Firebase",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "build": "rm -rf dist; mkdir dist && cp -r public/* dist && node build.js"
 8 |   },
 9 |   "author": "Michael Bleigh",
10 |   "license": "Apache-2.0",
11 |   "devDependencies": {
12 |     "glob": "^7.0.3",
13 |     "sw-precache": "^3.1.1"
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/shell-caching/public/cached.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | -->
16 | <!DOCTYPE html>
17 | <html>
18 |   <head>
19 |     <meta charset="utf-8">
20 |     <title>This Page is Cached Offline</title>
21 |     <style media="screen">
22 |       body {
23 |         text-align: center;
24 |         background: #2196F3;
25 |       }
26 | 
27 |       img {
28 |         display: block;
29 |         margin: 64px auto;
30 |       }
31 |     </style>
32 |   </head>
33 |   <body>
34 |     <img src="images/thumbsup.png">
35 |   </body>
36 | </html>
37 | 


--------------------------------------------------------------------------------
/shell-caching/public/ignored.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | -->
16 | <!DOCTYPE html>
17 | <html>
18 |   <head>
19 |     <meta charset="utf-8">
20 |     <title>This Page is Cached Offline</title>
21 |     <style media="screen">
22 |       body {
23 |         text-align: center;
24 |         background: #ef6c00;
25 |       }
26 | 
27 |       img {
28 |         display: block;
29 |         margin: 64px auto;
30 |       }
31 |     </style>
32 |   </head>
33 |   <body>
34 |     <img src="images/thumbsup.png">
35 |   </body>
36 | </html>
37 | 


--------------------------------------------------------------------------------
/shell-caching/public/ignored2.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | -->
16 | <!DOCTYPE html>
17 | <html>
18 |   <head>
19 |     <meta charset="utf-8">
20 |     <title>This Page is Cached Offline</title>
21 |     <style media="screen">
22 |       body {
23 |         text-align: center;
24 |         background: #ef6c00;
25 |       }
26 | 
27 |       img {
28 |         display: block;
29 |         margin: 64px auto;
30 |       }
31 |     </style>
32 |   </head>
33 |   <body>
34 |     <img src="images/thumbsup.png">
35 |   </body>
36 | </html>
37 | 


--------------------------------------------------------------------------------
/shell-caching/public/images/thumbsup.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/shell-caching/public/images/thumbsup.png


--------------------------------------------------------------------------------
/shell-caching/public/index.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | -->
16 | <!DOCTYPE html>
17 | <html>
18 |   <head>
19 |     <meta charset="utf-8">
20 |     <title>App Shell Caching</title>
21 |     <style media="screen">
22 |       body {
23 |         text-align: center;
24 |         background: #2196F3;
25 |         color: white;
26 |         font-family: Roboto, sans-serif;
27 |       }
28 | 
29 |       ul {
30 |         list-style: none;
31 |         text-align: center;
32 |         width: 600px;
33 |         margin: 64px auto;
34 |         font-size: 32px;
35 |       }
36 | 
37 |       a {
38 |         display: block;
39 |         margin: 0 auto 16px;
40 |         border-radius: 4px;
41 |         padding: 16px;
42 |         text-align: center;
43 |         background: #1976d2;
44 |         color: white;
45 |         text-decoration: none;
46 |       }
47 |     </style>
48 |     <script src="scripts/app.js" charset="utf-8" async></script>
49 |   </head>
50 |   <body>
51 |     <ul>
52 |       <li><a href="cached.html"><code>cached.html</code> will work offline</a></li>
53 |       <li><a href="ignored.html"><code>ignored.html</code> will not work offline</a></li>
54 |       <li><a href="ignored2.html"><code>ignored2.html</code> will not work offline</a></li>
55 |     </ul>
56 |   </body>
57 | </html>
58 | 


--------------------------------------------------------------------------------
/shell-caching/public/scripts/app.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | */
16 | 
17 | 'use strict';
18 | 
19 | if ('serviceWorker' in navigator) {
20 |   navigator.serviceWorker.register('/service-worker.js')
21 |   .then(function(registration) {
22 |     registration.onupdatefound = function() {
23 |       var installingWorker = registration.installing;
24 |       installingWorker.onstatechange = function() {
25 |         switch (installingWorker.state) {
26 |           case 'installed':
27 |             if (navigator.serviceWorker.controller) {
28 |               console.log('New or updated content is available.');
29 |             } else {
30 |               console.log('Content is now available offline!');
31 |             }
32 |             break;
33 | 
34 |           case 'redundant':
35 |             console.error('The installing service worker became redundant.');
36 |             break;
37 |         }
38 |       };
39 |     };
40 |   }).catch(function(error) {
41 |     console.error('Error during service worker registration:', error);
42 |   });
43 | }
44 | 


--------------------------------------------------------------------------------
/teamoji/.bowerrc:
--------------------------------------------------------------------------------
1 | {
2 |   "directory": "app/bower_components"
3 | }
4 | 


--------------------------------------------------------------------------------
/teamoji/.editorconfig:
--------------------------------------------------------------------------------
 1 | # EditorConfig helps developers define and maintain consistent
 2 | # coding styles between different editors and IDEs
 3 | # editorconfig.org
 4 | 
 5 | root = true
 6 | 
 7 | 
 8 | [*]
 9 | 
10 | # Change these settings to your own preference
11 | indent_style = space
12 | indent_size = 2
13 | 
14 | # We recommend you to keep these unchanged
15 | end_of_line = lf
16 | charset = utf-8
17 | trim_trailing_whitespace = true
18 | insert_final_newline = true
19 | 
20 | [*.md]
21 | trim_trailing_whitespace = false
22 | 


--------------------------------------------------------------------------------
/teamoji/.firebaserc:
--------------------------------------------------------------------------------
1 | {
2 |   "projects": {
3 |     "default": "teamoji-app"
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/teamoji/.gitattributes:
--------------------------------------------------------------------------------
1 | * text=auto


--------------------------------------------------------------------------------
/teamoji/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | bower_components
4 | .tmp
5 | .publish/
6 | scripts/data/emoji_annotations.xml
7 | scripts/data/users.json
8 | scripts/data/service-account.json
9 | 


--------------------------------------------------------------------------------
/teamoji/.travis.yml:
--------------------------------------------------------------------------------
 1 | language: node_js
 2 | sudo: false
 3 | addons:
 4 |   firefox: latest
 5 |   apt:
 6 |     sources:
 7 |       - google-chrome
 8 |       - ubuntu-toolchain-r-test
 9 |     packages:
10 |       - google-chrome-stable
11 |       - g++-4.8
12 | node_js:
13 |   - '4.2'
14 |   - '5.1'
15 | before_script:
16 |   - 'export DISPLAY=:99.0'
17 |   - sh -e /etc/init.d/xvfb start
18 |   - sleep 3
19 |   - npm i -g bower@1.7.1 gulp@3.9.0 firebase-tools@2.2.0
20 |   - bower i
21 | script:
22 |   - ./travis-runner.sh
23 | env:
24 |   global:
25 |     - "CXX='g++-4.8'"
26 |     - secure: SbcQ7plU7aRGQlaAG2ffMhSvEs84073YSljOQ62DZAjRxgizMhF4xM7H2mPrmac9YRM4IBrQRvBKMMZy3L6OhN8gwpm8o+w2zV+5Q1fwpY9V8bilznnhp1JUY6jrB2l7aLTOFxt/cG+5ABxiupwWz/n+I7BaByYhBiHWntIBgDc528eecRNDYI5R36KWjLO/yr+SdElvyxDlDOdJGaluPvgMItbinFGcE1hYb/Jqrkkw8zpE6CTDmvMOq1aRBWSo9afgh2zDeKc02lTYP/4N0xcn8CqzHF7k5zGWHjN9DR8Ep8Bp1ff/sM7zHGZBqgVhn5WGv305jBQY6eOxiTp5cDP0WVIOjgJeM5rBu9hBQxhZSaMKBPr2B1NYUjIwTVQkBsnR4sr095Ugjg8JCZAmEevf/Ysl4CzQyW3gT+WcEluqjxUuicQWDclH6L/kOVPBJ+Eqdo/LY3G1tpLcc6fsvj4FlVO6LPTrbMyCagwQvnjX3uIdFyuthqtWWrHKQMGx2Ow9suNUi8Hyvk7WboS1Z6jrLIcs1rvXSX8rQmlMR5vJBK3Ejg6fS1OHxn/lrtLhj4lDLB9r/Fcu2PEHT1lcvQqsTa3W+t4Fk1qaShUlBDiwMbZWZgmlf1SdG5OzK1yrPLjTTdRFdqJGgb6TANCdetgczRWynvjIhr5IDMxvfJg=
27 | 


--------------------------------------------------------------------------------
/teamoji/app/elements/elements.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | -->
16 | <script src="../bower_components/time-elements/time-elements.js"></script>
17 | 
18 | <!-- Iron elements -->
19 | <link rel="import" href="../bower_components/iron-icons/iron-icons.html">
20 | <link rel="import" href="../bower_components/iron-ajax/iron-ajax.html">
21 | 
22 | <!-- Paper elements -->
23 | <link rel="import" href="../bower_components/paper-styles/typography.html">
24 | <link rel="import" href="../bower_components/paper-styles/color.html">
25 | 
26 | <!-- Uncomment next block to enable Service Worker Support (2/2) -->
27 | <!--
28 | <link rel="import" href="../bower_components/platinum-sw/platinum-sw-cache.html">
29 | <link rel="import" href="../bower_components/platinum-sw/platinum-sw-register.html">
30 | -->
31 | 
32 | <!-- Add your elements here -->
33 | <link rel="import" href="../styles/app-theme.html">
34 | <link rel="import" href="../styles/shared-styles.html">
35 | <link rel="import" href="x-app.html">
36 | 


--------------------------------------------------------------------------------
/teamoji/app/elements/firebase-storage-upload-button.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | -->
16 | <link rel="import" href="../bower_components/paper-button/paper-button.html">
17 | 
18 | <dom-module id="firebase-storage-upload-button">
19 |   <template>
20 |     <style>
21 |       :host {
22 |         display: inline-block;
23 |       }
24 | 
25 |       #input {
26 |         display: none;
27 |       }
28 |     </style>
29 | 
30 |     <input id="input" type="file" on-change="filesPicked">
31 |     <paper-button id="btn" raised on-tap="pickFiles">Upload File</paper-button>
32 |   </template>
33 |   <script>
34 |     Polymer({
35 |       is: 'firebase-storage-upload-button',
36 |       properties: {
37 |         path: {
38 |           type: String
39 |         },
40 |         url: {
41 |           type: String,
42 |           notify: true
43 |         },
44 |         metadata: {
45 |           type: Object,
46 |           notify: true
47 |         }
48 |       },
49 |       pickFiles: function() {
50 |         this.$.input.click();
51 |       },
52 |       filesPicked: function() {
53 |         var file = this.$.input.files[0];
54 |         var el = this;
55 | 
56 |         console.log(this.path, file.name);
57 |         this.task = firebase.storage().ref()
58 |           .child(this.path)
59 |           .child(file.name)
60 |           .put(file);
61 | 
62 |         this.task.on('state_changed', null, function(error) {
63 |           console.error(error);
64 |         }, function() {
65 |           console.log(this.snapshot.metadata);
66 |           el.fire('upload-complete', this.snapshot.metadata);
67 |           el.url = this.snapshot.metadata.downloadURLs[0];
68 |           el.metadata = this.snapshot.metadata;
69 |         }.bind(this.task));
70 |       }
71 |     });
72 |   </script>
73 | </dom-module>
74 | 


--------------------------------------------------------------------------------
/teamoji/app/elements/x-app.html:
--------------------------------------------------------------------------------
  1 | <!--
  2 | Copyright 2016 Google, Inc.
  3 | 
  4 | Licensed under the Apache License, Version 2.0 (the "License");
  5 | you may not use this file except in compliance with the License.
  6 | You may obtain a copy of the License at
  7 | 
  8 |      http://www.apache.org/licenses/LICENSE-2.0
  9 | 
 10 | Unless required by applicable law or agreed to in writing, software
 11 | distributed under the License is distributed on an "AS IS" BASIS,
 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 13 | See the License for the specific language governing permissions and
 14 | limitations under the License.
 15 | -->
 16 | <link rel="import" href="../bower_components/app-layout/app-layout.html">
 17 | <link rel="import" href="../bower_components/paper-menu/paper-menu.html">
 18 | <link rel="import" href="../bower_components/paper-item/paper-item.html">
 19 | <link rel="import" href="../bower_components/paper-toast/paper-toast.html">
 20 | <link rel="import" href="../bower_components/polymerfire/polymerfire.html">
 21 | <link rel="import" href="../bower_components/app-storage/app-indexeddb-mirror/app-indexeddb-mirror.html">
 22 | <link rel="import" href="x-shade.html">
 23 | <link rel="import" href="x-login.html">
 24 | <link rel="import" href="x-create-team.html">
 25 | <link rel="import" href="x-team-page.html">
 26 | <link rel="import" href="x-emoji-picker.html">
 27 | 
 28 | <dom-module id="x-app">
 29 |   <template>
 30 |     <style>
 31 |       :host {
 32 |         @apply(--layout-fit);
 33 |         overflow: hidden;
 34 |       }
 35 | 
 36 |       app-drawer-layout {
 37 |         height: 100%;
 38 |       }
 39 | 
 40 |       app-drawer #content {
 41 |         color: white;
 42 |         background: var(--paper-blue-500);
 43 |         height: 100%;
 44 |       }
 45 | 
 46 |       app-drawer app-toolbar {
 47 |         background: var(--paper-blue-600);
 48 |       }
 49 | 
 50 |       paper-menu {
 51 |         color: white;
 52 |         background: transparent;
 53 |         margin: 0;
 54 |       }
 55 | 
 56 |       paper-item {
 57 |         font-family: 'Varela Round', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 58 |       }
 59 | 
 60 |       paper-item.iron-selected {
 61 |         background: var(--paper-blue-600);
 62 |       }
 63 | 
 64 |       app-drawer paper-button {
 65 |         background: var(--paper-blue-700);
 66 |         display: block;
 67 |         padding: 8px;
 68 |         margin: 8px 16px;
 69 |       }
 70 | 
 71 |       #toast {
 72 |         font-size: 16px;
 73 |         font-family: 'Varela Round', sans-serif;
 74 |         --paper-toast-background-color: var(--paper-blue-500);
 75 |       }
 76 |     </style>
 77 | 
 78 |     <firebase-app
 79 |       api-key="AIzaSyCGZ270rKbE1GVbkvijkOCAhvTBUC1T6GU"
 80 |       database-url="https://teamoji-app.firebaseio.com"
 81 |       auth-domain="teamoji-app.firebaseapp.com"
 82 |       storage-bucket="teamoji-app.appspot.com">
 83 |     </firebase-app>
 84 | 
 85 |     <firebase-document id="prefs"
 86 |       data="{{_fbPrefs}}"
 87 |       path="/prefs/[[user.uid]]">
 88 |     </firebase-document>
 89 |     <app-indexeddb-mirror id="prefsMirror"
 90 |       session="[[user.uid]]"
 91 |       key="/prefs/[[user.uid]]"
 92 |       data="[[_fbPrefs]]"
 93 |       persisted-data="{{prefs}}"
 94 |       online="[[online]]">
 95 |     </app-indexeddb-mirror>
 96 | 
 97 |     <firebase-query id="updates" log
 98 |       data="{{_fbTeamUpdates}}"
 99 |       path="/domains/[[_domainId]]/updates/[[activeTeam.id]]"
100 |       order-by-child="updated"
101 |       start-at="[[yesterday]]">
102 |     </firebase-query>
103 |     <app-indexeddb-mirror id="updatesMirror"
104 |       session="[[user.uid]]"
105 |       key="/domains/[[_domainId]]/updates/[[activeTeam.id]]"
106 |       data="[[_fbTeamUpdates]]"
107 |       persisted-data="{{activeTeamUpdates}}"
108 |       online="[[online]]">
109 |     </app-indexeddb-mirror>
110 | 
111 |     <firebase-query id="teams"
112 |       data="{{_fbTeams}}"
113 |       path="/domains/[[_domainId]]/teams">
114 |     </firebase-query>
115 |     <app-indexeddb-mirror id="teamsMirror"
116 |       session="[[user.uid]]"
117 |       key="/domains/[[_domainId]]/teams"
118 |       data="[[_fbTeams]]"
119 |       persisted-data="{{teams}}"
120 |       online="[[online]]">
121 |     </app-indexeddb-mirror>
122 | 
123 |     <app-drawer-layout>
124 |       <app-drawer id="drawer" swipe-open>
125 |         <div id="content">
126 |           <app-toolbar>
127 |             <div title>Your Teams</div>
128 |           </app-toolbar>
129 | 
130 |           <section>
131 |             <paper-menu attr-for-selected="team-id" selected="{{activeTeamId}}">
132 |               <template is="dom-repeat" items="[[teams]]">
133 |                 <paper-item on-tap="teamSelected" team-id$="[[item.id]]" team="[[item]]">[[item.name]]</paper-item>
134 |               </template>
135 |             </paper-menu>
136 | 
137 |             <paper-button raised on-tap="openShade" shade="teamShade" hidden$="[[offline]]">Create Team</paper-button>
138 |             <paper-button raised on-tap="logout">Sign Out</paper-button>
139 |           </section>
140 |         </div>
141 |       </app-drawer>
142 |       <x-team-page team="[[activeTeam]]" updates="[[activeTeamUpdates]]" offline="[[offline]]"></x-team-page>
143 |     </app-drawer-layout>
144 | 
145 |     <x-shade id="teamShade" active="[[openTeamShade]]">
146 |       <x-create-team id="firstTeam" domain="[[domain]]"></x-create-team>
147 |     </x-shade>
148 |     <x-shade id="emojiShade" active="{{openEmojiShade}}">
149 |       <x-emoji-picker id="emoji" domain="[[domain]]" team="[[activeTeamId]]"></x-emoji-picker>
150 |     </x-shade>
151 |     <x-shade id="loginShade" active="[[!user]]">
152 |       <x-login id="login" user="{{user}}" offline="[[offline]]"></x-login>
153 |     </x-shade>
154 | 
155 |     <paper-toast class="fit-bottom" id="toast"></paper-toast>
156 |   </template>
157 |   <script>
158 |     var ONE_DAY = 1000 * 60 * 60 * 24;
159 | 
160 |     Polymer({
161 |       is: 'x-app',
162 |       properties: {
163 |         offline: {
164 |           type: Boolean,
165 |           value: false,
166 |           reflectToAttribute: true
167 |         },
168 |         user: {
169 |           type: Object,
170 |           observer: '_userChanged'
171 |         },
172 |         prefs: {
173 |           type: Object
174 |         },
175 |         teams: {
176 |           type: Array,
177 |           observer: '_teamsChanged'
178 |         },
179 |         activeTeam: {
180 |           type: Object
181 |         },
182 |         activeTeamUpdates: {
183 |           type: Array,
184 |           notify: true
185 |         },
186 |         domain: {
187 |           type: String,
188 |           readOnly: true,
189 |           observer: '_domainChanged'
190 |         },
191 |         openEmojiShade: {
192 |           type: Boolean,
193 |           value: false
194 |         },
195 |         openTeamShade: {
196 |           type: Boolean,
197 |           value: false
198 |         }
199 |       },
200 |       observers: [
201 |         'setTeam(prefs.activeTeam, teams.length)'
202 |       ],
203 |       ready: function() {
204 |         this.yesterday = Date.now() - ONE_DAY;
205 |         this.offline = navigator.onLine === false;
206 |         window.addEventListener('online', function() {
207 |           this.offline = false;
208 |         }.bind(this));
209 |         window.addEventListener('offline', function() {
210 |           this.offline = true;
211 |         }.bind(this));
212 |       },
213 |       _userChanged: function() {
214 |         if (this.user && this.user.emailVerified) {
215 |           this._setDomain(this.user.email.split('@')[1]);
216 |         }
217 |       },
218 |       _domainChanged: function() {
219 |         if (this.domain) {
220 |           this._domainId = this.domain.replace(/\./g,',');
221 |           this.domainRef = firebase.database().ref('/domains').child(this._domainId);
222 |         }
223 |       },
224 |       _teamsChanged: function() {
225 |         if (this.teams && this._pendingTeamId) {
226 |           this.setTeam(this._pendingTeamId);
227 |           this._pendingTeamId = null;
228 |         }
229 |       },
230 |       _pushId: function() {
231 |         return firebase.database().ref().push().key;
232 |       },
233 |       openShade: function(e) {
234 |         var shade;
235 |         if (typeof e === 'string') {
236 |           shade = e;
237 |         } else {
238 |           shade = e.currentTarget.getAttribute('shade');
239 |         }
240 |         this.$[shade].active = true;
241 |       },
242 |       toast: function(message, duration) {
243 |         if (typeof duration === 'undefined') {
244 |           duration = 3000;
245 |         }
246 |         this.$.toast.innerHTML = message;
247 |         this.$.toast.show({duration: duration});
248 |       },
249 |       closeShade: function(name) {
250 |         this.$[name].active = false;
251 |       },
252 |       teamSelected: function(e) {
253 |         this.setTeam(e.currentTarget.team.id);
254 |       },
255 |       createTeam: function(id, name) {
256 |         this.domainRef
257 |           .child('teams')
258 |           .child(id).set({
259 |             id: id,
260 |             name: name,
261 |             createdAt: {'.sv': 'timestamp'}
262 |           }).then(function() {
263 |             app.setTeam(id);
264 |           });
265 |       },
266 |       updateStatus: function(emoji) {
267 |         if (this.activeTeam) {
268 |           var update = {};
269 |           update['updates/' + this.activeTeam.id + '/' + this.user.uid] = {
270 |             emoji: emoji,
271 |             updated: firebase.database.ServerValue.TIMESTAMP,
272 |             pic: this.user.photoURL,
273 |             name: this.user.displayName
274 |           };
275 | 
276 |           update['history/' + this.activeTeam.id + '/' + this.user.uid + '/' + this._pushId()] = {
277 |             emoji: emoji,
278 |             updated: firebase.database.ServerValue.TIMESTAMP
279 |           };
280 | 
281 |           this.domainRef.update(update);
282 |         }
283 |       },
284 |       teamById: function(id) {
285 |         for (var i = 0; i < this.teams.length; i++) {
286 |           if (id === this.teams[i].$key) {
287 |             return this.teams[i];
288 |           }
289 |         }
290 |         return null;
291 |       },
292 |       setTeam: function(id) {
293 |         if (this.user && this.teams) {
294 |           firebase.database().ref('/prefs').child(this.user.uid).update({activeTeam: id});
295 |           this.activeTeam = this.teamById(id);
296 |           this.activeTeamId = id;
297 |         } else {
298 |           this._pendingTeamId = id;
299 |         }
300 |       },
301 |       logout: function() {
302 |         firebase.auth().signOut();
303 |       }
304 |     });
305 |   </script>
306 | </dom-module>
307 | 


--------------------------------------------------------------------------------
/teamoji/app/elements/x-create-team.html:
--------------------------------------------------------------------------------
  1 | <!--
  2 | Copyright 2016 Google, Inc.
  3 | 
  4 | Licensed under the Apache License, Version 2.0 (the "License");
  5 | you may not use this file except in compliance with the License.
  6 | You may obtain a copy of the License at
  7 | 
  8 |      http://www.apache.org/licenses/LICENSE-2.0
  9 | 
 10 | Unless required by applicable law or agreed to in writing, software
 11 | distributed under the License is distributed on an "AS IS" BASIS,
 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 13 | See the License for the specific language governing permissions and
 14 | limitations under the License.
 15 | -->
 16 | <link rel="import" href="../bower_components/neon-animation/neon-animation-runner-behavior.html">
 17 | <link rel="import" href="../bower_components/neon-animation/animations/slide-from-bottom-animation.html">
 18 | <link rel="import" href="../bower_components/neon-animation/animations/slide-down-animation.html">
 19 | <link rel="import" href="../bower_components/paper-input/paper-input.html">
 20 | <link rel="import" href="../bower_components/paper-button/paper-button.html">
 21 | 
 22 | <dom-module id="x-create-team">
 23 |   <template>
 24 |     <style>
 25 |       :host {
 26 |         display: block;
 27 |         @apply(--layout-fit);
 28 |         @apply(--layout-vertical);
 29 |         @apply(--layout-center);
 30 |         @apply(--layout-center-justified);
 31 |         background: var(--paper-green-500);
 32 |         color: white;
 33 |         text-align: center;
 34 |       }
 35 | 
 36 |       h3 {
 37 |         margin: 24px 0 0;
 38 |       }
 39 | 
 40 |       h2 {
 41 |         color: white;
 42 |         font-size: 24px;
 43 |         text-align: center;
 44 |         font-weight: 300;
 45 |         margin: 8px 0 48px;
 46 |       }
 47 | 
 48 |       img {
 49 |         vertical-align: top;
 50 |       }
 51 | 
 52 |       #bigimg {
 53 |         display: block;
 54 |         margin: 0 auto 16px;
 55 |         width: 260px;
 56 |         height: 260px;
 57 |       }
 58 | 
 59 |       paper-button {
 60 |         background: var(--paper-blue-700);
 61 |         color: white;
 62 |         padding: 8px 16px;
 63 |         margin-top: 16px;
 64 |       }
 65 | 
 66 |       a {
 67 |         color: white;
 68 |         font-weight: bold;
 69 |         text-decoration: none;
 70 |       }
 71 | 
 72 |       h3 {
 73 |         color: rgba(255,255,255,0.87);
 74 |       }
 75 | 
 76 |       h3 b {
 77 |         color: white;
 78 |       }
 79 | 
 80 |       paper-input {
 81 |         display: block;
 82 |         width: 280px;
 83 |         text-align: left;
 84 |         color: white;
 85 |         font-family: var(--app-font);
 86 |         --paper-input-container-color: rgba(255,255,255,0.87);
 87 |         --paper-input-container-focus-color: white;
 88 |         --paper-input-container-input-color: white;
 89 |         --paper-input-container {
 90 |           font-size: 22px;
 91 | 
 92 |         }
 93 |       }
 94 |     </style>
 95 | 
 96 |     <img id="bigimg" src="https://storage.googleapis.com/teamoji-app.appspot.com/emoji/svg/emoji_u1f914.svg">
 97 |     <h3>Feeling a little lonely on <b>[[domain]]</b>?<br></h3>
 98 |     <h2>Let's make a new team!</h2>
 99 | 
100 |     <paper-input type="text" label="Team Name" value="{{teamName}}"></paper-input>
101 |     <paper-button on-tap="createTeam" raised>Create Team</paper-button>
102 |   </template>
103 |   <script>
104 |     Polymer({
105 |       is: 'x-create-team',
106 |       behaviors: Polymer.NeonAnimationRunnerBehavior,
107 |       properties: {
108 |         domain: {
109 |           type: String,
110 |           observer: '_domainChanged'
111 |         },
112 |         teams: {
113 |           type: Object,
114 |           observer: '_teamsChanged'
115 |         },
116 |         entryAnimation: {
117 |           type: String,
118 |           value: 'slide-from-bottom-animation'
119 |         },
120 |         exitAnimation: {
121 |           type: String,
122 |           value: 'slide-down-animation'
123 |         }
124 |       },
125 |       ready: function() {
126 | 
127 |       },
128 |       createTeam: function() {
129 |         app.createTeam(this.teamName.toLowerCase().replace(/[^a-z0-9-]/g, ''), this.teamName);
130 |         app.closeShade('teamShade');
131 |       },
132 |       _domainChanged: function() {
133 |         var name = this.domain.split('.')[0];
134 |         this.teamName = name.charAt(0).toUpperCase() + name.slice(1);
135 |       },
136 |       _teamsChanged: function() {
137 |         console.log(this.teams);
138 |         this.teams ? this._hide() : this._show();
139 |       }
140 |     });
141 |   </script>
142 | </dom-module>
143 | 


--------------------------------------------------------------------------------
/teamoji/app/elements/x-emoji-iconset.html:
--------------------------------------------------------------------------------
1 | <link rel="import" href="../bower_components/iron-iconset/iron-iconset.html">
2 | <iron-iconset
3 |   name="emoji"
4 |   src="https://storage.googleapis.com/teamoji-app.appspot.com/emoji/sprite.png"
5 |   width="1440"
6 |   size="36"
7 |   icons="0023_20e3 0023 002a_20e3 002a 0030_20e3 0030 0031_20e3 0031 0032_20e3 0032 0033_20e3 0033 0034_20e3 0034 0035_20e3 0035 0036_20e3 0036 0037_20e3 0037 0038_20e3 0038 0039_20e3 0039 00a9 00ae 1f004 1f0cf 1f170 1f171 1f17e 1f17f 1f18e 1f191 1f192 1f193 1f194 1f195 1f196 1f197 1f198 1f199 1f19a 1f1e6 1f1e7 1f1e8_1f1f3 1f1e8 1f1e9_1f1ea 1f1e9 1f1ea_1f1f8 1f1ea 1f1eb_1f1f7 1f1eb 1f1ec_1f1e7 1f1ec 1f1ed 1f1ee_1f1f9 1f1ee 1f1ef_1f1f5 1f1ef 1f1f0_1f1f7 1f1f0 1f1f1 1f1f2 1f1f3 1f1f4 1f1f5 1f1f6 1f1f7_1f1fa 1f1f7 1f1f8 1f1f9 1f1fa_1f1f8 1f1fa 1f1fb 1f1fc 1f1fd 1f1fe 1f1ff 1f201 1f202 1f21a 1f22f 1f232 1f233 1f234 1f235 1f236 1f237 1f238 1f239 1f23a 1f250 1f251 1f300 1f301 1f302 1f303 1f304 1f305 1f306 1f307 1f308 1f309 1f30a 1f30b 1f30c 1f30d 1f30e 1f30f 1f310 1f311 1f312 1f313 1f314 1f315 1f316 1f317 1f318 1f319 1f31a 1f31b 1f31c 1f31d 1f31e 1f31f 1f320 1f321 1f324 1f325 1f326 1f327 1f328 1f329 1f32a 1f32b 1f32c 1f32d 1f32e 1f32f 1f330 1f331 1f332 1f333 1f334 1f335 1f336 1f337 1f338 1f339 1f33a 1f33b 1f33c 1f33d 1f33e 1f33f 1f340 1f341 1f342 1f343 1f344 1f345 1f346 1f347 1f348 1f349 1f34a 1f34b 1f34c 1f34d 1f34e 1f34f 1f350 1f351 1f352 1f353 1f354 1f355 1f356 1f357 1f358 1f359 1f35a 1f35b 1f35c 1f35d 1f35e 1f35f 1f360 1f361 1f362 1f363 1f364 1f365 1f366 1f367 1f368 1f369 1f36a 1f36b 1f36c 1f36d 1f36e 1f36f 1f370 1f371 1f372 1f373 1f374 1f375 1f376 1f377 1f378 1f379 1f37a 1f37b 1f37c 1f37d 1f37e 1f37f 1f380 1f381 1f382 1f383 1f384 1f385_1f3fb 1f385_1f3fc 1f385_1f3fd 1f385_1f3fe 1f385_1f3ff 1f385 1f386 1f387 1f388 1f389 1f38a 1f38b 1f38c 1f38d 1f38e 1f38f 1f390 1f391 1f392 1f393 1f396 1f397 1f399 1f39a 1f39b 1f39e 1f39f 1f3a0 1f3a1 1f3a2 1f3a3 1f3a4 1f3a5 1f3a6 1f3a7 1f3a8 1f3a9 1f3aa 1f3ab 1f3ac 1f3ad 1f3ae 1f3af 1f3b0 1f3b1 1f3b2 1f3b3 1f3b4 1f3b5 1f3b6 1f3b7 1f3b8 1f3b9 1f3ba 1f3bb 1f3bc 1f3bd 1f3be 1f3bf 1f3c0 1f3c1 1f3c2 1f3c3_1f3fb 1f3c3_1f3fc 1f3c3_1f3fd 1f3c3_1f3fe 1f3c3_1f3ff 1f3c3 1f3c4_1f3fb 1f3c4_1f3fc 1f3c4_1f3fd 1f3c4_1f3fe 1f3c4_1f3ff 1f3c4 1f3c5 1f3c6 1f3c7 1f3c8 1f3c9 1f3ca_1f3fb 1f3ca_1f3fc 1f3ca_1f3fd 1f3ca_1f3fe 1f3ca_1f3ff 1f3ca 1f3cb_1f3fb 1f3cb_1f3fc 1f3cb_1f3fd 1f3cb_1f3fe 1f3cb_1f3ff 1f3cb 1f3cc 1f3cd 1f3ce 1f3cf 1f3d0 1f3d1 1f3d2 1f3d3 1f3d4 1f3d5 1f3d6 1f3d7 1f3d8 1f3d9 1f3da 1f3db 1f3dc 1f3dd 1f3de 1f3df 1f3e0 1f3e1 1f3e2 1f3e3 1f3e4 1f3e5 1f3e6 1f3e7 1f3e8 1f3e9 1f3ea 1f3eb 1f3ec 1f3ed 1f3ee 1f3ef 1f3f0 1f3f3 1f3f4 1f3f5 1f3f7 1f3f8 1f3f9 1f3fa 1f3fb 1f3fc 1f3fd 1f3fe 1f3ff 1f400 1f401 1f402 1f403 1f404 1f405 1f406 1f407 1f408 1f409 1f40a 1f40b 1f40c 1f40d 1f40e 1f40f 1f410 1f411 1f412 1f413 1f414 1f415 1f416 1f417 1f418 1f419 1f41a 1f41b 1f41c 1f41d 1f41e 1f41f 1f420 1f421 1f422 1f423 1f424 1f425 1f426 1f427 1f428 1f429 1f42a 1f42b 1f42c 1f42d 1f42e 1f42f 1f430 1f431 1f432 1f433 1f434 1f435 1f436 1f437 1f438 1f439 1f43a 1f43b 1f43c 1f43d 1f43e 1f43f 1f440 1f441_200d_1f5e8 1f441 1f442_1f3fb 1f442_1f3fc 1f442_1f3fd 1f442_1f3fe 1f442_1f3ff 1f442 1f443_1f3fb 1f443_1f3fc 1f443_1f3fd 1f443_1f3fe 1f443_1f3ff 1f443 1f444 1f445 1f446_1f3fb 1f446_1f3fc 1f446_1f3fd 1f446_1f3fe 1f446_1f3ff 1f446 1f447_1f3fb 1f447_1f3fc 1f447_1f3fd 1f447_1f3fe 1f447_1f3ff 1f447 1f448_1f3fb 1f448_1f3fc 1f448_1f3fd 1f448_1f3fe 1f448_1f3ff 1f448 1f449_1f3fb 1f449_1f3fc 1f449_1f3fd 1f449_1f3fe 1f449_1f3ff 1f449 1f44a_1f3fb 1f44a_1f3fc 1f44a_1f3fd 1f44a_1f3fe 1f44a_1f3ff 1f44a 1f44b_1f3fb 1f44b_1f3fc 1f44b_1f3fd 1f44b_1f3fe 1f44b_1f3ff 1f44b 1f44c_1f3fb 1f44c_1f3fc 1f44c_1f3fd 1f44c_1f3fe 1f44c_1f3ff 1f44c 1f44d_1f3fb 1f44d_1f3fc 1f44d_1f3fd 1f44d_1f3fe 1f44d_1f3ff 1f44d 1f44e_1f3fb 1f44e_1f3fc 1f44e_1f3fd 1f44e_1f3fe 1f44e_1f3ff 1f44e 1f44f_1f3fb 1f44f_1f3fc 1f44f_1f3fd 1f44f_1f3fe 1f44f_1f3ff 1f44f 1f450_1f3fb 1f450_1f3fc 1f450_1f3fd 1f450_1f3fe 1f450_1f3ff 1f450 1f451 1f452 1f453 1f454 1f455 1f456 1f457 1f458 1f459 1f45a 1f45b 1f45c 1f45d 1f45e 1f45f 1f460 1f461 1f462 1f463 1f464 1f465 1f466_1f3fb 1f466_1f3fc 1f466_1f3fd 1f466_1f3fe 1f466_1f3ff 1f466 1f467_1f3fb 1f467_1f3fc 1f467_1f3fd 1f467_1f3fe 1f467_1f3ff 1f467 1f468_1f3fb 1f468_1f3fc 1f468_1f3fd 1f468_1f3fe 1f468_1f3ff 1f468_200d_1f468_200d_1f466_200d_1f466 1f468_200d_1f468_200d_1f466 1f468_200d_1f468_200d_1f467_200d_1f466 1f468_200d_1f468_200d_1f467_200d_1f467 1f468_200d_1f468_200d_1f467 1f468_200d_1f469_200d_1f466_200d_1f466 1f468_200d_1f469_200d_1f467_200d_1f466 1f468_200d_1f469_200d_1f467_200d_1f467 1f468_200d_1f469_200d_1f467 1f468_200d_2764_fe0f_200d_1f468 1f468_200d_2764_fe0f_200d_1f48b_200d_1f468 1f468 1f469_1f3fb 1f469_1f3fc 1f469_1f3fd 1f469_1f3fe 1f469_1f3ff 1f469_200d_1f469_200d_1f466_200d_1f466 1f469_200d_1f469_200d_1f466 1f469_200d_1f469_200d_1f467_200d_1f466 1f469_200d_1f469_200d_1f467_200d_1f467 1f469_200d_1f469_200d_1f467 1f469_200d_2764_fe0f_200d_1f469 1f469_200d_2764_fe0f_200d_1f48b_200d_1f469 1f469 1f46a 1f46b 1f46c 1f46d 1f46e_1f3fb 1f46e_1f3fc 1f46e_1f3fd 1f46e_1f3fe 1f46e_1f3ff 1f46e 1f46f 1f470_1f3fb 1f470_1f3fc 1f470_1f3fd 1f470_1f3fe 1f470_1f3ff 1f470 1f471_1f3fb 1f471_1f3fc 1f471_1f3fd 1f471_1f3fe 1f471_1f3ff 1f471 1f472_1f3fb 1f472_1f3fc 1f472_1f3fd 1f472_1f3fe 1f472_1f3ff 1f472 1f473_1f3fb 1f473_1f3fc 1f473_1f3fd 1f473_1f3fe 1f473_1f3ff 1f473 1f474_1f3fb 1f474_1f3fc 1f474_1f3fd 1f474_1f3fe 1f474_1f3ff 1f474 1f475_1f3fb 1f475_1f3fc 1f475_1f3fd 1f475_1f3fe 1f475_1f3ff 1f475 1f476_1f3fb 1f476_1f3fc 1f476_1f3fd 1f476_1f3fe 1f476_1f3ff 1f476 1f477_1f3fb 1f477_1f3fc 1f477_1f3fd 1f477_1f3fe 1f477_1f3ff 1f477 1f478_1f3fb 1f478_1f3fc 1f478_1f3fd 1f478_1f3fe 1f478_1f3ff 1f478 1f479 1f47a 1f47b 1f47c_1f3fb 1f47c_1f3fc 1f47c_1f3fd 1f47c_1f3fe 1f47c_1f3ff 1f47c 1f47d 1f47e 1f47f 1f480 1f481_1f3fb 1f481_1f3fc 1f481_1f3fd 1f481_1f3fe 1f481_1f3ff 1f481 1f482_1f3fb 1f482_1f3fc 1f482_1f3fd 1f482_1f3fe 1f482_1f3ff 1f482 1f483_1f3fb 1f483_1f3fc 1f483_1f3fd 1f483_1f3fe 1f483_1f3ff 1f483 1f484 1f485_1f3fb 1f485_1f3fc 1f485_1f3fd 1f485_1f3fe 1f485_1f3ff 1f485 1f486_1f3fb 1f486_1f3fc 1f486_1f3fd 1f486_1f3fe 1f486_1f3ff 1f486 1f487_1f3fb 1f487_1f3fc 1f487_1f3fd 1f487_1f3fe 1f487_1f3ff 1f487 1f488 1f489 1f48a 1f48b 1f48c 1f48d 1f48e 1f48f 1f490 1f491 1f492 1f493 1f494 1f495 1f496 1f497 1f498 1f499 1f49a 1f49b 1f49c 1f49d 1f49e 1f49f 1f4a0 1f4a1 1f4a2 1f4a3 1f4a4 1f4a5 1f4a6 1f4a7 1f4a8 1f4a9 1f4aa_1f3fb 1f4aa_1f3fc 1f4aa_1f3fd 1f4aa_1f3fe 1f4aa_1f3ff 1f4aa 1f4ab 1f4ac 1f4ad 1f4ae 1f4af 1f4b0 1f4b1 1f4b2 1f4b3 1f4b4 1f4b5 1f4b6 1f4b7 1f4b8 1f4b9 1f4ba 1f4bb 1f4bc 1f4bd 1f4be 1f4bf 1f4c0 1f4c1 1f4c2 1f4c3 1f4c4 1f4c5 1f4c6 1f4c7 1f4c8 1f4c9 1f4ca 1f4cb 1f4cc 1f4cd 1f4ce 1f4cf 1f4d0 1f4d1 1f4d2 1f4d3 1f4d4 1f4d5 1f4d6 1f4d7 1f4d8 1f4d9 1f4da 1f4db 1f4dc 1f4dd 1f4de 1f4df 1f4e0 1f4e1 1f4e2 1f4e3 1f4e4 1f4e5 1f4e6 1f4e7 1f4e8 1f4e9 1f4ea 1f4eb 1f4ec 1f4ed 1f4ee 1f4ef 1f4f0 1f4f1 1f4f2 1f4f3 1f4f4 1f4f5 1f4f6 1f4f7 1f4f8 1f4f9 1f4fa 1f4fb 1f4fc 1f4fd 1f4ff 1f500 1f501 1f502 1f503 1f504 1f505 1f506 1f507 1f508 1f509 1f50a 1f50b 1f50c 1f50d 1f50e 1f50f 1f510 1f511 1f512 1f513 1f514 1f515 1f516 1f517 1f518 1f519 1f51a 1f51b 1f51c 1f51d 1f51e 1f51f 1f520 1f521 1f522 1f523 1f524 1f525 1f526 1f527 1f528 1f529 1f52a 1f52b 1f52c 1f52d 1f52e 1f52f 1f530 1f531 1f532 1f533 1f534 1f535 1f536 1f537 1f538 1f539 1f53a 1f53b 1f53c 1f53d 1f549 1f54a 1f54b 1f54c 1f54d 1f54e 1f550 1f551 1f552 1f553 1f554 1f555 1f556 1f557 1f558 1f559 1f55a 1f55b 1f55c 1f55d 1f55e 1f55f 1f560 1f561 1f562 1f563 1f564 1f565 1f566 1f567 1f56f 1f570 1f573 1f574 1f575_1f3fb 1f575_1f3fc 1f575_1f3fd 1f575_1f3fe 1f575_1f3ff 1f575 1f576 1f577 1f578 1f579 1f57a_1f3fb 1f57a_1f3fc 1f57a_1f3fd 1f57a_1f3fe 1f57a_1f3ff 1f57a 1f587 1f58a 1f58b 1f58c 1f58d 1f590_1f3fb 1f590_1f3fc 1f590_1f3fd 1f590_1f3fe 1f590_1f3ff 1f590 1f595_1f3fb 1f595_1f3fc 1f595_1f3fd 1f595_1f3fe 1f595_1f3ff 1f595 1f596_1f3fb 1f596_1f3fc 1f596_1f3fd 1f596_1f3fe 1f596_1f3ff 1f596 1f5a4 1f5a5 1f5a8 1f5b1 1f5b2 1f5bc 1f5c2 1f5c3 1f5c4 1f5d1 1f5d2 1f5d3 1f5dc 1f5dd 1f5de 1f5e1 1f5e3 1f5e8 1f5ef 1f5f3 1f5fa 1f5fb 1f5fc 1f5fd 1f5fe 1f5ff 1f600 1f601 1f602 1f603 1f604 1f605 1f606 1f607 1f608 1f609 1f60a 1f60b 1f60c 1f60d 1f60e 1f60f 1f610 1f611 1f612 1f613 1f614 1f615 1f616 1f617 1f618 1f619 1f61a 1f61b 1f61c 1f61d 1f61e 1f61f 1f620 1f621 1f622 1f623 1f624 1f625 1f626 1f627 1f628 1f629 1f62a 1f62b 1f62c 1f62d 1f62e 1f62f 1f630 1f631 1f632 1f633 1f634 1f635 1f636 1f637 1f638 1f639 1f63a 1f63b 1f63c 1f63d 1f63e 1f63f 1f640 1f641 1f642 1f643 1f644 1f645_1f3fb 1f645_1f3fc 1f645_1f3fd 1f645_1f3fe 1f645_1f3ff 1f645 1f646_1f3fb 1f646_1f3fc 1f646_1f3fd 1f646_1f3fe 1f646_1f3ff 1f646 1f647_1f3fb 1f647_1f3fc 1f647_1f3fd 1f647_1f3fe 1f647_1f3ff 1f647 1f648 1f649 1f64a 1f64b_1f3fb 1f64b_1f3fc 1f64b_1f3fd 1f64b_1f3fe 1f64b_1f3ff 1f64b 1f64c_1f3fb 1f64c_1f3fc 1f64c_1f3fd 1f64c_1f3fe 1f64c_1f3ff 1f64c 1f64d_1f3fb 1f64d_1f3fc 1f64d_1f3fd 1f64d_1f3fe 1f64d_1f3ff 1f64d 1f64e_1f3fb 1f64e_1f3fc 1f64e_1f3fd 1f64e_1f3fe 1f64e_1f3ff 1f64e 1f64f_1f3fb 1f64f_1f3fc 1f64f_1f3fd 1f64f_1f3fe 1f64f_1f3ff 1f64f 1f680 1f681 1f682 1f683 1f684 1f685 1f686 1f687 1f688 1f689 1f68a 1f68b 1f68c 1f68d 1f68e 1f68f 1f690 1f691 1f692 1f693 1f694 1f695 1f696 1f697 1f698 1f699 1f69a 1f69b 1f69c 1f69d 1f69e 1f69f 1f6a0 1f6a1 1f6a2 1f6a3_1f3fb 1f6a3_1f3fc 1f6a3_1f3fd 1f6a3_1f3fe 1f6a3_1f3ff 1f6a3 1f6a4 1f6a5 1f6a6 1f6a7 1f6a8 1f6a9 1f6aa 1f6ab 1f6ac 1f6ad 1f6ae 1f6af 1f6b0 1f6b1 1f6b2 1f6b3 1f6b4_1f3fb 1f6b4_1f3fc 1f6b4_1f3fd 1f6b4_1f3fe 1f6b4_1f3ff 1f6b4 1f6b5_1f3fb 1f6b5_1f3fc 1f6b5_1f3fd 1f6b5_1f3fe 1f6b5_1f3ff 1f6b5 1f6b6_1f3fb 1f6b6_1f3fc 1f6b6_1f3fd 1f6b6_1f3fe 1f6b6_1f3ff 1f6b6 1f6b7 1f6b8 1f6b9 1f6ba 1f6bb 1f6bc 1f6bd 1f6be 1f6bf 1f6c0_1f3fb 1f6c0_1f3fc 1f6c0_1f3fd 1f6c0_1f3fe 1f6c0_1f3ff 1f6c0 1f6c1 1f6c2 1f6c3 1f6c4 1f6c5 1f6cb 1f6cc 1f6cd 1f6ce 1f6cf 1f6d0 1f6d1 1f6d2 1f6e0 1f6e1 1f6e2 1f6e3 1f6e4 1f6e5 1f6e9 1f6eb 1f6ec 1f6f0 1f6f3 1f6f4 1f6f5 1f6f6 1f910 1f911 1f912 1f913 1f914 1f915 1f916 1f917 1f918_1f3fb 1f918_1f3fc 1f918_1f3fd 1f918_1f3fe 1f918_1f3ff 1f918 1f919_1f3fb 1f919_1f3fc 1f919_1f3fd 1f919_1f3fe 1f919_1f3ff 1f919 1f91a_1f3fb 1f91a_1f3fc 1f91a_1f3fd 1f91a_1f3fe 1f91a_1f3ff 1f91a 1f91b_1f3fb 1f91b_1f3fc 1f91b_1f3fd 1f91b_1f3fe 1f91b_1f3ff 1f91b 1f91c_1f3fb 1f91c_1f3fc 1f91c_1f3fd 1f91c_1f3fe 1f91c_1f3ff 1f91c 1f91d_1f3fb 1f91d_1f3fc 1f91d_1f3fd 1f91d_1f3fe 1f91d_1f3ff 1f91d 1f91e_1f3fb 1f91e_1f3fc 1f91e_1f3fd 1f91e_1f3fe 1f91e_1f3ff 1f91e 1f920 1f921 1f922 1f923 1f924 1f925 1f926_1f3fb 1f926_1f3fc 1f926_1f3fd 1f926_1f3fe 1f926_1f3ff 1f926 1f927 1f930_1f3fb 1f930_1f3fc 1f930_1f3fd 1f930_1f3fe 1f930_1f3ff 1f930 1f933_1f3fb 1f933_1f3fc 1f933_1f3fd 1f933_1f3fe 1f933_1f3ff 1f933 1f934_1f3fb 1f934_1f3fc 1f934_1f3fd 1f934_1f3fe 1f934_1f3ff 1f934 1f935_1f3fb 1f935_1f3fc 1f935_1f3fd 1f935_1f3fe 1f935_1f3ff 1f935 1f936_1f3fb 1f936_1f3fc 1f936_1f3fd 1f936_1f3fe 1f936_1f3ff 1f936 1f937_1f3fb 1f937_1f3fc 1f937_1f3fd 1f937_1f3fe 1f937_1f3ff 1f937 1f938_1f3fb 1f938_1f3fc 1f938_1f3fd 1f938_1f3fe 1f938_1f3ff 1f938 1f939_1f3fb 1f939_1f3fc 1f939_1f3fd 1f939_1f3fe 1f939_1f3ff 1f939 1f93a 1f93b_1f3fb 1f93b_1f3fc 1f93b_1f3fd 1f93b_1f3fe 1f93b_1f3ff 1f93b 1f93c_1f3fb 1f93c_1f3fc 1f93c_1f3fd 1f93c_1f3fe 1f93c_1f3ff 1f93c 1f93d_1f3fb 1f93d_1f3fc 1f93d_1f3fd 1f93d_1f3fe 1f93d_1f3ff 1f93d 1f93e_1f3fb 1f93e_1f3fc 1f93e_1f3fd 1f93e_1f3fe 1f93e_1f3ff 1f93e 1f940 1f941 1f942 1f943 1f944 1f945 1f946 1f947 1f948 1f949 1f94a 1f94b 1f950 1f951 1f952 1f953 1f954 1f955 1f956 1f957 1f958 1f959 1f95a 1f95b 1f95c 1f95d 1f95e 1f980 1f981 1f982 1f983 1f984 1f985 1f986 1f987 1f988 1f989 1f98a 1f98b 1f98c 1f98d 1f98e 1f98f 1f990 1f991 1f9c0 203c 2049 20e3 2122 2139 2194 2195 2196 2197 2198 2199 21a9 21aa 231a 231b 2328 23cf 23e9 23ea 23eb 23ec 23ed 23ee 23ef 23f0 23f1 23f2 23f3 23f8 23f9 23fa 24c2 25aa 25ab 25b6 25c0 25fb 25fc 25fd 25fe 2600 2601 2602 2603 2604 260e 2611 2614 2615 2618 261d_1f3fb 261d_1f3fc 261d_1f3fd 261d_1f3fe 261d_1f3ff 261d 2620 2622 2623 2626 262a 262e 262f 2638 2639 263a 2648 2649 264a 264b 264c 264d 264e 264f 2650 2651 2652 2653 2660 2663 2665 2666 2668 267b 267f 2692 2693 2694 2696 2697 2699 269b 269c 26a0 26a1 26aa 26ab 26b0 26b1 26bd 26be 26c4 26c5 26c8 26ce 26cf 26d1 26d3 26d4 26e9 26ea 26f0 26f1 26f2 26f3 26f4 26f5 26f7 26f8 26f9_1f3fb 26f9_1f3fc 26f9_1f3fd 26f9_1f3fe 26f9_1f3ff 26f9 26fa 26fd 2702 2705 2708 2709 270a_1f3fb 270a_1f3fc 270a_1f3fd 270a_1f3fe 270a_1f3ff 270a 270b_1f3fb 270b_1f3fc 270b_1f3fd 270b_1f3fe 270b_1f3ff 270b 270c_1f3fb 270c_1f3fc 270c_1f3fd 270c_1f3fe 270c_1f3ff 270c 270d_1f3fb 270d_1f3fc 270d_1f3fd 270d_1f3fe 270d_1f3ff 270d 270f 2712 2714 2716 271d 2721 2728 2733 2734 2744 2747 274c 274e 2753 2754 2755 2757 2763 2764 2795 2796 2797 27a1 27b0 27bf 2934 2935 2b05 2b06 2b07 2b1b 2b1c 2b50 2b55 3030 303d 3297 3299 fe82b unknown_flag">
8 | </iron-iconset>
9 | 


--------------------------------------------------------------------------------
/teamoji/app/elements/x-emoji-picker.html:
--------------------------------------------------------------------------------
  1 | <!--
  2 | Copyright 2016 Google, Inc.
  3 | 
  4 | Licensed under the Apache License, Version 2.0 (the "License");
  5 | you may not use this file except in compliance with the License.
  6 | You may obtain a copy of the License at
  7 | 
  8 |      http://www.apache.org/licenses/LICENSE-2.0
  9 | 
 10 | Unless required by applicable law or agreed to in writing, software
 11 | distributed under the License is distributed on an "AS IS" BASIS,
 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 13 | See the License for the specific language governing permissions and
 14 | limitations under the License.
 15 | -->
 16 | <link rel="import" href="../bower_components/app-layout/app-layout.html">
 17 | <link rel="import" href="../bower_components/iron-ajax/iron-ajax.html">
 18 | <link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
 19 | <link rel="import" href="../bower_components/iron-icons/iron-icons.html">
 20 | <link rel="import" href="../bower_components/iron-icon/iron-icon.html">
 21 | 
 22 | <link rel="import" href="firebase-storage-upload-button.html">
 23 | <link rel="import" href="x-emoji-iconset.html">
 24 | 
 25 | <dom-module id="x-emoji-picker">
 26 |   <template>
 27 |     <style>
 28 |       :host {
 29 |         display: block;
 30 |         background: white;
 31 |         overflow: auto;
 32 |         text-align: center;
 33 |         @apply(--layout-fit);
 34 |       }
 35 | 
 36 |       app-header-layout {
 37 |         @apply(--layout-fit);
 38 |       }
 39 | 
 40 |       app-header {
 41 |         width: 100%;
 42 |         background: var(--paper-grey-100);
 43 |         text-align: left;
 44 |       }
 45 | 
 46 |       #content {
 47 |         margin: 64px auto 0;
 48 |         padding: 16px 8px;
 49 |       }
 50 | 
 51 |       #selections img {
 52 |         margin: 4px;
 53 |       }
 54 | 
 55 |       #uploadButton[active] {
 56 |         color: var(--paper-blue-600);
 57 |       }
 58 |     </style>
 59 | 
 60 |     <iron-ajax
 61 |       auto
 62 |       url="/data/emoji.json"
 63 |       handle-as="json"
 64 |       last-response="{{emoji}}"></iron-ajax>
 65 | 
 66 |     <app-header-layout>
 67 |       <app-header fixed>
 68 |         <app-toolbar>
 69 |           <div title>Select an Emoji</div>
 70 |           <paper-icon-button id="uploadButton" icon="cloud-upload" active="{{showUploadForm}}" toggles></paper-icon-button>
 71 |           <paper-icon-button icon="close" on-tap="close"></paper-icon-button>
 72 |         </app-toolbar>
 73 |       </app-header>
 74 |       <div id="content">
 75 |         <div id="uploader" hidden$="[[!showUploadForm]]">
 76 |           <input type="file" id="emojiUploadFile"></input>
 77 |           <span>[[domain]]</span> <span>[[team]]</span>
 78 |           <img src="[[uploadedUrl]]" width="72" height="72">
 79 |           <firebase-storage-upload-button path="/domains/[[domain]]/teams/[[team]]" url="{{uploadedUrl}}">
 80 |             </firebase-storagte-upload-button>
 81 |         </div>
 82 |         <div id="selections">
 83 |           <template is="dom-repeat" items="[[emoji]]">
 84 |             <iron-icon
 85 |               icon="emoji:[[item.code]]"
 86 |               alt="[[item.desc]]"
 87 |               title="[[item.desc]]"
 88 |               item="[[item]]"
 89 |               on-tap="select">
 90 |           </template>
 91 |         </div>
 92 |       </div>
 93 |     </app-header-layout>
 94 |   </template>
 95 |   <script>
 96 |     Polymer({
 97 |       is: 'x-emoji-picker',
 98 |       properties: {
 99 |         emoji: {
100 |           type: Array
101 |         },
102 |         value: {
103 |           type: String
104 |         },
105 |         showUploadForm: {
106 |           type: Boolean,
107 |           value: false
108 |         },
109 |         domain: String,
110 |         team: String
111 |       },
112 |       close: function() {
113 |         app.closeShade('emojiShade');
114 |       },
115 |       select: function(e) {
116 |         app.updateStatus(e.currentTarget.item.urls.svg);
117 |         this.close();
118 |       }
119 |     });
120 |   </script>
121 | </dom-module>
122 | 


--------------------------------------------------------------------------------
/teamoji/app/elements/x-emoji-update.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | -->
16 | <dom-module id="x-emoji-update">
17 |   <template>
18 |     <style>
19 |       :host {
20 |         display: block;
21 |         position: relative;
22 |         width: 160px;
23 |         height: 160px;
24 |         margin: 8px 16px;
25 |         text-align: center;
26 |       }
27 | 
28 |       #when {
29 |         color: rgba(0,0,0,0.64);
30 |         background: var(--paper-amber-200);
31 |         padding: 4px 6px;
32 |         border-radius: 6px;
33 |         font-size: 12px;
34 |         position: absolute;
35 |         bottom: 0;
36 |         right: 0;
37 |       }
38 |       #pic {
39 |         border-radius: 16px;
40 |         vertical-align: middle;
41 |         position: absolute;
42 |         top: 0;
43 |         left: 0;
44 |         @apply(--shadow-elevation-2dp);
45 |       }
46 |       #emoji {
47 |         position: absolute;
48 |         top: 16px;
49 |         right: 16px;
50 |       }
51 |     </style>
52 | 
53 |     <img id="emoji" src="[[update.emoji]]" width="128" height="128">
54 |     <div id="meta">
55 |       <img id="pic" src="[[update.pic]]" width="32" height="32">
56 |       <time id="when" is="time-ago" datetime$="[[asDateString(update.updated)]]" format="micro"></time>
57 |     </div>
58 |   </template>
59 |   <script>
60 |     Polymer({
61 |       is: 'x-emoji-update',
62 |       properties: {
63 |         update: {
64 |           type: Object
65 |         }
66 |       },
67 |       asDateString: function(time) {
68 |         return new Date(time).toString();
69 |       }
70 |     });
71 |   </script>
72 | </dom-module>
73 | 


--------------------------------------------------------------------------------
/teamoji/app/elements/x-login.html:
--------------------------------------------------------------------------------
  1 | <!--
  2 | Copyright 2016 Google, Inc.
  3 | 
  4 | Licensed under the Apache License, Version 2.0 (the "License");
  5 | you may not use this file except in compliance with the License.
  6 | You may obtain a copy of the License at
  7 | 
  8 |      http://www.apache.org/licenses/LICENSE-2.0
  9 | 
 10 | Unless required by applicable law or agreed to in writing, software
 11 | distributed under the License is distributed on an "AS IS" BASIS,
 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 13 | See the License for the specific language governing permissions and
 14 | limitations under the License.
 15 | -->
 16 | <link rel="import" href="../bower_components/paper-button/paper-button.html">
 17 | 
 18 | <dom-module id="x-login">
 19 |   <template>
 20 |     <style>
 21 |       :host {
 22 |         display: block;
 23 |         @apply(--layout-fit);
 24 |         @apply(--layout-vertical);
 25 |         @apply(--layout-center);
 26 |         @apply(--layout-center-justified);
 27 |         background: var(--paper-blue-500);
 28 |         color: white;
 29 |         text-align: center;
 30 |       }
 31 | 
 32 |       h1 {
 33 |         font-size: 72px;
 34 |         text-align: center;
 35 |         margin: 16px 0 0;
 36 |       }
 37 | 
 38 |       h2 {
 39 |         color: rgba(255,255,255,0.87);
 40 |         font-size: 24px;
 41 |         text-align: center;
 42 |         font-weight: 300;
 43 |         margin: 8px 0 48px;
 44 |       }
 45 | 
 46 |       img {
 47 |         vertical-align: top;
 48 |       }
 49 | 
 50 |       #bigimg {
 51 |         display: block;
 52 |         margin: 0 auto 16px;
 53 |         width: 260px;
 54 |         height: 260px;
 55 |       }
 56 | 
 57 |       paper-button {
 58 |         background: var(--paper-blue-700);
 59 |         color: white;
 60 |         padding: 16px 32px;
 61 |       }
 62 | 
 63 |       a {
 64 |         color: white;
 65 |         font-weight: bold;
 66 |         text-decoration: none;
 67 |       }
 68 | 
 69 |       p {
 70 |         margin: 8px 0;
 71 |       }
 72 | 
 73 |       p.small {
 74 |         font-size: 12px;
 75 |         color: rgba(255,255,255,0.7);
 76 |       }
 77 |       p.small a {
 78 |         font-weight: normal;
 79 |         color: rgba(255,255,255,0.7);
 80 |       }
 81 | 
 82 |       #offline {
 83 |         background: var(--paper-grey-700);
 84 |         color: white;
 85 |       }
 86 |     </style>
 87 | 
 88 |     <img id="bigimg" src="https://storage.googleapis.com/teamoji-app.appspot.com/emoji/svg/emoji_u1f63b.svg">
 89 |     <h1>Teamoji</h1>
 90 |     <h2><img src="https://storage.googleapis.com/teamoji-app.appspot.com/emoji/svg/emoji_u1f551.svg" width="24" height="24"> Team Status <img src="https://storage.googleapis.com/teamoji-app.appspot.com/emoji/svg/emoji_u1f680.svg" width="24" height="24"></h2>
 91 | 
 92 | 
 93 |     <paper-button on-tap="login" raised hidden$="[[offline]]">Sign in with Google</paper-button>
 94 |     <paper-button id="offline" disabled hidden$="[[!offline]]">Go online to sign in</paper-button>
 95 | 
 96 |     <div id="space"></div>
 97 |     <p>powered by <a href="https://firebase.google.com/" target="_blank">Firebase</a>
 98 |     <p class="small"><a href="https://github.com/mbleigh/pwas-on-firebase/tree/master/teamoji" target="_blank">source on GitHub</a></p>
 99 |   </template>
100 |   <script>
101 |     Polymer({
102 |       is: 'x-login',
103 |       properties: {
104 |         user: {
105 |           type: Object,
106 |           notify: true
107 |         },
108 |         entryAnimation: {
109 |           type: String,
110 |           value: 'slide-from-bottom-animation'
111 |         },
112 |         exitAnimation: {
113 |           type: String,
114 |           value: 'slide-down-animation'
115 |         },
116 |         offline: {
117 |           type: Boolean
118 |         }
119 |       },
120 |       ready: function() {
121 |         var auth = firebase.auth();
122 |         firebase.auth().onAuthStateChanged(function(user) {
123 |           this.user = user;
124 |         }.bind(this));
125 |       },
126 |       login: function() {
127 |         firebase.auth().signInWithPopup(new firebase.auth.GoogleAuthProvider());
128 |       }
129 |     });
130 |   </script>
131 | </dom-module>
132 | 


--------------------------------------------------------------------------------
/teamoji/app/elements/x-shade.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | -->
16 | <link rel="import" href="../bower_components/neon-animation/neon-animation-runner-behavior.html">
17 | <link rel="import" href="../bower_components/neon-animation/animations/slide-from-bottom-animation.html">
18 | <link rel="import" href="../bower_components/neon-animation/animations/slide-down-animation.html">
19 | <link rel="import" href="../bower_components/neon-animation/animations/fade-out-animation.html">
20 | 
21 | <dom-module id="x-shade">
22 |   <template>
23 |     <style>
24 |       :host {
25 |         display: block;
26 |         @apply(--layout-fit);
27 |       }
28 |     </style>
29 | 
30 |     <content></content>
31 |   </template>
32 |   <script>
33 |     Polymer({
34 |       is: 'x-shade',
35 |       behaviors: Polymer.NeonAnimationRunnerBehavior,
36 |       properties: {
37 |         active: {
38 |           type: Boolean,
39 |           observer: '_activeChanged'
40 |         },
41 |         entryAnimation: {
42 |           type: String,
43 |           value: 'slide-from-bottom-animation'
44 |         },
45 |         exitAnimation: {
46 |           type: String,
47 |           value: 'slide-down-animation'
48 |         }
49 |       },
50 |       listeners: {
51 |         'neon-animation-finish': '_animationFinished'
52 |       },
53 |       ready: function() {
54 |         this._t0 = Date.now();
55 |       },
56 |       _hide: function() {
57 |         if (Date.now() - 1000 < this._t0) {
58 |           this.exitAnimation = 'fade-out-animation';
59 |         }
60 |         this.playAnimation('exit');
61 |       },
62 |       _show: function() {
63 |         this.style.display = 'block';
64 |         if (Date.now() - 1000 > this._t0) {
65 |           this.playAnimation('entry');
66 |         }
67 |       },
68 |       _animationFinished: function() {
69 |         if (!this.active) {
70 |           this.style.display = 'none';
71 |         }
72 |         this.exitAnimation = 'slide-down-animation';
73 |       },
74 |       _activeChanged: function() {
75 |         this.active ? this._show() : this._hide();
76 |       }
77 |     });
78 |   </script>
79 | </dom-module>
80 | 


--------------------------------------------------------------------------------
/teamoji/app/elements/x-team-page.html:
--------------------------------------------------------------------------------
  1 | <!--
  2 | Copyright 2016 Google, Inc.
  3 | 
  4 | Licensed under the Apache License, Version 2.0 (the "License");
  5 | you may not use this file except in compliance with the License.
  6 | You may obtain a copy of the License at
  7 | 
  8 |      http://www.apache.org/licenses/LICENSE-2.0
  9 | 
 10 | Unless required by applicable law or agreed to in writing, software
 11 | distributed under the License is distributed on an "AS IS" BASIS,
 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 13 | See the License for the specific language governing permissions and
 14 | limitations under the License.
 15 | -->
 16 | <link rel="import" href="../bower_components/app-layout/app-layout.html">
 17 | <link rel="import" href="../bower_components/paper-fab/paper-fab.html">
 18 | <link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
 19 | <link rel="import" href="../bower_components/paper-menu-button/paper-menu-button.html">
 20 | <link rel="import" href="../bower_components/paper-item/paper-item.html">
 21 | <link rel="import" href="../bower_components/paper-menu/paper-menu.html">
 22 | 
 23 | <link rel="import" href="x-emoji-update.html">
 24 | 
 25 | <dom-module id="x-team-page">
 26 |   <template>
 27 |     <style>
 28 |       :host {
 29 |         height: 100%;
 30 |       }
 31 | 
 32 |       app-toolbar {
 33 |         background: var(--paper-amber-300);
 34 |         color: rgba(0,0,0,0.87);
 35 |         transition: all 0.5s;
 36 |       }
 37 | 
 38 |       :host([offline]) app-toolbar {
 39 |         background: var(--paper-grey-600);
 40 |         color: white;
 41 |       }
 42 | 
 43 |       app-toolbar paper-icon-button {
 44 |         vertical-align: middle;
 45 |         margin-right: 8px;
 46 |       }
 47 | 
 48 |       paper-fab {
 49 |         --paper-fab-background: var(--paper-blue-500);
 50 |         position: absolute;
 51 |         bottom: 16px;
 52 |         right: 16px;
 53 |       }
 54 | 
 55 |       #content {
 56 |         padding-bottom: 96px;
 57 |         @apply(--layout-horizontal);
 58 |         @apply(--layout-wrap);
 59 |         @apply(--layout-center-justified);
 60 |       }
 61 | 
 62 |       #offline {
 63 |         font-size: 14px;
 64 |         text-transform: uppercase;
 65 |         color: rgba(255,255,255,0.7);
 66 |       }
 67 |     </style>
 68 | 
 69 |     <app-header-layout>
 70 |       <app-header>
 71 |         <app-toolbar>
 72 |           <paper-icon-button drawer-toggle icon="menu" on-tap="openMenu"></paper-icon-button>
 73 |           <div title>[[team.name]]</div>
 74 |           <span hidden$="[[!offline]]" id="offline">Offline</span>
 75 |         </app-toolbar>
 76 |       </app-header>
 77 |       <div id="content">
 78 |         <template is="dom-repeat" items="[[updates]]" sort="reverseSort" observe="updated">
 79 |           <x-emoji-update update="[[item]]"></x-emoji-update>
 80 |         </template>
 81 |       </div>
 82 |     </app-header-layout>
 83 | 
 84 |     <paper-fab hidden$="[[offline]]" elevation="2" icon="add" on-tap="startUpdate"></paper-fab>
 85 |   </template>
 86 |   <script>
 87 |     Polymer({
 88 |       is: 'x-team-page',
 89 |       properties: {
 90 |         offline: {
 91 |           type: Boolean,
 92 |           value: false,
 93 |           reflectToAttribute: true
 94 |         },
 95 |         team: {
 96 |           type: Object
 97 |         },
 98 |         updates: {
 99 |           type: Array,
100 |           notify: true
101 |         }
102 |       },
103 |       startUpdate: function() {
104 |         app.openShade('emojiShade');
105 |       },
106 |       openMenu: function() {
107 |         app.$.drawer.open();
108 |       },
109 |       reverseSort: function(a, b) {
110 |         return a.updated > b.updated ? -1 : 1;
111 |       }
112 |     });
113 |   </script>
114 | </dom-module>
115 | 


--------------------------------------------------------------------------------
/teamoji/app/elements/x-update-detail.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | -->
16 | <dom-module id="x-update-detail">
17 |   <template>
18 |     <style>
19 |       :host {
20 |         display: block;
21 |         background: var(--paper-blue-500);
22 |         color: white;
23 |       }
24 |     </style>
25 | 
26 |   </template>
27 |   <script>
28 |     Polymer({
29 |       is: 'x-update-detail'
30 |     });
31 |   </script>
32 | </dom-module>
33 | 


--------------------------------------------------------------------------------
/teamoji/app/images/avatars/bunny.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/avatars/bunny.jpg


--------------------------------------------------------------------------------
/teamoji/app/images/avatars/dragon.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/avatars/dragon.jpg


--------------------------------------------------------------------------------
/teamoji/app/images/avatars/koala.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/avatars/koala.jpg


--------------------------------------------------------------------------------
/teamoji/app/images/avatars/monkey.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/avatars/monkey.jpg


--------------------------------------------------------------------------------
/teamoji/app/images/avatars/octopus.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/avatars/octopus.jpg


--------------------------------------------------------------------------------
/teamoji/app/images/avatars/sheep.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/avatars/sheep.jpg


--------------------------------------------------------------------------------
/teamoji/app/images/avatars/tiger.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/avatars/tiger.jpg


--------------------------------------------------------------------------------
/teamoji/app/images/icons/icon-128x128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/icons/icon-128x128.png


--------------------------------------------------------------------------------
/teamoji/app/images/icons/icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/icons/icon-144x144.png


--------------------------------------------------------------------------------
/teamoji/app/images/icons/icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/icons/icon-152x152.png


--------------------------------------------------------------------------------
/teamoji/app/images/icons/icon-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/icons/icon-192x192.png


--------------------------------------------------------------------------------
/teamoji/app/images/icons/icon-384x384.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/icons/icon-384x384.png


--------------------------------------------------------------------------------
/teamoji/app/images/icons/icon-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/icons/icon-512x512.png


--------------------------------------------------------------------------------
/teamoji/app/images/icons/icon-72x72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/icons/icon-72x72.png


--------------------------------------------------------------------------------
/teamoji/app/images/icons/icon-96x96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbleigh/pwas-on-firebase/cda0de6f58d983290d4ec17015c3d1ee45f526da/teamoji/app/images/icons/icon-96x96.png


--------------------------------------------------------------------------------
/teamoji/app/index.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | -->
16 | <!doctype html>
17 | <html lang="en">
18 | 
19 | <head>
20 |   <base href="/">
21 |   <meta charset="utf-8">
22 |   <meta name="description" content="">
23 |   <meta name="viewport" content="width=device-width, initial-scale=1">
24 |   <meta name="generator" content="Polymer Starter Kit">
25 |   <title>Teamoji</title>
26 | 
27 |   <link rel="manifest" href="/manifest.json">
28 |   <link rel="icon" href="/images/icons/icon-72x72.png">
29 |   <meta name="theme-color" content="#ffd54f">
30 | 
31 |   <!-- Windows tile color/image support -->
32 |   <meta name="msapplication-TileColor" content="#ffd54f">
33 |   <meta name="msapplication-TileImage" content="/images/icons/icon-144x144.png">
34 | 
35 |   <!-- "Add to Homescreen" support for iOS -->
36 |   <meta name="apple-mobile-web-app-capable" content="yes">
37 |   <meta name="apple-mobile-web-app-status-bar-style" content="black">
38 |   <meta name="apple-mobile-web-app-title" content="Teamoji">
39 |   <link rel="apple-touch-icon" href="/images/icons/icon-152x152">
40 | 
41 |   <meta name="viewport" content="width=device-width, initial-scale=1">
42 | 
43 |   <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css">
44 |   <!-- build:css styles/main.css -->
45 |   <link rel="stylesheet" href="styles/main.css">
46 |   <!-- endbuild-->
47 | 
48 |   <!-- build:js bower_components/webcomponentsjs/webcomponents-lite.min.js -->
49 |   <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
50 |   <!-- endbuild -->
51 | 
52 |   <!-- Because this project uses vulcanize this should be your only html import
53 |        in this file. All other imports should go in elements.html -->
54 |   <link rel="import" href="elements/elements.html">
55 | 
56 |   <!-- For shared styles, shared-styles.html import in elements.html -->
57 |   <style is="custom-style" include="shared-styles"></style>
58 | </head>
59 | 
60 | <body unresolved>
61 |   <span id="browser-sync-binding"></span>
62 |   <x-app id="app"></x-app>
63 |   <!-- build:js scripts/app.js -->
64 |   <script src="scripts/app.js"></script>
65 |   <script src="scripts/service-worker-registration.js"></script>
66 |   <!-- endbuild-->
67 | </body>
68 | 
69 | </html>
70 | 


--------------------------------------------------------------------------------
/teamoji/app/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Teamoji Team Status",
 3 |   "short_name": "Teamoji",
 4 |   "theme_color": "#ffd54f",
 5 |   "background_color": "#2196f3",
 6 |   "display": "standalone",
 7 |   "orientation": "portrait",
 8 |   "Scope": "/",
 9 |   "start_url": "/",
10 |   "icons": [
11 |     {
12 |       "src": "images/icons/icon-72x72.png",
13 |       "sizes": "72x72",
14 |       "type": "image/png"
15 |     },
16 |     {
17 |       "src": "images/icons/icon-96x96.png",
18 |       "sizes": "96x96",
19 |       "type": "image/png"
20 |     },
21 |     {
22 |       "src": "images/icons/icon-128x128.png",
23 |       "sizes": "128x128",
24 |       "type": "image/png"
25 |     },
26 |     {
27 |       "src": "images/icons/icon-144x144.png",
28 |       "sizes": "144x144",
29 |       "type": "image/png"
30 |     },
31 |     {
32 |       "src": "images/icons/icon-152x152.png",
33 |       "sizes": "152x152",
34 |       "type": "image/png"
35 |     },
36 |     {
37 |       "src": "images/icons/icon-192x192.png",
38 |       "sizes": "192x192",
39 |       "type": "image/png"
40 |     },
41 |     {
42 |       "src": "images/icons/icon-384x384.png",
43 |       "sizes": "384x384",
44 |       "type": "image/png"
45 |     },
46 |     {
47 |       "src": "images/icons/icon-512x512.png",
48 |       "sizes": "512x512",
49 |       "type": "image/png"
50 |     }
51 |   ]
52 | }
53 | 


--------------------------------------------------------------------------------
/teamoji/app/robots.txt:
--------------------------------------------------------------------------------
1 | # www.robotstxt.org
2 | 
3 | User-agent: *
4 | Disallow:
5 | 


--------------------------------------------------------------------------------
/teamoji/app/scripts/app.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | */
16 | (function(document) {
17 |   'use strict';
18 | 
19 |   window.app = document.getElementById('app');
20 | })(document);
21 | 


--------------------------------------------------------------------------------
/teamoji/app/scripts/service-worker-registration.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | */
16 | 
17 | /* eslint-env browser */
18 | 'use strict';
19 | 
20 | if ('serviceWorker' in navigator) {
21 |   // Your service-worker.js *must* be located at the top-level directory relative to your site.
22 |   // It won't be able to control pages unless it's located at the same level or higher than them.
23 |   // *Don't* register service worker file in, e.g., a scripts/ sub-directory!
24 |   // See https://github.com/slightlyoff/ServiceWorker/issues/468
25 |   navigator.serviceWorker.register('/service-worker.js').then(function(reg) {
26 |     // updatefound is fired if service-worker.js changes.
27 |     reg.onupdatefound = function() {
28 |       // The updatefound event implies that reg.installing is set; see
29 |       // https://slightlyoff.github.io/ServiceWorker/spec/service_worker/index.html#service-worker-container-updatefound-event
30 |       var installingWorker = reg.installing;
31 | 
32 |       installingWorker.onstatechange = function() {
33 |         switch (installingWorker.state) {
34 |           case 'installed':
35 |             if (navigator.serviceWorker.controller) {
36 |               app.toast('A new version of Teamoji is available. <a onclick="javascript:window.location.reload()">Refresh</a>', 5000);
37 |             } else {
38 |               app.toast('Teamoji is now offline ready!');
39 |             }
40 |             break;
41 | 
42 |           case 'redundant':
43 |             console.error('The installing service worker became redundant.');
44 |             break;
45 |         }
46 |       };
47 |     };
48 |   }).catch(function(e) {
49 |     console.error('Error during service worker registration:', e);
50 |   });
51 | }
52 | 


--------------------------------------------------------------------------------
/teamoji/app/styles/app-theme.html:
--------------------------------------------------------------------------------
  1 | <!--
  2 | @license
  3 | Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
  4 | This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
  5 | The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
  6 | The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
  7 | Code distributed by Google as part of the polymer project is also
  8 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
  9 | -->
 10 | 
 11 | <link rel="import" href="../bower_components/polymer/polymer.html">
 12 | <link rel="import" href="../bower_components/paper-styles/typography.html">
 13 | 
 14 | <style is="custom-style">
 15 | 
 16 |   /*
 17 |    Polymer includes a shim for CSS Custom Properties that we can use for application theming.
 18 |    Below, you'll find the default palette for the Polymer Starter Kit layout. Feel free to play
 19 |    with changing the colors used or generate your own palette of colours at MaterialPalette.com.
 20 | 
 21 |    See https://www.polymer-project.org/1.0/docs/devguide/styling.html#xscope-styling-details
 22 |    for further information on custom CSS properties.
 23 |    */
 24 | 
 25 |   /* Application theme */
 26 | 
 27 |   :root {
 28 |     --primary-text-color: #212121;
 29 |     --primary-background-color: #ffffff;
 30 |     --secondary-text-color: #737373;
 31 |     --disabled-text-color: #9b9b9b;
 32 |     --divider-color: #dbdbdb;
 33 |     --primary-color: #FFCD4D;
 34 |     --light-primary-color: #c5cae9;
 35 |     --dark-primary-color: #303f9f;
 36 |     --accent-color: #ff4081;
 37 |     --light-accent-color: #ff80ab;
 38 |     --dark-accent-color: #f50057;
 39 | 
 40 |     /* Components */
 41 |     --app-font: 'Varela Round', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 42 | 
 43 |     /* paper-drawer-panel */
 44 |     --drawer-menu-color: #ffffff;
 45 |     --drawer-border-color: 1px solid #ccc;
 46 |     --drawer-toolbar-border-color: 1px solid rgba(0, 0, 0, 0.22);
 47 | 
 48 |     /* paper-menu */
 49 |     --paper-menu-background-color: #fff;
 50 |     --menu-link-color: #111111;
 51 |   }
 52 | 
 53 |   /* General styles */
 54 | 
 55 |   body {
 56 |     @apply(--layout-fullbleed);
 57 |     @apply(--layout-vertical);
 58 |   }
 59 | 
 60 |   .space {
 61 |     @apply(--layout-flex);
 62 |   }
 63 | 
 64 |   #drawerToolbar {
 65 |     color: var(--secondary-text-color);
 66 |     background-color: var(--drawer-menu-color);
 67 |     border-bottom: var(--drawer-toolbar-border-color);
 68 |   }
 69 | 
 70 |   #drawerToolbar .menu-name {
 71 |     @apply(--paper-font-title);
 72 |   }
 73 | 
 74 |   paper-header-panel {
 75 |     height: 100%;
 76 |   }
 77 | 
 78 |   paper-menu {
 79 |     --paper-menu-selected-item: {
 80 |       color: var(--primary-color);
 81 |     }
 82 | 
 83 |     --paper-menu-focused-item-after: {
 84 |       background: var(--primary-color);
 85 |     }
 86 |   }
 87 | 
 88 |   paper-menu iron-icon {
 89 |     margin-right: 33px;
 90 |     opacity: 0.54;
 91 |   }
 92 | 
 93 |   paper-menu a {
 94 |     @apply(--layout-horizontal);
 95 |     @apply(--layout-center);
 96 | 
 97 |     text-decoration: none;
 98 |     color: var(--menu-link-color);
 99 |     font-family: 'Roboto', 'Noto', sans-serif;
100 |     -webkit-font-smoothing: antialiased;
101 |     text-rendering: optimizeLegibility;
102 |     font-size: 14px;
103 |     font-weight: 400;
104 |     line-height: 24px;
105 |     min-height: 48px;
106 |     padding: 0 16px;
107 |   }
108 | 
109 |   #mainToolbar .app-name {
110 |     font-size: 20px;
111 |     margin-left: 8px;
112 |   }
113 | 
114 |   paper-icon-button[icon=menu] {
115 |     margin-right: 8px !important;
116 |   }
117 | 
118 |   #mainToolbar .title-emoji {
119 |     display: block;
120 |   }
121 | 
122 |   /* Height of the scroll area */
123 |   .content {
124 |     height: 900px;
125 |   }
126 | 
127 |   section[data-route="home"] paper-material {
128 |     @apply(--paper-font-body2);
129 |   }
130 | 
131 |   section[data-route="home"] paper-material .subhead {
132 |     @apply(--paper-font-subhead);
133 |   }
134 | 
135 |   paper-material {
136 |     border-radius: 2px;
137 |     height: 100%;
138 |     padding: 16px 0 16px 0;
139 |     width: calc(98.66% - 16px);
140 |     margin: 16px auto;
141 |     background: white;
142 |   }
143 | 
144 |   #toast .toast-hide-button {
145 |     color: #eeff41;
146 |     margin: 10px;
147 |   }
148 | 
149 |   /* Breakpoints */
150 | 
151 |   /* Small */
152 |   @media (max-width: 600px) {
153 | 
154 |     #drawer .paper-toolbar {
155 |       margin-left: 16px;
156 |     }
157 | 
158 |     #mainToolbar.tall .app-name {
159 |       font-size: 24px;
160 |       font-weight: 400;
161 |     }
162 | 
163 |     paper-material {
164 |       --menu-container-display: none;
165 |       width: calc(97.33% - 32px);
166 |       padding-left: 16px;
167 |       padding-right: 16px;
168 |     }
169 | 
170 |   }
171 | 
172 |   /* Tablet+ */
173 |   @media (min-width: 601px) {
174 | 
175 |     #drawer.paper-drawer-panel > [drawer] {
176 |       border-right: 1px solid rgba(0, 0, 0, 0.14);
177 |     }
178 | 
179 |     iron-pages {
180 |       padding: 48px 62px;
181 |     }
182 | 
183 |     paper-material {
184 |       width: calc(98% - 46px);
185 |       margin-bottom: 32px;
186 |       padding-left: 30px;
187 |       padding-right: 30px;
188 |     }
189 | 
190 |   }
191 | 
192 |   /* Material Design Adaptive Breakpoints */
193 |   /*
194 |     Below you'll find CSS media queries based on the breakpoint guidance
195 |     published by the Material Design team. You can choose to use, customise
196 |     or remove these breakpoints based on your needs.
197 | 
198 |     http://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-breakpoints
199 |    */
200 | 
201 |   /* mobile-small */
202 |   @media all and (min-width: 0) and (max-width: 360px) and (orientation: portrait) { }
203 |   /* mobile-large */
204 |   @media all and (min-width: 361px) and (orientation: portrait) { }
205 |   /* mobile-small-landscape */
206 |   @media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) { }
207 |   /* mobile-large-landscape */
208 |   @media all and (min-width: 481px) and (orientation: landscape) { }
209 |   /* tablet-small-landscape */
210 |   @media all and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) { }
211 |   /* tablet-large-landscape */
212 |   @media all and (min-width: 961px) and (orientation: landscape) { }
213 |   /* tablet-small */
214 |   @media all and (min-width: 600px) and (orientation: portrait) { }
215 |   /* tablet-large */
216 |   @media all and (min-width: 601px) and (max-width: 840px) and (orientation : portrait) { }
217 |   /* desktop-x-small-landscape */
218 |   @media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) { }
219 |   /* desktop-x-small */
220 |   @media all and (min-width: 0) and (max-width: 480px) and (max-aspect-ratio: 4/3) { }
221 |   /* desktop-small-landscape */
222 |   @media all and (min-width: 481px) and (max-width: 840px) and (orientation: landscape) { }
223 |   /* desktop-small */
224 |   @media all and (min-width: 481px) and (max-width: 840px) and (max-aspect-ratio: 4/3) { }
225 |   /* desktop-medium-landscape */
226 |   @media all and (min-width: 841px) and (max-width: 1280px) and (orientation: landscape) { }
227 |   /* desktop-medium */
228 |   @media all and (min-width: 841px) and (max-width: 1280px) and (max-aspect-ratio: 4/3) { }
229 |   /* desktop-large */
230 |   @media all and (min-width: 1281px) and (max-width: 1600px) { }
231 |   /* desktop-xlarge */
232 |   @media all and (min-width: 1601px) and (max-width: 1920px) { }
233 | </style>
234 | 


--------------------------------------------------------------------------------
/teamoji/app/styles/main.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 3 | This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 4 | The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 5 | The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 6 | Code distributed by Google as part of the polymer project is also
 7 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 8 | */
 9 | 
10 | body {
11 |   /* --paper-amber-200 */
12 |   background: #ffecb3;
13 |   font-family: 'Varela Round', 'Helvetica Neue', Helvetica, Arial, sans-serif;
14 |   color: #333;
15 | }
16 | 
17 | paper-toast a {
18 |   color: #ffecb3;
19 |   font-weight: bold;
20 | }
21 | 


--------------------------------------------------------------------------------
/teamoji/app/styles/shared-styles.html:
--------------------------------------------------------------------------------
 1 | <link rel="import" href="../bower_components/polymer/polymer.html">
 2 | <link rel="import" href="../bower_components/paper-styles/typography.html">
 3 | 
 4 | <!-- shared styles for all elements and index.html -->
 5 | <dom-module id="shared-styles">
 6 |   <template>
 7 |     <style>
 8 |       .page-title {
 9 |         @apply(--paper-font-display2);
10 |       }
11 | 
12 |       paper-toolbar {
13 |         color: #4e342e;
14 |       }
15 | 
16 |       paper-menu a > *, paper-menu paper-item > *, paper-menu paper-icon-item > * {
17 |         pointer-events: none;
18 |       }
19 | 
20 |       @media (max-width: 600px) {
21 |         .page-title {
22 |           font-size: 24px!important;
23 |         }
24 |       }
25 |     </style>
26 |   </template>
27 | </dom-module>
28 | 


--------------------------------------------------------------------------------
/teamoji/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "polymer-starter-kit",
 3 |   "private": true,
 4 |   "dependencies": {
 5 |     "iron-elements": "PolymerElements/iron-elements#^1.0.0",
 6 |     "neon-elements": "PolymerElements/neon-elements#^1.0.0",
 7 |     "page": "visionmedia/page.js#~1.6.4",
 8 |     "paper-elements": "PolymerElements/paper-elements#^1.0.1",
 9 |     "platinum-elements": "PolymerElements/platinum-elements#^1.1.0",
10 |     "polymer": "Polymer/polymer#^1.4.0",
11 |     "polymerfire": "firebase/polymerfire.git",
12 |     "app-layout": "PolymerLabs/app-layout#^0.0.14",
13 |     "neon-animation": "PolymerElements/neon-animation#^1.2.0",
14 |     "iron-selector": "PolymerElements/iron-selector#master",
15 |     "time-elements": "~0.4.0"
16 |   },
17 |   "devDependencies": {},
18 |   "ignore": [],
19 |   "resolutions": {
20 |     "iron-selector": "master"
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/teamoji/database.rules.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "domains": {
 3 |     "$domain": {
 4 |       ".read": "auth.email.endsWith('@' + $domain.replace(',', '.'))",
 5 |       "updates": {
 6 |         "$team": {
 7 |           ".indexOn": ["updated"],
 8 |           "$uid": {
 9 |             ".write": "auth.uid === $uid && auth.email.endsWith('@' + $domain.replace(',', '.'))"
10 |           }
11 |         }
12 |       },
13 |       "teams": {
14 |         "$team": {
15 |           ".write": "auth.email.endsWith('@' + $domain.replace(',', '.'))",
16 |           "id": {
17 |             ".validate": "newData.val() === $team"
18 |           }
19 |         }
20 |       },
21 |       "history": {
22 |         "$team": {
23 |           "$uid": {
24 |             "$updateId": {
25 |               ".write": "auth.uid === $uid && auth.email.endsWith('@' + $domain.replace(',', '.'))"
26 |             }
27 |           }
28 |         }
29 |       }
30 |     }
31 |   },
32 |   "prefs": {
33 |     "$uid": {
34 |       ".read": "auth.uid === $uid",
35 |       ".write": "auth.uid === $uid"
36 |     }
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/teamoji/firebase.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "database": {
 3 |     "rules": "database.rules.json"
 4 |   },
 5 |   "hosting": {
 6 |     "public": "dist",
 7 |     "rewrites": [
 8 |       {
 9 |         "source": "!{/__,/bower_components,/elements,/images,/scripts,/styles}/**",
10 |         "destination": "/index.html"
11 |       }
12 |     ]
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/teamoji/gulpfile.js:
--------------------------------------------------------------------------------
  1 | /*
  2 | Copyright 2016 Google, Inc.
  3 | 
  4 | Licensed under the Apache License, Version 2.0 (the "License");
  5 | you may not use this file except in compliance with the License.
  6 | You may obtain a copy of the License at
  7 | 
  8 |      http://www.apache.org/licenses/LICENSE-2.0
  9 | 
 10 | Unless required by applicable law or agreed to in writing, software
 11 | distributed under the License is distributed on an "AS IS" BASIS,
 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 13 | See the License for the specific language governing permissions and
 14 | limitations under the License.
 15 | */
 16 | 
 17 | 'use strict';
 18 | 
 19 | // Include Gulp & tools we'll use
 20 | var gulp = require('gulp');
 21 | var $ = require('gulp-load-plugins')();
 22 | var del = require('del');
 23 | var runSequence = require('run-sequence');
 24 | var browserSync = require('browser-sync');
 25 | var reload = browserSync.reload;
 26 | var merge = require('merge-stream');
 27 | var path = require('path');
 28 | var fs = require('fs');
 29 | var glob = require('glob-all');
 30 | var superstatic = require('superstatic');
 31 | var fbConfig = require('./firebase.json');
 32 | var packageJson = require('./package.json');
 33 | var crypto = require('crypto');
 34 | var ensureFiles = require('./tasks/ensure-files.js');
 35 | 
 36 | // var ghPages = require('gulp-gh-pages');
 37 | 
 38 | var AUTOPREFIXER_BROWSERS = [
 39 |   'ie >= 10',
 40 |   'ie_mob >= 10',
 41 |   'ff >= 30',
 42 |   'chrome >= 34',
 43 |   'safari >= 7',
 44 |   'opera >= 23',
 45 |   'ios >= 7',
 46 |   'android >= 4.4',
 47 |   'bb >= 10'
 48 | ];
 49 | 
 50 | var DIST = 'dist';
 51 | 
 52 | var dist = function(subpath) {
 53 |   return !subpath ? DIST : path.join(DIST, subpath);
 54 | };
 55 | 
 56 | var styleTask = function(stylesPath, srcs) {
 57 |   return gulp.src(srcs.map(function(src) {
 58 |       return path.join('app', stylesPath, src);
 59 |     }))
 60 |     .pipe($.changed(stylesPath, {extension: '.css'}))
 61 |     .pipe($.autoprefixer(AUTOPREFIXER_BROWSERS))
 62 |     .pipe(gulp.dest('.tmp/' + stylesPath))
 63 |     .pipe($.minifyCss())
 64 |     .pipe(gulp.dest(dist(stylesPath)))
 65 |     .pipe($.size({title: stylesPath}));
 66 | };
 67 | 
 68 | var imageOptimizeTask = function(src, dest) {
 69 |   return gulp.src(src)
 70 |     .pipe($.imagemin({
 71 |       progressive: true,
 72 |       interlaced: true
 73 |     }))
 74 |     .pipe(gulp.dest(dest))
 75 |     .pipe($.size({title: 'images'}));
 76 | };
 77 | 
 78 | var optimizeHtmlTask = function(src, dest) {
 79 |   var assets = $.useref.assets({
 80 |     searchPath: ['.tmp', 'app']
 81 |   });
 82 | 
 83 |   return gulp.src(src)
 84 |     .pipe(assets)
 85 |     // Concatenate and minify JavaScript
 86 |     .pipe($.if('*.js', $.uglify({
 87 |       preserveComments: 'some'
 88 |     })))
 89 |     // Concatenate and minify styles
 90 |     // In case you are still using useref build blocks
 91 |     .pipe($.if('*.css', $.minifyCss()))
 92 |     .pipe(assets.restore())
 93 |     .pipe($.useref())
 94 |     // Minify any HTML
 95 |     .pipe($.if('*.html', $.minifyHtml({
 96 |       quotes: true,
 97 |       empty: true,
 98 |       spare: true
 99 |     })))
100 |     // Output files
101 |     .pipe(gulp.dest(dest))
102 |     .pipe($.size({
103 |       title: 'html'
104 |     }));
105 | };
106 | 
107 | // Compile and automatically prefix stylesheets
108 | gulp.task('styles', function() {
109 |   return styleTask('styles', ['**/*.css']);
110 | });
111 | 
112 | gulp.task('elements', function() {
113 |   return styleTask('elements', ['**/*.css']);
114 | });
115 | 
116 | // Ensure that we are not missing required files for the project
117 | // "dot" files are specifically tricky due to them being hidden on
118 | // some systems.
119 | gulp.task('ensureFiles', function(cb) {
120 |   var requiredFiles = ['.bowerrc'];
121 | 
122 |   ensureFiles(requiredFiles.map(function(p) {
123 |     return path.join(__dirname, p);
124 |   }), cb);
125 | });
126 | 
127 | // Optimize images
128 | gulp.task('images', function() {
129 |   return imageOptimizeTask('app/images/**/*', dist('images'));
130 | });
131 | 
132 | // Copy all files at the root level (app)
133 | gulp.task('copy', function() {
134 |   var app = gulp.src([
135 |     'app/*',
136 |     'app/data/emoji.json',
137 |     '!app/test',
138 |     '!app/elements',
139 |     '!app/bower_components',
140 |     '!**/.DS_Store'
141 |   ], {
142 |     dot: true
143 |   }).pipe(gulp.dest(dist()));
144 | 
145 |   var data = gulp.src('app/data/emoji.json').pipe(gulp.dest(dist('data')));
146 | 
147 |   // Copy over only the bower_components we need
148 |   // These are things which cannot be vulcanized
149 |   var bower = gulp.src([
150 |     'app/bower_components/{webcomponentsjs,promise-polyfill,app-storage}/**/*.js'
151 |   ]).pipe(gulp.dest(dist('bower_components')));
152 | 
153 |   return merge(app, bower, data)
154 |     .pipe($.size({
155 |       title: 'copy'
156 |     }));
157 | });
158 | 
159 | // Copy web fonts to dist
160 | gulp.task('fonts', function() {
161 |   return gulp.src(['app/fonts/**'])
162 |     .pipe(gulp.dest(dist('fonts')))
163 |     .pipe($.size({
164 |       title: 'fonts'
165 |     }));
166 | });
167 | 
168 | // Scan your HTML for assets & optimize them
169 | gulp.task('html', function() {
170 |   return optimizeHtmlTask(
171 |     ['app/**/*.html', '!app/{elements,test,bower_components}/**/*.html'],
172 |     dist());
173 | });
174 | 
175 | // Vulcanize granular configuration
176 | gulp.task('vulcanize', function() {
177 |   return gulp.src('app/elements/elements.html')
178 |     .pipe($.vulcanize({
179 |       stripComments: true,
180 |       inlineCss: true,
181 |       inlineScripts: true
182 |     }))
183 |     .pipe(gulp.dest(dist('elements')))
184 |     .pipe($.size({title: 'vulcanize'}));
185 | });
186 | 
187 | gulp.task('generate-dev-service-worker', function(callback) {
188 |   var dir = 'app';
189 |   var swPrecache = require('sw-precache');
190 | 
191 |   swPrecache.write(path.join('.tmp', 'service-worker.js'), {
192 |     cacheId: packageJson.name,
193 |     staticFileGlobs: [
194 |       dir + '/**/*.{js,html,css,png,svg,jpg,gif}',
195 |       dir + '/data/emoji.json'
196 |     ],
197 |     stripPrefix: dir,
198 |     logger: $.util.log,
199 |     runtimeCaching: [{
200 |       // cache Google Web Fonts (both css and font files)
201 |       urlPattern: /^https:\/\/fonts.(?:googleapis|gstatic).com\/.*/,
202 |       handler: 'cacheFirst'
203 |     },
204 |     {
205 |       // cache Google user profile pics
206 |       urlPattern: /^https:\/\/lh3.googleusercontent.com\/.*/,
207 |       handler: 'networkFirst'
208 |     },
209 |     {
210 |       // cache Firebase Storage data
211 |       urlPattern: /^https:\/\/storage.googleapis.com\/teamoji-app.appspot.com\/.*/,
212 |       handler: 'networkFirst'
213 |     }]
214 |   }, callback);
215 | });
216 | 
217 | gulp.task('generate-service-worker', function(callback) {
218 |   var dir = dist();
219 |   var swPrecache = require('sw-precache');
220 | 
221 |   swPrecache.write(path.join(dir, 'service-worker.js'), {
222 |     cacheId: packageJson.name,
223 |     staticFileGlobs: [
224 |       dir + '/**/*.{js,html,css,png,svg,jpg,gif}',
225 |       dir + '/data/emoji.json'
226 |     ],
227 |     stripPrefix: dir,
228 |     logger: $.util.log,
229 |     verbose: true,
230 |     runtimeCaching: [{
231 |       // cache Google Web Fonts (both css and font files)
232 |       urlPattern: /^https:\/\/fonts.(?:googleapis|gstatic).com\/.*/,
233 |       handler: 'cacheFirst'
234 |     },
235 |     {
236 |       // cache Google user profile pics
237 |       urlPattern: /^https:\/\/lh3.googleusercontent.com\/.*/,
238 |       handler: 'networkFirst'
239 |     },
240 |     {
241 |       // cache Firebase Storage data
242 |       urlPattern: /^https:\/\/storage.googleapis.com\/teamoji-app.appspot.com\/.*/,
243 |       handler: 'networkFirst'
244 |     }]
245 |   }, callback);
246 | });
247 | 
248 | // Clean output directory
249 | gulp.task('clean', function() {
250 |   return del(['.tmp', dist()]);
251 | });
252 | 
253 | // Watch files for changes & reload
254 | gulp.task('serve', ['styles', 'elements', 'generate-dev-service-worker'], function() {
255 |   browserSync({
256 |     port: 5000,
257 |     notify: false,
258 |     logPrefix: 'PSK',
259 |     snippetOptions: {
260 |       rule: {
261 |         match: '<span id="browser-sync-binding"></span>',
262 |         fn: function(snippet) {
263 |           return snippet;
264 |         }
265 |       }
266 |     },
267 |     // Run as an https by uncommenting 'https: true'
268 |     // Note: this uses an unsigned certificate which on first access
269 |     //       will present a certificate warning in the browser.
270 |     // https: true,
271 |     server: {
272 |       baseDir: ['app'],
273 |       middleware: [superstatic({
274 |         config: Object.assign({}, fbConfig.hosting, {public: ['.tmp', 'app']})
275 |       })]
276 |     }
277 |   });
278 | 
279 |   gulp.watch(['app/**/*.html'], ['generate-dev-service-worker', reload]);
280 |   gulp.watch(['app/styles/**/*.css'], ['styles', 'generate-dev-service-worker', reload]);
281 |   gulp.watch(['app/elements/**/*.css'], ['elements', 'generate-dev-service-worker', reload]);
282 |   gulp.watch(['app/images/**/*'], ['generate-dev-service-worker', reload]);
283 | });
284 | 
285 | // Build and serve the output from the dist build
286 | gulp.task('serve:dist', ['default'], function() {
287 |   browserSync({
288 |     port: 5001,
289 |     notify: false,
290 |     logPrefix: 'PSK',
291 |     snippetOptions: {
292 |       rule: {
293 |         match: '<span id="browser-sync-binding"></span>',
294 |         fn: function(snippet) {
295 |           return snippet;
296 |         }
297 |       }
298 |     },
299 |     // Run as an https by uncommenting 'https: true'
300 |     // Note: this uses an unsigned certificate which on first access
301 |     //       will present a certificate warning in the browser.
302 |     // https: true,
303 |     server: dist(),
304 |     middleware: [superstatic({config: Object.assign({}, fbConfig.hosting, {public: 'dist'})})]
305 |   });
306 | });
307 | 
308 | // Build production files, the default task
309 | gulp.task('default', ['clean'], function(cb) {
310 |   runSequence(
311 |     ['ensureFiles', 'copy', 'styles'],
312 |     'elements',
313 |     ['images', 'fonts', 'html'],
314 |     'vulcanize',
315 |     'generate-service-worker',
316 |     cb);
317 | });
318 | 
319 | // Load custom tasks from the `tasks` directory
320 | try {
321 |   require('require-dir')('tasks');
322 | } catch (err) {}
323 | 


--------------------------------------------------------------------------------
/teamoji/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "teamoji",
 3 |   "private": true,
 4 |   "devDependencies": {
 5 |     "browser-sync": "^2.7.7",
 6 |     "connect-history-api-fallback": "^1.1.0",
 7 |     "del": "^2.0.2",
 8 |     "firebase": "^3.0",
 9 |     "glob-all": "^3.0.1",
10 |     "gulp": "^3.8.5",
11 |     "gulp-autoprefixer": "^3.1.0",
12 |     "gulp-cache": "^0.4.0",
13 |     "gulp-changed": "^1.0.0",
14 |     "gulp-gh-pages": "^0.5.4",
15 |     "gulp-html-extract": "^0.1.0",
16 |     "gulp-if": "^2.0.0",
17 |     "gulp-imagemin": "^2.2.1",
18 |     "gulp-load-plugins": "^1.1.0",
19 |     "gulp-minify-css": "^1.2.1",
20 |     "gulp-minify-html": "^1.0.2",
21 |     "gulp-rename": "^1.2.0",
22 |     "gulp-replace": "^0.5.4",
23 |     "gulp-size": "^2.0.0",
24 |     "gulp-uglify": "^1.2.0",
25 |     "gulp-useref": "^2.1.0",
26 |     "gulp-util": "^3.0.7",
27 |     "gulp-vulcanize": "^6.0.0",
28 |     "merge-stream": "^1.0.0",
29 |     "require-dir": "^0.3.0",
30 |     "run-sequence": "^1.0.2",
31 |     "superstatic": "^4.0.2",
32 |     "vulcanize": ">= 1.4.2",
33 |     "xml2js": "^0.4.16"
34 |   },
35 |   "scripts": {
36 |     "test": "gulp test:local",
37 |     "start": "gulp serve"
38 |   },
39 |   "engines": {
40 |     "node": ">=0.10.0"
41 |   },
42 |   "dependencies": {
43 |     "sw-precache": "^3.1.1"
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/teamoji/scripts/fake-usage:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | var firebase = require('firebase');
 4 | var WHITELIST = '1f638 1f642 1f989 1f984 1f451 1f426 1f355 1f363 1f369 1f60e 1f44d 1f32e 1f6eb 1f4f4 1f3a5 1f6b4 1f6cc 1f6cd 1f42c 1f302 1f487 1f635 1f634 2603 270f 1f680 1f697 1f687 1f575 1f64c'.split(' ');
 5 | var TEAMS = ['firebase'];
 6 | var USERS = [
 7 |   {id: 'sheep', name: 'Baa Ramu', pic: '/images/avatars/sheep.jpg'},
 8 |   {id: 'dragon', name: 'Drogon Targaryan', pic: '/images/avatars/dragon.jpg'},
 9 |   {id: 'tiger', name: 'Rory Felis', pic: '/images/avatars/tiger.jpg'},
10 |   {id: 'monkey', name: 'Gunther Farnsworth', pic: '/images/avatars/monkey.jpg'},
11 |   {id: 'koala', name: 'Eu Calyptus', pic: '/images/avatars/koala.jpg'},
12 |   {id: 'bunny', name: 'Bugs Hoppy', pic: '/images/avatars/bunny.jpg'},
13 |   {id: 'octopus', name: 'Armand Yeats', pic: '/images/avatars/octopus.jpg'}
14 | ];
15 | var IMG_PREFIX = 'https://storage.googleapis.com/teamoji-app.appspot.com/emoji/svg/emoji_u';
16 | 
17 | firebase.initializeApp({
18 |   serviceAccount: __dirname + '/data/service-account.json',
19 |   databaseURL: 'https://teamoji-app.firebaseio.com'
20 | });
21 | 
22 | var db = firebase.database();
23 | var domainRef = db.ref('domains/google,com');
24 | 
25 | function randomFrom(arr) {
26 |   return arr[Math.floor(Math.random()*arr.length)];
27 | }
28 | 
29 | function nextUpdate() {
30 |   var time = Math.random() * 15000 + 5000;
31 |   console.log('Updating next in', (time / 1000.0) + 's');
32 |   return time;
33 | }
34 | 
35 | function randomUpdate() {
36 |   var user = randomFrom(USERS);
37 |   var team = randomFrom(TEAMS);
38 |   var emoji = randomFrom(WHITELIST);
39 |   domainRef.child('updates')
40 |     .child(team)
41 |     .child(user.id)
42 |     .set({
43 |       name: user.name,
44 |       pic: user.pic,
45 |       updated: firebase.database.ServerValue.TIMESTAMP,
46 |       emoji: IMG_PREFIX + emoji + '.svg'
47 |     }).then(function() {
48 |       console.log('Updating', user.name, 'to', emoji);
49 |       return setTimeout(randomUpdate, nextUpdate());
50 |     });
51 | }
52 | 
53 | randomUpdate();
54 | 


--------------------------------------------------------------------------------
/teamoji/scripts/parse-emoji:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | /*
 4 | Copyright 2016 Google, Inc.
 5 | 
 6 | Licensed under the Apache License, Version 2.0 (the "License");
 7 | you may not use this file except in compliance with the License.
 8 | You may obtain a copy of the License at
 9 | 
10 |      http://www.apache.org/licenses/LICENSE-2.0
11 | 
12 | Unless required by applicable law or agreed to in writing, software
13 | distributed under the License is distributed on an "AS IS" BASIS,
14 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15 | See the License for the specific language governing permissions and
16 | limitations under the License.
17 | */
18 | 
19 | var parseString = require('xml2js').parseString;
20 | var fs = require('fs');
21 | 
22 | var codePointAt = function(position) {
23 |   if (this == null) {
24 |     throw TypeError();
25 |   }
26 |   var string = String(this);
27 |   var size = string.length;
28 |   // `ToInteger`
29 |   var index = position ? Number(position) : 0;
30 |   if (index != index) { // better `isNaN`
31 |     index = 0;
32 |   }
33 |   // Account for out-of-bounds indices:
34 |   if (index < 0 || index >= size) {
35 |     return undefined;
36 |   }
37 |   // Get the first code unit
38 |   var first = string.charCodeAt(index);
39 |   var second;
40 |   if ( // check if it’s the start of a surrogate pair
41 |     first >= 0xD800 && first <= 0xDBFF && // high surrogate
42 |     size > index + 1 // there is a next code unit
43 |   ) {
44 |     second = string.charCodeAt(index + 1);
45 |     if (second >= 0xDC00 && second <= 0xDFFF) { // low surrogate
46 |       // http://mathiasbynens.be/notes/javascript-encoding#surrogate-formulae
47 |       return (first - 0xD800) * 0x400 + second - 0xDC00 + 0x10000;
48 |     }
49 |   }
50 |   return first;
51 | };
52 | if (Object.defineProperty) {
53 |   Object.defineProperty(String.prototype, 'codePointAt', {
54 |     'value': codePointAt,
55 |     'configurable': true,
56 |     'writable': true
57 |   });
58 | } else {
59 |   String.prototype.codePointAt = codePointAt;
60 | }
61 | 
62 | parseString(fs.readFileSync(__dirname + '/data/emoji_annotations.xml', 'utf8'), function(err, data) {
63 |   var data = data.ldml.annotations[0].annotation.map(function(annotation) {
64 |     var code = annotation.$.cp.codePointAt(1).toString(16);
65 |     try {
66 |       fs.statSync(process.env.HOME + '/Downloads/noto-emoji/svg/emoji_u' + code + '.svg')
67 |       return {
68 |         desc: annotation.$.tts,
69 |         tags: annotation._.split('; '),
70 |         code: code,
71 |         urls: {
72 |           svg: 'https://storage.googleapis.com/teamoji-app.appspot.com/emoji/svg/emoji_u' + code + '.svg'
73 |         }
74 |       };
75 |     } catch (e) {
76 |       process.stderr.write('- missing "' + annotation.$.tts + '"\n');
77 |     }
78 |   }).filter(function(entry) {
79 |     return !!entry;
80 |   });
81 | 
82 |   console.log(JSON.stringify(data, null, 2));
83 | });
84 | 


--------------------------------------------------------------------------------
/teamoji/tasks/ensure-files.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | Copyright 2016 Google, Inc.
 3 | 
 4 | Licensed under the Apache License, Version 2.0 (the "License");
 5 | you may not use this file except in compliance with the License.
 6 | You may obtain a copy of the License at
 7 | 
 8 |      http://www.apache.org/licenses/LICENSE-2.0
 9 | 
10 | Unless required by applicable law or agreed to in writing, software
11 | distributed under the License is distributed on an "AS IS" BASIS,
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | See the License for the specific language governing permissions and
14 | limitations under the License.
15 | */
16 | var fs = require('fs');
17 | 
18 | /**
19 |  * @param {Array<string>} files
20 |  * @param {Function} cb
21 |  */
22 | 
23 | function ensureFiles(files, cb) {
24 |   var missingFiles = files.reduce(function(prev, filePath) {
25 |     var fileFound = false;
26 | 
27 |     try {
28 |       fileFound = fs.statSync(filePath).isFile();
29 |     } catch (e) { }
30 | 
31 |     if (!fileFound) {
32 |       prev.push(filePath + ' Not Found');
33 |     }
34 | 
35 |     return prev;
36 |   }, []);
37 | 
38 |   if (missingFiles.length) {
39 |     var err = new Error('Missing Required Files\n' + missingFiles.join('\n'));
40 |   }
41 | 
42 |   if (cb) {
43 |     cb(err);
44 |   } else if (err) {
45 |     throw err;
46 |   }
47 | }
48 | 
49 | module.exports = ensureFiles;
50 | 


--------------------------------------------------------------------------------
/teamoji/travis-runner.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash -e
 2 | 
 3 | # Copyright 2016 Google, Inc.
 4 | #
 5 | # Licensed under the Apache License, Version 2.0 (the "License");
 6 | # you may not use this file except in compliance with the License.
 7 | # You may obtain a copy of the License at
 8 | #
 9 | #      http://www.apache.org/licenses/LICENSE-2.0
10 | #
11 | # Unless required by applicable law or agreed to in writing, software
12 | # distributed under the License is distributed on an "AS IS" BASIS,
13 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 | # See the License for the specific language governing permissions and
15 | # limitations under the License.
16 | 
17 | set -o pipefail
18 | 
19 | if [ "$TRAVIS_BRANCH" = "master" ] && [ "$TRAVIS_PULL_REQUEST" = "false" ]  && [ "$TRAVIS_NODE_VERSION" = "5.1" ]
20 | then
21 |   git config --global user.email "samccone@gmail.com"
22 |   git config --global user.name "auto deployer"
23 | 
24 |   # Stamp index.html with the date and time of PSK's deploying
25 |   date_value=`date`
26 |   sed -i.tmp1 "s/This is another card./This is another card. PSK Deployed on: $date_value/" app/index.html
27 | 
28 |   deploy_ghpages () {
29 |     # Deploying to GitHub Pages! (http://polymerelements.github.io/polymer-starter-kit)
30 |     echo Deploying to GitHub Pages
31 |     sed -i.tmp "s/\/\/ app.baseUrl = '\/polymer-starter-kit/app.baseUrl = '\/polymer-starter-kit/" app/scripts/app.js
32 |     sed -i.tmp2 "s/<\/head>/\  \<script>'https:'!==window.location.protocol\&\&(window.location.protocol='https')<\/script>&/g" app/index.html
33 |     gulp build-deploy-gh-pages
34 |     # Undoing Changes to PSK for GitHub Pages
35 |     cp app/scripts/app.js.tmp app/scripts/app.js
36 |     rm app/scripts/app.js.tmp
37 |     cp app/index.html.tmp2 app/index.html
38 |     rm app/index.html.tmp2
39 |   }
40 | 
41 |   deploy_firebase () {
42 |     # Deploying to Firebase! (https://polymer-starter-kit.firebaseapp.com)
43 |     echo Deploying to Firebase
44 |     # Making Changes to PSK for Firebase
45 |     sed -i.tmp 's/<!-- Chrome for Android theme color -->/<base href="\/">\'$'\n<!-- Chrome for Android theme color -->/g' app/index.html
46 |     sed -i.tmp "s/hashbang: true/hashbang: false/" app/elements/routing.html
47 |     cp docs/firebase.json firebase.json
48 |     # Starting Build Process for Firebase Changes
49 |     gulp
50 |     # Starting Deploy Process to Firebaseapp.com Server -- polymer-starter-kit.firebaseapp.com
51 |     firebase deploy --token "$FIREBASE_TOKEN" -m "Auto Deployed by Travis CI"
52 |     # Undoing Changes to PSK for Firebase
53 |     cp app/index.html.tmp app/index.html
54 |     cp app/elements/routing.html.tmp app/elements/routing.html
55 |     rm app/elements/routing.html.tmp
56 |     rm app/index.html.tmp
57 |     rm firebase.json
58 |   }
59 | 
60 |   deploy_ghpages
61 |   deploy_firebase
62 | 
63 |   # Revert to orginal index.html and delete temp file
64 |   cp app/index.html.tmp1 app/index.html
65 |   rm app/index.html.tmp1
66 | elif [ "$TRAVIS_BRANCH" = "master" ] && [ "$TRAVIS_PULL_REQUEST" = "false" ]  && [ "$TRAVIS_NODE_VERSION" != "5.1" ]
67 | then
68 |   echo "Do Nothing, only deploy with Node 5.1"
69 | else
70 |   npm test
71 | fi
72 | 


--------------------------------------------------------------------------------