mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update polymer
This commit is contained in:
parent
22a5e48860
commit
61d616c330
44 changed files with 447 additions and 156 deletions
62
dashboard-ui/bower_components/iron-icon/demo/async.html
vendored
Normal file
62
dashboard-ui/bower_components/iron-icon/demo/async.html
vendored
Normal file
|
@ -0,0 +1,62 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
@license
|
||||
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>
|
||||
<title>iron-icon demo</title>
|
||||
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
|
||||
<link rel="import" href="../iron-icon.html">
|
||||
<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;
|
||||
}
|
||||
|
||||
.vertical-section h4:hover {
|
||||
border-left-color: var(--google-blue-700);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="vertical-section-container centered">
|
||||
<h4>
|
||||
This demo is for an <iron-icon> 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 -->
|
||||
<iron-iconset name="example" icons="location" src="location.png" size="24" width="24"></iron-iconset>
|
||||
|
||||
<h4><iron-icon icon="example:location"></h4>
|
||||
<iron-icon icon="example:location"></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>
|
Loading…
Add table
Add a link
Reference in a new issue