Index: polymer_1.0.4/bower_components/platinum-sw/demo/index.html |
diff --git a/polymer_1.0.4/bower_components/platinum-sw/demo/index.html b/polymer_1.0.4/bower_components/platinum-sw/demo/index.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..2eb0db38c11e2a575f32d47a26b6446cc64b1227 |
--- /dev/null |
+++ b/polymer_1.0.4/bower_components/platinum-sw/demo/index.html |
@@ -0,0 +1,91 @@ |
+<!doctype html> |
+<!-- |
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt |
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt |
+Code distributed by Google as part of the polymer project is also |
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt |
+--> |
+<html> |
+ <head> |
+ <meta charset="utf-8"> |
+ <meta name="viewport" content="width=device-width, initial-scale=1"> |
+ <title>Platinum Service Worker Elements Demo</title> |
+ |
+ <script src="../../fetch/fetch.js"></script> |
+ <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script> |
+ <link rel="import" href="../platinum-sw-elements.html"> |
+ <link rel="import" href="../../marked-element/marked-element.html"> |
+ </head> |
+ |
+ <body> |
+ <template is="dom-bind" id="page-template"> |
+ <platinum-sw-register skip-waiting |
+ clients-claim |
+ reload-on-install |
+ state="{{state}}"> |
+ <platinum-sw-cache default-cache-strategy="networkFirst" |
+ precache="{{precacheList}}"></platinum-sw-cache> |
+ </platinum-sw-register> |
+ |
+ <h1>Platinum Service Worker Elements Demo</h1> |
+ <p>This is a simple offline-capable eBook reader.</p> |
+ <p> |
+ On browsers that support service workers, this page itself and all the books are all |
+ available offline, by virtue of the <code><platinum-sw-register></code> and |
+ <code><platinum-sw-cache></code> elements. |
+ </p> |
+ <p> |
+ Service workers are meant to be a progressive enhancement, and browsers that lack service |
+ worker support will still have a functional (online-only) eBook reader. |
+ </p> |
+ |
+ <template is="dom-if" if="[[state]]"> |
+ <select on-change="selectBook"> |
+ <option disabled selected>Select a Book...</option> |
+ <template is="dom-repeat" id="books" items="[[books]]"> |
+ <option>{{item.title}}</option> |
+ </template> |
+ </select> |
+ </template> |
+ |
+ <marked-element markdown="{{text}}"></marked-element> |
+ </template> |
+ |
+ <script> |
+ var t = document.querySelector('#page-template'); |
+ |
+ t.books = [{ |
+ title: 'Don Quixote', |
+ url: 'https://cdn.rawgit.com/GITenberg/Don-Quixote_996/master/996.txt' |
+ }, { |
+ title: 'Dubliners', |
+ url: 'https://cdn.rawgit.com/GITenberg/Dubliners_2814/master/2814.txt' |
+ }, { |
+ title: 'Pride & Prejudice', |
+ url: 'https://cdn.rawgit.com/GITenberg/Pride-and-Prejudice_1342/master/1342.txt' |
+ }]; |
+ |
+ t.precacheList = t.books.map(function(book) { |
+ return book.url; |
+ }); |
+ |
+ t.selectBook = function(e) { |
+ var books = document.querySelector('#books'); |
+ var selectedBook = books.itemForElement(e.target.selectedOptions[0]); |
+ window.fetch(selectedBook.url).then(function(response) { |
+ return response.text(); |
+ }).then(function(text) { |
+ t.text = text; |
+ }); |
+ }; |
+ |
+ window.addEventListener('WebComponentsReady', function() { |
+ // Explicitly call the register() method. We need to wait until the template's variables are |
+ // all set first, since the configuration depends on bound variables. |
+ document.querySelector('platinum-sw-register').register(); |
+ }); |
+ </script> |
+ </body> |
+</html> |