WebCompDev / COMPONENTS

Browse Code »

Commit 525c13d8940ad0cb94ee66117553fe47ef6c4191

Authored by Luigi Serra 2016-02-03 15:59:16 +0100

1 parent ac237fdd

google component tests

Inline Side-by-side

Showing 24 changed files with 2839 additions and 0 deletions

bower_components/google-sheets/.bower.json 0 → 100644

View file @525c13d

	1	+{
	2	+ "name": "google-sheets",
	3	+ "version": "1.0.5",
	4	+ "homepage": "https://googlewebcomponents.github.io/google-sheets",
	5	+ "description": "Web components to interact with Google Sheets",
	6	+ "main": "google-sheets.html",
	7	+ "authors": [
	8	+ "Eric Bidelman <ebidel@gmail.com>"
	9	+ ],
	10	+ "license": "Apache2",
	11	+ "ignore": [
	12	+ "/.*",
	13	+ "/test/"
	14	+ ],
	15	+ "keywords": [
	16	+ "web-component",
	17	+ "web-components",
	18	+ "polymer",
	19	+ "spreadsheets",
	20	+ "google"
	21	+ ],
	22	+ "dependencies": {
	23	+ "polymer": "Polymer/polymer#^1.1.2",
	24	+ "google-apis": "GoogleWebComponents/google-apis#^1.1.0",
	25	+ "google-signin": "GoogleWebComponents/google-signin#^1.0.3",
	26	+ "iron-ajax": "PolymerElements/iron-ajax#^1.0.0"
	27	+ },
	28	+ "devDependencies": {
	29	+ "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
	30	+ "google-map": "GoogleWebComponents/google-map#^1.1.0",
	31	+ "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
	32	+ "web-component-tester": "*"
	33	+ },
	34	+ "_release": "1.0.5",
	35	+ "_resolution": {
	36	+ "type": "version",
	37	+ "tag": "1.0.5",
	38	+ "commit": "1e87081a4abfdd31cf7cbf4ac970c7f9873c447d"
	39	+ },
	40	+ "_source": "git://github.com/GoogleWebComponents/google-sheets.git",
	41	+ "_target": "~1.0.5",
	42	+ "_originalSource": "GoogleWebComponents/google-sheets",
	43	+ "_direct": true
	44	+}
0	45	\ No newline at end of file
...	...

bower_components/google-sheets/LICENSE 0 → 100644

View file @525c13d

	1	+Copyright 2014 Google Inc
	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	+ https://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.
...	...

bower_components/google-sheets/README.md 0 → 100755

View file @525c13d

	1	+google-sheets
	2	+================
	3	+
	4	+See the [component page](https://googlewebcomponents.github.io/google-sheets) for more information.
...	...

bower_components/google-sheets/bower.json 0 → 100755

View file @525c13d

	1	+{
	2	+ "name": "google-sheets",
	3	+ "version": "1.0.5",
	4	+ "homepage": "https://googlewebcomponents.github.io/google-sheets",
	5	+ "description": "Web components to interact with Google Sheets",
	6	+ "main": "google-sheets.html",
	7	+ "authors": [
	8	+ "Eric Bidelman <ebidel@gmail.com>"
	9	+ ],
	10	+ "license": "Apache2",
	11	+ "ignore": [
	12	+ "/.*",
	13	+ "/test/"
	14	+ ],
	15	+ "keywords": [
	16	+ "web-component",
	17	+ "web-components",
	18	+ "polymer",
	19	+ "spreadsheets",
	20	+ "google"
	21	+ ],
	22	+ "dependencies": {
	23	+ "polymer": "Polymer/polymer#^1.1.2",
	24	+ "google-apis": "GoogleWebComponents/google-apis#^1.1.0",
	25	+ "google-signin": "GoogleWebComponents/google-signin#^1.0.3",
	26	+ "iron-ajax": "PolymerElements/iron-ajax#^1.0.0"
	27	+ },
	28	+ "devDependencies": {
	29	+ "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
	30	+ "google-map": "GoogleWebComponents/google-map#^1.1.0",
	31	+ "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
	32	+ "web-component-tester": "*"
	33	+ }
	34	+}
...	...

bower_components/google-sheets/demo/demo-private.html 0 → 100644

View file @525c13d

	1	+<!doctype html>
	2	+<!-- Copyright (c) 2015 Google Inc. All rights reserved. -->
	3	+<html>
	4	+<head>
	5	+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
	6	+ <title>google-sheets private data demo</title>
	7	+ <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
	8	+ <link rel="import" href="../google-sheets.html">
	9	+ <link rel="import" href="../../google-map/google-map.html">
	10	+ <link rel="import" href="../../google-signin/google-signin.html">
	11	+ <style>
	12	+ * {
	13	+ box-sizing: border-box;
	14	+ }
	15	+ body {
	16	+ margin: 2em;
	17	+ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial;
	18	+ font-weight: 300;
	19	+ background-color: #f1f1f3;
	20	+ }
	21	+ a {
	22	+ text-decoration: none;
	23	+ color: blue;
	24	+ }
	25	+ ul {
	26	+ padding-left: 0;
	27	+ }
	28	+ ul, li {
	29	+ list-style: none;
	30	+ font-size: 14px;
	31	+ }
	32	+ section {
	33	+ border-radius: 3px;
	34	+ box-shadow: 1px 1px 3px #ccc;
	35	+ padding: 1em 2em;
	36	+ background-color: white;
	37	+ width: 500px;
	38	+ min-height: 500px;
	39	+ }
	40	+ main {
	41	+ justify-content: space-around;
	42	+ margin-top: 2em;
	43	+ }
	44	+ </style>
	45	+</head>
	46	+<body>
	47	+
	48	+<google-signin
	49	+ client-id="1054047045356-j8pgqgls9vdef3rl09hapoicumbte0bo.apps.googleusercontent.com"
	50	+ scopes="https://spreadsheets.google.com/feeds">
	51	+</google-signin>
	52	+
	53	+<p>A <code><google-sheets></code> element returning data from a <b>private</b> Google Spreadsheet:</p>
	54	+<p><b>Note:</b> update the demo source to your clientId and private spreadsheet key for the demo to work.</p>
	55	+
	56	+<main class="layout horizontal">
	57	+
	58	+<template id="spreadsheets" is="dom-bind">
	59	+
	60	+<!-- Example: private spreadsheet -->
	61	+<google-sheets id="sheet" tab-id="1"
	62	+ client-id="1054047045356-j8pgqgls9vdef3rl09hapoicumbte0bo.apps.googleusercontent.com"
	63	+ key="1QMGizivw3UJ3-R9BFK7sfrXE0RL87dygk2C0RcuKoDY"
	64	+ open-in-google-docs-url="{{openInGoogleDocsURL}}"
	65	+ tab="{{tab}}"
	66	+ spreadsheets="{{spreadsheets}}"
	67	+ rows="{{rows}}"></google-sheets>
	68	+
	69	+<section>
	70	+
	71	+ <heading>
	72	+ <h3>List of spreadsheets</h3>
	73	+ </heading>
	74	+
	75	+ <ul>
	76	+ <template is="dom-repeat" items="[[spreadsheets]]">
	77	+ <li>{{item.title.$t}}</li>
	78	+ </template>
	79	+ </ul>
	80	+
	81	+</section>
	82	+
	83	+<section>
	84	+
	85	+ <heading>
	86	+ <h3>Spreadsheet rows:
	87	+ <a href="{{openInGoogleDocsURL}}" target="_blank" title="Open in Google Docs →">
	88	+ "<span>{{tab.title}}</span>" tab
	89	+ </a>
	90	+ </h3>
	91	+ <h5>updated: <span>{{tab.updated}}</span>, by: <template is="dom-repeat" items="{{rows.authors}}"><span>{{item.name}}</span></template></h5>
	92	+ </heading>
	93	+ <ul>
	94	+ <template is="dom-repeat" items="{{rows}}">
	95	+ <li>Name: <span>{{item.gsx$name.$t}}</span> ( lat: <span>{{item.gsx$lat.$t}}</span>, lng: <span>{{item.gsx$lng.$t}}</span> )</li>
	96	+ </template>
	97	+ </ul>
	98	+
	99	+</section>
	100	+
	101	+</template>
	102	+
	103	+</main>
	104	+
	105	+</body>
	106	+</html>
...	...

bower_components/google-sheets/demo/index.html 0 → 100755

View file @525c13d

	1	+<!doctype html>
	2	+<!-- Copyright (c) 2015 Google Inc. All rights reserved. -->
	3	+<html>
	4	+<head>
	5	+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
	6	+ <title>google-sheets Demo</title>
	7	+ <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
	8	+ <link rel="import" href="../../iron-flex-layout/classes/iron-flex-layout.html">
	9	+ <link rel="import" href="../google-sheets.html">
	10	+ <link rel="import" href="../../google-map/google-map.html">
	11	+ <style>
	12	+ * {
	13	+ box-sizing: border-box;
	14	+ }
	15	+ body {
	16	+ margin: 2em;
	17	+ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial;
	18	+ font-weight: 300;
	19	+ background-color: #f1f1f3;
	20	+ }
	21	+ a {
	22	+ text-decoration: none;
	23	+ color: blue;
	24	+ }
	25	+ ul {
	26	+ padding-left: 0;
	27	+ }
	28	+ ul, li {
	29	+ list-style: none;
	30	+ font-size: 14px;
	31	+ }
	32	+ section {
	33	+ border-radius: 3px;
	34	+ box-shadow: 1px 1px 3px #ccc;
	35	+ padding: 1em 2em;
	36	+ background-color: white;
	37	+ width: 500px;
	38	+ height: 500px;
	39	+ }
	40	+ google-map {
	41	+ display: block;
	42	+ height: 100%;
	43	+ width: 100%;
	44	+ }
	45	+ main {
	46	+ justify-content: space-around;
	47	+ margin-top: 2em;
	48	+ }
	49	+ </style>
	50	+</head>
	51	+<body>
	52	+
	53	+<p>A <code><google-sheets></code> element returns data from a Google Spreadsheet:</p>
	54	+
	55	+<main class="layout horizontal">
	56	+
	57	+<template id="container" is="dom-bind">
	58	+
	59	+ <section>
	60	+
	61	+ <!-- Example: published spreadsheet -->
	62	+ <google-sheets id="sheet" key="0Anye-JMjUkZZdDBkMVluMEhZMmFGeHpYdDJJV1FBRWc" tab-id="1"
	63	+ published rows="{{rows}}" tab="{{tab}}" open-in-google-docs-url="{{openInGoogleDocsUrl}}"></google-sheets>
	64	+
	65	+ <heading>
	66	+ <h3>Spreadsheet rows:
	67	+ <a href="{{openInGoogleDocsUrl}}" target="_blank" title="Open in Google Docs →">
	68	+ "<span>{{tab.title}}</span>" tab
	69	+ </a>
	70	+ </h3>
	71	+ <h5>updated: <span>{{tab.updated}}</span>, by: <template is="dom-repeat" items="{{rows.authors}}">{{item.name}}</template></h5>
	72	+ </heading>
	73	+ <ul>
	74	+ <template is="dom-repeat" items="[[rows]]">
	75	+ <li>Name: <span>{{item.gsx$name.$t}}</span> ( lat: <span>{{item.gsx$lat.$t}}</span>, lng: <span>{{item.gsx$lng.$t}}</span> )</li>
	76	+ </template>
	77	+ </ul>
	78	+
	79	+ </section>
	80	+
	81	+ <section style="padding: 0;">
	82	+
	83	+ <google-map disable-default-ui fit-to-markers>
	84	+ <template is="dom-repeat" items="[[rows]]">
	85	+ <google-map-marker latitude="{{item.gsx$lat.$t}}" longitude="{{item.gsx$lng.$t}}"></google-map-marker>
	86	+ </template>
	87	+ </google-map>
	88	+
	89	+ <button on-click="useTab" data-tabid="1">View tab 1 data</button>
	90	+ <button on-click="useTab" data-tabid="2">View tab 2 data</button>
	91	+
	92	+ </section>
	93	+
	94	+</template>
	95	+</main>
	96	+
	97	+<script>
	98	+var template = document.querySelector('#container');
	99	+
	100	+template.useTab = function(e, detail, sender) {
	101	+ document.querySelector('#sheet').tabId = Number(e.currentTarget.dataset.tabid);
	102	+};
	103	+</script>
	104	+</body>
	105	+</html>
...	...

bower_components/google-sheets/google-sheets.html 0 → 100755

View file @525c13d

	1	+<!-- Copyright (c) 2015 Google Inc. All rights reserved. -->
	2	+
	3	+<link rel="import" href="../polymer/polymer.html">
	4	+<link rel="import" href="../iron-ajax/iron-ajax.html">
	5	+<link rel="import" href="../google-signin/google-signin-aware.html">
	6	+
	7	+<!--
	8	+Element for interacting with Google Sheets.
	9	+
	10	+`<google-sheets>` pulls cell data from the Google Sheet specified by `key`.
	11	+A spreadsheet's key can be found in the URL when viewing it in google docs (e.g. `docs.google.com/spreadsheet/ccc?key=<KEY>#gid=12345`).
	12	+
	13	+Optionally, pass the `tab-id` attribute to specify a particular worksheet tab in the spreadsheet. For example, the first tab would be `tab-id="1"`. If `tab` is updated at a later time, the underlying data is also updated. API calls are cached as to not make extraneous calls.
	14	+
	15	+See [developers.google.com/google-apps/spreadsheets](https://developers.google.com/google-apps/spreadsheets) for full Spreadsheets API documentation.
	16	+
	17	+#### Example
	18	+
	19	+ <google-sheets key="..." tab-id="1" client-id="..."></google-sheets>
	20	+
	21	+ <script>
	22	+ var sheet = document.querySelector('google-sheets');
	23	+
	24	+ sheet.addEventListener('google-sheet-data', function(e) {
	25	+ // this.spreadsheets - list of the user's spreadsheets
	26	+ // this.tab - information on the tab that was fetched
	27	+ // this.rows - cell row information for the tab that was fetched
	28	+ });
	29	+
	30	+ sheet.addEventListener('error', function(e) {
	31	+ // e.detail.response
	32	+ });
	33	+ </script>
	34	+
	35	+<b>Example</b> - `published` is a perf optimization and hints that the spreadsheet has been published (public):
	36	+
	37	+ <google-sheets key="0Anye-JMjUkZZdDBkMVluMEhZMmFGeHpYdDJJV1FBRWc" published></google-sheets>
	38	+
	39	+<b>Example</b> - leaving off the `key` returns as list of the user's spreadsheets.
	40	+
	41	+ <google-sheets client-id="..."></google-sheets>
	42	+
	43	+<b>Example</b> - show a list of Map markers, using data-binding features inside Polymer:
	44	+
	45	+ <template is="dom-bind">
	46	+ <google-sheets
	47	+ key="0Anye-JMjUkZZdDBkMVluMEhZMmFGeHpYdDJJV1FBRWc" tab-id="1" rows="{{rows}}"
	48	+ client-id="...">
	49	+ </google-sheets>
	50	+ <google-map>
	51	+ <google-map-marker latitude="{{gsx$lat.$t}}" longitude="{{gsx$lng.$t}}">
	52	+ </google-map>
	53	+ </template>
	54	+
	55	+<b>Example</b> - list a user's private spreadsheets. Authenticate with google-signin button.
	56	+
	57	+ <google-signin
	58	+ client-id="1054047045356-j8pgqgls9vdef3rl09hapoicumbte0bo.apps.googleusercontent.com"
	59	+ scopes="https://spreadsheets.google.com/feeds">
	60	+ </google-signin>
	61	+
	62	+ <template is="dom-bind">
	63	+ <google-sheets client-id="1054047045356-j8pgqgls9vdef3rl09hapoicumbte0bo.apps.googleusercontent.com"
	64	+ key="1QMGizivw3UJ3-R9BFK7sfrXE0RL87dygk2C0RcuKoDY" tab-id="1"
	65	+ spreadsheets="{{spreadsheets}}"></google-sheets>
	66	+ <template is="dom-repeat" items="[[spreadsheets]]">
	67	+ <p>{{item.title.$t}}</p>
	68	+ </template>
	69	+ </template>
	70	+
	71	+@demo
	72	+-->
	73	+
	74	+<dom-module id="google-sheets">
	75	+ <template>
	76	+ <template is="dom-if" if="{{!published}}">
	77	+ <google-signin-aware client-id="{{clientId}}"
	78	+ scopes="https://spreadsheets.google.com/feeds"
	79	+ on-google-signin-aware-success="_onSignInSuccess"
	80	+ on-google-signin-aware-signed-out="_onSignInFail"></google-signin-aware>
	81	+ </template>
	82	+
	83	+ <iron-ajax id="publicajax" params='{"alt": "json"}' handle-as="json"
	84	+ on-response="_onCellRows"></iron-ajax>
	85	+ <iron-ajax id="listsheetsajax" params='{"alt": "json"}' handle-as="json"
	86	+ on-response="_onSpreadsheetList"></iron-ajax>
	87	+ <iron-ajax id="worksheetajax" params='{"alt": "json"}' handle-as="json"
	88	+ on-response="_onWorksheet"></iron-ajax>
	89	+ <iron-ajax id="cellrowsajax" params='{"alt": "json"}' handle-as="json"
	90	+ on-response="_onCellRows"></iron-ajax>
	91	+
	92	+ </template>
	93	+</dom-module>
	94	+
	95	+<script>
	96	+(function() {
	97	+ var SCOPE_ = 'https://spreadsheets.google.com/feeds';
	98	+
	99	+ // Minimal cache for worksheet row data. Shared across instances so subsequent
	100	+ // accesses are fast and API calls only happen once.
	101	+ var rowDataCache_ = {};
	102	+
	103	+ function generateCacheKey_() {
	104	+ return this._worksheetId + '_'+ this.tabId;
	105	+ }
	106	+
	107	+ function getLink_(rel, links) {
	108	+ for (var i = 0, link; link = links[i]; ++i) {
	109	+ if (link.rel === rel) {
	110	+ return link;
	111	+ }
	112	+ }
	113	+ return null;
	114	+ }
	115	+
	116	+ // Conversion of Worksheet Ids to GIDs and vice versa
	117	+ // od4 > 2
	118	+ function wid_to_gid_(wid) {
	119	+ return parseInt(String(wid), 36) ^ 31578;
	120	+ }
	121	+ // 2 > 0d4
	122	+ function gid_to_wid_(gid) {
	123	+ // (gid xor 31578) encoded in base 36
	124	+ return parseInt((gid ^ 31578)).toString(36);
	125	+ }
	126	+
	127	+ window.GoogleSheets = Polymer({
	128	+
	129	+ is: 'google-sheets',
	130	+
	131	+ /**
	132	+ * Fired when the spreadsheet's cell information is available.
	133	+ *
	134	+ * @event google-sheet-data
	135	+ * @param {Object} detail
	136	+ * @param {Object} detail.data The data returned by the Spreadsheet API.
	137	+ * @param {string} detail.type The type of data that was fetched.
	138	+ * One of 'spreadsheets', 'tab', 'rows' * to correspond to the feed type.
	139	+ */
	140	+
	141	+ hostAttributes: {
	142	+ hidden: true
	143	+ },
	144	+
	145	+ properties: {
	146	+ /**
	147	+ * A Google Developers client ID. Obtain from [console.developers.google.com](https://console.developers.google.com). Required for accessing a private spreadsheet. Optional if accessing a public spreadsheet.
	148	+ */
	149	+ clientId: {
	150	+ type: String,
	151	+ value: '',
	152	+ observer: '_configUpdate'
	153	+ },
	154	+
	155	+ /**
	156	+ * The key of the spreadsheet. This can be found in the URL when viewing
	157	+ * the document is Google Docs (e.g. `docs.google.com/spreadsheet/ccc?key=<KEY>`).
	158	+ *
	159	+ * Leaving off this attribute still returns a list of the users spreadsheets in the `spreadsheets` property.
	160	+ */
	161	+ key: {
	162	+ type: String,
	163	+ value: '',
	164	+ observer: '_keyChanged'
	165	+ },
	166	+
	167	+ /**
	168	+ * Tab within a spreadsheet. For example, the first tab in a spreadsheet
	169	+ * would be `tab-id="1"`.
	170	+ */
	171	+ tabId: {
	172	+ type: Number,
	173	+ value: 1,
	174	+ observer: '_configUpdate'
	175	+ },
	176	+
	177	+ /**
	178	+ * A hint that the spreadsheet is published publicly in Google Docs. Used as a performance optimization.
	179	+ * Make sure the sheet is also publicly viewable by anyone in the Share settings.
	180	+ *
	181	+ * @attribute published
	182	+ * @type boolean
	183	+ * @default false
	184	+ */
	185	+ published: {
	186	+ type: Boolean,
	187	+ value: false,
	188	+ observer: '_configUpdate'
	189	+ },
	190	+
	191	+ /**
	192	+ * The fetched sheet corresponding to the `key` attribute.
	193	+ */
	194	+ sheet: {
	195	+ type: Object,
	196	+ value: function() { return {}; },
	197	+ readOnly: true,
	198	+ notify: true,
	199	+ observer: '_sheetChanged'
	200	+ },
	201	+
	202	+ /**
	203	+ * Meta data about the particular tab that was retrieved for the spreadsheet.
	204	+ */
	205	+ tab: {
	206	+ type: Object,
	207	+ value: function() { return {}; },
	208	+ readOnly: true,
	209	+ notify: true,
	210	+ observer: '_tabChanged'
	211	+ },
	212	+
	213	+ /**
	214	+ * If a spreadsheet `key` is specified, returns a list of cell row data.
	215	+ */
	216	+ rows: {
	217	+ type: Array,
	218	+ value: function() { return []; },
	219	+ readOnly: true,
	220	+ notify: true
	221	+ },
	222	+
	223	+ /**
	224	+ * List of the user's spreadsheets. Shared across instances.
	225	+ */
	226	+ spreadsheets: {
	227	+ type: Array,
	228	+ readOnly: true,
	229	+ notify: true,
	230	+ value: function() { return []; }
	231	+ },
	232	+
	233	+ /**
	234	+ * The URL to open this spreadsheet in Google Sheets.
	235	+ */
	236	+ openInGoogleDocsUrl: {
	237	+ type: String,
	238	+ computed: '_computeGoogleDocsUrl(key)',
	239	+ notify: true
	240	+ }
	241	+ },
	242	+
	243	+ _worksheetId: null,
	244	+
	245	+ _computeGoogleDocsUrl: function(key) {
	246	+ var url = 'https://docs.google.com/spreadsheet/';
	247	+ if (key) {
	248	+ url += 'ccc?key=' + key;
	249	+ }
	250	+ return url;
	251	+ },
	252	+
	253	+ _configUpdate: function(key, published, tabId, clientId) {
	254	+ this._tabIdChanged();
	255	+ },
	256	+
	257	+ _keyChanged: function(newValue, oldValue) {
	258	+ // TODO(ericbidelman): need to better handle updates to the key attribute.
	259	+ // Below doesn't account for private feeds.
	260	+ if (this.published) {
	261	+ var url = SCOPE_ + '/list/' + this.key + '/' +
	262	+ this.tabId + '/public/values';
	263	+ this.$.publicajax.url = url;
	264	+ this.$.publicajax.generateRequest();
	265	+ }
	266	+ },
	267	+
	268	+ _tabIdChanged: function(newValue, oldValue) {
	269	+ if (this._worksheetId) {
	270	+ this._getCellRows();
	271	+ } else if (this.published) {
	272	+ this._keyChanged();
	273	+ }
	274	+ },
	275	+
	276	+ _sheetChanged: function(newValue, oldValue) {
	277	+ if (!this.sheet.title) {
	278	+ return;
	279	+ }
	280	+
	281	+ // Make metadata easily accessible on sheet object.
	282	+ var authors = this.sheet.author && this.sheet.author.map(function(a) {
	283	+ return {email: a.email.$t, name: a.name.$t};
	284	+ });
	285	+
	286	+ this.set('sheet.title', this.sheet.title.$t);
	287	+ this.set('sheet.updated', new Date(this.sheet.updated.$t));
	288	+ this.set('sheet.authors', authors);
	289	+
	290	+ this._worksheetId = this.sheet.id.$t.split('/').slice(-1)[0];
	291	+ this._getWorksheet();
	292	+ },
	293	+
	294	+ _tabChanged: function(newValue, oldValue) {
	295	+ if (!this.tab.title) {
	296	+ return;
	297	+ }
	298	+
	299	+ var authors = this.tab.authors = this.tab.author && this.tab.author.map(function(a) {
	300	+ return {email: a.email.$t, name: a.name.$t};
	301	+ });
	302	+
	303	+ this.set('tab.title', this.tab.title.$t);
	304	+ this.set('tab.updated', new Date(this.tab.updated.$t));
	305	+ this.set('tab.authors', authors);
	306	+
	307	+ this.fire('google-sheet-data', {
	308	+ type: 'tab',
	309	+ data: this.tab
	310	+ });
	311	+ },
	312	+
	313	+ _onSignInSuccess: function(e, detail) {
	314	+ var oauthToken = gapi.auth2.getAuthInstance().currentUser.get().getAuthResponse();
	315	+
	316	+ var headers = {
	317	+ 'Authorization': 'Bearer ' + oauthToken.access_token
	318	+ };
	319	+
	320	+ this.$.listsheetsajax.headers = headers;
	321	+ this.$.worksheetajax.headers = headers;
	322	+ this.$.cellrowsajax.headers = headers;
	323	+
	324	+ // TODO(ericbidelman): don't make this call if this.spreadsheets is
	325	+ // already populated from another instance.
	326	+ this._listSpreadsheets();
	327	+ },
	328	+
	329	+ _onSignInFail: function(e, detail) {
	330	+ // TODO(ericbidelman): handle this in some way.
	331	+ console.log(e, e.type);
	332	+ },
	333	+
	334	+ _listSpreadsheets: function() {
	335	+ var url = SCOPE_ + '/spreadsheets/private/full';
	336	+ this.$.listsheetsajax.url = url;
	337	+ this.$.listsheetsajax.generateRequest();
	338	+ },
	339	+
	340	+ _onSpreadsheetList: function(e) {
	341	+ e.stopPropagation();
	342	+
	343	+ var feed = e.target.lastResponse.feed;
	344	+
	345	+ this._setSpreadsheets(feed.entry);
	346	+
	347	+ this.fire('google-sheet-data', {
	348	+ type: 'spreadsheets',
	349	+ data: this.spreadsheets
	350	+ });
	351	+
	352	+ // Fetch worksheet feed if key was given and worksheet exists.
	353	+ if (this.key) {
	354	+ for (var i = 0, entry; entry = feed.entry[i]; ++i) {
	355	+ var altLink = getLink_('alternate', entry.link);
	356	+ if (altLink && altLink.href.indexOf(this.key) != -1) {
	357	+ this._setSheet(entry);
	358	+ break;
	359	+ }
	360	+ }
	361	+ }
	362	+ },
	363	+
	364	+ _getWorksheet: function() {
	365	+ if (!this._worksheetId) {
	366	+ throw new Error('workesheetId was not given.');
	367	+ }
	368	+
	369	+ var url = SCOPE_ + '/worksheets/' + this._worksheetId +
	370	+ '/private/full/' + this.tabId;
	371	+ this.$.worksheetajax.url = url;
	372	+ this.$.worksheetajax.generateRequest();
	373	+ },
	374	+
	375	+ _onWorksheet: function(e) {
	376	+ e.stopPropagation();
	377	+
	378	+ // this.tab = e.target.lastResponse.entry;
	379	+ this._setTab(e.target.lastResponse.entry);
	380	+ this._getCellRows();
	381	+ },
	382	+
	383	+ _getCellRows: function() {
	384	+ // Use cached data if available.
	385	+ var key = generateCacheKey_.call(this);
	386	+ if (key in rowDataCache_) {
	387	+ this._onCellRows(null, null, rowDataCache_[key]);
	388	+
	389	+ return;
	390	+ }
	391	+
	392	+ var url = SCOPE_ + '/list/' +
	393	+ this._worksheetId + '/' + this.tabId +
	394	+ '/private/full';
	395	+ this.$.cellrowsajax.url = url;
	396	+ this.$.cellrowsajax.generateRequest();
	397	+ },
	398	+
	399	+ _onCellRows: function(e) {
	400	+ e.stopPropagation();
	401	+
	402	+ var feed = e.target.lastResponse.feed;
	403	+
	404	+ // Cache data if key doesn't exist.
	405	+ var key = generateCacheKey_.call(this);
	406	+ if (!(key in rowDataCache_)) {
	407	+ rowDataCache_[key] = {response: {feed: feed}};
	408	+ }
	409	+
	410	+ // this.rows = feed.entry;
	411	+ this._setRows(feed.entry);
	412	+ var authors = feed.author && feed.author.map(function(a) {
	413	+ return {email: a.email.$t, name: a.name.$t};
	414	+ });
	415	+ this.set('rows.authors', authors);
	416	+
	417	+ if (this.published) {
	418	+ // this.tab = feed;
	419	+ this._setTab(feed);
	420	+ }
	421	+
	422	+ this.fire('google-sheet-data', {
	423	+ type: 'rows',
	424	+ data: this.rows
	425	+ });
	426	+ }
	427	+
	428	+ });
	429	+
	430	+})();
	431	+</script>
...	...

bower_components/google-sheets/index.html 0 → 100755

View file @525c13d

	1	+<!doctype html>
	2	+<!-- Copyright (c) 2015 Google Inc. All rights reserved. -->
	3	+<html>
	4	+<head>
	5	+
	6	+ <script src="../webcomponentsjs/webcomponents-lite.js"></script>
	7	+ <link rel="import" href="../iron-component-page/iron-component-page.html">
	8	+
	9	+</head>
	10	+<body>
	11	+
	12	+ <iron-component-page></iron-component-page>
	13	+
	14	+</body>
	15	+</html>
...	...

bower_components/google-sheets/tests/google-sheet.html 0 → 100644

View file @525c13d

	1	+<!doctype html>
	2	+<!-- Copyright (c) 2015 Google Inc. All rights reserved. -->
	3	+<html>
	4	+<head>
	5	+ <meta charset="utf-8">
	6	+ <title>google-sheet tests</title>
	7	+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
	8	+
	9	+ <script src="../../../platform/platform.js"></script>
	10	+ <link rel="import" href="../../../polymer-test-tools/tools.html">
	11	+ <script src="../../../polymer-test-tools/htmltest.js"></script>
	12	+
	13	+ <link rel="import" href="../google-sheets.html">
	14	+</head>
	15	+<body>
	16	+
	17	+<google-sheets id="sheet1"></google-sheets>
	18	+
	19	+<script>
	20	+document.addEventListener('polymer-ready', function() {
	21	+
	22	+ (function() {
	23	+ var sheet = document.querySelector('#sheet1');
	24	+ var root = sheet.shadowRoot;
	25	+
	26	+ // Check defaults.
	27	+ assert.lengthOf(sheet.spreadsheets, 0,
	28	+ '.spreadsheets length should default to 0');
	29	+ assert.lengthOf(sheet.rows, 0, '.rows length should default to 0');
	30	+ assert.isObject(sheet.sheet, '.sheet should default to {}');
	31	+ assert.isObject(sheet.tab, '.tab should default to {}');
	32	+
	33	+ assert.equal(sheet.key, '', ".key default is not ''");
	34	+ assert.equal(sheet.gid, 0, '.gid default is not 0');
	35	+ assert.isFalse(sheet.published, '.published does not default to false');
	36	+ assert.isNotNull(root.querySelector('google-signin-aware'),
	37	+ 'google-signin-aware should be created for non-public sheet');
	38	+
	39	+ done();
	40	+
	41	+ })();
	42	+
	43	+});
	44	+</script>
	45	+</body>
	46	+</html>
...	...

bower_components/google-sheets/tests/index.html 0 → 100644

View file @525c13d

	1	+<!doctype html>
	2	+<!-- Copyright (c) 2015 Google Inc. All rights reserved. -->
	3	+<html>
	4	+ <head>
	5	+ <meta charset="utf-8">
	6	+ <title>Runs all tests</title>
	7	+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
	8	+ <script src="../../platform/platform.js"></script>
	9	+ <link rel="import" href="tests.html">
	10	+ </head>
	11	+ <body>
	12	+ <div id="mocha"></div>
	13	+ </body>
	14	+</html>
...	...

bower_components/google-sheets/tests/private.html 0 → 100644

View file @525c13d

	1	+<!doctype html>
	2	+<!-- Copyright (c) 2015 Google Inc. All rights reserved. -->
	3	+<html>
	4	+<head>
	5	+ <meta charset="utf-8">
	6	+ <title>google-sheet tests</title>
	7	+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
	8	+
	9	+ <script src="../../../platform/platform.js"></script>
	10	+ <link rel="import" href="../../../polymer-test-tools/tools.html">
	11	+ <script src="../../../polymer-test-tools/htmltest.js"></script>
	12	+
	13	+ <link rel="import" href="../google-sheets.html">
	14	+</head>
	15	+<body>
	16	+
	17	+<div>
	18	+ <p>Tests live private spreadsheet data.</p>
	19	+ <p>This test needs to be run manually, standalone in order to fetch an OAuth token.</p>
	20	+
	21	+ <b>NOTES:</b><br>
	22	+ <li>run manually off of localhost:3000/google-sheets/tests/private.html. Can also run from port 8080.</li>
	23	+ <li>use the account: webcomponents.test@gmail.com</li>
	24	+</div>
	25	+
	26	+<google-sheets id="sheet" gid="1"
	27	+ clientId="750497606405-1hq66meqmr4dp09dn54j9ggv85vbv0gp.apps.googleusercontent.com"
	28	+ key="0AjqzxJ5RoRrWdGh2S0RRYURXTlNHdm9pQlFuM1ZwZWc"></google-sheets>
	29	+
	30	+<script>
	31	+document.addEventListener('polymer-ready', function() {
	32	+
	33	+ (function() {
	34	+ var sheet = document.querySelector('#sheet');
	35	+ var root = sheet.shadowRoot;
	36	+
	37	+ // Test set attributes.
	38	+ assert.equal(sheet.key,
	39	+ '0AjqzxJ5RoRrWdGh2S0RRYURXTlNHdm9pQlFuM1ZwZWc', ".key was not updated");
	40	+ assert.equal(sheet.gid, 1, '.gid was not updated');
	41	+ assert.equal(sheet.clientId,
	42	+ '750497606405-1hq66meqmr4dp09dn54j9ggv85vbv0gp.apps.googleusercontent.com', ".clientId was not set");
	43	+
	44	+ sheet.addEventListener('google-sheet-data', function(e) {
	45	+
	46	+ switch (e.detail.type) {
	47	+ case 'spreadsheets':
	48	+ assert.isTrue(this.spreadsheets.length > 0,
	49	+ '.spreadsheets should be populated for private feeds.');
	50	+ break;
	51	+ case 'tab':
	52	+ assert.equal(this.tab.title, 'SECONDTAB', '.tab.title is incorrect');
	53	+ break;
	54	+ case 'rows':
	55	+ assert.lengthOf(this.rows.authors, 1, '.rows.authors array');
	56	+
	57	+ var name = this.rows.authors[0].name;
	58	+ var email = this.rows.authors[0].email
	59	+
	60	+ assert.equal(email, 'webcomponents.test@gmail.com', 'author email not set correctly');
	61	+ assert.equal(name, 'webcomponents.test', 'author name not set correctly');
	62	+
	63	+ assert.equal(this.rows[0].title.$t, 'FIRST NAME', '"name" column was incorrect');
	64	+ assert.equal(this.rows[1].gsx$state.$t, 'OR', '"state" column was incorrect');
	65	+
	66	+ break;
	67	+ default:
	68	+ // Noop
	69	+ }
	70	+
	71	+ done();
	72	+
	73	+ });
	74	+
	75	+ })();
	76	+
	77	+});
	78	+</script>
	79	+</body>
	80	+</html>
	81	+
...	...

bower_components/google-sheets/tests/published.html 0 → 100644

View file @525c13d

	1	+<!doctype html>
	2	+<!-- Copyright (c) 2015 Google Inc. All rights reserved. -->
	3	+<html>
	4	+<head>
	5	+ <meta charset="utf-8">
	6	+ <title>google-sheet tests</title>
	7	+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
	8	+
	9	+ <script src="../../../platform/platform.js"></script>
	10	+ <link rel="import" href="../../../polymer-test-tools/tools.html">
	11	+ <script src="../../../polymer-test-tools/htmltest.js"></script>
	12	+
	13	+ <link rel="import" href="../google-sheets.html">
	14	+</head>
	15	+<body>
	16	+
	17	+<google-sheets id="sheet" key="0Anye-JMjUkZZdDBkMVluMEhZMmFGeHpYdDJJV1FBRWc"
	18	+ published></google-sheets>
	19	+
	20	+<script>
	21	+document.addEventListener('polymer-ready', function() {
	22	+
	23	+ var sheet = document.querySelector('#sheet');
	24	+ var root = sheet.shadowRoot;
	25	+
	26	+ assert.isTrue(sheet.published);
	27	+ assert.isNull(root.querySelector('google-signin-aware'),
	28	+ 'google-signin-aware should not be created for a published sheet');
	29	+
	30	+ sheet.addEventListener('google-sheet-data', function(e) {
	31	+
	32	+ if (e.detail.type === 'tab') {
	33	+ assert.equal(this.tab.title, 'Locations',
	34	+ 'Published spreadsheet title is not correct.');
	35	+ assert.isNotNull(this.tab.updated, '.tab.updated was not set');
	36	+ assert.isTrue(this.tab.authors.length > 0, '.tab.authors was 0');
	37	+ } else if (e.detail.type === 'rows') {
	38	+ assert.lengthOf(this.spreadsheets, 0,
	39	+ '.spreadsheets length should be 0 since spreadsheet key was given');
	40	+ assert.isTrue(this.rows.length > 0, '.rows was not populated');
	41	+ }
	42	+
	43	+ assert.equal(this.$.cellrowsajax.url, '',
	44	+ '#cellrowsajax should not be invoked for a public spreadsheet');
	45	+
	46	+ done();
	47	+ });
	48	+});
	49	+</script>
	50	+</body>
	51	+</html>
...	...

bower_components/google-sheets/tests/tests.html 0 → 100644

View file @525c13d

	1	+<!-- Copyright (c) 2015 Google Inc. All rights reserved. -->
	2	+
	3	+<link rel="import" href="../../polymer-test-tools/tools.html">
	4	+<script src="../../polymer-test-tools/mocha-htmltest.js"></script>
	5	+
	6	+<script>
	7	+mocha.setup({ui: 'tdd', slow: 1000, timeout: 5000, htmlbase: ''});
	8	+
	9	+htmlSuite('google-sheet', function() {
	10	+ htmlTest('google-sheet.html');
	11	+ htmlTest('published.html');
	12	+ htmlTest('private.html');
	13	+});
	14	+
	15	+mocha.run();
	16	+</script>
...	...

bower_components/google-signin/.bower.json 0 → 100644

View file @525c13d

	1	+{
	2	+ "name": "google-signin",
	3	+ "version": "1.2.0",
	4	+ "description": "Web components to authenticate with Google services",
	5	+ "homepage": "https://googlewebcomponents.github.io/google-signin",
	6	+ "main": "google-signin.html",
	7	+ "authors": [
	8	+ "Addy Osmani",
	9	+ "Randy Merrill"
	10	+ ],
	11	+ "license": "Apache-2",
	12	+ "ignore": [
	13	+ "/.*",
	14	+ "/test/"
	15	+ ],
	16	+ "keywords": [
	17	+ "web-component",
	18	+ "web-components",
	19	+ "polymer",
	20	+ "sign-in",
	21	+ "google",
	22	+ "authentication"
	23	+ ],
	24	+ "dependencies": {
	25	+ "polymer": "Polymer/polymer#^1.0.0",
	26	+ "font-roboto": "PolymerElements/font-roboto#^1.0.0",
	27	+ "iron-icon": "PolymerElements/iron-icon#^1.0.0",
	28	+ "iron-icons": "PolymerElements/iron-icons#^1.0.0",
	29	+ "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
	30	+ "paper-ripple": "PolymerElements/paper-ripple#^1.0.0",
	31	+ "paper-material": "PolymerElements/paper-material#^1.0.0",
	32	+ "google-apis": "GoogleWebComponents/google-apis#^1.0.0"
	33	+ },
	34	+ "devDependencies": {
	35	+ "iron-component-page": "PolymerElements/iron-component-page#^1.0.2"
	36	+ },
	37	+ "_release": "1.2.0",
	38	+ "_resolution": {
	39	+ "type": "version",
	40	+ "tag": "v1.2.0",
	41	+ "commit": "a1414b51b39e0a7dfe7031eb73a7733e2216579d"
	42	+ },
	43	+ "_source": "git://github.com/GoogleWebComponents/google-signin.git",
	44	+ "_target": "^1.0.3",
	45	+ "_originalSource": "GoogleWebComponents/google-signin"
	46	+}
0	47	\ No newline at end of file
...	...

bower_components/google-signin/LICENSE 0 → 100644

View file @525c13d

	1	+Copyright 2014 Google Inc
	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	+ https://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.
...	...

bower_components/google-signin/README.md 0 → 100644

View file @525c13d

	1	+google-signin
	2	+================
	3	+
	4	+See the [component page](https://googlewebcomponents.github.io/google-signin) for more information.
...	...

bower_components/google-signin/bower.json 0 → 100644

View file @525c13d

	1	+{
	2	+ "name": "google-signin",
	3	+ "version": "1.2.0",
	4	+ "description": "Web components to authenticate with Google services",
	5	+ "homepage": "https://googlewebcomponents.github.io/google-signin",
	6	+ "main": "google-signin.html",
	7	+ "authors": [
	8	+ "Addy Osmani",
	9	+ "Randy Merrill"
	10	+ ],
	11	+ "license": "Apache-2",
	12	+ "ignore": [
	13	+ "/.*",
	14	+ "/test/"
	15	+ ],
	16	+ "keywords": [
	17	+ "web-component",
	18	+ "web-components",
	19	+ "polymer",
	20	+ "sign-in",
	21	+ "google",
	22	+ "authentication"
	23	+ ],
	24	+ "dependencies": {
	25	+ "polymer": "Polymer/polymer#^1.0.0",
	26	+ "font-roboto": "PolymerElements/font-roboto#^1.0.0",
	27	+ "iron-icon": "PolymerElements/iron-icon#^1.0.0",
	28	+ "iron-icons": "PolymerElements/iron-icons#^1.0.0",
	29	+ "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
	30	+ "paper-ripple": "PolymerElements/paper-ripple#^1.0.0",
	31	+ "paper-material": "PolymerElements/paper-material#^1.0.0",
	32	+ "google-apis": "GoogleWebComponents/google-apis#^1.0.0"
	33	+ },
	34	+ "devDependencies": {
	35	+ "iron-component-page": "PolymerElements/iron-component-page#^1.0.2"
	36	+ }
	37	+}
...	...

bower_components/google-signin/demo/index.html 0 → 100644

View file @525c13d

	1	+<!doctype html>
	2	+<!-- Copyright (c) 2014 Google Inc. All rights reserved. -->
	3	+<html>
	4	+<head>
	5	+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
	6	+
	7	+ <title>google-signin Demo</title>
	8	+
	9	+ <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
	10	+ <link rel="import" href="../google-signin.html">
	11	+ <link rel="import" href="../google-signin-aware.html">
	12	+
	13	+ <!-- Demo only styles -->
	14	+ <style>
	15	+ body {
	16	+ font-family: 'RobotoDraft', 'Roboto', sans-serif;
	17	+ line-height:1.2;
	18	+ vertical-align:middle;
	19	+ background: rgba(204, 204, 204, 0.31);
	20	+ }
	21	+
	22	+
	23	+ .map {
	24	+ background: whitesmoke;
	25	+ margin: .5rem -1.5rem 0 -1.5rem;
	26	+ padding: 0.5rem;
	27	+ }
	28	+
	29	+ h1 {
	30	+ font-size: 2rem;
	31	+ font-weight:200;
	32	+ clear: both;
	33	+ }
	34	+
	35	+ h1 strong {
	36	+ font-weight:300;
	37	+ color:#539D00;
	38	+ }
	39	+
	40	+ h2 {
	41	+ font-size:.9rem;
	42	+ line-height:2.5;
	43	+ color:gray;
	44	+ font-weight:400;
	45	+ clear: both;
	46	+ }
	47	+
	48	+ .showcase {
	49	+ display: inline-block;
	50	+ margin-right: 2rem;
	51	+ float: left;
	52	+ }
	53	+ </style>
	54	+
	55	+</head>
	56	+
	57	+<body>
	58	+ <p>A <code><google-signin></code> element looks like this button:</p>
	59	+
	60	+ <p><google-signin brand="google" client-id="1054047045356-j8pgqgls9vdef3rl09hapoicumbte0bo.apps.googleusercontent.com"></google-signin>
	61	+or like this if plus scopes are present
	62	+ <google-signin brand="google-plus"></google-signin>
	63	+ </p>
	64	+ <p>Signin button can vary its appearance:</p>
	65	+ <p>Width:
	66	+ <google-signin brand="google" width="wide"></google-signin>
	67	+ <google-signin brand="google" width="iconOnly"></google-signin>
	68	+ Height:
	69	+ <google-signin brand="google" height="tall"></google-signin>
	70	+ <google-signin brand="google" height="standard"></google-signin>
	71	+ <google-signin brand="google" height="short"></google-signin>
	72	+ </p>
	73	+ <p>
	74	+ Theme:
	75	+ <google-signin brand="google" theme="dark"></google-signin>
	76	+ <google-signin brand="google" theme="light"></google-signin>
	77	+ <google-signin brand="google-plus" theme="light"></google-signin>
	78	+ <google-signin brand="google-plus" theme="light" raised></google-signin>
	79	+ </p>
	80	+ <!-- Demo the ability to use the google-signin-aware element. -->
	81	+ <p><code><google-signin-aware></code> is a companion element.</p>
	82	+ <p>You can use it inside your components to request additional scopes.</p>
	83	+ <p>Every signin button will request all the scopes present in the document,
	84	+ and change its appearance to match</p>
	85	+ <p>For example, here is a signin-aware scope. You can change its scopes via popup</p>
	86	+ <template id="awareness" is="dom-bind">
	87	+ <div><code><google-signin-aware
	88	+ <div>scope=
	89	+ <select value="{{scope::change}}">
	90	+ <option value="">None</option>
	91	+ <option value="https://www.googleapis.com/auth/analytics">Google Analytics</option>
	92	+ <option value="https://www.googleapis.com/auth/plus.login">Google Plus view circles</option>
	93	+ <option value="https://www.googleapis.com/auth/youtube">YouTube</option>
	94	+ <option value="https://www.googleapis.com/auth/calendar">Calendar</option>
	95	+ <option value="profile">Profile info</option>
	96	+ </select>
	97	+ </div>
	98	+ <div>offline=<input type="checkbox" checked="{{offline::change}}"></div>
	99	+ <div>signedIn="<span>{{signedIn}}</span>"</div>
	100	+ <div>isAuthorized="<span>{{isAuthorized}}</span>"</div>
	101	+ <div>needAdditionalAuth:"<span>{{needAdditionalAuth}}</span>"></div>
	102	+ </code></div>
	103	+ <p>Every new scope you select will be added to requested scopes.</p>
	104	+ <p>When you select a Google Plus scope, button will turn red.</p>
	105	+ <google-signin></google-signin>
	106	+ </p>
	107	+ <google-signin-aware
	108	+ scopes="{{scope}}"
	109	+ signed-in="{{signedIn}}"
	110	+ offline="{{offline}}"
	111	+ is-authorized="{{isAuthorized}}"
	112	+ need-additional-auth="{{needAdditionalAuth}}"
	113	+ on-google-signin-aware-success="handleSignIn"
	114	+ on-google-signin-offline-success="handleOffline"
	115	+ on-google-signin-aware-signed-out="handleSignOut"></google-signin-aware>
	116	+ <p>User name:<span>{{userName}}</span></p>
	117	+ <p>Testing <code>google-signin-aware</code> events: <span>{{status}}</span></p>
	118	+ <p>Testing <code>google-signin-offline</code> events: <span>{{offlineCode}}</span></p>
	119	+ <p><button on-click="disconnect">Disconnect to start over</button></p>
	120	+ </template>
	121	+ <script>
	122	+ var aware = document.querySelector('#awareness');
	123	+ aware.status = 'Not granted';
	124	+ aware.offlineCode = 'No offline login.';
	125	+ aware.userName = 'N/A';
	126	+ aware.handleSignIn = function(response) {
	127	+ this.status = 'Signin granted';
	128	+ // console.log('[Aware] Signin Response', response);
	129	+ this.userName = gapi.auth2.getAuthInstance().currentUser.get().getBasicProfile().getName();
	130	+ };
	131	+ aware.handleOffline = function(response) {
	132	+ this.offlineCode = response.detail.code;
	133	+ };
	134	+ aware.handleSignOut = function(response) {
	135	+ this.status = 'Signed out';
	136	+ // console.log('[Aware] Signout Response', response);
	137	+ this.userName = 'N/A';
	138	+ };
	139	+ aware.disconnect = function() {
	140	+ var b = document.querySelector('google-signin');
	141	+ var currentUser = gapi.auth2.getAuthInstance().currentUser.get();
	142	+ if (currentUser) {
	143	+ currentUser.disconnect();
	144	+ }
	145	+ gapi.auth2.getAuthInstance().signOut();
	146	+ };
	147	+
	148	+ </script>
	149	+</body>
	150	+</html>
...	...

bower_components/google-signin/google-icons.html 0 → 100644

View file @525c13d

	1	+<!--
	2	+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
	3	+This code may only be used under the BSD style license found at https://polymer.github.io/LICENSE.txt
	4	+The complete set of authors may be found at https://polymer.github.io/AUTHORS.txt
	5	+The complete set of contributors may be found at https://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 https://polymer.github.io/PATENTS.txt
	8	+-->
	9	+
	10	+<link rel="import" href="../iron-icon/iron-icon.html">
	11	+<link rel="import" href="../iron-iconset-svg/iron-iconset-svg.html">
	12	+<iron-iconset-svg name="google" iconSize="24">
	13	+<svg><defs>
	14	+<g id="google"><path d="M16.3,13.4l-1.1-0.8c-0.4-0.3-0.8-0.7-0.8-1.4c0-0.7,0.5-1.3,1-1.6c1.3-1,2.6-2.1,2.6-4.3c0-2.1-1.3-3.3-2-3.9h1.7L18.9,0h-6.2C8.3,0,6.1,2.8,6.1,5.8c0,2.3,1.8,4.8,5,4.8h0.8c-0.1,0.3-0.4,0.8-0.4,1.3c0,1,0.4,1.4,0.9,2c-1.4,0.1-4,0.4-5.9,1.6c-1.8,1.1-2.3,2.6-2.3,3.7c0,2.3,2.1,4.5,6.6,4.5c5.4,0,8-3,8-5.9C18.8,15.7,17.7,14.6,16.3,13.4z M8.7,4.3c0-2.2,1.3-3.2,2.7-3.2c2.6,0,4,3.5,4,5.5c0,2.6-2.1,3.1-2.9,3.1C10,9.7,8.7,6.6,8.7,4.3z M12.3,22.3c-3.3,0-5.4-1.5-5.4-3.7c0-2.2,2-2.9,2.6-3.2c1.3-0.4,3-0.5,3.3-0.5c0.3,0,0.5,0,0.7,0c2.4,1.7,3.4,2.4,3.4,4C16.9,20.8,15,22.3,12.3,22.3z"/></g>
	15	+<g id="google-plus"><path d="M21,10V7h-2v3h-3v2h3v3h2v-3h3v-2H21z M13.3,13.4l-1.1-0.8c-0.4-0.3-0.8-0.7-0.8-1.4c0-0.7,0.5-1.3,1-1.6c1.3-1,2.6-2.1,2.6-4.3c0-2.1-1.3-3.3-2-3.9h1.7L15.9,0H9.7C5.3,0,3.1,2.8,3.1,5.8c0,2.3,1.8,4.8,5,4.8h0.8c-0.1,0.3-0.4,0.8-0.4,1.3c0,1,0.4,1.4,0.9,2c-1.4,0.1-4,0.4-5.9,1.6c-1.8,1.1-2.3,2.6-2.3,3.7c0,2.3,2.1,4.5,6.6,4.5c5.4,0,8-3,8-5.9C15.8,15.7,14.7,14.6,13.3,13.4z M5.7,4.3c0-2.2,1.3-3.2,2.7-3.2c2.6,0,4,3.5,4,5.5c0,2.6-2.1,3.1-2.9,3.1C7,9.7,5.7,6.6,5.7,4.3z M9.3,22.3c-3.3,0-5.4-1.5-5.4-3.7c0-2.2,2-2.9,2.6-3.2c1.3-0.4,3-0.5,3.3-0.5c0.3,0,0.5,0,0.7,0c2.4,1.7,3.4,2.4,3.4,4C13.9,20.8,12,22.3,9.3,22.3z"/></g>
	16	+</defs></svg>
	17	+</iron-iconset-svg>
...	...

bower_components/google-signin/google-signin-aware.html 0 → 100644

View file @525c13d

	1	+<link rel="import" href="../polymer/polymer.html">
	2	+<link rel="import" href="../google-apis/google-js-api.html">
	3	+
	4	+<script>
	5	+ (function() {
	6	+
	7	+ /**
	8	+ * Enum of attributes to be passed through to the login API call.
	9	+ * @readonly
	10	+ * @enum {string}
	11	+ */
	12	+ var ProxyLoginAttributes = {
	13	+ 'appPackageName': 'apppackagename',
	14	+ 'clientId': 'clientid',
	15	+ 'cookiePolicy': 'cookiepolicy',
	16	+ 'requestVisibleActions': 'requestvisibleactions',
	17	+ 'hostedDomain': 'hostedDomain'
	18	+ };
	19	+
	20	+ /**
	21	+ * AuthEngine does all interactions with gapi.auth2
	22	+ *
	23	+ * It is tightly coupled with <google-signin-aware> element
	24	+ * The elements configure AuthEngine.
	25	+ * AuthEngine propagates all authentication events to all google-signin-aware elements
	26	+ *
	27	+ * API used: https://developers.google.com/identity/sign-in/web/reference
	28	+ *
	29	+ */
	30	+ var AuthEngine = {
	31	+
	32	+ /**
	33	+ * oauth2 argument, set by google-signin-aware
	34	+ */
	35	+ _clientId: null,
	36	+
	37	+ get clientId() {
	38	+ return this._clientId;
	39	+ },
	40	+
	41	+ set clientId(val) {
	42	+ if (this._clientId && val && val != this._clientId) {
	43	+ throw new Error('clientId cannot change. Values do not match. New: ' + val + ' Old:' + this._clientId);
	44	+ }
	45	+ if (val) {
	46	+ this._clientId = val;
	47	+ this.initAuth2();
	48	+ }
	49	+ },
	50	+
	51	+ /**
	52	+ * oauth2 argument, set by google-signin-aware
	53	+ */
	54	+ _cookiePolicy: 'single_host_origin',
	55	+
	56	+ get cookiePolicy() {
	57	+ return this._cookiePolicy;
	58	+ },
	59	+
	60	+ set cookiePolicy(val) {
	61	+ if (val) {
	62	+ this._cookiePolicy = val;
	63	+ }
	64	+ },
	65	+
	66	+ /**
	67	+ * oauth2 argument, set by google-signin-aware
	68	+ */
	69	+ _appPackageName: '',
	70	+
	71	+ get appPackageName() {
	72	+ return this._appPackageName;
	73	+ },
	74	+
	75	+ set appPackageName(val) {
	76	+ if (this._appPackageName && val && val != this._appPackageName) {
	77	+ throw new Error('appPackageName cannot change. Values do not match. New: ' + val + ' Old: ' + this._appPackageName);
	78	+ }
	79	+ if (val) {
	80	+ this._appPackageName = val;
	81	+ }
	82	+ },
	83	+
	84	+ /**
	85	+ * oauth2 argument, set by google-signin-aware
	86	+ */
	87	+ _requestVisibleActions: '',
	88	+
	89	+ get requestVisibleactions() {
	90	+ return this._requestVisibleActions;
	91	+ },
	92	+
	93	+ set requestVisibleactions(val) {
	94	+ if (this._requestVisibleActions && val && val != this._requestVisibleActions) {
	95	+ throw new Error('requestVisibleactions cannot change. Values do not match. New: ' + val + ' Old: ' + this._requestVisibleActions);
	96	+ }
	97	+ if (val)
	98	+ this._requestVisibleActions = val;
	99	+ },
	100	+
	101	+ /**
	102	+ * oauth2 argument, set by google-signin-aware
	103	+ */
	104	+ _hostedDomain: '',
	105	+
	106	+ get hostedDomain() {
	107	+ return this._hostedDomain;
	108	+ },
	109	+
	110	+ set hostedDomain(val) {
	111	+ if (this._hostedDomain && val && val != this._hostedDomain) {
	112	+ throw new Error('hostedDomain cannot change. Values do not match. New: ' + val + ' Old: ' + this._hostedDomain);
	113	+ }
	114	+ if (val)
	115	+ this._hostedDomain = val;
	116	+ },
	117	+
	118	+ /** Is offline access currently enabled in the google-signin-aware element? */
	119	+ _offline: false,
	120	+
	121	+ get offline() {
	122	+ return this._offline;
	123	+ },
	124	+
	125	+ set offline(val) {
	126	+ this._offline = val;
	127	+ this.updateAdditionalAuth();
	128	+ },
	129	+
	130	+ /** Should we force a re-prompt for offline access? */
	131	+ _offlineAlwaysPrompt: false,
	132	+
	133	+ get offlineAlwaysPrompt() {
	134	+ return this._offlineAlwaysPrompt;
	135	+ },
	136	+
	137	+ set offlineAlwaysPrompt(val) {
	138	+ this._offlineAlwaysPrompt = val;
	139	+ this.updateAdditionalAuth();
	140	+ },
	141	+
	142	+ /** Have we already gotten offline access from Google during this session? */
	143	+ offlineGranted: false,
	144	+
	145	+ /** <google-js-api> */
	146	+ _apiLoader: null,
	147	+
	148	+ /** an array of wanted scopes. oauth2 argument */
	149	+ _requestedScopeArray: [],
	150	+
	151	+ /** _requestedScopeArray as string */
	152	+ get requestedScopes() {
	153	+ return this._requestedScopeArray.join(' ');
	154	+ },
	155	+
	156	+ /** Is user signed in? */
	157	+ _signedIn: false,
	158	+
	159	+ /** Currently granted scopes */
	160	+ _grantedScopeArray: [],
	161	+
	162	+ /** True if additional authorization is required */
	163	+ _needAdditionalAuth: true,
	164	+
	165	+ /** True if have google+ scopes */
	166	+ _hasPlusScopes: false,
	167	+
	168	+ /**
	169	+ * array of <google-signin-aware>
	170	+ * state changes are broadcast to them
	171	+ */
	172	+ signinAwares: [],
	173	+
	174	+ init: function() {
	175	+ this._apiLoader = document.createElement('google-js-api');
	176	+ this._apiLoader.addEventListener('js-api-load', this.loadAuth2.bind(this));
	177	+ },
	178	+
	179	+ loadAuth2: function() {
	180	+ gapi.load('auth2', this.initAuth2.bind(this));
	181	+ },
	182	+
	183	+ initAuth2: function() {
	184	+ if (!('gapi' in window) \|\| !('auth2' in window.gapi) \|\| !this.clientId) {
	185	+ return;
	186	+ }
	187	+ var auth = gapi.auth2.init({
	188	+ 'client_id': this.clientId,
	189	+ 'cookie_policy': this.cookiePolicy,
	190	+ 'scope': this.requestedScopes,
	191	+ 'hosted_domain': this.hostedDomain
	192	+ });
	193	+
	194	+ auth.currentUser.listen(this.handleUserUpdate.bind(this));
	195	+
	196	+ auth.then(
	197	+ function success() {
	198	+ // Let the current user listener trigger the changes.
	199	+ },
	200	+ function error(error) {
	201	+ console.error(error);
	202	+ }
	203	+ );
	204	+ },
	205	+
	206	+ handleUserUpdate: function(newPrimaryUser) {
	207	+ // update and broadcast currentUser
	208	+ var isSignedIn = newPrimaryUser.isSignedIn();
	209	+ if (isSignedIn != this._signedIn) {
	210	+ this._signedIn = isSignedIn;
	211	+ for (var i=0; i<this.signinAwares.length; i++) {
	212	+ this.signinAwares[i]._setSignedIn(isSignedIn);
	213	+ }
	214	+ }
	215	+
	216	+ // update granted scopes
	217	+ this._grantedScopeArray = this.strToScopeArray(
	218	+ newPrimaryUser.getGrantedScopes());
	219	+ // console.log(this._grantedScopeArray);
	220	+ this.updateAdditionalAuth();
	221	+
	222	+ var response = newPrimaryUser.getAuthResponse();
	223	+ for (var i=0; i<this.signinAwares.length; i++) {
	224	+ this.signinAwares[i]._updateScopeStatus(response);
	225	+ }
	226	+ },
	227	+
	228	+ setOfflineCode: function(code) {
	229	+ for (var i=0; i<this.signinAwares.length; i++) {
	230	+ this.signinAwares[i]._updateOfflineCode(code);
	231	+ }
	232	+ },
	233	+
	234	+ /** convert scope string to scope array */
	235	+ strToScopeArray: function(str) {
	236	+ if (!str) {
	237	+ return [];
	238	+ }
	239	+ // remove extra spaces, then split
	240	+ var scopes = str.replace(/\ +/g, ' ').trim().split(' ');
	241	+ for (var i=0; i<scopes.length; i++) {
	242	+ scopes[i] = scopes[i].toLowerCase();
	243	+ // Handle scopes that will be deprecated but are still returned with their old value
	244	+ if (scopes[i] === 'https://www.googleapis.com/auth/userinfo.profile') {
	245	+ scopes[i] = 'profile';
	246	+ }
	247	+ if (scopes[i] === 'https://www.googleapis.com/auth/userinfo.email') {
	248	+ scopes[i] = 'email';
	249	+ }
	250	+ }
	251	+ // return with duplicates filtered out
	252	+ return scopes.filter( function(value, index, self) {
	253	+ return self.indexOf(value) === index;
	254	+ });
	255	+ },
	256	+
	257	+ /** true if scopes have google+ scopes */
	258	+ isPlusScope: function(scope) {
	259	+ return (scope.indexOf('/auth/games') > -1)
	260	+ \|\| (scope.indexOf('auth/plus.') > -1 && scope.indexOf('auth/plus.me') < 0);
	261	+ },
	262	+
	263	+ /** true if scopes have been granted */
	264	+ hasGrantedScopes: function(scopeStr) {
	265	+ var scopes = this.strToScopeArray(scopeStr);
	266	+ for (var i=0; i< scopes.length; i++) {
	267	+ if (this._grantedScopeArray.indexOf(scopes[i]) === -1)
	268	+ return false;
	269	+ }
	270	+ return true;
	271	+ },
	272	+
	273	+ /** request additional scopes */
	274	+ requestScopes: function(newScopeStr) {
	275	+ var newScopes = this.strToScopeArray(newScopeStr);
	276	+ var scopesUpdated = false;
	277	+ for (var i=0; i<newScopes.length; i++) {
	278	+ if (this._requestedScopeArray.indexOf(newScopes[i]) === -1) {
	279	+ this._requestedScopeArray.push(newScopes[i]);
	280	+ scopesUpdated = true;
	281	+ }
	282	+ }
	283	+ if (scopesUpdated) {
	284	+ this.updateAdditionalAuth();
	285	+ this.updatePlusScopes();
	286	+ }
	287	+ },
	288	+
	289	+ /** update status of _needAdditionalAuth */
	290	+ updateAdditionalAuth: function() {
	291	+ var needMoreAuth = false;
	292	+ if ((this.offlineAlwaysPrompt \|\| this.offline ) && !this.offlineGranted) {
	293	+ needMoreAuth = true;
	294	+ } else {
	295	+ for (var i=0; i<this._requestedScopeArray.length; i++) {
	296	+ if (this._grantedScopeArray.indexOf(this._requestedScopeArray[i]) === -1) {
	297	+ needMoreAuth = true;
	298	+ break;
	299	+ }
	300	+ }
	301	+ }
	302	+ if (this._needAdditionalAuth != needMoreAuth) {
	303	+ this._needAdditionalAuth = needMoreAuth;
	304	+ // broadcast new value
	305	+ for (var i=0; i<this.signinAwares.length; i++) {
	306	+ this.signinAwares[i]._setNeedAdditionalAuth(needMoreAuth);
	307	+ }
	308	+ }
	309	+ },
	310	+
	311	+ updatePlusScopes: function() {
	312	+ var hasPlusScopes = false;
	313	+ for (var i = 0; i < this._requestedScopeArray.length; i++) {
	314	+ if (this.isPlusScope(this._requestedScopeArray[i])) {
	315	+ hasPlusScopes = true;
	316	+ break;
	317	+ }
	318	+ }
	319	+ if (this._hasPlusScopes != hasPlusScopes) {
	320	+ this._hasPlusScopes = hasPlusScopes;
	321	+ for (var i=0; i<this.signinAwares.length; i++) {
	322	+ this.signinAwares[i]._setHasPlusScopes(hasPlusScopes);
	323	+ }
	324	+ }
	325	+ },
	326	+ /**
	327	+ * attached <google-signin-aware>
	328	+ * @param {<google-signin-aware>} aware element to add
	329	+ */
	330	+ attachSigninAware: function(aware) {
	331	+ if (this.signinAwares.indexOf(aware) == -1) {
	332	+ this.signinAwares.push(aware);
	333	+ // Initialize aware properties
	334	+ aware._setNeedAdditionalAuth(this._needAdditionalAuth);
	335	+ aware._setSignedIn(this._signedIn);
	336	+ aware._setHasPlusScopes(this._hasPlusScopes);
	337	+ } else {
	338	+ console.warn('signinAware attached more than once', aware);
	339	+ }
	340	+ },
	341	+
	342	+ detachSigninAware: function(aware) {
	343	+ var index = this.signinAwares.indexOf(aware);
	344	+ if (index != -1) {
	345	+ this.signinAwares.splice(index, 1);
	346	+ } else {
	347	+ console.warn('Trying to detach unattached signin-aware');
	348	+ }
	349	+ },
	350	+
	351	+ /** returns scopes not granted */
	352	+ getMissingScopes: function() {
	353	+ return this._requestedScopeArray.filter( function(scope) {
	354	+ return this._grantedScopeArray.indexOf(scope) === -1;
	355	+ }.bind(this)).join(' ');
	356	+ },
	357	+
	358	+ assertAuthInitialized: function() {
	359	+ if (!this.clientId) {
	360	+ throw new Error("AuthEngine not initialized. clientId has not been configured.");
	361	+ }
	362	+ if (!('gapi' in window)) {
	363	+ throw new Error("AuthEngine not initialized. gapi has not loaded.");
	364	+ }
	365	+ if (!('auth2' in window.gapi)) {
	366	+ throw new Error("AuthEngine not initialized. auth2 not loaded.");
	367	+ }
	368	+ },
	369	+
	370	+ /** pops up sign-in dialog */
	371	+ signIn: function() {
	372	+ this.assertAuthInitialized();
	373	+ var params = {
	374	+ 'scope': this.getMissingScopes()
	375	+ };
	376	+
	377	+ // Proxy specific attributes through to the signIn options.
	378	+ Object.keys(ProxyLoginAttributes).forEach(function(key) {
	379	+ if (this[key] && this[key] !== '') {
	380	+ params[ProxyLoginAttributes[key]] = this[key];
	381	+ }
	382	+ }, this);
	383	+
	384	+ var promise;
	385	+ var user = gapi.auth2.getAuthInstance().currentUser.get();
	386	+ if (!(this.offline \|\| this.offlineAlwaysPrompt)) {
	387	+ if (user.getGrantedScopes()) {
	388	+ // additional auth, skip multiple account dialog
	389	+ promise = user.grant(params);
	390	+ } else {
	391	+ // initial signin
	392	+ promise = gapi.auth2.getAuthInstance().signIn(params);
	393	+ }
	394	+ } else {
	395	+ params.redirect_uri = 'postmessage';
	396	+ if (this.offlineAlwaysPrompt) {
	397	+ params.approval_prompt = 'force';
	398	+ }
	399	+
	400	+ // Despite being documented at https://goo.gl/tiO0Bk
	401	+ // It doesn't seem like user.grantOfflineAccess() actually exists in
	402	+ // the current version of the Google Sign-In JS client we're using
	403	+ // through GoogleWebComponents. So in the offline case, we will not
	404	+ // distinguish between a first auth and an additional one.
	405	+ promise = gapi.auth2.getAuthInstance().grantOfflineAccess(params);
	406	+ }
	407	+ promise.then(
	408	+ function success(response) {
	409	+ // If login was offline, response contains one string "code"
	410	+ // Otherwise it contains the user object already
	411	+ var newUser;
	412	+ if (response.code) {
	413	+ AuthEngine.offlineGranted = true;
	414	+ newUser = gapi.auth2.getAuthInstance().currentUser.get();
	415	+ AuthEngine.setOfflineCode(response.code);
	416	+ } else {
	417	+ newUser = response;
	418	+ }
	419	+
	420	+ var authResponse = newUser.getAuthResponse();
	421	+ // Let the current user listener trigger the changes.
	422	+ },
	423	+ function error(error) {
	424	+ if ("Access denied." == error.reason) {
	425	+ // Access denied is not an error, user hit cancel
	426	+ return;
	427	+ } else {
	428	+ console.error(error);
	429	+ }
	430	+ }
	431	+ );
	432	+ },
	433	+
	434	+ /** signs user out */
	435	+ signOut: function() {
	436	+ this.assertAuthInitialized();
	437	+ gapi.auth2.getAuthInstance().signOut().then(
	438	+ function success() {
	439	+ // Let the current user listener trigger the changes.
	440	+ },
	441	+ function error(error) {
	442	+ console.error(error);
	443	+ }
	444	+ );
	445	+ }
	446	+ };
	447	+
	448	+ AuthEngine.init();
	449	+
	450	+/**
	451	+`google-signin-aware` is used to enable authentication in custom elements by
	452	+interacting with a google-signin element that needs to be present somewhere
	453	+on the page.
	454	+
	455	+The `scopes` attribute allows you to specify which scope permissions are required
	456	+(e.g do you want to allow interaction with the Google Drive API).
	457	+
	458	+The `google-signin-aware-success` event is triggered when a user successfully
	459	+authenticates. If either `offline` or `offlineAlwaysPrompt` is set to true, successful
	460	+authentication will also trigger the `google-signin-offline-success`event.
	461	+The `google-signin-aware-signed-out` event is triggered when a user explicitly
	462	+signs out via the google-signin element.
	463	+
	464	+You can bind to `isAuthorized` property to monitor authorization state.
	465	+##### Example
	466	+
	467	+ <google-signin-aware scopes="https://www.googleapis.com/auth/drive"></google-signin-aware>
	468	+
	469	+
	470	+##### Example with offline
	471	+ <template id="awareness" is="dom-bind">
	472	+ <google-signin-aware
	473	+ scopes="https://www.googleapis.com/auth/drive"
	474	+ offline
	475	+ on-google-signin-aware-success="handleSignin"
	476	+ on-google-signin-offline-success="handleOffline"></google-signin-aware>
	477	+ <\/template>
	478	+ <script>
	479	+ var aware = document.querySelector('#awareness');
	480	+ aware.handleSignin = function(response) {
	481	+ var user = gapi.auth2.getAuthInstance().currentUser.get();
	482	+ console.log('User name: ' + user.getBasicProfile().getName());
	483	+ };
	484	+ aware.handleOffline = function(response) {
	485	+ console.log('Offline code received: ' + response.detail.code);
	486	+ // Here you would POST response.detail.code to your webserver, which can
	487	+ // exchange the authorization code for an access token. More info at:
	488	+ // https://developers.google.com/identity/protocols/OAuth2WebServer
	489	+ };
	490	+ <\/script>
	491	+*/
	492	+ Polymer({
	493	+
	494	+ is: 'google-signin-aware',
	495	+
	496	+ /**
	497	+ * Fired when this scope has been authorized
	498	+ * @param {Object} result Authorization result.
	499	+ * @event google-signin-aware-success
	500	+ */
	501	+ /**
	502	+ * Fired when an offline authorization is successful.
	503	+ * @param {Object} detail
	504	+ * @param {string} detail.code The one-time authorization code from Google.
	505	+ * Your application can exchange this for an `access_token` and `refresh_token`
	506	+ * @event google-signin-offline-success
	507	+ */
	508	+ /**
	509	+ * Fired when this scope is not authorized
	510	+ * @event google-signin-aware-signed-out
	511	+ */
	512	+ properties: {
	513	+ /**
	514	+ * App package name for android over-the-air installs.
	515	+ * See the relevant [docs](https://developers.google.com/+/web/signin/android-app-installs)
	516	+ */
	517	+ appPackageName: {
	518	+ type: String,
	519	+ observer: '_appPackageNameChanged'
	520	+ },
	521	+ /**
	522	+ * a Google Developers clientId reference
	523	+ */
	524	+ clientId: {
	525	+ type: String,
	526	+ observer: '_clientIdChanged'
	527	+ },
	528	+
	529	+ /**
	530	+ * The cookie policy defines what URIs have access to the session cookie
	531	+ * remembering the user's sign-in state.
	532	+ * See the relevant [docs](https://developers.google.com/+/web/signin/reference#determining_a_value_for_cookie_policy) for more information.
	533	+ * @default 'single_host_origin'
	534	+ */
	535	+ cookiePolicy: {
	536	+ type: String,
	537	+ observer: '_cookiePolicyChanged'
	538	+ },
	539	+
	540	+ /**
	541	+ * The app activity types you want to write on behalf of the user
	542	+ * (e.g http://schemas.google.com/AddActivity)
	543	+ *
	544	+ */
	545	+ requestVisibleActions: {
	546	+ type: String,
	547	+ observer: '_requestVisibleActionsChanged'
	548	+ },
	549	+
	550	+ /**
	551	+ * The Google Apps domain to which users must belong to sign in.
	552	+ * See the relevant [docs](https://developers.google.com/identity/sign-in/web/reference) for more information.
	553	+ */
	554	+ hostedDomain: {
	555	+ type: String,
	556	+ observer: '_hostedDomainChanged'
	557	+ },
	558	+
	559	+ /**
	560	+ * Allows for offline `access_token` retrieval during the signin process.
	561	+ * See also `offlineAlwaysPrompt`. You only need to set one of the two; if both
	562	+ * are set, the behavior of `offlineAlwaysPrompt` will override `offline`.
	563	+ */
	564	+ offline: {
	565	+ type: Boolean,
	566	+ value: false,
	567	+ observer: '_offlineChanged'
	568	+ },
	569	+
	570	+ /**
	571	+ * Works the same as `offline` with the addition that it will always
	572	+ * force a re-prompt to the user, guaranteeing that you will get a
	573	+ * refresh_token even if the user has already granted offline access to
	574	+ * this application. You only need to set one of `offline` or
	575	+ * `offlineAlwaysPrompt`, not both.
	576	+ */
	577	+ offlineAlwaysPrompt: {
	578	+ type: Boolean,
	579	+ value: false,
	580	+ observer: '_offlineAlwaysPromptChanged'
	581	+ },
	582	+
	583	+ /**
	584	+ * The scopes to provide access to (e.g https://www.googleapis.com/auth/drive)
	585	+ * and should be space-delimited.
	586	+ */
	587	+ scopes: {
	588	+ type: String,
	589	+ value: 'profile',
	590	+ observer: '_scopesChanged'
	591	+ },
	592	+
	593	+ /**
	594	+ * True if user is signed in
	595	+ */
	596	+ signedIn: {
	597	+ type: Boolean,
	598	+ notify: true,
	599	+ readOnly: true
	600	+ },
	601	+
	602	+ /**
	603	+ * True if authorizations for this element have been granted
	604	+ */
	605	+ isAuthorized: {
	606	+ type: Boolean,
	607	+ notify: true,
	608	+ readOnly: true,
	609	+ value: false
	610	+ },
	611	+
	612	+ /**
	613	+ * True if additional authorizations for any element are required
	614	+ */
	615	+ needAdditionalAuth: {
	616	+ type: Boolean,
	617	+ notify: true,
	618	+ readOnly: true
	619	+ },
	620	+
	621	+ /**
	622	+ * True if any element has google+ scopes
	623	+ */
	624	+ hasPlusScopes: {
	625	+ type: Boolean,
	626	+ value: false,
	627	+ notify: true,
	628	+ readOnly: true
	629	+ }
	630	+ },
	631	+
	632	+ attached: function() {
	633	+ AuthEngine.attachSigninAware(this);
	634	+ },
	635	+
	636	+ detached: function() {
	637	+ AuthEngine.detachSigninAware(this);
	638	+ },
	639	+
	640	+ /** pops up the authorization dialog */
	641	+ signIn: function() {
	642	+ AuthEngine.signIn();
	643	+ },
	644	+
	645	+ /** signs user out */
	646	+ signOut: function() {
	647	+ AuthEngine.signOut();
	648	+ },
	649	+
	650	+ _appPackageNameChanged: function(newName, oldName) {
	651	+ AuthEngine.appPackageName = newName;
	652	+ },
	653	+
	654	+ _clientIdChanged: function(newId, oldId) {
	655	+ AuthEngine.clientId = newId;
	656	+ },
	657	+
	658	+ _cookiePolicyChanged: function(newPolicy, oldPolicy) {
	659	+ AuthEngine.cookiePolicy = newPolicy;
	660	+ },
	661	+
	662	+ _requestVisibleActionsChanged: function(newVal, oldVal) {
	663	+ AuthEngine.requestVisibleActions = newVal;
	664	+ },
	665	+
	666	+ _hostedDomainChanged: function(newVal, oldVal) {
	667	+ AuthEngine.hostedDomain = newVal;
	668	+ },
	669	+
	670	+ _offlineChanged: function(newVal, oldVal) {
	671	+ AuthEngine.offline = newVal;
	672	+ },
	673	+
	674	+ _offlineAlwaysPromptChanged: function(newVal, oldVal) {
	675	+ AuthEngine.offlineAlwaysPrompt = newVal;
	676	+ },
	677	+
	678	+ _scopesChanged: function(newVal, oldVal) {
	679	+ AuthEngine.requestScopes(newVal);
	680	+ this._updateScopeStatus();
	681	+ },
	682	+
	683	+ _updateScopeStatus: function(user) {
	684	+ var newAuthorized = this.signedIn && AuthEngine.hasGrantedScopes(this.scopes);
	685	+ if (newAuthorized !== this.isAuthorized) {
	686	+ this._setIsAuthorized(newAuthorized);
	687	+ if (newAuthorized) {
	688	+ this.fire('google-signin-aware-success', user);
	689	+ }
	690	+ else {
	691	+ this.fire('google-signin-aware-signed-out', user);
	692	+ }
	693	+ }
	694	+ },
	695	+
	696	+ _updateOfflineCode: function(code) {
	697	+ if (code) {
	698	+ this.fire('google-signin-offline-success', {code: code});
	699	+ }
	700	+ }
	701	+ });
	702	+ })();
	703	+</script>
...	...

bower_components/google-signin/google-signin.css 0 → 100644

View file @525c13d

	1	+:host {
	2	+ display: inline-block;
	3	+ position: relative;
	4	+ box-sizing: border-box;
	5	+ margin: 0 0.29em;
	6	+ background: transparent;
	7	+ text-align: center;
	8	+ font: inherit;
	9	+ outline: none;
	10	+ border-radius: 3px;
	11	+ -webkit-user-select: none;
	12	+ user-select: none;
	13	+ cursor: pointer;
	14	+ z-index: 0;
	15	+}
	16	+
	17	+:host([disabled]) {
	18	+ cursor: auto;
	19	+ pointer-events: none;
	20	+}
	21	+
	22	+:host([disabled]) #button {
	23	+ background: #eaeaea;
	24	+ color: #a8a8a8;
	25	+}
	26	+
	27	+#button {
	28	+ position: relative;
	29	+ outline: none;
	30	+ font-size: 14px;
	31	+ font-weight: 400;
	32	+ font-family: 'RobotoDraft','Roboto',arial,sans-serif;
	33	+ white-space: nowrap;
	34	+ border-radius: inherit;
	35	+}
	36	+
	37	+iron-icon {
	38	+ width: 22px;
	39	+ height: 22px;
	40	+ margin: 6px;
	41	+}
	42	+
	43	+.icon {
	44	+ display: inline-block;
	45	+ vertical-align: middle;
	46	+}
	47	+
	48	+#shadow {
	49	+ border-radius: inherit;
	50	+}
	51	+
	52	+#ripple {
	53	+ pointer-events: none;
	54	+}
	55	+
	56	+.button-content {
	57	+ outline: none;
	58	+}
	59	+
	60	+.buttonText {
	61	+ display: inline-block;
	62	+ vertical-align: middle;
	63	+ padding-right: .8em;
	64	+}
	65	+
	66	+/*
	67	+ * Dark Theme
	68	+ */
	69	+.theme-dark {
	70	+ background: #da4336;
	71	+ color: #ffffff;
	72	+ border: 1px solid transparent;
	73	+}
	74	+
	75	+.theme-dark.signedIn-true.additionalAuth-false {
	76	+ background: #999;
	77	+ border: 1px solid #888;
	78	+}
	79	+
	80	+.theme-dark.signedIn-true.additionalAuth-false:hover,
	81	+.theme-dark.signedIn-true.additionalAuth-false:focus {
	82	+ background: #aaa;
	83	+}
	84	+
	85	+:host([noink]) .theme-dark:hover,
	86	+:host([noink]) .theme-dark:focus {
	87	+ background: #e74b37;
	88	+}
	89	+
	90	+:host([noink]) .theme-dark.signedIn-true.additionalAuth-false:hover,
	91	+:host([noink]) .theme-dark.signedIn-true.additionalAuth-false:focus {
	92	+ background: #aaa;
	93	+}
	94	+
	95	+/*
	96	+ * Light Theme
	97	+ */
	98	+.theme-light {
	99	+ background: #fff;
	100	+ color: #737373;
	101	+ border: 1px solid #d9d9d9;
	102	+}
	103	+
	104	+.theme-light.signedIn-true.additionalAuth-false {
	105	+ background: #c0c0c0;
	106	+ color: #fff;
	107	+ border: #888 1px solid;
	108	+}
	109	+
	110	+.theme-light.signedIn-true.additionalAuth-false:hover,
	111	+.theme-light.signedIn-true.additionalAuth-false:focus {
	112	+ background: #aaa;
	113	+}
	114	+
	115	+:host([noink]) .theme-light .button-content:hover,
	116	+:host([noink]) .theme-light:focus {
	117	+ border: 1px solid #c0c0c0;
	118	+}
	119	+
	120	+:host([noink]) .theme-light.signedIn-true.additionalAuth-false:hover,
	121	+:host([noink]) .theme-light.signedIn-true.additionalAuth-false:focus {
	122	+ background: #aaa;
	123	+}
	124	+
	125	+/*
	126	+ * Icon Only Width
	127	+ */
	128	+.width-iconOnly .buttonText {
	129	+ display: none;
	130	+}
	131	+
	132	+/*
	133	+ * Tall Height
	134	+ */
	135	+.height-tall .buttonText {
	136	+ font-size: 15px;
	137	+ font-weight: 700;
	138	+}
	139	+
	140	+.height-tall iron-icon {
	141	+ width: 30px;
	142	+ height: 30px;
	143	+ margin: 8px;
	144	+}
	145	+
	146	+/*
	147	+ * Short Height
	148	+ */
	149	+.height-short .buttonText {
	150	+ font-size: 11px;
	151	+}
	152	+
	153	+.height-short iron-icon {
	154	+ width: 16px;
	155	+ height: 16px;
	156	+ margin: 3px;
	157	+}
	158	+
	159	+
	160	+/*
	161	+ * Branding
	162	+ */
	163	+
	164	+/* Google Scopes */
	165	+
	166	+/* Dark Theme */
	167	+.brand-google.theme-dark {
	168	+ background: #4184F3;
	169	+ color: #fff;
	170	+ border: 1px solid #3266d5;
	171	+}
	172	+
	173	+.brand-google.theme-dark #ripple {
	174	+ color: #1b39a8;
	175	+}
	176	+
	177	+:host([noink]) .brand-google.theme-dark:hover,
	178	+:host([noink]) .brand-google.theme-dark:focus {
	179	+ background: #e74b37;
	180	+}
	181	+
	182	+.brand-google.theme-light .icon {
	183	+ color: #4184F3;
	184	+}
	185	+
	186	+.brand-google.theme-light.signedIn-true.additionalAuth-false .icon {
	187	+ color: #fff;
	188	+}
	189	+
	190	+.brand-google.theme-light #ripple {
	191	+ color: #444;
	192	+}
	193	+
	194	+:host([noink]) .brand-google.theme-light:hover,
	195	+:host([noink]) .brand-google.theme-light:focus {
	196	+ border: 1px solid #c0c0c0;
	197	+}
	198	+
	199	+.brand-google-plus.theme-dark {
	200	+ background: #da4336;
	201	+ color: #fff;
	202	+ border: 1px solid transparent;
	203	+}
	204	+
	205	+.brand-google-plus.theme-dark #ripple {
	206	+ color: #c43828;
	207	+}
	208	+
	209	+/* Light Theme */
	210	+.brand-google-plus.theme-light {
	211	+ background: #fff;
	212	+ color: #737373;
	213	+ border: 1px solid #d9d9d9;
	214	+}
	215	+
	216	+.brand-google-plus.theme-light .icon {
	217	+ color: #e74b37;
	218	+}
	219	+
	220	+.brand-google-plus.theme-light.signedIn-true.additionalAuth-false .icon {
	221	+ color: #fff;
	222	+}
	223	+
	224	+.brand-google-plus.theme-light #ripple {
	225	+ color: #400;
	226	+}
	227	+
	228	+:host([noink]) .brand-google-plus.theme-light:hover,
	229	+:host([noink]) .brand-google-plus.theme-light:focus {
	230	+ border: 1px solid #c0c0c0;
	231	+}
...	...

bower_components/google-signin/google-signin.html 0 → 100644

View file @525c13d

	1	+<link rel="import" href="../polymer/polymer.html">
	2	+<link rel="import" href="google-signin-aware.html">
	3	+<link rel="import" href="../iron-icon/iron-icon.html">
	4	+<link rel="import" href="../iron-icons/iron-icons.html">
	5	+<link rel="import" href="../font-roboto/roboto.html">
	6	+<link rel="import" href="../google-apis/google-js-api.html">
	7	+<link rel="import" href="../paper-ripple/paper-ripple.html">
	8	+<link rel="import" href="../paper-material/paper-material.html">
	9	+<link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html">
	10	+<link rel="import" href="google-icons.html">
	11	+
	12	+<dom-module id="google-signin">
	13	+ <link rel="import" type="css" href="google-signin.css">
	14	+ <template>
	15	+ <google-signin-aware id="aware"
	16	+ app-package-name="{{appPackageName}}"
	17	+ client-id="{{clientId}}"
	18	+ cookie-policy="{{cookiePolicy}}"
	19	+ request-visible-actions="{{requestVisibleActions}}"
	20	+ hosted-domain="{{hostedDomain}}"
	21	+ offline="{{offline}}"
	22	+ offline-always-prompt="{{offlineAlwaysPrompt}}"
	23	+ scopes="{{scopes}}"
	24	+ signed-in="{{signedIn}}"
	25	+ is-authorized="{{isAuthorized}}"
	26	+ need-additional-auth="{{needAdditionalAuth}}"
	27	+ has-plus-scopes="{{hasPlusScopes}}"></google-signin-aware>
	28	+ <template is="dom-if" if="{{raised}}">
	29	+ <paper-material id="shadow" class="fit" elevation="2" animated></paper-material>
	30	+ </template>
	31	+ <div id="button"
	32	+ class$="[[_computeButtonClass(height, width, theme, signedIn, _brand, needAdditionalAuth)]]">
	33	+
	34	+ <paper-ripple id="ripple" class="fit"></paper-ripple>
	35	+ <!-- this div is needed to position the ripple behind text content -->
	36	+ <div relative layout horizontal center-center>
	37	+ <template is="dom-if" if="{{_computeButtonIsSignIn(signedIn, needAdditionalAuth)}}">
	38	+ <div class="button-content signIn" tabindex="0"
	39	+ on-click="signIn" on-keydown="_signInKeyPress">
	40	+ <span class="icon"><iron-icon icon="[[_brandIcon]]"></iron-icon></span>
	41	+ <span class="buttonText">{{_labelSignin}}</span>
	42	+ </div>
	43	+ </template>
	44	+ <template is="dom-if" if="{{_computeButtonIsSignOut(signedIn, needAdditionalAuth) }}">
	45	+ <div class="button-content signOut" tabindex="0"
	46	+ on-click="signOut" on-keydown="_signOutKeyPress">
	47	+ <span class="icon"><iron-icon icon="[[_brandIcon]]"></iron-icon></span>
	48	+ <span class="buttonText">{{labelSignout}}</span>
	49	+ </div>
	50	+ </template>
	51	+ <template is="dom-if" if="{{_computeButtonIsSignOutAddl(signedIn, needAdditionalAuth) }}">
	52	+ <div class="button-content signIn" tabindex="0"
	53	+ on-click="signIn" on-keydown="_signInKeyPress">
	54	+ <span class="icon"><iron-icon icon="[[_brandIcon]]"></iron-icon></span>
	55	+ <span class="buttonText">{{labelAdditional}}</span>
	56	+ </div>
	57	+ </template>
	58	+ </div>
	59	+
	60	+ </div>
	61	+ </template>
	62	+</dom-module>
	63	+<script>
	64	+ (function() {
	65	+
	66	+ /**
	67	+ * Enum brand values.
	68	+ * @readonly
	69	+ * @enum {string}
	70	+ */
	71	+ var BrandValue = {
	72	+ GOOGLE: 'google',
	73	+ PLUS: 'google-plus'
	74	+ };
	75	+
	76	+ /**
	77	+ * Enum height values.
	78	+ * @readonly
	79	+ * @enum {string}
	80	+ */
	81	+ var HeightValue = {
	82	+ SHORT: 'short',
	83	+ STANDARD: 'standard',
	84	+ TALL: 'tall'
	85	+ };
	86	+
	87	+ /**
	88	+ * Enum button label default values.
	89	+ * @readonly
	90	+ * @enum {string}
	91	+ */
	92	+ var LabelValue = {
	93	+ STANDARD: 'Sign in',
	94	+ WIDE: 'Sign in with Google',
	95	+ WIDE_PLUS: 'Sign in with Google+'
	96	+ };
	97	+
	98	+ /**
	99	+ * Enum theme values.
	100	+ * @readonly
	101	+ * @enum {string}
	102	+ */
	103	+ var ThemeValue = {
	104	+ LIGHT: 'light',
	105	+ DARK: 'dark'
	106	+ };
	107	+
	108	+ /**
	109	+ * Enum width values.
	110	+ * @readonly
	111	+ * @enum {string}
	112	+ */
	113	+ var WidthValue = {
	114	+ ICON_ONLY: 'iconOnly',
	115	+ STANDARD: 'standard',
	116	+ WIDE: 'wide'
	117	+ };
	118	+
	119	+/**
	120	+<google-signin> is used to authenticate with Google, allowing you to interact
	121	+with other Google APIs such as Drive and Google+.
	122	+
	123	+<img style="max-width:100%;" src="https://cloud.githubusercontent.com/assets/107076/6791176/5c868822-d16a-11e4-918c-ec9b84a2db45.png"/>
	124	+
	125	+If you do not need to show the button, use companion `<google-signin-aware>` element to declare scopes, check authentication state.
	126	+
	127	+#### Examples
	128	+
	129	+ <google-signin client-id="..." scopes="https://www.googleapis.com/auth/drive"></google-signin>
	130	+
	131	+ <google-signin label-signin="Sign-in" client-id="..." scopes="https://www.googleapis.com/auth/drive"></google-signin>
	132	+
	133	+ <google-signin theme="dark" width="iconOnly" client-id="..." scopes="https://www.googleapis.com/auth/drive"></google-signin>
	134	+
	135	+
	136	+#### Notes
	137	+
	138	+The attribute `clientId` is provided in your Google Developers Console
	139	+(https://console.developers.google.com).
	140	+
	141	+The `scopes` attribute allows you to specify which scope permissions are required
	142	+(e.g do you want to allow interaction with the Google Drive API). Many APIs also
	143	+need to be enabled in the Google Developers Console before you can use them.
	144	+
	145	+The `requestVisibleActions` attribute is necessary if you want to write app
	146	+activities (https://developers.google.com/+/web/app-activities/) on behalf of
	147	+the user. Please note that this attribute is only valid in combination with the
	148	+plus.login scope (https://www.googleapis.com/auth/plus.login).
	149	+
	150	+The `offline` attribute allows you to get an auth code which your server can
	151	+redeem for an offline access token
	152	+(https://developers.google.com/identity/sign-in/web/server-side-flow).
	153	+You can also set `offline-always-prompt` instead of `offline` to ensure that your app
	154	+will re-prompt the user for offline access and generate a working `refresh_token`
	155	+even if they have already granted offline access to your app in the past.
	156	+
	157	+Use label properties to customize prompts.
	158	+
	159	+The button can be styled in using the `height`, `width`, and `theme` attributes.
	160	+These attributes help you follow the Google+ Sign-In button branding guidelines
	161	+(https://developers.google.com/+/branding-guidelines).
	162	+
	163	+The `google-signin-success` event is triggered when a user successfully authenticates
	164	+and `google-signed-out` is triggered when user signs out.
	165	+You can also use `isAuthorized` attribute to observe user's authentication state.
	166	+
	167	+Additional events, such as `google-signout-attempted` are
	168	+triggered when the user attempts to sign-out and successfully signs out.
	169	+
	170	+When requesting offline access, the `google-signin-offline-success` event is
	171	+triggered when the user successfully consents with offline support.
	172	+
	173	+The `google-signin-necessary` event is fired when scopes requested via
	174	+google-signin-aware elements require additional user permissions.
	175	+
	176	+#### Testing
	177	+
	178	+By default, the demo accompanying this element is setup to work on localhost with
	179	+port 8080. That said, you should update the `clientId` to your own one for
	180	+any apps you're building. See the Google Developers Console
	181	+(https://console.developers.google.com) for more info.
	182	+
	183	+@demo
	184	+*/
	185	+
	186	+ Polymer({
	187	+
	188	+ is: 'google-signin',
	189	+
	190	+ /**
	191	+ * Fired when user is signed in.
	192	+ * You can use auth2 api to retrieve current user: `gapi.auth2.getAuthInstance().currentUser.get();`
	193	+ * @event google-signin-success
	194	+ */
	195	+
	196	+ /**
	197	+ * Fired when the user is signed-out.
	198	+ * @event google-signed-out
	199	+ */
	200	+
	201	+ /**
	202	+ * Fired if user requires additional authorization
	203	+ * @event google-signin-necessary
	204	+ */
	205	+
	206	+ /**
	207	+ * Fired when signed in, and scope has been authorized
	208	+ * @param {Object} result Authorization result.
	209	+ * @event google-signin-aware-success
	210	+ */
	211	+
	212	+ /**
	213	+ * Fired when an offline authorization is successful.
	214	+ * @event google-signin-offline-success
	215	+ * @param {Object} detail
	216	+ * @param {string} detail.code The one-time authorization code from Google.
	217	+ * Your application can exchange this for an `access_token` and `refresh_token`
	218	+ */
	219	+
	220	+ /**
	221	+ * Fired when this scope is not authorized
	222	+ * @event google-signin-aware-signed-out
	223	+ */
	224	+ properties: {
	225	+ /**
	226	+ * App package name for android over-the-air installs.
	227	+ * See the relevant [docs](https://developers.google.com/+/web/signin/android-app-installs)
	228	+ */
	229	+ appPackageName: {
	230	+ type: String,
	231	+ value: ''
	232	+ },
	233	+
	234	+ /**
	235	+ * The brand being used for logo and styling.
	236	+ *
	237	+ * @default 'google'
	238	+ */
	239	+ brand: {
	240	+ type: String,
	241	+ value: ''
	242	+ },
	243	+
	244	+ /** @private */
	245	+ _brand: {
	246	+ type: String,
	247	+ computed: '_computeBrand(brand, hasPlusScopes)'
	248	+ },
	249	+
	250	+ /**
	251	+ * a Google Developers clientId reference
	252	+ */
	253	+ clientId: {
	254	+ type: String,
	255	+ value: ''
	256	+ },
	257	+
	258	+ /**
	259	+ * The cookie policy defines what URIs have access to the session cookie
	260	+ * remembering the user's sign-in state.
	261	+ * See the relevant [docs](https://developers.google.com/+/web/signin/reference#determining_a_value_for_cookie_policy) for more information.
	262	+ *
	263	+ * @default 'single_host_origin'
	264	+ */
	265	+ cookiePolicy: {
	266	+ type: String,
	267	+ value: ''
	268	+ },
	269	+
	270	+ /**
	271	+ * The height to use for the button.
	272	+ *
	273	+ * Available options: short, standard, tall.
	274	+ *
	275	+ * @type {HeightValue}
	276	+ */
	277	+ height: {
	278	+ type: String,
	279	+ value: 'standard'
	280	+ },
	281	+
	282	+ /**
	283	+ * By default the ripple expands to fill the button. Set this to true to
	284	+ * constrain the ripple to a circle within the button.
	285	+ */
	286	+ fill: {
	287	+ type: Boolean,
	288	+ value: true
	289	+ },
	290	+
	291	+ /**
	292	+ * An optional label for the button for additional permissions.
	293	+ */
	294	+ labelAdditional: {
	295	+ type: String,
	296	+ value: 'Additional permissions required'
	297	+ },
	298	+
	299	+ /**
	300	+ * An optional label for the sign-in button.
	301	+ */
	302	+ labelSignin: {
	303	+ type: String,
	304	+ value: ''
	305	+ },
	306	+
	307	+ _labelSignin: {
	308	+ type: String,
	309	+ computed: '_computeSigninLabel(labelSignin, width, _brand)'
	310	+ },
	311	+
	312	+ /**
	313	+ * An optional label for the sign-out button.
	314	+ */
	315	+ labelSignout: {
	316	+ type: String,
	317	+ value: 'Sign out'
	318	+ },
	319	+
	320	+ /**
	321	+ * If true, the button will be styled with a shadow.
	322	+ */
	323	+ raised: {
	324	+ type: Boolean,
	325	+ value: false
	326	+ },
	327	+
	328	+ /**
	329	+ * The app activity types you want to write on behalf of the user
	330	+ * (e.g http://schemas.google.com/AddActivity)
	331	+ */
	332	+ requestVisibleActions: {
	333	+ type: String,
	334	+ value: ''
	335	+ },
	336	+
	337	+ /**
	338	+ * The Google Apps domain to which users must belong to sign in.
	339	+ * See the relevant [docs](https://developers.google.com/identity/sign-in/web/reference) for more information.
	340	+ */
	341	+ hostedDomain: {
	342	+ type: String,
	343	+ value: ''
	344	+ },
	345	+
	346	+ /**
	347	+ * Allows for offline `access_token` retrieval during the signin process.
	348	+ */
	349	+ offline: {
	350	+ type: Boolean,
	351	+ value: false
	352	+ },
	353	+
	354	+ /**
	355	+ * Forces a re-prompt, even if the user has already granted offline
	356	+ * access to your application in the past. You only need one of
	357	+ * `offline` and `offlineAlwaysPrompt`.
	358	+ */
	359	+ offlineAlwaysPrompt: {
	360	+ type: Boolean,
	361	+ value: false
	362	+ },
	363	+
	364	+ /**
	365	+ * The scopes to provide access to (e.g https://www.googleapis.com/auth/drive)
	366	+ * and should be space-delimited.
	367	+ */
	368	+ scopes: {
	369	+ type: String,
	370	+ value: ''
	371	+ },
	372	+
	373	+ /**
	374	+ * The theme to use for the button.
	375	+ *
	376	+ * Available options: light, dark.
	377	+ *
	378	+ * @attribute theme
	379	+ * @type {ThemeValue}
	380	+ * @default 'dark'
	381	+ */
	382	+ theme: {
	383	+ type: String,
	384	+ value: 'dark'
	385	+ },
	386	+
	387	+ /**
	388	+ * The width to use for the button.
	389	+ *
	390	+ * Available options: iconOnly, standard, wide.
	391	+ *
	392	+ * @type {WidthValue}
	393	+ */
	394	+ width: {
	395	+ type: String,
	396	+ value: 'standard'
	397	+ },
	398	+
	399	+ _brandIcon: {
	400	+ type: String,
	401	+ computed: '_computeIcon(_brand)'
	402	+ },
	403	+
	404	+ /**
	405	+ * True if any element has google+ scopes
	406	+ */
	407	+ hasPlusScopes: {
	408	+ type: Boolean,
	409	+ notify: true,
	410	+ value: false
	411	+ },
	412	+
	413	+ /**
	414	+ * True if additional authorization required globally
	415	+ */
	416	+ needAdditionalAuth: {
	417	+ type: Boolean,
	418	+ value: false
	419	+ },
	420	+
	421	+ /**
	422	+ * Is user signed in?
	423	+ */
	424	+ signedIn: {
	425	+ type: Boolean,
	426	+ notify: true,
	427	+ value: false,
	428	+ observer: '_observeSignedIn'
	429	+ },
	430	+
	431	+ /**
	432	+ * True if authorizations for this element have been granted
	433	+ */
	434	+ isAuthorized: {
	435	+ type: Boolean,
	436	+ notify: true,
	437	+ value: false
	438	+ }
	439	+
	440	+ },
	441	+
	442	+ _computeButtonClass: function(height, width, theme, signedIn, brand, needAdditionalAuth) {
	443	+ return "height-" + height + " width-" + width + " theme-" + theme + " signedIn-" + signedIn + " brand-" + brand + " additionalAuth-" + needAdditionalAuth;
	444	+ },
	445	+
	446	+ _computeIcon: function(brand) {
	447	+ return "google:" + brand;
	448	+ },
	449	+
	450	+ /* Button state computed */
	451	+ _computeButtonIsSignIn: function(signedIn, additionalAuth) {
	452	+ return !signedIn;
	453	+ },
	454	+
	455	+ _computeButtonIsSignOut: function(signedIn, additionalAuth) {
	456	+ return signedIn && !additionalAuth;
	457	+ },
	458	+
	459	+ _computeButtonIsSignOutAddl: function(signedIn, additionalAuth) {
	460	+ return signedIn && additionalAuth;
	461	+ },
	462	+
	463	+ _computeBrand: function(attrBrand, hasPlusScopes) {
	464	+ var newBrand;
	465	+ if (attrBrand) {
	466	+ newBrand = attrBrand;
	467	+ } else if (hasPlusScopes) {
	468	+ newBrand = BrandValue.PLUS;
	469	+ } else {
	470	+ newBrand = BrandValue.GOOGLE;
	471	+ };
	472	+ return newBrand;
	473	+ },
	474	+
	475	+ _observeSignedIn: function(newVal, oldVal) {
	476	+ if (newVal) {
	477	+ if (this.needAdditionalAuth)
	478	+ this.fire('google-signin-necessary');
	479	+ this.fire('google-signin-success');
	480	+ }
	481	+ else
	482	+ this.fire('google-signed-out');
	483	+ },
	484	+
	485	+ /**
	486	+ * Determines the proper label based on the attributes.
	487	+ */
	488	+ _computeSigninLabel: function(labelSignin, width, _brand) {
	489	+ if (labelSignin) {
	490	+ return labelSignin;
	491	+ } else {
	492	+ switch(width) {
	493	+
	494	+ case WidthValue.WIDE:
	495	+ return (_brand == BrandValue.PLUS) ?
	496	+ LabelValue.WIDE_PLUS : LabelValue.WIDE;
	497	+
	498	+ case WidthValue.STANDARD:
	499	+ return LabelValue.STANDARD;
	500	+
	501	+ case WidthValue.ICON_ONLY:
	502	+ return '';
	503	+
	504	+ default:
	505	+ console.warn("bad width value: ", width);
	506	+ return LabelValue.STANDARD;
	507	+ }
	508	+ }
	509	+ },
	510	+
	511	+ /** Sign in user. Opens the authorization dialog for signing in.
	512	+ * The dialog will be blocked by a popup blocker unless called inside click handler.
	513	+ */
	514	+ signIn: function () {
	515	+ this.$.aware.signIn();
	516	+ },
	517	+
	518	+ _signInKeyPress: function (e) {
	519	+ if (e.which == 13 \|\| e.keyCode == 13 \|\| e.which == 32 \|\| e.keyCode == 32) {
	520	+ e.preventDefault();
	521	+ this.signIn();
	522	+ }
	523	+ },
	524	+
	525	+ /** Sign out the user */
	526	+ signOut: function () {
	527	+ this.fire('google-signout-attempted');
	528	+ this.$.aware.signOut();
	529	+ },
	530	+
	531	+ _signOutKeyPress: function (e) {
	532	+ if (e.which == 13 \|\| e.keyCode == 13 \|\| e.which == 32 \|\| e.keyCode == 32) {
	533	+ e.preventDefault();
	534	+ this.signOut();
	535	+ }
	536	+ }
	537	+ });
	538	+ }());
	539	+</script>
...	...

bower_components/google-signin/index.html 0 → 100644

View file @525c13d

	1	+<!doctype html>
	2	+<!-- Copyright (c) 2014 Google Inc. All rights reserved. -->
	3	+<html>
	4	+<head>
	5	+
	6	+ <script src="../webcomponentsjs/webcomponents-lite.js"></script>
	7	+ <link rel="import" href="../iron-component-page/iron-component-page.html">
	8	+
	9	+</head>
	10	+<body>
	11	+
	12	+ <iron-component-page></iron-component-page>
	13	+
	14	+</body>
	15	+</html>
...	...

datalets/test-google-components/test.html 0 → 100644

View file @525c13d

	1	+<!DOCTYPE html>
	2	+<html lang="en">
	3	+<head>
	4	+ <meta charset="UTF-8">
	5	+ <title>Google spreadsheet and document test page</title>
	6	+
	7	+ <script type="text/javascript" src="../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
	8	+ <script type="text/javascript" src="../shared_js/jquery-1.11.2.min.js"></script>
	9	+
	10	+ <link rel="import" href="../../bower_components/google-sheets/google-sheets.html">
	11	+ <link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
	12	+ <link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
	13	+ <link rel="import" href="../../bower_components/paper-fab/paper-fab.html">
	14	+ <link rel="import" href="../linechart-datalet/linechart-datalet.html">
	15	+
	16	+ <style>
	17	+ #sheet{
	18	+ height: 400px;
	19	+ width: 40%;
	20	+ margin: 40px;
	21	+ }
	22	+
	23	+ #showVisualization{
	24	+ background-color: #2196F3;
	25	+ color: #ffffff;
	26	+ margin-left: 50px;
	27	+ }
	28	+
	29	+
	30	+ #datalet_placeholder{
	31	+ height: 400px;
	32	+ width: 40%;
	33	+ margin: 40px;/
	34	+ }
	35	+
	36	+ #doc{
	37	+ height: 400px;
	38	+ width: 100%;
	39	+ }
	40	+ </style>
	41	+
	42	+ <script>
	43	+
	44	+ getData = function()
	45	+ {
	46	+ var sheet = document.querySelector('google-sheets');
	47	+
	48	+ sheet.addEventListener('google-sheet-data', function(e)
	49	+ {
	50	+ var data = [];
	51	+ //get the keys
	52	+ for(var key in this.rows[0]) {
	53	+ if (key.match(/gsx\$*/)) {
	54	+ data.push({name: key.replace("gsx$", ""), data: []});
	55	+ }
	56	+ }
	57	+ //fill the structure with values
	58	+ for(var row in this.rows){
	59	+ var i = 0;
	60	+ for(var key in this.rows[row]){
	61	+ if(key.match(/gsx\$*/)){
	62	+ data[i++].data.push(this.rows[row][key].$t.replace("'",""));
	63	+ }
	64	+ }
	65	+
	66	+ }
	67	+
	68	+ $("#datalet_placeholder").html('<linechart-datalet ' +
	69	+ 'data-url="https://docs.google.com/spreadsheets/d/1EYJ88pOsbc0GkUTTdPhuReUjHewk1fhis9VZBXes_Ao" ' +
	70	+ //'fields=\'[]\'' +
	71	+ 'title="Google spreadsheet realtime data visualization"' +
	72	+ 'data=\'' + JSON.stringify(data) + '\'>' +
	73	+ '</linechart-datalet>');
	74	+
	75	+ $("#spreadsheet_url").html('<a href="' + this.openInGoogleDocsUrl + '" target="_blank">' + this.openInGoogleDocsUrl + '</a>');
	76	+
	77	+ });
	78	+
	79	+ sheet.addEventListener('error', function(e) {
	80	+ // e.detail.response
	81	+ });
	82	+
	83	+ }
	84	+
	85	+ refresh = function(){
	86	+ $("#sheet-component").html('<google-sheets key="1EYJ88pOsbc0GkUTTdPhuReUjHewk1fhis9VZBXes_Ao" published></google-sheets>');
	87	+ getData();
	88	+ }
	89	+
	90	+ $( document ).ready(function() {
	91	+ getData();
	92	+ });
	93	+
	94	+ </script>
	95	+
	96	+</head>
	97	+<body is="dom-bind">
	98	+ <div class="layout vertical">
	99	+ <div class="layout vertical">
	100	+ <div class="layout horizontal" style="width: 100%;">
	101	+ <h1>Google Spreadsheet realtime visualization with Datalet</h1>
	102	+ <paper-fab id="showVisualization" icon="refresh" onClick="refresh()"></paper-fab>
	103	+ </div>
	104	+ <div class="layout horizontal" style="width: 100%;">
	105	+ <h3 id="spreadsheet_url"></h3>
	106	+ </div>
	107	+ <div class="layout horizontal">
	108	+ <iframe id="sheet" src="https://docs.google.com/spreadsheets/d/1EYJ88pOsbc0GkUTTdPhuReUjHewk1fhis9VZBXes_Ao/edit?usp=sharing?embedded=true"></iframe>
	109	+ <div id="datalet_placeholder"></div>
	110	+ </div>
	111	+ </div>
	112	+
	113	+ <div class="layout vertical">
	114	+ <h1 style="width: 100%;margin-top: 100px;">Google Docs realtime visualization with Datalet</h1>
	115	+ <iframe id="doc" src="https://docs.google.com/document/d/1IIfmqTGBpTkEMHPnuxJeoOJI3u-8wQu9dkf49X2T6SE/edit?usp=sharing?embedded=true"></iframe>
	116	+ </div>
	117	+ </div>
	118	+
	119	+ <div id="sheet-component">
	120	+ <google-sheets key="1EYJ88pOsbc0GkUTTdPhuReUjHewk1fhis9VZBXes_Ao" published></google-sheets>
	121	+ </div>
	122	+
	123	+</body>
	124	+</html>
0	125	\ No newline at end of file
...	...