| Index: polymer_1.0.4/bower_components/google-analytics/demo/index.html
|
| diff --git a/polymer_1.0.4/bower_components/google-analytics/demo/index.html b/polymer_1.0.4/bower_components/google-analytics/demo/index.html
|
| new file mode 100755
|
| index 0000000000000000000000000000000000000000..1400e406a5477aeda5f64c3428d4471f2c522126
|
| --- /dev/null
|
| +++ b/polymer_1.0.4/bower_components/google-analytics/demo/index.html
|
| @@ -0,0 +1,213 @@
|
| +<!doctype html>
|
| +<!-- Copyright (c) 2014 Google Inc. All rights reserved. -->
|
| +<html>
|
| +<head>
|
| + <meta charset="utf-8">
|
| + <title>Google Analytics Polymer Elements Demo</title>
|
| + <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
|
| + <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:700,400,300">
|
| + <link rel="import" href="../../google-signin/google-signin.html">
|
| + <link rel="import" href="../google-analytics.html">
|
| +
|
| +</head>
|
| +<body>
|
| +<style is="custom-style">
|
| + body {
|
| + background: #eee;
|
| + color: #222;
|
| + font: 13px/1.3 'Open Sans', sans-serif;
|
| + margin: 0;
|
| + padding: 0;
|
| + }
|
| +
|
| + header {
|
| + background-color: #333;
|
| + box-sizing: border-box;
|
| + color: #eee;
|
| + display: table;
|
| + padding: 1.2em 1.5em;
|
| + width: 100%;
|
| + }
|
| + header > h1 {
|
| + display: table-cell;
|
| + font-size: 1.667em;
|
| + font-weight: 400;
|
| + margin: 0;
|
| + vertical-align: middle;
|
| + width: 100%;
|
| + }
|
| + header > h1 em {
|
| + font-weight: 300;
|
| + font-size: .8em;
|
| + font-style: normal;
|
| + margin-left: .5em;
|
| + opacity: .6;
|
| + }
|
| + header > google-signin {
|
| + display: table-cell;
|
| + vertical-align: middle;
|
| + white-space: nowrap;
|
| + }
|
| +
|
| + /**
|
| + * .control styles.
|
| + */
|
| + google-analytics-view-selector::shadow .control,
|
| + google-analytics-date-selector::shadow .control {
|
| + display: inline-block;
|
| + margin: 0 1em 1.5em 0;
|
| + }
|
| + google-analytics-view-selector::shadow .control:last-child,
|
| + google-analytics-date-selector::shadow .control:last-child {
|
| + margin-right: 0;
|
| + }
|
| + google-analytics-view-selector::shadow .control > label,
|
| + google-analytics-date-selector::shadow .control > label {
|
| + display: block;
|
| + padding: 0 0 .4em 2px;
|
| + }
|
| +
|
| + /**
|
| + * Common styles.
|
| + */
|
| + google-analytics-view-selector,
|
| + google-analytics-date-selector {
|
| + border: 1px solid #ccc;
|
| + border-radius: 4px;
|
| + background: #fff;
|
| + float: left;
|
| + margin: 0 1.5em 1.5em 0;
|
| + padding: 1.5em 1.5em 0;
|
| + }
|
| + google-analytics-chart {
|
| + border: 1px solid #ccc;
|
| + border-radius: 4px;
|
| + background: #fff;
|
| + float: left;
|
| + margin: 0 1.5em 1.5em 0;
|
| + padding: 1.5em;
|
| + position: relative;
|
| + transition: opacity .2s ease;
|
| + }
|
| + google-analytics-chart:not([rendered]) {
|
| + display: none;
|
| + }
|
| +
|
| + google-analytics-chart:first-of-type {
|
| + clear: both;
|
| + }
|
| + google-analytics-chart h3 {
|
| + border: 0;
|
| + font-size: 1.3em;
|
| + font-weight: 300;
|
| + margin: 0;
|
| + padding: 0;
|
| + }
|
| +
|
| +
|
| + /**
|
| + * <google-analytics-dashboard> styles.
|
| + */
|
| + google-analytics-dashboard {
|
| + display: block;
|
| + padding: 1.5em;
|
| + transition: opacity .3s ease;
|
| + }
|
| + google-analytics-dashboard:not([authorized]) {
|
| + opacity: .4;
|
| + pointer-events: none;
|
| + }
|
| +
|
| + /**
|
| + * <google-analytics-view-selector> styles.
|
| + */
|
| + google-analytics-view-selector::shadow label {
|
| + font-weight: bold;
|
| + }
|
| + google-analytics-view-selector::shadow select {
|
| + border: 1px solid #ccc;
|
| + border-radius: 4px;
|
| + box-sizing: border-box;
|
| + height: 34px;
|
| + line-height: 20px;
|
| + min-width: 160px;
|
| + padding: 6px 12px;
|
| + }
|
| + google-analytics-view-selector::shadow select:focus {
|
| + border-color: #4d90fe;
|
| + outline: 0;
|
| + }
|
| + google-analytics-view-selector::shadow label {
|
| + font-weight: bold;
|
| + }
|
| +
|
| + /**
|
| + * <google-analytics-date-selector> styles.
|
| + */
|
| + google-analytics-date-selector::shadow label {
|
| + font-weight: bold;
|
| + }
|
| + google-analytics-date-selector::shadow input {
|
| + border: 1px solid #ccc;
|
| + border-radius: 4px;
|
| + box-sizing: border-box;
|
| + font: inherit;
|
| + font-weight: 400;
|
| + height: 34px;
|
| + line-height: 20px;
|
| + min-width: 160px;
|
| + padding: 6px;
|
| + }
|
| + google-analytics-date-selector::shadow input:focus {
|
| + border-color: #4d90fe;
|
| + outline: 0;
|
| + }
|
| +
|
| + </style>
|
| + <header>
|
| + <h1>Google Analytics <em>Polymer Elements Demo</em></h1>
|
| + <google-signin
|
| + client-id="1054047045356-j8pgqgls9vdef3rl09hapoicumbte0bo.apps.googleusercontent.com"
|
| + </google-signin>
|
| + </header>
|
| +
|
| +
|
| + <google-analytics-dashboard>
|
| +
|
| + <google-analytics-view-selector></google-analytics-view-selector>
|
| + <google-analytics-date-selector></google-analytics-date-selector>
|
| +
|
| + <google-analytics-chart
|
| + type="area"
|
| + metrics="ga:sessions"
|
| + dimensions="ga:date">
|
| + <h3>Site Traffic</h3>
|
| + </google-analytics-chart>
|
| +
|
| + <google-analytics-chart
|
| + type="column"
|
| + metrics="ga:avgPageLoadTime"
|
| + dimensions="ga:date">
|
| + <h3>Average Page Load Times</h3>
|
| + </google-analytics-chart>
|
| +
|
| + <google-analytics-chart
|
| + type="geo"
|
| + metrics="ga:users"
|
| + dimensions="ga:country">
|
| + <h3>Users by Country</h3>
|
| + </google-analytics-chart>
|
| +
|
| + <google-analytics-chart
|
| + type="pie"
|
| + metrics="ga:pageviews"
|
| + dimensions="ga:browser"
|
| + sort="-ga:pageviews"
|
| + max-results="5">
|
| + <h3>Pageviews by Browser</h3>
|
| + </google-analytics-chart>
|
| +
|
| + </google-analytics-dashboard>
|
| +
|
| +</body>
|
| +</html>
|
|
|