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,45 @@
|
|
|
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.txt
|
|
4
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
5
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
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.txt
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
:host {
|
|
11
|
+
display: block;
|
|
12
|
+
position: relative;
|
|
13
|
+
min-height: 40px;
|
|
14
|
+
white-space: nowrap;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
:host(.font-scalable) {
|
|
18
|
+
min-height: 2.5em;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
:host(.core-selected) {
|
|
22
|
+
font-weight: bold;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
#icon {
|
|
26
|
+
margin: 0 16px 0 4px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:host(.font-scalable) #icon {
|
|
30
|
+
margin: 0 1em 0 0.25em;
|
|
31
|
+
height: 1.5em;
|
|
32
|
+
width: 1.5em;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
polyfill-next-selector { content: ':host > a'; }
|
|
36
|
+
::content > a {
|
|
37
|
+
position: absolute;
|
|
38
|
+
top: 0;
|
|
39
|
+
right: 0;
|
|
40
|
+
bottom: 0;
|
|
41
|
+
left: 0;
|
|
42
|
+
/* IE10 styling to ensure link is clickable. Cannot be completely
|
|
43
|
+
transparent or minifiers change it to `transparent` which does not work. */
|
|
44
|
+
background-color: rgba(0, 0, 0, 0.000001);
|
|
45
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
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.txt
|
|
4
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
5
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
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.txt
|
|
8
|
+
-->
|
|
9
|
+
|
|
10
|
+
<!--
|
|
11
|
+
`core-item` is a simple line-item object: a label and/or an icon that can also
|
|
12
|
+
act as a link.
|
|
13
|
+
|
|
14
|
+
Example:
|
|
15
|
+
|
|
16
|
+
<core-item icon="settings" label="Settings"></core-item>
|
|
17
|
+
|
|
18
|
+
To use as a link, put <a> element in the item.
|
|
19
|
+
|
|
20
|
+
Example:
|
|
21
|
+
|
|
22
|
+
<core-item icon="settings" label="Settings">
|
|
23
|
+
<a href="#settings" target="_self"></a>
|
|
24
|
+
</core-item>
|
|
25
|
+
|
|
26
|
+
@group Polymer Core Elements
|
|
27
|
+
@element core-item
|
|
28
|
+
@homepage github.io
|
|
29
|
+
-->
|
|
30
|
+
|
|
31
|
+
<link rel="import" href="../core-icon/core-icon.html">
|
|
32
|
+
|
|
33
|
+
<polymer-element name="core-item" attributes="label icon src" horizontal center layout>
|
|
34
|
+
<template>
|
|
35
|
+
<link rel="stylesheet" href="core-item.css">
|
|
36
|
+
<template if="{{icon || src}}">
|
|
37
|
+
<core-icon src="{{src}}" id="icon" icon="{{icon}}" hidden?="{{!src && !icon}}"></core-icon>
|
|
38
|
+
</template>
|
|
39
|
+
<div id="label">{{label}}</div>
|
|
40
|
+
<content></content>
|
|
41
|
+
</template>
|
|
42
|
+
<script>
|
|
43
|
+
|
|
44
|
+
Polymer('core-item', {
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* The URL of an image for the icon.
|
|
48
|
+
*
|
|
49
|
+
* @attribute src
|
|
50
|
+
* @type string
|
|
51
|
+
* @default ''
|
|
52
|
+
*/
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* Specifies the icon from the Polymer icon set.
|
|
56
|
+
*
|
|
57
|
+
* @attribute icon
|
|
58
|
+
* @type string
|
|
59
|
+
* @default ''
|
|
60
|
+
*/
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* Specifies the label for the menu item.
|
|
64
|
+
*
|
|
65
|
+
* @attribute label
|
|
66
|
+
* @type string
|
|
67
|
+
* @default ''
|
|
68
|
+
*/
|
|
69
|
+
|
|
70
|
+
});
|
|
71
|
+
|
|
72
|
+
</script>
|
|
73
|
+
</polymer-element>
|
|
@@ -0,0 +1,92 @@
|
|
|
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
|
+
<!doctype html>
|
|
11
|
+
<html>
|
|
12
|
+
<head>
|
|
13
|
+
|
|
14
|
+
<title>core-item</title>
|
|
15
|
+
|
|
16
|
+
<script src="../webcomponentsjs/webcomponents.js"></script>
|
|
17
|
+
|
|
18
|
+
<link rel="import" href="../core-icons/core-icons.html">
|
|
19
|
+
<link rel="import" href="core-item.html">
|
|
20
|
+
|
|
21
|
+
<style>
|
|
22
|
+
|
|
23
|
+
body {
|
|
24
|
+
font-family: sans-serif;
|
|
25
|
+
font-size: 16px;
|
|
26
|
+
margin: 20px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
core-item {
|
|
30
|
+
width: 300px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
core-item.big {
|
|
34
|
+
font-size: 24px;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
core-item.small {
|
|
38
|
+
font-size: 12px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
core-item.contact-item {
|
|
42
|
+
height: 50px;
|
|
43
|
+
background-color: #efefef;
|
|
44
|
+
border: 1px solid #ddd;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
core-item.contact-item .name {
|
|
48
|
+
font-size: 1.125em;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
core-item.contact-item .address {
|
|
52
|
+
font-size: 0.75em;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
</style>
|
|
56
|
+
|
|
57
|
+
</head>
|
|
58
|
+
<body unresolved>
|
|
59
|
+
|
|
60
|
+
<h2>items with icon and label:</h2>
|
|
61
|
+
|
|
62
|
+
<core-item icon="settings" label="Settings"></core-item>
|
|
63
|
+
<core-item icon="account-box" label="Account"></core-item>
|
|
64
|
+
|
|
65
|
+
<h2>items with label only:</h2>
|
|
66
|
+
|
|
67
|
+
<core-item label="Settings"></core-item>
|
|
68
|
+
<core-item label="Account"></core-item>
|
|
69
|
+
|
|
70
|
+
<h2>links (via <a>):</h2>
|
|
71
|
+
|
|
72
|
+
<core-item icon="settings" label="Settings"><a href="#settings" target="_self"></a></core-item>
|
|
73
|
+
<core-item icon="account-box" label="Account"><a href="#account" target="_self"></a></core-item>
|
|
74
|
+
|
|
75
|
+
<h2>items sized with CSS:</h2>
|
|
76
|
+
<core-item icon="settings" label="Settings" class="font-scalable big"></core-item>
|
|
77
|
+
<core-item icon="account-box" label="Account" class="font-scalable big"></core-item>
|
|
78
|
+
<core-item icon="settings" label="Settings" class="font-scalable small"></core-item>
|
|
79
|
+
<core-item icon="account-box" label="Account" class="font-scalable small"></core-item>
|
|
80
|
+
|
|
81
|
+
<h2>custom item:</h2>
|
|
82
|
+
|
|
83
|
+
<core-item icon="account-circle" class="contact-item">
|
|
84
|
+
<div flex>
|
|
85
|
+
<div class="name">John Doe</div>
|
|
86
|
+
<div class="address">123 A Street, San Francisco, CA</div>
|
|
87
|
+
</div>
|
|
88
|
+
<core-icon icon="more-vert"></core-icon>
|
|
89
|
+
</core-item>
|
|
90
|
+
|
|
91
|
+
</body>
|
|
92
|
+
</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,24 @@
|
|
|
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="core-item" label="Item" group="Core">
|
|
11
|
+
|
|
12
|
+
<template>
|
|
13
|
+
|
|
14
|
+
<core-item icon="settings" label="Item"></core-item>
|
|
15
|
+
|
|
16
|
+
</template>
|
|
17
|
+
|
|
18
|
+
<template id="imports">
|
|
19
|
+
|
|
20
|
+
<link rel="import" href="core-item.html">
|
|
21
|
+
|
|
22
|
+
</template>
|
|
23
|
+
|
|
24
|
+
</x-meta>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "core-media-query",
|
|
3
|
+
"private": true,
|
|
4
|
+
"dependencies": {
|
|
5
|
+
"polymer": "Polymer/polymer#^0.5"
|
|
6
|
+
},
|
|
7
|
+
"version": "0.5.5",
|
|
8
|
+
"homepage": "https://github.com/Polymer/core-media-query",
|
|
9
|
+
"_release": "0.5.5",
|
|
10
|
+
"_resolution": {
|
|
11
|
+
"type": "version",
|
|
12
|
+
"tag": "0.5.5",
|
|
13
|
+
"commit": "c8430fd6852257d7fd245356e6ee656d3a000e9f"
|
|
14
|
+
},
|
|
15
|
+
"_source": "git://github.com/Polymer/core-media-query.git",
|
|
16
|
+
"_target": "^0.5",
|
|
17
|
+
"_originalSource": "Polymer/core-media-query"
|
|
18
|
+
}
|
|
@@ -0,0 +1,87 @@
|
|
|
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.txt
|
|
4
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
5
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
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.txt
|
|
8
|
+
-->
|
|
9
|
+
<!--
|
|
10
|
+
/**
|
|
11
|
+
* @group Polymer Core Elements
|
|
12
|
+
* @element core-media-query
|
|
13
|
+
* @status beta
|
|
14
|
+
* @homepage github.io
|
|
15
|
+
*
|
|
16
|
+
* core-media-query can be used to data bind to a CSS media query.
|
|
17
|
+
* The "query" property is a bare CSS media query.
|
|
18
|
+
* The "queryMatches" property will be a boolean representing if the page matches that media query.
|
|
19
|
+
*
|
|
20
|
+
* core-media-query uses media query listeners to dynamically update the "queryMatches" property.
|
|
21
|
+
* A "core-media-change" event also fires when queryMatches changes.
|
|
22
|
+
*
|
|
23
|
+
* Example:
|
|
24
|
+
*
|
|
25
|
+
* <core-media-query query="max-width: 640px" queryMatches="{{phoneScreen}}"></core-media-query>
|
|
26
|
+
*
|
|
27
|
+
*/
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Fired when the media query state changes
|
|
31
|
+
*
|
|
32
|
+
* @event core-media-change
|
|
33
|
+
*/
|
|
34
|
+
-->
|
|
35
|
+
<link rel="import" href="../polymer/polymer.html">
|
|
36
|
+
|
|
37
|
+
<polymer-element name="core-media-query" attributes="query queryMatches">
|
|
38
|
+
<template>
|
|
39
|
+
<style>
|
|
40
|
+
:host {
|
|
41
|
+
display: none;
|
|
42
|
+
}
|
|
43
|
+
</style>
|
|
44
|
+
</template>
|
|
45
|
+
<script>
|
|
46
|
+
Polymer('core-media-query', {
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* The Boolean return value of the media query
|
|
50
|
+
*
|
|
51
|
+
* @attribute queryMatches
|
|
52
|
+
* @type Boolean
|
|
53
|
+
* @default false
|
|
54
|
+
*/
|
|
55
|
+
queryMatches: false,
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* The CSS media query to evaulate
|
|
59
|
+
*
|
|
60
|
+
* @attribute query
|
|
61
|
+
* @type string
|
|
62
|
+
* @default ''
|
|
63
|
+
*/
|
|
64
|
+
query: '',
|
|
65
|
+
ready: function() {
|
|
66
|
+
this._mqHandler = this.queryHandler.bind(this);
|
|
67
|
+
this._mq = null;
|
|
68
|
+
},
|
|
69
|
+
queryChanged: function() {
|
|
70
|
+
if (this._mq) {
|
|
71
|
+
this._mq.removeListener(this._mqHandler);
|
|
72
|
+
}
|
|
73
|
+
var query = this.query;
|
|
74
|
+
if (query[0] !== '(') {
|
|
75
|
+
query = '(' + this.query + ')';
|
|
76
|
+
}
|
|
77
|
+
this._mq = window.matchMedia(query);
|
|
78
|
+
this._mq.addListener(this._mqHandler);
|
|
79
|
+
this.queryHandler(this._mq);
|
|
80
|
+
},
|
|
81
|
+
queryHandler: function(mq) {
|
|
82
|
+
this.queryMatches = mq.matches;
|
|
83
|
+
this.asyncFire('core-media-change', mq);
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
</script>
|
|
87
|
+
</polymer-element>
|
|
@@ -0,0 +1,44 @@
|
|
|
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 lang="en">
|
|
11
|
+
<head>
|
|
12
|
+
<meta charset="UTF-8">
|
|
13
|
+
<title>Polymer match media</title>
|
|
14
|
+
<script src="../webcomponentsjs/webcomponents.js"></script>
|
|
15
|
+
<link rel="import" href="core-media-query.html" />
|
|
16
|
+
</head>
|
|
17
|
+
<body>
|
|
18
|
+
|
|
19
|
+
<polymer-element name="match-example">
|
|
20
|
+
<template>
|
|
21
|
+
<core-media-query query="{{query}}" queryMatches="{{qMatches}}"></core-media-query>
|
|
22
|
+
My query of "{{query}}" {{qMatches ? "matches" : "doesn't match"}}
|
|
23
|
+
</template>
|
|
24
|
+
<script>
|
|
25
|
+
Polymer('match-example', {
|
|
26
|
+
query: 'min-width: 600px'
|
|
27
|
+
});
|
|
28
|
+
</script>
|
|
29
|
+
</polymer-element>
|
|
30
|
+
|
|
31
|
+
<match-example id="me"></match-example>
|
|
32
|
+
<pre id="output">
|
|
33
|
+
Log of 'mediachange' events on document, from polymer-match-media:
|
|
34
|
+
</pre>
|
|
35
|
+
|
|
36
|
+
<script>
|
|
37
|
+
var output = document.querySelector('#output');
|
|
38
|
+
// on-mediachange would give true or false as second param to the handler
|
|
39
|
+
document.addEventListener('core-media-change', function(e) {
|
|
40
|
+
output.textContent += '\nevent: ' + e.type + ' query: ' + e.detail.media + ' matches: ' + e.detail.matches;
|
|
41
|
+
});
|
|
42
|
+
</script>
|
|
43
|
+
</body>
|
|
44
|
+
</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,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "core-menu",
|
|
3
|
+
"private": true,
|
|
4
|
+
"dependencies": {
|
|
5
|
+
"core-selector": "Polymer/core-selector#^0.5",
|
|
6
|
+
"core-collapse": "Polymer/core-collapse#^0.5",
|
|
7
|
+
"core-a11y-keys": "Polymer/core-a11y-keys#^0.5",
|
|
8
|
+
"core-item": "Polymer/core-item#^0.5"
|
|
9
|
+
},
|
|
10
|
+
"version": "0.5.5",
|
|
11
|
+
"homepage": "https://github.com/Polymer/core-menu",
|
|
12
|
+
"_release": "0.5.5",
|
|
13
|
+
"_resolution": {
|
|
14
|
+
"type": "version",
|
|
15
|
+
"tag": "0.5.5",
|
|
16
|
+
"commit": "b887973c1f0f95b926d135dafbdf6e47dffb38b6"
|
|
17
|
+
},
|
|
18
|
+
"_source": "git://github.com/Polymer/core-menu.git",
|
|
19
|
+
"_target": "~0.5.5",
|
|
20
|
+
"_originalSource": "Polymer/core-menu",
|
|
21
|
+
"_direct": true
|
|
22
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "core-menu",
|
|
3
|
+
"private": true,
|
|
4
|
+
"dependencies": {
|
|
5
|
+
"core-selector": "Polymer/core-selector#^0.5",
|
|
6
|
+
"core-collapse": "Polymer/core-collapse#^0.5",
|
|
7
|
+
"core-a11y-keys": "Polymer/core-a11y-keys#^0.5",
|
|
8
|
+
"core-item": "Polymer/core-item#^0.5"
|
|
9
|
+
},
|
|
10
|
+
"version": "0.5.5"
|
|
11
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
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.txt
|
|
4
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
5
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
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.txt
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
:host {
|
|
11
|
+
display: block;
|
|
12
|
+
margin: 12px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
polyfill-next-selector { content: ':host > core-item'; }
|
|
16
|
+
::content > core-item {
|
|
17
|
+
cursor: default;
|
|
18
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
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.txt
|
|
4
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
5
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
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.txt
|
|
8
|
+
-->
|
|
9
|
+
|
|
10
|
+
<!--
|
|
11
|
+
`core-menu` is a selector which styles to looks like a menu.
|
|
12
|
+
|
|
13
|
+
<core-menu selected="0">
|
|
14
|
+
<core-item icon="settings" label="Settings"></core-item>
|
|
15
|
+
<core-item icon="dialog" label="Dialog"></core-item>
|
|
16
|
+
<core-item icon="search" label="Search"></core-item>
|
|
17
|
+
</core-menu>
|
|
18
|
+
|
|
19
|
+
When an item is selected the `core-selected` class is added to it. The user can
|
|
20
|
+
use the class to add more stylings to the selected item.
|
|
21
|
+
|
|
22
|
+
core-item.core-selected {
|
|
23
|
+
color: red;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
The `selectedItem` property references the selected item.
|
|
27
|
+
|
|
28
|
+
<core-menu selected="0" selectedItem="{{item}}">
|
|
29
|
+
<core-item icon="settings" label="Settings"></core-item>
|
|
30
|
+
<core-item icon="dialog" label="Dialog"></core-item>
|
|
31
|
+
<core-item icon="search" label="Search"></core-item>
|
|
32
|
+
</core-menu>
|
|
33
|
+
|
|
34
|
+
<div>selected label: {{item.label}}</div>
|
|
35
|
+
|
|
36
|
+
The `core-select` event signals selection change.
|
|
37
|
+
|
|
38
|
+
<core-menu selected="0" on-core-select="{{selectAction}}">
|
|
39
|
+
<core-item icon="settings" label="Settings"></core-item>
|
|
40
|
+
<core-item icon="dialog" label="Dialog"></core-item>
|
|
41
|
+
<core-item icon="search" label="Search"></core-item>
|
|
42
|
+
</core-menu>
|
|
43
|
+
|
|
44
|
+
...
|
|
45
|
+
|
|
46
|
+
selectAction: function(e, detail) {
|
|
47
|
+
if (detail.isSelected) {
|
|
48
|
+
var selectedItem = detail.item;
|
|
49
|
+
...
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@group Polymer Core Elements
|
|
54
|
+
@element core-menu
|
|
55
|
+
@extends core-selector
|
|
56
|
+
-->
|
|
57
|
+
|
|
58
|
+
<link rel="import" href="../core-selector/core-selector.html">
|
|
59
|
+
<link rel="import" href="../core-a11y-keys/core-a11y-keys.html">
|
|
60
|
+
|
|
61
|
+
<polymer-element name="core-menu" extends="core-selector" noscript>
|
|
62
|
+
<template>
|
|
63
|
+
|
|
64
|
+
<link rel="stylesheet" href="core-menu.css">
|
|
65
|
+
|
|
66
|
+
<core-a11y-keys target="{{}}" keys="up" on-keys-pressed="{{ selectPrevious }}"></core-a11y-keys>
|
|
67
|
+
<core-a11y-keys target="{{}}" keys="down" on-keys-pressed="{{ selectNext }}"></core-a11y-keys>
|
|
68
|
+
<core-a11y-keys target="{{}}" keys="enter" on-keys-pressed="{{ validateSelected }}"></core-a11y-keys>
|
|
69
|
+
|
|
70
|
+
<shadow></shadow>
|
|
71
|
+
|
|
72
|
+
</template>
|
|
73
|
+
</polymer-element>
|
|
@@ -0,0 +1,43 @@
|
|
|
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
|
+
:host {
|
|
11
|
+
display: block;
|
|
12
|
+
height: auto;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
:host(.core-selected, [active]) {
|
|
16
|
+
font-weight: initial;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
core-item {
|
|
20
|
+
cursor: default;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
::content > core-item {
|
|
24
|
+
cursor: default;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
:host(.font-scalable) > core-item {
|
|
28
|
+
min-height: 2.5em;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
:host(.font-scalable) > core-item::shadow core-icon {
|
|
32
|
+
margin: 0 1em 0 0.25em;
|
|
33
|
+
height: 1.5em;
|
|
34
|
+
width: 1.5em;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
#submenu {
|
|
38
|
+
margin: 0 0 0 44px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
:host(.font-scalable) > #submenu {
|
|
42
|
+
margin: 0 0 0 2.75em;
|
|
43
|
+
}
|