Commit 525c13d8940ad0cb94ee66117553fe47ef6c4191
1 parent
ac237fdd
google component tests
Showing
24 changed files
with
2839 additions
and
0 deletions
bower_components/google-sheets/.bower.json
0 → 100644
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
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
bower_components/google-sheets/bower.json
0 → 100755
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
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
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
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
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
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
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
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
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
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
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
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
bower_components/google-signin/bower.json
0 → 100644
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
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
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
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
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
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
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
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 | ... | ... |