| Index: polymer_1.0.4/bower_components/google-calendar/demo/index.html
|
| diff --git a/polymer_1.0.4/bower_components/google-calendar/demo/index.html b/polymer_1.0.4/bower_components/google-calendar/demo/index.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..20a83f92277275bf0701f0c756646c77ee592fe8
|
| --- /dev/null
|
| +++ b/polymer_1.0.4/bower_components/google-calendar/demo/index.html
|
| @@ -0,0 +1,54 @@
|
| +<!doctype html>
|
| +<!-- Copyright (c) 2015 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-calendar Demo</title>
|
| +
|
| + <script src="../../webcomponentsjs/webcomponents.js"></script>
|
| + <link rel="import" href="../../google-signin/google-signin.html">
|
| + <link rel="import" href="../google-calendar.html">
|
| +
|
| + <style>
|
| + #calendarId {
|
| + vertical-align: top;
|
| + line-height: 20px;
|
| + width: 330px;
|
| + }
|
| + </style>
|
| +
|
| +</head>
|
| +<body>
|
| +
|
| + <google-signin
|
| + client-id="1054047045356-j8pgqgls9vdef3rl09hapoicumbte0bo.apps.googleusercontent.com">
|
| + </google-signin>
|
| +
|
| + <p>A <code><google-calendar-list></code> looks like this:</p>
|
| + <google-calendar-list title="What I'm up to"></google-calendar-list>
|
| +
|
| + <p>A <code><google-calendar-busy></code> looks like this:</p>
|
| +
|
| + <google-calendar-busy-now
|
| + calendar-id="85rssq4g28omn1j1t8s4d4f06g@group.calendar.google.com"
|
| + api-key="AIzaSyDc30ApZEjTsanMI_YRByA8skglMNU6dXM"
|
| + busy-label="Do not disturb"
|
| + free-label="I'm free, talk to me!">
|
| + </google-calendar-busy-now>
|
| + <hr>
|
| + <div>
|
| + <!-- Just for demonstration purposes -->
|
| + Another calendar id:<input type="text" id="calendarId"
|
| + placeholder="Provide calendar ID to check availability"
|
| + value="85rssq4g28omn1j1t8s4d4f06g@group.calendar.google.com">
|
| + </div>
|
| + <script>
|
| + var input = document.querySelector("#calendarId");
|
| + input.disabled = false;
|
| + input.onchange = function() {
|
| + var t = document.querySelector("google-calendar-busy-now");
|
| + t.calendarId = this.value;
|
| + }
|
| + </script>
|
| +</body>
|
| +</html>
|
|
|