Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(250)

Unified Diff: polymer_1.2.3/bower_components/iron-icon/demo/async.html

Issue 1581713003: [third_party] add polymer 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: 1.2.3 Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: polymer_1.2.3/bower_components/iron-icon/demo/async.html
diff --git a/polymer_1.0.4/bower_components/iron-icon/demo/index.html b/polymer_1.2.3/bower_components/iron-icon/demo/async.html
similarity index 64%
copy from polymer_1.0.4/bower_components/iron-icon/demo/index.html
copy to polymer_1.2.3/bower_components/iron-icon/demo/async.html
index ff712396cf67358580f0f02f33da1b4494582eac..eaf40d1ba2c150e76a0097b4a98031a505e19b4f 100644
--- a/polymer_1.0.4/bower_components/iron-icon/demo/index.html
+++ b/polymer_1.2.3/bower_components/iron-icon/demo/async.html
@@ -13,10 +13,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<title>iron-icon demo</title>
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../iron-icon.html">
- <link rel="import" href="../../iron-iconset/iron-iconset.html">
- <link href="../../paper-styles/demo-pages.html" rel="import">
+ <link rel="import" href="../../paper-styles/demo-pages.html" >
<style is="custom-style">
+ #loading_message {
+ color: #444;
+ margin-bottom: 16px;
+ }
.vertical-section h4 {
border-left: 3px solid var(--paper-grey-300);
padding-left: 10px;
@@ -29,8 +32,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</head>
<body>
<div class="vertical-section-container centered">
- <h4>This demo is for a single &lt;iron-icon&gt;. If you're looking for the
- whole set of available icons, check out the &lt;iron-icons&gt; demo.</h4>
+ <h4>
+ This demo is for an &lt;iron-icon&gt; with an asynchronously loaded
+ iconset.
+ </h4>
+
+ <div id='loading_message'>Waiting to load iconset...</div>
<div class="vertical-section">
<!-- iron-icon using a iron-iconset as its icon source -->
@@ -39,10 +46,17 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<h4>&lt;iron-icon icon="example:location"&gt;</h4>
<iron-icon icon="example:location"></iron-icon>
- <!-- iron-icon using an image url as its icon source -->
- <h4>&lt;iron-icon src="location.png"&gt;</h4>
- <iron-icon src="location.png"></iron-icon>
</div>
</div>
+ <script>
+ setTimeout(function() {
+ // Import the code that powers the iron-iconset asynchronously
+ var linkElem = document.createElement('link');
+ linkElem.setAttribute('rel', 'import');
+ linkElem.setAttribute('href', '../../iron-iconset/iron-iconset.html');
+ document.head.appendChild(linkElem);
+ document.querySelector('#loading_message').innerText = "Iconset Loaded.";
+ }, 1000);
+ </script>
</body>
</html>
« no previous file with comments | « polymer_1.2.3/bower_components/iron-icon/bower.json ('k') | polymer_1.2.3/bower_components/iron-icon/demo/index.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698