| Index: polymer_1.0.4/bower_components/google-sheets/demo/demo-private.html
|
| diff --git a/polymer_1.0.4/bower_components/google-sheets/demo/demo-private.html b/polymer_1.0.4/bower_components/google-sheets/demo/demo-private.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..7235c8d149d4a4233b0c478ca5f8a0ebc5318907
|
| --- /dev/null
|
| +++ b/polymer_1.0.4/bower_components/google-sheets/demo/demo-private.html
|
| @@ -0,0 +1,121 @@
|
| +<!doctype html>
|
| +<!-- Copyright (c) 2014 Google Inc. All rights reserved. -->
|
| +<html>
|
| +<head>
|
| + <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
|
| + <title>google-sheets private data demo</title>
|
| + <script src="../webcomponentsjs/webcomponents.min.js"></script>
|
| + <link rel="import" href="google-sheets.html">
|
| + <link rel="import" href="../google-map/google-map.html">
|
| + <link rel="import" href="../google-signin/google-signin.html">
|
| + <style>
|
| + * {
|
| + box-sizing: border-box;
|
| + }
|
| + body {
|
| + margin: 2em;
|
| + font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial;
|
| + font-weight: 300;
|
| + background-color: #f1f1f3;
|
| + }
|
| + a {
|
| + text-decoration: none;
|
| + color: blue;
|
| + }
|
| + ul {
|
| + padding-left: 0;
|
| + }
|
| + ul, li {
|
| + list-style: none;
|
| + font-size: 14px;
|
| + }
|
| + section {
|
| + border-radius: 3px;
|
| + box-shadow: 1px 1px 3px #ccc;
|
| + padding: 1em 2em;
|
| + background-color: white;
|
| + width: 500px;
|
| + min-height: 500px;
|
| + }
|
| + main {
|
| + justify-content: space-around;
|
| + margin-top: 2em;
|
| + }
|
| + </style>
|
| +</head>
|
| +<body unresolved>
|
| +
|
| +<google-signin
|
| + client-id="1054047045356-j8pgqgls9vdef3rl09hapoicumbte0bo.apps.googleusercontent.com"
|
| + scopes="https://spreadsheets.google.com/feeds">
|
| +</google-signin>
|
| +
|
| +<p>A <code><google-sheets></code> element returning data from a <b>private</b> Google Spreadsheet:</p>
|
| +
|
| +<!-- Example: private spreadsheet -->
|
| +<google-sheets id="sheet" tabid="1"
|
| + client-id="750497606405-1hq66meqmr4dp09dn54j9ggv85vbv0gp.apps.googleusercontent.com"
|
| + key="1QMGizivw3UJ3-R9BFK7sfrXE0RL87dygk2C0RcuKoDY"></google-sheets>
|
| +
|
| +<main layout horizontal>
|
| +
|
| +<section>
|
| +
|
| + <heading>
|
| + <h3>List of spreadsheets</h3>
|
| + </heading>
|
| +
|
| + <template id="spreadsheets" is="auto-binding">
|
| + <ul>
|
| + <template repeat="{{spreadsheets}}">
|
| + <li>{{title.$t}}</li>
|
| + </template>
|
| + </ul>
|
| + </template>
|
| +
|
| +</section>
|
| +
|
| +<section>
|
| +
|
| + <template id="rows" bind>
|
| + <heading>
|
| + <h3>Spreadsheet rows:
|
| + <a href="{{openInGoogleDocsURL}}" target="_blank" title="Open in Google Docs →">
|
| + "{{tab.title}}" tab
|
| + </a>
|
| + </h3>
|
| + <h5>updated: {{tab.updated}}, by: <template repeat="{{rows.authors}}">{{name}} </template></h5>
|
| + </heading>
|
| + <ul>
|
| + <template repeat="{{rows}}">
|
| + <li>Name: {{gsx$name.$t}} ( lat: {{gsx$lat.$t}}, lng: {{gsx$lng.$t}} )</li>
|
| + </template>
|
| + </ul>
|
| + </template>
|
| +
|
| +</section>
|
| +
|
| +</main>
|
| +
|
| +<script>
|
| +var sheet = document.querySelector('#sheet');
|
| +
|
| +sheet.addEventListener('google-sheet-data', function(e) {
|
| + switch (e.detail.type) {
|
| + case 'spreadsheets':
|
| + document.querySelector('#spreadsheets').spreadsheets = this.spreadsheets;
|
| + break;
|
| + case 'rows':
|
| + document.querySelector('#rows').model = this;
|
| + break;
|
| + default:
|
| + break;
|
| + }
|
| +});
|
| +
|
| +sheet.addEventListener('core-error', function(e) {
|
| + alert(e.detail.response);
|
| +});
|
| +</script>
|
| +</body>
|
| +</html>
|
|
|