google/material-design-lite
1
1
Fork 0
mirror of https://github.com/google/material-design-lite.git synced 2024-09-19 08:07:24 +03:00
Code Issues Projects Releases Wiki Activity

Use upgrade event in progress demos

Browse Source
This commit is contained in:
Alexander Surma 2015-04-13 17:05:18 +01:00
parent 989d146634
commit 415aeb9442
2 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/progress/demo.html
View File

@ -34,12 +34,13 @@
<script src="../mdlComponentHandler.js"></script>
<script src="progress.js"></script>
<script>
// FIXME: What IS the recommended way to wait for the upgrade to be done?
window.setTimeout(function() {
document.querySelector('#p1').widget.setProgress(44);
document.querySelector('#p3').widget.setProgress(33);
document.querySelector('#p3').widget.setBuffer(87);
}, 1000);
document.querySelector('#p1').addEventListener('mdl-componentupgraded', function() {
this.widget.setProgress(44);
});
document.querySelector('#p3').addEventListener('mdl-componentupgraded', function() {
this.widget.setProgress(33);
this.widget.setBuffer(87);
});
</script>
<!-- endbuild -->
</body>

12
test/visual/progress.html
View File

@ -31,11 +31,13 @@
</p>
</div>
<script>
window.setTimeout(function() {
document.querySelector('#p1').widget.setProgress(44);
document.querySelector('#p3').widget.setProgress(33);
document.querySelector('#p3').widget.setBuffer(87);
}, 1000);
document.querySelector('#p1').addEventListener('mdl-componentupgraded', function() {
this.widget.setProgress(44);
});
document.querySelector('#p3').addEventListener('mdl-componentupgraded', function() {
this.widget.setProgress(33);
this.widget.setBuffer(87);
});
</script>
<script src="../../js/material.js"></script>