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

Unified Diff: elements/viewer-button/viewer-button.html

Issue 129903002: Add the Quickoffice viewer toolbar polymer elements. (Closed) Base URL: https://chromium.googlesource.com/chromium/html-office-public.git@master
Patch Set: Created 6 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
« no previous file with comments | « elements/viewer-button/viewer-button.css ('k') | elements/viewer-toolbar/viewer-toolbar.css » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: elements/viewer-button/viewer-button.html
diff --git a/elements/viewer-button/viewer-button.html b/elements/viewer-button/viewer-button.html
new file mode 100644
index 0000000000000000000000000000000000000000..b4dbb45b20a9618116351f96e0d56cadffd15d37
--- /dev/null
+++ b/elements/viewer-button/viewer-button.html
@@ -0,0 +1,36 @@
+<polymer-element name="viewer-button" attributes="src latchable">
+ <template>
+ <link rel="stylesheet" href="viewer-button.css">
+ <div id="icon"></div>
+ </template>
+ <script>
+ (function() {
+ var dpi = '';
+
+ Polymer('viewer-button', {
+ src: '',
+ latchable: false,
+ ready: function() {
+ if (!dpi) {
+ var mql = window.matchMedia('(-webkit-min-device-pixel-ratio: 1.3');
+ dpi = mql.matches ? 'hi' : 'low';
+ }
+ },
+ srcChanged: function() {
+ if (this.src) {
+ this.$.icon.style.backgroundImage =
+ 'url(elements/viewer-button/img/' + dpi + 'DPI/' + this.src + ')';
+ } else {
+ this.$.icon.style.backgroundImage = '';
+ }
+ },
+ latchableChanged: function() {
+ if (this.latchable)
+ this.classList.add('latchable');
+ else
+ this.classList.remove('latchable');
+ },
+ });
+ })();
+ </script>
+</polymer-element>
« no previous file with comments | « elements/viewer-button/viewer-button.css ('k') | elements/viewer-toolbar/viewer-toolbar.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698