easycomments 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/.gitignore +1 -0
- data/.rspec +2 -0
- data/Gemfile +14 -0
- data/LICENSE +21 -0
- data/README.md +92 -0
- data/Rakefile +49 -0
- data/_config.yml +28 -0
- data/bin/ec +45 -0
- data/config.ru +12 -0
- data/dashboard.rb +57 -0
- data/easycomments.gemspec +22 -0
- data/ec.rb +43 -0
- data/lib/easycomments/ec_configuration.rb +42 -0
- data/lib/easycomments/ec_dashboard_model.rb +70 -0
- data/lib/easycomments/ec_model.rb +47 -0
- data/lib/easycomments.rb +14 -0
- data/public/bower.json +32 -0
- data/public/bower_components/core-a11y-keys/.bower.json +28 -0
- data/public/bower_components/core-a11y-keys/README.md +4 -0
- data/public/bower_components/core-a11y-keys/bower.json +18 -0
- data/public/bower_components/core-a11y-keys/core-a11y-keys.html +335 -0
- data/public/bower_components/core-a11y-keys/demo.html +41 -0
- data/public/bower_components/core-a11y-keys/index.html +22 -0
- data/public/bower_components/core-ajax/.bower.json +22 -0
- data/public/bower_components/core-ajax/README.md +4 -0
- data/public/bower_components/core-ajax/bower.json +11 -0
- data/public/bower_components/core-ajax/core-ajax.html +434 -0
- data/public/bower_components/core-ajax/core-xhr.html +116 -0
- data/public/bower_components/core-ajax/demo-progress.html +65 -0
- data/public/bower_components/core-ajax/demo.html +43 -0
- data/public/bower_components/core-ajax/index.html +22 -0
- data/public/bower_components/core-ajax/metadata.html +23 -0
- data/public/bower_components/core-ajax/test/core-ajax-progress.html +108 -0
- data/public/bower_components/core-ajax/test/core-ajax-race.html +81 -0
- data/public/bower_components/core-ajax/test/core-ajax.html +287 -0
- data/public/bower_components/core-ajax/test/index.html +17 -0
- data/public/bower_components/core-collapse/.bower.json +21 -0
- data/public/bower_components/core-collapse/README.md +4 -0
- data/public/bower_components/core-collapse/bower.json +11 -0
- data/public/bower_components/core-collapse/core-collapse.css +16 -0
- data/public/bower_components/core-collapse/core-collapse.html +298 -0
- data/public/bower_components/core-collapse/demo.html +75 -0
- data/public/bower_components/core-collapse/index.html +22 -0
- data/public/bower_components/core-collapse/test/basic.html +85 -0
- data/public/bower_components/core-collapse/test/index.html +24 -0
- data/public/bower_components/core-component-page/.bower.json +19 -0
- data/public/bower_components/core-component-page/README.md +6 -0
- data/public/bower_components/core-component-page/bowager-logo.png +0 -0
- data/public/bower_components/core-component-page/bower.json +9 -0
- data/public/bower_components/core-component-page/core-component-page.html +37 -0
- data/public/bower_components/core-component-page/demo.html +23 -0
- data/public/bower_components/core-component-page/index.html +22 -0
- data/public/bower_components/core-drawer-panel/.bower.json +19 -0
- data/public/bower_components/core-drawer-panel/README.md +4 -0
- data/public/bower_components/core-drawer-panel/bower.json +9 -0
- data/public/bower_components/core-drawer-panel/core-drawer-panel.css +160 -0
- data/public/bower_components/core-drawer-panel/core-drawer-panel.html +418 -0
- data/public/bower_components/core-drawer-panel/demo.html +68 -0
- data/public/bower_components/core-drawer-panel/index.html +22 -0
- data/public/bower_components/core-drawer-panel/metadata.html +37 -0
- data/public/bower_components/core-focusable/.bower.json +18 -0
- data/public/bower_components/core-focusable/README.md +6 -0
- data/public/bower_components/core-focusable/bower.json +8 -0
- data/public/bower_components/core-focusable/core-focusable.html +4 -0
- data/public/bower_components/core-focusable/core-focusable.js +134 -0
- data/public/bower_components/core-focusable/demo.html +109 -0
- data/public/bower_components/core-focusable/polymer-mixin.js +35 -0
- data/public/bower_components/core-header-panel/.bower.json +18 -0
- data/public/bower_components/core-header-panel/README.md +4 -0
- data/public/bower_components/core-header-panel/bower.json +8 -0
- data/public/bower_components/core-header-panel/core-header-panel.css +78 -0
- data/public/bower_components/core-header-panel/core-header-panel.html +277 -0
- data/public/bower_components/core-header-panel/demo.html +100 -0
- data/public/bower_components/core-header-panel/index.html +23 -0
- data/public/bower_components/core-header-panel/metadata.html +37 -0
- data/public/bower_components/core-icon/.bower.json +19 -0
- data/public/bower_components/core-icon/README.md +4 -0
- data/public/bower_components/core-icon/bower.json +9 -0
- data/public/bower_components/core-icon/core-icon.css +16 -0
- data/public/bower_components/core-icon/core-icon.html +201 -0
- data/public/bower_components/core-icon/demo.html +44 -0
- data/public/bower_components/core-icon/index.html +22 -0
- data/public/bower_components/core-icon/metadata.html +21 -0
- data/public/bower_components/core-icon-button/.bower.json +18 -0
- data/public/bower_components/core-icon-button/README.md +4 -0
- data/public/bower_components/core-icon-button/bower.json +8 -0
- data/public/bower_components/core-icon-button/core-icon-button.css +75 -0
- data/public/bower_components/core-icon-button/core-icon-button.html +81 -0
- data/public/bower_components/core-icon-button/demo.html +35 -0
- data/public/bower_components/core-icon-button/index.html +22 -0
- data/public/bower_components/core-icon-button/metadata.html +20 -0
- data/public/bower_components/core-icons/.bower.json +24 -0
- data/public/bower_components/core-icons/.gitignore +2 -0
- data/public/bower_components/core-icons/README.md +8 -0
- data/public/bower_components/core-icons/av-icons.html +65 -0
- data/public/bower_components/core-icons/bower.json +14 -0
- data/public/bower_components/core-icons/communication-icons.html +54 -0
- data/public/bower_components/core-icons/core-icons.html +278 -0
- data/public/bower_components/core-icons/demo.html +98 -0
- data/public/bower_components/core-icons/device-icons.html +90 -0
- data/public/bower_components/core-icons/editor-icons.html +67 -0
- data/public/bower_components/core-icons/hardware-icons.html +56 -0
- data/public/bower_components/core-icons/image-icons.html +152 -0
- data/public/bower_components/core-icons/index.html +22 -0
- data/public/bower_components/core-icons/maps-icons.html +70 -0
- data/public/bower_components/core-icons/notification-icons.html +49 -0
- data/public/bower_components/core-icons/social-icons.html +39 -0
- data/public/bower_components/core-iconset/.bower.json +20 -0
- data/public/bower_components/core-iconset/README.md +4 -0
- data/public/bower_components/core-iconset/bower.json +10 -0
- data/public/bower_components/core-iconset/core-iconset.html +241 -0
- data/public/bower_components/core-iconset/demo.html +62 -0
- data/public/bower_components/core-iconset/index.html +22 -0
- data/public/bower_components/core-iconset/my-icons-big.png +0 -0
- data/public/bower_components/core-iconset/my-icons.png +0 -0
- data/public/bower_components/core-iconset-svg/.bower.json +19 -0
- data/public/bower_components/core-iconset-svg/README.md +4 -0
- data/public/bower_components/core-iconset-svg/bower.json +9 -0
- data/public/bower_components/core-iconset-svg/core-iconset-svg.html +168 -0
- data/public/bower_components/core-iconset-svg/demo.html +66 -0
- data/public/bower_components/core-iconset-svg/index.html +22 -0
- data/public/bower_components/core-iconset-svg/svg-sample-icons.html +68 -0
- data/public/bower_components/core-input/.bower.json +20 -0
- data/public/bower_components/core-input/README.md +2 -0
- data/public/bower_components/core-input/bower.json +10 -0
- data/public/bower_components/core-input/core-input.css +41 -0
- data/public/bower_components/core-input/core-input.html +148 -0
- data/public/bower_components/core-input/demo.html +62 -0
- data/public/bower_components/core-input/index.html +22 -0
- data/public/bower_components/core-input/metadata.html +23 -0
- data/public/bower_components/core-input/test/a11y.html +55 -0
- data/public/bower_components/core-input/test/basic.html +60 -0
- data/public/bower_components/core-input/test/index.html +25 -0
- data/public/bower_components/core-item/.bower.json +19 -0
- data/public/bower_components/core-item/README.md +4 -0
- data/public/bower_components/core-item/bower.json +9 -0
- data/public/bower_components/core-item/core-item.css +45 -0
- data/public/bower_components/core-item/core-item.html +73 -0
- data/public/bower_components/core-item/demo.html +92 -0
- data/public/bower_components/core-item/index.html +22 -0
- data/public/bower_components/core-item/metadata.html +24 -0
- data/public/bower_components/core-media-query/.bower.json +18 -0
- data/public/bower_components/core-media-query/README.md +4 -0
- data/public/bower_components/core-media-query/bower.json +8 -0
- data/public/bower_components/core-media-query/core-media-query.html +87 -0
- data/public/bower_components/core-media-query/demo.html +44 -0
- data/public/bower_components/core-media-query/index.html +22 -0
- data/public/bower_components/core-menu/.bower.json +22 -0
- data/public/bower_components/core-menu/README.md +4 -0
- data/public/bower_components/core-menu/bower.json +11 -0
- data/public/bower_components/core-menu/core-menu.css +18 -0
- data/public/bower_components/core-menu/core-menu.html +73 -0
- data/public/bower_components/core-menu/core-submenu.css +43 -0
- data/public/bower_components/core-menu/core-submenu.html +126 -0
- data/public/bower_components/core-menu/demo.html +101 -0
- data/public/bower_components/core-menu/index.html +22 -0
- data/public/bower_components/core-menu/metadata.html +62 -0
- data/public/bower_components/core-meta/.bower.json +18 -0
- data/public/bower_components/core-meta/README.md +4 -0
- data/public/bower_components/core-meta/bower.json +8 -0
- data/public/bower_components/core-meta/core-meta.html +145 -0
- data/public/bower_components/core-meta/demo.html +58 -0
- data/public/bower_components/core-meta/index.html +22 -0
- data/public/bower_components/core-overlay/.bower.json +20 -0
- data/public/bower_components/core-overlay/README.md +4 -0
- data/public/bower_components/core-overlay/bower.json +10 -0
- data/public/bower_components/core-overlay/core-key-helper.html +22 -0
- data/public/bower_components/core-overlay/core-overlay-layer.html +116 -0
- data/public/bower_components/core-overlay/core-overlay.html +776 -0
- data/public/bower_components/core-overlay/demo.html +155 -0
- data/public/bower_components/core-overlay/gulpfile.js +2 -0
- data/public/bower_components/core-overlay/index.html +22 -0
- data/public/bower_components/core-overlay/tests/html/core-overlay-basic.html +127 -0
- data/public/bower_components/core-overlay/tests/html/core-overlay-positioning-margin.html +153 -0
- data/public/bower_components/core-overlay/tests/html/core-overlay-positioning.html +167 -0
- data/public/bower_components/core-overlay/tests/html/core-overlay-quick-close.html +45 -0
- data/public/bower_components/core-overlay/tests/html/core-overlay-scroll.html +130 -0
- data/public/bower_components/core-overlay/tests/js/htmltests.js +7 -0
- data/public/bower_components/core-overlay/tests/runner.html +14 -0
- data/public/bower_components/core-overlay/tests/tests.json +6 -0
- data/public/bower_components/core-pages/.bower.json +19 -0
- data/public/bower_components/core-pages/README.md +4 -0
- data/public/bower_components/core-pages/bower.json +8 -0
- data/public/bower_components/core-pages/core-pages.css +30 -0
- data/public/bower_components/core-pages/core-pages.html +44 -0
- data/public/bower_components/core-pages/demo.html +136 -0
- data/public/bower_components/core-pages/index.html +22 -0
- data/public/bower_components/core-pages/metadata.html +25 -0
- data/public/bower_components/core-resizable/.bower.json +18 -0
- data/public/bower_components/core-resizable/README.md +4 -0
- data/public/bower_components/core-resizable/bower.json +8 -0
- data/public/bower_components/core-resizable/core-resizable.html +248 -0
- data/public/bower_components/core-resizable/index.html +22 -0
- data/public/bower_components/core-resizable/test/basic.html +504 -0
- data/public/bower_components/core-resizable/test/index.html +16 -0
- data/public/bower_components/core-resizable/test/test-elements.html +66 -0
- data/public/bower_components/core-scaffold/.bower.json +22 -0
- data/public/bower_components/core-scaffold/README.md +4 -0
- data/public/bower_components/core-scaffold/bower.json +11 -0
- data/public/bower_components/core-scaffold/core-scaffold.html +252 -0
- data/public/bower_components/core-scaffold/demo.html +82 -0
- data/public/bower_components/core-scaffold/index.html +22 -0
- data/public/bower_components/core-scaffold/metadata.html +52 -0
- data/public/bower_components/core-selection/.bower.json +21 -0
- data/public/bower_components/core-selection/README.md +4 -0
- data/public/bower_components/core-selection/bower.json +11 -0
- data/public/bower_components/core-selection/core-selection.html +149 -0
- data/public/bower_components/core-selection/demo.html +59 -0
- data/public/bower_components/core-selection/index.html +22 -0
- data/public/bower_components/core-selection/test/basic.html +62 -0
- data/public/bower_components/core-selection/test/index.html +25 -0
- data/public/bower_components/core-selection/test/multi.html +63 -0
- data/public/bower_components/core-selector/.bower.json +22 -0
- data/public/bower_components/core-selector/.gitignore +2 -0
- data/public/bower_components/core-selector/README.md +4 -0
- data/public/bower_components/core-selector/bower.json +12 -0
- data/public/bower_components/core-selector/core-selector.html +548 -0
- data/public/bower_components/core-selector/demo.html +106 -0
- data/public/bower_components/core-selector/index.html +22 -0
- data/public/bower_components/core-selector/metadata.html +20 -0
- data/public/bower_components/core-selector/test/activate-event.html +63 -0
- data/public/bower_components/core-selector/test/basic.html +126 -0
- data/public/bower_components/core-selector/test/content.html +101 -0
- data/public/bower_components/core-selector/test/index.html +30 -0
- data/public/bower_components/core-selector/test/multi.html +115 -0
- data/public/bower_components/core-selector/test/next-previous.html +113 -0
- data/public/bower_components/core-selector/test/selected-attr-prop.html +62 -0
- data/public/bower_components/core-selector/test/template-repeat.html +63 -0
- data/public/bower_components/core-style/.bower.json +18 -0
- data/public/bower_components/core-style/README.md +4 -0
- data/public/bower_components/core-style/bower.json +8 -0
- data/public/bower_components/core-style/core-style.html +387 -0
- data/public/bower_components/core-style/demo.html +58 -0
- data/public/bower_components/core-style/elements.html +55 -0
- data/public/bower_components/core-style/index.html +22 -0
- data/public/bower_components/core-style/my-theme.html +73 -0
- data/public/bower_components/core-toolbar/.bower.json +19 -0
- data/public/bower_components/core-toolbar/README.md +4 -0
- data/public/bower_components/core-toolbar/bower.json +9 -0
- data/public/bower_components/core-toolbar/core-toolbar.css +117 -0
- data/public/bower_components/core-toolbar/core-toolbar.html +155 -0
- data/public/bower_components/core-toolbar/demo.html +119 -0
- data/public/bower_components/core-toolbar/index.html +22 -0
- data/public/bower_components/core-toolbar/metadata.html +28 -0
- data/public/bower_components/core-toolbar/test/basic.html +86 -0
- data/public/bower_components/core-toolbar/test/index.html +24 -0
- data/public/bower_components/core-transition/.bower.json +19 -0
- data/public/bower_components/core-transition/README.md +2 -0
- data/public/bower_components/core-transition/bower.json +9 -0
- data/public/bower_components/core-transition/core-transition-css.html +220 -0
- data/public/bower_components/core-transition/core-transition-overlay.css +46 -0
- data/public/bower_components/core-transition/core-transition.html +140 -0
- data/public/bower_components/core-transition/demo.html +87 -0
- data/public/bower_components/core-transition/index.html +22 -0
- data/public/bower_components/font-roboto/.bower.json +15 -0
- data/public/bower_components/font-roboto/roboto.html +9 -0
- data/public/bower_components/paper-button/.bower.json +27 -0
- data/public/bower_components/paper-button/README.md +4 -0
- data/public/bower_components/paper-button/bower.json +16 -0
- data/public/bower_components/paper-button/demo.html +157 -0
- data/public/bower_components/paper-button/index.html +22 -0
- data/public/bower_components/paper-button/metadata.html +17 -0
- data/public/bower_components/paper-button/paper-button-base.html +164 -0
- data/public/bower_components/paper-button/paper-button.html +197 -0
- data/public/bower_components/paper-button/test/index.html +24 -0
- data/public/bower_components/paper-button/test/paper-button.html +112 -0
- data/public/bower_components/paper-icon-button/.bower.json +25 -0
- data/public/bower_components/paper-icon-button/README.md +4 -0
- data/public/bower_components/paper-icon-button/bower.json +15 -0
- data/public/bower_components/paper-icon-button/demo.html +150 -0
- data/public/bower_components/paper-icon-button/index.html +22 -0
- data/public/bower_components/paper-icon-button/metadata.html +21 -0
- data/public/bower_components/paper-icon-button/paper-icon-button.html +154 -0
- data/public/bower_components/paper-icon-button/test/a11y.html +68 -0
- data/public/bower_components/paper-icon-button/test/basic.html +50 -0
- data/public/bower_components/paper-icon-button/test/index.html +25 -0
- data/public/bower_components/paper-input/.bower.json +26 -0
- data/public/bower_components/paper-input/.gitignore +1 -0
- data/public/bower_components/paper-input/README.md +4 -0
- data/public/bower_components/paper-input/bower.json +15 -0
- data/public/bower_components/paper-input/demo.html +236 -0
- data/public/bower_components/paper-input/index.html +22 -0
- data/public/bower_components/paper-input/metadata.html +20 -0
- data/public/bower_components/paper-input/paper-autogrow-textarea.html +162 -0
- data/public/bower_components/paper-input/paper-char-counter.html +121 -0
- data/public/bower_components/paper-input/paper-input-decorator.css +132 -0
- data/public/bower_components/paper-input/paper-input-decorator.html +547 -0
- data/public/bower_components/paper-input/paper-input.html +145 -0
- data/public/bower_components/paper-input/test/index.html +26 -0
- data/public/bower_components/paper-input/test/paper-autogrow-textarea.html +146 -0
- data/public/bower_components/paper-input/test/paper-input-decorator.html +240 -0
- data/public/bower_components/paper-input/test/paper-input.html +68 -0
- data/public/bower_components/paper-input/test/util.js +15 -0
- data/public/bower_components/paper-radio-button/.bower.json +22 -0
- data/public/bower_components/paper-radio-button/README.md +4 -0
- data/public/bower_components/paper-radio-button/bower.json +12 -0
- data/public/bower_components/paper-radio-button/demo.html +84 -0
- data/public/bower_components/paper-radio-button/index.html +22 -0
- data/public/bower_components/paper-radio-button/metadata.html +17 -0
- data/public/bower_components/paper-radio-button/paper-radio-button.css +108 -0
- data/public/bower_components/paper-radio-button/paper-radio-button.html +166 -0
- data/public/bower_components/paper-ripple/.bower.json +23 -0
- data/public/bower_components/paper-ripple/README.md +4 -0
- data/public/bower_components/paper-ripple/bower.json +13 -0
- data/public/bower_components/paper-ripple/demo.html +414 -0
- data/public/bower_components/paper-ripple/index.html +22 -0
- data/public/bower_components/paper-ripple/metadata.html +20 -0
- data/public/bower_components/paper-ripple/paper-ripple.html +477 -0
- data/public/bower_components/paper-ripple/test/index.html +24 -0
- data/public/bower_components/paper-ripple/test/position.html +109 -0
- data/public/bower_components/paper-shadow/.bower.json +22 -0
- data/public/bower_components/paper-shadow/README.md +4 -0
- data/public/bower_components/paper-shadow/bower.json +11 -0
- data/public/bower_components/paper-shadow/demo.html +134 -0
- data/public/bower_components/paper-shadow/index.html +22 -0
- data/public/bower_components/paper-shadow/metadata.html +17 -0
- data/public/bower_components/paper-shadow/paper-shadow.css +66 -0
- data/public/bower_components/paper-shadow/paper-shadow.html +86 -0
- data/public/bower_components/paper-shadow/test/basic.html +62 -0
- data/public/bower_components/paper-shadow/test/index.html +24 -0
- data/public/bower_components/paper-tabs/.bower.json +26 -0
- data/public/bower_components/paper-tabs/README.md +4 -0
- data/public/bower_components/paper-tabs/bower.json +15 -0
- data/public/bower_components/paper-tabs/demo.html +242 -0
- data/public/bower_components/paper-tabs/index.html +22 -0
- data/public/bower_components/paper-tabs/metadata.html +58 -0
- data/public/bower_components/paper-tabs/paper-tab.css +59 -0
- data/public/bower_components/paper-tabs/paper-tab.html +82 -0
- data/public/bower_components/paper-tabs/paper-tabs.css +80 -0
- data/public/bower_components/paper-tabs/paper-tabs.html +353 -0
- data/public/bower_components/paper-toast/.bower.json +22 -0
- data/public/bower_components/paper-toast/README.md +4 -0
- data/public/bower_components/paper-toast/bower.json +11 -0
- data/public/bower_components/paper-toast/demo.html +63 -0
- data/public/bower_components/paper-toast/index.html +22 -0
- data/public/bower_components/paper-toast/metadata.html +20 -0
- data/public/bower_components/paper-toast/paper-toast.css +80 -0
- data/public/bower_components/paper-toast/paper-toast.html +296 -0
- data/public/bower_components/paper-toggle-button/.bower.json +20 -0
- data/public/bower_components/paper-toggle-button/README.md +4 -0
- data/public/bower_components/paper-toggle-button/bower.json +9 -0
- data/public/bower_components/paper-toggle-button/demo.html +97 -0
- data/public/bower_components/paper-toggle-button/index.html +22 -0
- data/public/bower_components/paper-toggle-button/metadata.html +17 -0
- data/public/bower_components/paper-toggle-button/paper-toggle-button.css +95 -0
- data/public/bower_components/paper-toggle-button/paper-toggle-button.html +179 -0
- data/public/bower_components/polymer/.bower.json +32 -0
- data/public/bower_components/polymer/README.md +21 -0
- data/public/bower_components/polymer/bower.json +23 -0
- data/public/bower_components/polymer/build.log +26 -0
- data/public/bower_components/polymer/layout.html +286 -0
- data/public/bower_components/polymer/polymer.html +12 -0
- data/public/bower_components/polymer/polymer.js +11859 -0
- data/public/bower_components/polymer/polymer.min.js +14 -0
- data/public/bower_components/webcomponentsjs/.bower.json +23 -0
- data/public/bower_components/webcomponentsjs/CustomElements.js +634 -0
- data/public/bower_components/webcomponentsjs/CustomElements.min.js +11 -0
- data/public/bower_components/webcomponentsjs/HTMLImports.js +764 -0
- data/public/bower_components/webcomponentsjs/HTMLImports.min.js +11 -0
- data/public/bower_components/webcomponentsjs/README.md +73 -0
- data/public/bower_components/webcomponentsjs/ShadowDOM.js +4277 -0
- data/public/bower_components/webcomponentsjs/ShadowDOM.min.js +13 -0
- data/public/bower_components/webcomponentsjs/bower.json +14 -0
- data/public/bower_components/webcomponentsjs/build.log +31 -0
- data/public/bower_components/webcomponentsjs/package.json +31 -0
- data/public/bower_components/webcomponentsjs/webcomponents-lite.js +1728 -0
- data/public/bower_components/webcomponentsjs/webcomponents-lite.min.js +11 -0
- data/public/bower_components/webcomponentsjs/webcomponents.js +6114 -0
- data/public/bower_components/webcomponentsjs/webcomponents.min.js +14 -0
- data/public/css/main.css +41 -0
- data/public/elements/ec-dashboard/ec-dashboard.html +269 -0
- data/public/polymer-loader.html +24 -0
- data/public/polymer-loader.vulcanized.html +19 -0
- data/spec/ec/ec_dashboard_spec.rb +78 -0
- data/spec/ec/ec_spec.rb +78 -0
- data/spec/spec_helper.rb +27 -0
- data/views/index.html +88 -0
- metadata +464 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "paper-icon-button",
|
|
3
|
+
"private": true,
|
|
4
|
+
"dependencies": {
|
|
5
|
+
"polymer": "Polymer/polymer#^0.5",
|
|
6
|
+
"paper-button": "Polymer/paper-button#^0.5",
|
|
7
|
+
"core-icon": "Polymer/core-icon#^0.5",
|
|
8
|
+
"core-icons": "Polymer/core-icons#^0.5",
|
|
9
|
+
"paper-ripple": "Polymer/paper-ripple#^0.5"
|
|
10
|
+
},
|
|
11
|
+
"devDependencies": {
|
|
12
|
+
"web-component-tester": "Polymer/web-component-tester#^1.1.4"
|
|
13
|
+
},
|
|
14
|
+
"version": "0.5.5",
|
|
15
|
+
"homepage": "https://github.com/Polymer/paper-icon-button",
|
|
16
|
+
"_release": "0.5.5",
|
|
17
|
+
"_resolution": {
|
|
18
|
+
"type": "version",
|
|
19
|
+
"tag": "0.5.5",
|
|
20
|
+
"commit": "cd4996529e03a965c617e7651dd9e90528a9b16e"
|
|
21
|
+
},
|
|
22
|
+
"_source": "git://github.com/Polymer/paper-icon-button.git",
|
|
23
|
+
"_target": "^0.5",
|
|
24
|
+
"_originalSource": "Polymer/paper-icon-button"
|
|
25
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "paper-icon-button",
|
|
3
|
+
"private": true,
|
|
4
|
+
"dependencies": {
|
|
5
|
+
"polymer": "Polymer/polymer#^0.5",
|
|
6
|
+
"paper-button": "Polymer/paper-button#^0.5",
|
|
7
|
+
"core-icon": "Polymer/core-icon#^0.5",
|
|
8
|
+
"core-icons": "Polymer/core-icons#^0.5",
|
|
9
|
+
"paper-ripple": "Polymer/paper-ripple#^0.5"
|
|
10
|
+
},
|
|
11
|
+
"devDependencies": {
|
|
12
|
+
"web-component-tester": "Polymer/web-component-tester#^1.1.4"
|
|
13
|
+
},
|
|
14
|
+
"version": "0.5.5"
|
|
15
|
+
}
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
Copyright 2013 The Polymer Authors. All rights reserved.
|
|
4
|
+
Use of this source code is governed by a BSD-style
|
|
5
|
+
license that can be found in the LICENSE file.
|
|
6
|
+
-->
|
|
7
|
+
<html>
|
|
8
|
+
<head>
|
|
9
|
+
<title>paper-icon-button</title>
|
|
10
|
+
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
|
|
11
|
+
<script src="../webcomponentsjs/webcomponents.js"></script>
|
|
12
|
+
|
|
13
|
+
<link rel="import" href="../core-icons/core-icons.html">
|
|
14
|
+
<link rel="import" href="paper-icon-button.html">
|
|
15
|
+
|
|
16
|
+
<style shim-shadowdom>
|
|
17
|
+
body {
|
|
18
|
+
font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
|
|
19
|
+
font-size: 14px;
|
|
20
|
+
margin: 0;
|
|
21
|
+
padding: 24px;
|
|
22
|
+
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
23
|
+
-webkit-touch-callout: none;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
section {
|
|
27
|
+
padding: 20px 0;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
section > div {
|
|
31
|
+
padding: 14px;
|
|
32
|
+
font-size: 16px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
paper-icon-button {
|
|
36
|
+
vertical-align: middle;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
paper-icon-button.hover:hover {
|
|
40
|
+
background: #eee;
|
|
41
|
+
border-radius: 50%;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
paper-icon-button.red {
|
|
45
|
+
color: #fe774d;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
paper-icon-button.blueRipple::shadow #ripple {
|
|
49
|
+
color: #4285f4;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
paper-icon-button.huge::shadow #icon {
|
|
53
|
+
width: 100px;
|
|
54
|
+
height: 100px;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* core-selector paper-icon-button:not([active])::shadow core-icon {
|
|
58
|
+
color: #c9c9c9;
|
|
59
|
+
}
|
|
60
|
+
*/
|
|
61
|
+
paper-icon-button.custom {
|
|
62
|
+
color: #a9edff;
|
|
63
|
+
}
|
|
64
|
+
</style>
|
|
65
|
+
|
|
66
|
+
</head>
|
|
67
|
+
|
|
68
|
+
<body unresolved onclick="clickAction(event);">
|
|
69
|
+
|
|
70
|
+
<column>
|
|
71
|
+
|
|
72
|
+
<section>
|
|
73
|
+
|
|
74
|
+
<div>Icon buttons</div>
|
|
75
|
+
|
|
76
|
+
<paper-icon-button icon="menu" title="menu"></paper-icon-button>
|
|
77
|
+
<paper-icon-button icon="arrow-back" title="arrow-back"></paper-icon-button>
|
|
78
|
+
<paper-icon-button icon="arrow-forward" title="arrow-forward"></paper-icon-button>
|
|
79
|
+
<paper-icon-button disabled icon="clear" title="clear"></paper-icon-button>
|
|
80
|
+
|
|
81
|
+
</section>
|
|
82
|
+
|
|
83
|
+
<br>
|
|
84
|
+
|
|
85
|
+
<section>
|
|
86
|
+
|
|
87
|
+
<div>Styled</div>
|
|
88
|
+
|
|
89
|
+
<paper-icon-button class="hover" icon="favorite" title="with :hover style"></paper-icon-button>
|
|
90
|
+
<paper-icon-button class="red" icon="favorite" title="red icon"></paper-icon-button>
|
|
91
|
+
<paper-icon-button class="red blueRipple" icon="favorite" title="red icon, blue ripple"></paper-icon-button>
|
|
92
|
+
|
|
93
|
+
<br>
|
|
94
|
+
|
|
95
|
+
<paper-icon-button class="huge" icon="favorite" title="huge"></paper-icon-button>
|
|
96
|
+
|
|
97
|
+
</section>
|
|
98
|
+
|
|
99
|
+
<section>
|
|
100
|
+
|
|
101
|
+
<div>Link</div>
|
|
102
|
+
|
|
103
|
+
<a href="https://www.polymer-project.org" target="_blank">
|
|
104
|
+
<paper-icon-button icon="polymer" title="polymer"></paper-icon-button>
|
|
105
|
+
</a>
|
|
106
|
+
|
|
107
|
+
</section>
|
|
108
|
+
|
|
109
|
+
<!-- <section>
|
|
110
|
+
<span>focused</span>
|
|
111
|
+
<paper-icon-button focused icon="social:cake"></paper-icon-button>
|
|
112
|
+
<paper-icon-button focused icon="social:plus-one"></paper-icon-button>
|
|
113
|
+
</section>
|
|
114
|
+
-->
|
|
115
|
+
<!-- <section>
|
|
116
|
+
<span>segmented</span>
|
|
117
|
+
<core-selector selected="1">
|
|
118
|
+
<paper-icon-button fill isToggle icon="maps:directionswalk"></paper-icon-button>
|
|
119
|
+
<paper-icon-button fill isToggle icon="maps:directions-bike"></paper-icon-button>
|
|
120
|
+
<paper-icon-button fill isToggle icon="maps:directions-transit"></paper-icon-button>
|
|
121
|
+
<paper-icon-button fill isToggle icon="maps:directions-car"></paper-icon-button>
|
|
122
|
+
</core-selector>
|
|
123
|
+
</section>
|
|
124
|
+
-->
|
|
125
|
+
<section>
|
|
126
|
+
|
|
127
|
+
<div>Custom icon src</div>
|
|
128
|
+
|
|
129
|
+
<paper-icon-button class="custom" src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png" aria-label="octocat" title="octocat"></paper-icon-button>
|
|
130
|
+
|
|
131
|
+
</section>
|
|
132
|
+
</column>
|
|
133
|
+
|
|
134
|
+
<script>
|
|
135
|
+
|
|
136
|
+
function clickAction(e) {
|
|
137
|
+
var t = e.target;
|
|
138
|
+
if (t.localName === 'paper-icon-button') {
|
|
139
|
+
if (t.hasAttribute('disabled')) {
|
|
140
|
+
console.error('should not be able to click disabled button', t);
|
|
141
|
+
} else {
|
|
142
|
+
console.log('click', t);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
</script>
|
|
148
|
+
|
|
149
|
+
</body>
|
|
150
|
+
</html>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
|
4
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
|
5
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
|
6
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
|
7
|
+
Code distributed by Google as part of the polymer project is also
|
|
8
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
|
9
|
+
-->
|
|
10
|
+
<html>
|
|
11
|
+
<head>
|
|
12
|
+
|
|
13
|
+
<script src="../webcomponentsjs/webcomponents.js"></script>
|
|
14
|
+
<link rel="import" href="../core-component-page/core-component-page.html">
|
|
15
|
+
|
|
16
|
+
</head>
|
|
17
|
+
<body unresolved>
|
|
18
|
+
|
|
19
|
+
<core-component-page></core-component-page>
|
|
20
|
+
|
|
21
|
+
</body>
|
|
22
|
+
</html>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<!--
|
|
2
|
+
@license
|
|
3
|
+
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
|
4
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
5
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
6
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
7
|
+
Code distributed by Google as part of the polymer project is also
|
|
8
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
9
|
+
-->
|
|
10
|
+
<x-meta id="paper-icon-button" label="Icon Button" group="Paper">
|
|
11
|
+
|
|
12
|
+
<template>
|
|
13
|
+
<paper-icon-button icon="menu"></paper-icon-button>
|
|
14
|
+
</template>
|
|
15
|
+
|
|
16
|
+
<template id="imports">
|
|
17
|
+
<link rel="import" href="../core-icons/core-icons.html">
|
|
18
|
+
<link rel="import" href="paper-icon-button.html">
|
|
19
|
+
</template>
|
|
20
|
+
|
|
21
|
+
</x-meta>
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
<!--
|
|
2
|
+
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
|
3
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
|
4
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
|
5
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
|
6
|
+
Code distributed by Google as part of the polymer project is also
|
|
7
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
|
8
|
+
-->
|
|
9
|
+
|
|
10
|
+
<!--
|
|
11
|
+
@group Paper Elements
|
|
12
|
+
|
|
13
|
+
Material Design: <a href="http://www.google.com/design/spec/components/buttons.html">Buttons</a>
|
|
14
|
+
|
|
15
|
+
`paper-icon-button` is a button with an image placed at the center. When the user touches
|
|
16
|
+
the button, a ripple effect emanates from the center of the button.
|
|
17
|
+
|
|
18
|
+
`paper-icon-button` includes a default icon set. Use `icon` to specify which icon
|
|
19
|
+
from the icon set to use.
|
|
20
|
+
|
|
21
|
+
<paper-icon-button icon="menu"></paper-icon-button>
|
|
22
|
+
|
|
23
|
+
See [`core-iconset`](#core-iconset) for more information about
|
|
24
|
+
how to use a custom icon set.
|
|
25
|
+
|
|
26
|
+
Example:
|
|
27
|
+
|
|
28
|
+
<link href="path/to/core-icons/core-icons.html" rel="import">
|
|
29
|
+
|
|
30
|
+
<paper-icon-button icon="favorite"></paper-icon-button>
|
|
31
|
+
<paper-icon-button src="star.png"></paper-icon-button>
|
|
32
|
+
|
|
33
|
+
Styling
|
|
34
|
+
-------
|
|
35
|
+
|
|
36
|
+
Style the button with CSS as you would a normal DOM element. If you are using the icons
|
|
37
|
+
provided by `core-icons`, they will inherit the foreground color of the button.
|
|
38
|
+
|
|
39
|
+
/* make a red "favorite" button */
|
|
40
|
+
<paper-icon-button icon="favorite" style="color: red;"></paper-icon-button>
|
|
41
|
+
|
|
42
|
+
By default, the ripple is the same color as the foreground at 25% opacity. You may
|
|
43
|
+
customize the color using this selector:
|
|
44
|
+
|
|
45
|
+
/* make #my-button use a blue ripple instead of foreground color */
|
|
46
|
+
#my-button::shadow #ripple {
|
|
47
|
+
color: blue;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
The opacity of the ripple is not customizable via CSS.
|
|
51
|
+
|
|
52
|
+
Accessibility
|
|
53
|
+
-------------
|
|
54
|
+
|
|
55
|
+
The button is accessible by default if you use the `icon` property. By default, the
|
|
56
|
+
`aria-label` attribute will be set to the `icon` property. If you use a custom icon,
|
|
57
|
+
you should ensure that the `aria-label` attribute is set.
|
|
58
|
+
|
|
59
|
+
<paper-icon-button src="star.png" aria-label="star"></paper-icon-button>
|
|
60
|
+
|
|
61
|
+
@element paper-icon-button
|
|
62
|
+
@extends paper-button-base
|
|
63
|
+
@homepage github.io
|
|
64
|
+
-->
|
|
65
|
+
|
|
66
|
+
<link href="../polymer/polymer.html" rel="import">
|
|
67
|
+
<link href="../core-icon/core-icon.html" rel="import">
|
|
68
|
+
<link href="../core-icons/core-icons.html" rel="import">
|
|
69
|
+
<link href="../paper-button/paper-button-base.html" rel="import">
|
|
70
|
+
<link href="../paper-ripple/paper-ripple.html" rel="import">
|
|
71
|
+
|
|
72
|
+
<polymer-element name="paper-icon-button" extends="paper-button-base" attributes="src icon" role="button">
|
|
73
|
+
|
|
74
|
+
<template>
|
|
75
|
+
|
|
76
|
+
<style>
|
|
77
|
+
:host {
|
|
78
|
+
display: inline-block;
|
|
79
|
+
position: relative;
|
|
80
|
+
padding: 8px;
|
|
81
|
+
outline: none;
|
|
82
|
+
-webkit-user-select: none;
|
|
83
|
+
-moz-user-select: none;
|
|
84
|
+
-ms-user-select: none;
|
|
85
|
+
user-select: none;
|
|
86
|
+
cursor: pointer;
|
|
87
|
+
z-index: 0;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
:host([disabled]) {
|
|
91
|
+
color: #c9c9c9;
|
|
92
|
+
pointer-events: none;
|
|
93
|
+
cursor: auto;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
#ripple {
|
|
97
|
+
pointer-events: none;
|
|
98
|
+
z-index: -1;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
#icon {
|
|
102
|
+
display: block;
|
|
103
|
+
pointer-events: none;
|
|
104
|
+
}
|
|
105
|
+
</style>
|
|
106
|
+
|
|
107
|
+
<!-- to position to ripple behind the icon -->
|
|
108
|
+
<core-icon relative id="icon" src="{{src}}" icon="{{icon}}"></core-icon>
|
|
109
|
+
|
|
110
|
+
</template>
|
|
111
|
+
|
|
112
|
+
<script>
|
|
113
|
+
Polymer({
|
|
114
|
+
|
|
115
|
+
publish: {
|
|
116
|
+
|
|
117
|
+
/**
|
|
118
|
+
* The URL of an image for the icon. If the src property is specified,
|
|
119
|
+
* the icon property should not be.
|
|
120
|
+
*
|
|
121
|
+
* @attribute src
|
|
122
|
+
* @type string
|
|
123
|
+
* @default ''
|
|
124
|
+
*/
|
|
125
|
+
src: '',
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* Specifies the icon name or index in the set of icons available in
|
|
129
|
+
* the icon's icon set. If the icon property is specified,
|
|
130
|
+
* the src property should not be.
|
|
131
|
+
*
|
|
132
|
+
* @attribute icon
|
|
133
|
+
* @type string
|
|
134
|
+
* @default ''
|
|
135
|
+
*/
|
|
136
|
+
icon: '',
|
|
137
|
+
|
|
138
|
+
recenteringTouch: true,
|
|
139
|
+
fill: false
|
|
140
|
+
|
|
141
|
+
},
|
|
142
|
+
|
|
143
|
+
iconChanged: function(oldIcon) {
|
|
144
|
+
var label = this.getAttribute('aria-label');
|
|
145
|
+
if (!label || label === oldIcon) {
|
|
146
|
+
this.setAttribute('aria-label', this.icon);
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
});
|
|
151
|
+
|
|
152
|
+
</script>
|
|
153
|
+
|
|
154
|
+
</polymer-element>
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
|
4
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
5
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
6
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
7
|
+
Code distributed by Google as part of the polymer project is also
|
|
8
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
9
|
+
-->
|
|
10
|
+
<html>
|
|
11
|
+
<head>
|
|
12
|
+
<meta charset="UTF-8">
|
|
13
|
+
<title>paper-icon-button a11y tests</title>
|
|
14
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
15
|
+
|
|
16
|
+
<script src="../../webcomponentsjs/webcomponents.js"></script>
|
|
17
|
+
<script src="../../web-component-tester/browser.js"></script>
|
|
18
|
+
|
|
19
|
+
<link href="../../core-icons/core-icons.html" rel="import">
|
|
20
|
+
<link href="../paper-icon-button.html" rel="import">
|
|
21
|
+
|
|
22
|
+
</head>
|
|
23
|
+
<body>
|
|
24
|
+
|
|
25
|
+
<paper-icon-button id="fab1" icon="add"></paper-icon-button>
|
|
26
|
+
|
|
27
|
+
<paper-icon-button id="fab2" icon="add" disabled></paper-icon-button>
|
|
28
|
+
|
|
29
|
+
<paper-icon-button id="fab3" icon="add" aria-label="custom"></paper-icon-button>
|
|
30
|
+
|
|
31
|
+
<script>
|
|
32
|
+
|
|
33
|
+
var f1 = document.getElementById('fab1');
|
|
34
|
+
var f2 = document.getElementById('fab2');
|
|
35
|
+
var f3 = document.getElementById('fab3');
|
|
36
|
+
|
|
37
|
+
test('aria role is a button', function() {
|
|
38
|
+
assert.strictEqual(f1.getAttribute('role'), 'button');
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
test('aria-disabled is set', function(done) {
|
|
42
|
+
assert.ok(f2.hasAttribute('aria-disabled'));
|
|
43
|
+
flush(function() {
|
|
44
|
+
f2.removeAttribute('disabled');
|
|
45
|
+
flush(function() {
|
|
46
|
+
assert.ok(!f2.hasAttribute('aria-disabled'));
|
|
47
|
+
done();
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
});
|
|
51
|
+
|
|
52
|
+
test('aria-label is set', function() {
|
|
53
|
+
assert.strictEqual(f1.getAttribute('aria-label'), 'add');
|
|
54
|
+
});
|
|
55
|
+
|
|
56
|
+
test('user-defined aria-label is preserved', function(done) {
|
|
57
|
+
assert.strictEqual(f3.getAttribute('aria-label'), 'custom');
|
|
58
|
+
f3.icon = 'arrow-forward';
|
|
59
|
+
flush(function() {
|
|
60
|
+
assert.strictEqual(f3.getAttribute('aria-label'), 'custom');
|
|
61
|
+
done();
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
</script>
|
|
66
|
+
|
|
67
|
+
</body>
|
|
68
|
+
</html>
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
|
4
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
5
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
6
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
7
|
+
Code distributed by Google as part of the polymer project is also
|
|
8
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
9
|
+
-->
|
|
10
|
+
<html>
|
|
11
|
+
<head>
|
|
12
|
+
<meta charset="UTF-8">
|
|
13
|
+
<title>paper-icon-button basic tests</title>
|
|
14
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
15
|
+
|
|
16
|
+
<script src="../../webcomponentsjs/webcomponents.js"></script>
|
|
17
|
+
<script src="../../web-component-tester/browser.js"></script>
|
|
18
|
+
|
|
19
|
+
<link href="../../core-icons/core-icons.html" rel="import">
|
|
20
|
+
<link href="../paper-icon-button.html" rel="import">
|
|
21
|
+
|
|
22
|
+
</head>
|
|
23
|
+
<body>
|
|
24
|
+
|
|
25
|
+
<div style="font-size:40px;">
|
|
26
|
+
Toolbar
|
|
27
|
+
<paper-icon-button id="button1" icon="add"></paper-icon-button>
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
<script>
|
|
31
|
+
|
|
32
|
+
var b1 = document.getElementById('button1');
|
|
33
|
+
|
|
34
|
+
function centerOf(element) {
|
|
35
|
+
var rect = element.getBoundingClientRect();
|
|
36
|
+
return {left: rect.left + rect.width / 2, top: rect.top + rect.height / 2};
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
function approxEqual(p1, p2) {
|
|
40
|
+
return Math.round(p1.left) == Math.round(p2.left) && Math.round(p1.top) == Math.round(p2.top);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
test('renders correctly independent of font size', function() {
|
|
44
|
+
assert.ok(approxEqual(centerOf(b1.$.icon), centerOf(b1)));
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
</script>
|
|
48
|
+
|
|
49
|
+
</body>
|
|
50
|
+
</html>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
|
4
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
5
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
6
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
7
|
+
Code distributed by Google as part of the polymer project is also
|
|
8
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
9
|
+
-->
|
|
10
|
+
<html>
|
|
11
|
+
<head>
|
|
12
|
+
<meta charset="UTF-8">
|
|
13
|
+
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
|
|
14
|
+
<title>paper-icon-button tests</title>
|
|
15
|
+
<script src="../../web-component-tester/browser.js"></script>
|
|
16
|
+
</head>
|
|
17
|
+
<body>
|
|
18
|
+
<script>
|
|
19
|
+
WCT.loadSuites([
|
|
20
|
+
'basic.html',
|
|
21
|
+
'a11y.html'
|
|
22
|
+
]);
|
|
23
|
+
</script>
|
|
24
|
+
</body>
|
|
25
|
+
</html>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "paper-input",
|
|
3
|
+
"private": true,
|
|
4
|
+
"dependencies": {
|
|
5
|
+
"polymer": "Polymer/polymer#^0.5",
|
|
6
|
+
"core-icon": "Polymer/core-icon#^0.5",
|
|
7
|
+
"core-icons": "Polymer/core-icons#^0.5",
|
|
8
|
+
"core-input": "Polymer/core-input#^0.5",
|
|
9
|
+
"core-style": "Polymer/core-style#^0.5"
|
|
10
|
+
},
|
|
11
|
+
"devDependencies": {
|
|
12
|
+
"web-component-tester": "Polymer/web-component-tester#^1.0.0"
|
|
13
|
+
},
|
|
14
|
+
"version": "0.5.5",
|
|
15
|
+
"homepage": "https://github.com/Polymer/paper-input",
|
|
16
|
+
"_release": "0.5.5",
|
|
17
|
+
"_resolution": {
|
|
18
|
+
"type": "version",
|
|
19
|
+
"tag": "0.5.5",
|
|
20
|
+
"commit": "09c3d5785fc0044528ba016198b531ddb8b28acc"
|
|
21
|
+
},
|
|
22
|
+
"_source": "git://github.com/Polymer/paper-input.git",
|
|
23
|
+
"_target": "~0.5.5",
|
|
24
|
+
"_originalSource": "Polymer/paper-input",
|
|
25
|
+
"_direct": true
|
|
26
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
vulcanized.html
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "paper-input",
|
|
3
|
+
"private": true,
|
|
4
|
+
"dependencies": {
|
|
5
|
+
"polymer": "Polymer/polymer#^0.5",
|
|
6
|
+
"core-icon": "Polymer/core-icon#^0.5",
|
|
7
|
+
"core-icons": "Polymer/core-icons#^0.5",
|
|
8
|
+
"core-input": "Polymer/core-input#^0.5",
|
|
9
|
+
"core-style": "Polymer/core-style#^0.5"
|
|
10
|
+
},
|
|
11
|
+
"devDependencies": {
|
|
12
|
+
"web-component-tester": "Polymer/web-component-tester#^1.0.0"
|
|
13
|
+
},
|
|
14
|
+
"version": "0.5.5"
|
|
15
|
+
}
|