1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

update sorting menus

This commit is contained in:
Luke Pulverenti 2015-12-10 23:48:28 -05:00
parent 9622aceeca
commit 705a817b12
29 changed files with 361 additions and 222 deletions

View file

@ -1,6 +1,6 @@
{ {
"name": "iron-pages", "name": "iron-pages",
"version": "1.0.4", "version": "1.0.5",
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"description": "Organizes a set of pages and shows one at a time", "description": "Organizes a set of pages and shows one at a time",
"main": "iron-pages.html", "main": "iron-pages.html",
@ -31,11 +31,11 @@
}, },
"ignore": [], "ignore": [],
"homepage": "https://github.com/PolymerElements/iron-pages", "homepage": "https://github.com/PolymerElements/iron-pages",
"_release": "1.0.4", "_release": "1.0.5",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.4", "tag": "v1.0.5",
"commit": "238695c7ebf765af321e81c9a5a33a7733f1f6bf" "commit": "e248782cb5595849e08454ae863d1ca3b7b94e0b"
}, },
"_source": "git://github.com/PolymerElements/iron-pages.git", "_source": "git://github.com/PolymerElements/iron-pages.git",
"_target": "~1.0.2", "_target": "~1.0.2",

View file

@ -11,7 +11,7 @@ env:
- secure: PAn10VQ1AL+FpM/qj2ak7tJe0Epd/RP3FF+jb2eVBXhmUVd9+mBH7nRwYQL4n6fIGXMtJcUkl4t35nwzEegP/nrjZlIslXFT6D/273FbJcbH1SaCsnwLn3Rr0VffwaHC76yLsW7ph2/paAS4iLWS4AeP1c2dAR9zimSpM7Knovs= - secure: PAn10VQ1AL+FpM/qj2ak7tJe0Epd/RP3FF+jb2eVBXhmUVd9+mBH7nRwYQL4n6fIGXMtJcUkl4t35nwzEegP/nrjZlIslXFT6D/273FbJcbH1SaCsnwLn3Rr0VffwaHC76yLsW7ph2/paAS4iLWS4AeP1c2dAR9zimSpM7Knovs=
node_js: 4 node_js: 4
addons: addons:
firefox: '42.0' firefox: latest
apt: apt:
sources: sources:
- google-chrome - google-chrome

View file

@ -1,6 +1,6 @@
{ {
"name": "iron-pages", "name": "iron-pages",
"version": "1.0.4", "version": "1.0.5",
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"description": "Organizes a set of pages and shows one at a time", "description": "Organizes a set of pages and shows one at a time",
"main": "iron-pages.html", "main": "iron-pages.html",

View file

@ -48,8 +48,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
assert.equal(pages.selected, 'page0'); assert.equal(pages.selected, 'page0');
}); });
test('selected item', function() { test('selected item', function(done) {
assert.equal(pages.selectedItem, pages.items[0]); // iron-selector uses observeNodes, which is async.
Polymer.Base.async(function() {
assert.equal(pages.selectedItem, pages.items[0])
done();
}, 1);
}); });
test('selected item is display:block and all others are display:none', function() { test('selected item is display:block and all others are display:none', function() {

View file

@ -23,7 +23,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
WCT.loadSuites([ WCT.loadSuites([
'basic.html', 'basic.html',
'attr-for-selected.html' 'attr-for-selected.html',
'basic.html?dom=shadow',
'attr-for-selected.html?dom=shadow'
]); ]);
</script> </script>

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-drawer-panel", "name": "paper-drawer-panel",
"version": "1.0.5", "version": "1.0.6",
"description": "A responsive drawer panel", "description": "A responsive drawer panel",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -29,16 +29,16 @@
"paper-button": "PolymerElements/paper-button#^1.0.0", "paper-button": "PolymerElements/paper-button#^1.0.0",
"paper-styles": "PolymerElements/paper-styles#^1.0.0", "paper-styles": "PolymerElements/paper-styles#^1.0.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0",
"web-component-tester": "*", "web-component-tester": "polymer/web-component-tester#^3.4.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"main": "paper-drawer-panel.html", "main": "paper-drawer-panel.html",
"ignore": [], "ignore": [],
"_release": "1.0.5", "_release": "1.0.6",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.5", "tag": "v1.0.6",
"commit": "5f13426a7176610025afc401718f304e4dcee5e4" "commit": "9dd19ef9153ed303a5f8b6d573179cde31b2f5e6"
}, },
"_source": "git://github.com/PolymerElements/paper-drawer-panel.git", "_source": "git://github.com/PolymerElements/paper-drawer-panel.git",
"_target": "~1.0.2", "_target": "~1.0.2",

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-drawer-panel", "name": "paper-drawer-panel",
"version": "1.0.5", "version": "1.0.6",
"description": "A responsive drawer panel", "description": "A responsive drawer panel",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -29,7 +29,7 @@
"paper-button": "PolymerElements/paper-button#^1.0.0", "paper-button": "PolymerElements/paper-button#^1.0.0",
"paper-styles": "PolymerElements/paper-styles#^1.0.0", "paper-styles": "PolymerElements/paper-styles#^1.0.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0",
"web-component-tester": "*", "web-component-tester": "polymer/web-component-tester#^3.4.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"main": "paper-drawer-panel.html", "main": "paper-drawer-panel.html",

View file

@ -19,7 +19,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<script> <script>
WCT.loadSuites([ WCT.loadSuites([
'positioning.html', 'positioning.html',
'small-devices.html' 'small-devices.html',
'positioning.html?dom=shadow',
'small-devices.html?dom=shadow'
]); ]);
</script> </script>
</body> </body>

View file

@ -16,9 +16,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<script src="../../webcomponentsjs/webcomponents-lite.js"></script> <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<script src="../../web-component-tester/browser.js"></script> <script src="../../web-component-tester/browser.js"></script>
<script src="../../test-fixture/test-fixture-mocha.js"></script>
<link rel="import" href="../../test-fixture/test-fixture.html">
<link rel="import" href="../paper-drawer-panel.html"> <link rel="import" href="../paper-drawer-panel.html">
</head> </head>
<style> <style>
@ -53,8 +50,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
test('drawer is positioned correctly', function(done) { test('drawer is positioned correctly', function(done) {
var f, drawer, main; var f, drawer, main;
f = fixture('left-drawer'); f = fixture('left-drawer');
drawer = f.querySelector('#drawer'); drawer = f.$$('#drawer');
main = f.querySelector('#main'); main = f.$$('#main');
Polymer.Base.async(function() { Polymer.Base.async(function() {
var drawerStyle = window.getComputedStyle(drawer); var drawerStyle = window.getComputedStyle(drawer);
@ -72,8 +69,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
test('right-drawer is positioned correctly', function(done) { test('right-drawer is positioned correctly', function(done) {
var f, drawer, main; var f, drawer, main;
f = fixture('right-drawer'); f = fixture('right-drawer');
drawer = f.querySelector('#drawer'); drawer = f.$$('#drawer');
main = f.querySelector('#main'); main = f.$$('#main');
Polymer.Base.async(function() { Polymer.Base.async(function() {
var drawerStyle = window.getComputedStyle(drawer); var drawerStyle = window.getComputedStyle(drawer);

View file

@ -16,9 +16,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<script src="../../webcomponentsjs/webcomponents-lite.js"></script> <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<script src="../../web-component-tester/browser.js"></script> <script src="../../web-component-tester/browser.js"></script>
<script src="../../test-fixture/test-fixture-mocha.js"></script>
<link rel="import" href="../../test-fixture/test-fixture.html">
<link rel="import" href="../paper-drawer-panel.html"> <link rel="import" href="../paper-drawer-panel.html">
</head> </head>
<style> <style>
@ -61,8 +58,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
test('drawer is hidden by default', function(done) { test('drawer is hidden by default', function(done) {
var f, panel, drawer, main; var f, panel, drawer, main;
f = fixture('left-drawer'); f = fixture('left-drawer');
drawer = f.querySelector('#drawer'); drawer = f.$$('#drawer');
main = f.querySelector('#main'); main = f.$$('#main');
f.set('forceNarrow', true); f.set('forceNarrow', true);
f._forceNarrowChanged(); f._forceNarrowChanged();
@ -80,8 +77,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
test('right-drawer is hidden by default', function(done) { test('right-drawer is hidden by default', function(done) {
var f, panel, drawer, main; var f, panel, drawer, main;
f = fixture('right-drawer'); f = fixture('right-drawer');
drawer = f.querySelector('#drawer'); drawer = f.$$('#drawer');
main = f.querySelector('#main'); main = f.$$('#main');
f.set('forceNarrow', true); f.set('forceNarrow', true);
f._forceNarrowChanged(); f._forceNarrowChanged();
@ -95,11 +92,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
}); });
}); });
test('drawer is can be opened', function(done) { test('drawer can be opened', function(done) {
var f, panel, drawer, main; var f, panel, drawer, main;
f = fixture('left-drawer'); f = fixture('left-drawer');
drawer = f.querySelector('#drawer'); drawer = f.$$('#drawer');
main = f.querySelector('#main'); main = f.$$('#main');
f.set('forceNarrow', true); f.set('forceNarrow', true);
f._forceNarrowChanged(); f._forceNarrowChanged();
@ -119,8 +116,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
test('right-drawer can be closed', function(done) { test('right-drawer can be closed', function(done) {
var f, panel, drawer, main; var f, panel, drawer, main;
f = fixture('right-drawer'); f = fixture('right-drawer');
drawer = f.querySelector('#drawer'); drawer = f.$$('#drawer');
main = f.querySelector('#main'); main = f.$$('#main');
f.set('forceNarrow', true); f.set('forceNarrow', true);
f._forceNarrowChanged(); f._forceNarrowChanged();

View file

@ -1,7 +1,7 @@
{ {
"name": "paper-icon-button", "name": "paper-icon-button",
"private": true, "private": true,
"version": "1.0.5", "version": "1.0.6",
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"description": "A material design icon button", "description": "A material design icon button",
"main": "paper-icon-button.html", "main": "paper-icon-button.html",
@ -29,17 +29,19 @@
"paper-styles": "PolymerElements/paper-styles#^1.0.0" "paper-styles": "PolymerElements/paper-styles#^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
"web-component-tester": "*", "web-component-tester": "polymer/web-component-tester#^3.4.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0",
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0" "iron-component-page": "PolymerElements/iron-component-page#^1.0.0"
}, },
"ignore": [],
"homepage": "https://github.com/polymerelements/paper-icon-button", "homepage": "https://github.com/polymerelements/paper-icon-button",
"_release": "1.0.5", "_release": "1.0.6",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.5", "tag": "v1.0.6",
"commit": "15e9bd571ef8e77da8c58fb5f447fe7cc7c0c9f1" "commit": "35347d81939093cd2abe2783ac1b17fa57b7b303"
}, },
"_source": "git://github.com/polymerelements/paper-icon-button.git", "_source": "git://github.com/polymerelements/paper-icon-button.git",
"_target": "^1.0.0", "_target": "^1.0.0",

View file

@ -0,0 +1,22 @@
language: node_js
sudo: false
before_script:
- npm install web-component-tester
- npm install bower
- 'export PATH=$PWD/node_modules/.bin:$PATH'
- bower install
env:
global:
- secure: A+iEL5FUMQWkkaOduE26bo0jW49LYKxDwWGZOty9H9fCDpBNQSADOhIvLzScGtjE7Rr3jVmowVsDN0XfVSRpJneEIvj7+tHAXUFoVey8vDVklOmhlR25IH2OczEmCkOS+sAKRiSF54aptdPeJhmpbMH0FyZfuX+jJfhdonJ+YQg=
- secure: Ps1Hy0fzmYRYF/ur2Myg7ol43HpzpooCoDvqzpMbIBWkXjXcN0KlPoNc6lEFlhjSpjddMFavdajKYIO0j9adAjZA7HYlf+BglhxV45lz13o04+QlNbDSADNyAlKJLrIvFacn9DE3VXlvBwBu83m+ndHUN/uMyHyZo0VE1/ad9Iw=
node_js: 4
addons:
firefox: latest
apt:
sources:
- google-chrome
packages:
- google-chrome-stable
script:
- xvfb-run wct
- "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi"

View file

@ -0,0 +1,72 @@
<!--
This file is autogenerated based on
https://github.com/PolymerElements/ContributionGuide/blob/master/CONTRIBUTING.md
If you edit that file, it will get updated everywhere else.
If you edit this file, your changes will get overridden :)
-->
# Polymer Elements
## Guide for Contributors
Polymer Elements are built in the open, and the Polymer authors eagerly encourage any and all forms of community contribution. When contributing, please follow these guidelines:
### Filing Issues
**If you are filing an issue to request a feature**, please provide a clear description of the feature. It can be helpful to describe answers to the following questions:
1. **Who will use the feature?** _“As someone filling out a form…”_
2. **When will they use the feature?** _“When I enter an invalid value…”_
3. **What is the users goal?** _“I want to be visually notified that the value needs to be corrected…”_
**If you are filing an issue to report a bug**, please provide:
1. **A clear description of the bug and related expectations.** Consider using the following example template for reporting a bug:
```markdown
The `paper-foo` element causes the page to turn pink when clicked.
## Expected outcome
The page stays the same color.
## Actual outcome
The page turns pink.
## Steps to reproduce
1. Put a `paper-foo` element in the page.
2. Open the page in a web browser.
3. Click the `paper-foo` element.
```
2. **A reduced test case that demonstrates the problem.** If possible, please include the test case as a JSBin. Start with this template to easily import and use relevant Polymer Elements: [http://jsbin.com/cagaye](http://jsbin.com/cagaye/edit?html,output).
3. **A list of browsers where the problem occurs.** This can be skipped if the problem is the same across all browsers.
### Submitting Pull Requests
**Before creating a pull request**, please ensure that an issue exists for the corresponding change in the pull request that you intend to make. **If an issue does not exist, please create one per the guidelines above**. The goal is to discuss the design and necessity of the proposed change with Polymer authors and community before diving into a pull request.
When submitting pull requests, please provide:
1. **A reference to the corresponding issue** or issues that will be closed by the pull request. Please refer to these issues using the following syntax:
```markdown
(For a single issue)
Fixes #20
(For multiple issues)
Fixes #32, #40
```
2. **A succinct description of the design** used to fix any related issues. For example:
```markdown
This fixes #20 by removing styles that leaked which would cause the page to turn pink whenever `paper-foo` is clicked.
```
3. **At least one test for each bug fixed or feature added** as part of the pull request. Pull requests that fix bugs or add features without accompanying tests will not be considered.
If a proposed change contains multiple commits, please [squash commits](https://www.google.com/url?q=http://blog.steveklabnik.com/posts/2012-11-08-how-to-squash-commits-in-a-github-pull-request) to as few as is necessary to succinctly express the change. A Polymer author can help you squash commits, so dont be afraid to ask us if you need help with that!

View file

@ -1,7 +1,7 @@
{ {
"name": "paper-icon-button", "name": "paper-icon-button",
"private": true, "private": true,
"version": "1.0.5", "version": "1.0.6",
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"description": "A material design icon button", "description": "A material design icon button",
"main": "paper-icon-button.html", "main": "paper-icon-button.html",
@ -29,9 +29,11 @@
"paper-styles": "PolymerElements/paper-styles#^1.0.0" "paper-styles": "PolymerElements/paper-styles#^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
"web-component-tester": "*", "web-component-tester": "polymer/web-component-tester#^3.4.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0",
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0" "iron-component-page": "PolymerElements/iron-component-page#^1.0.0"
} },
"ignore": []
} }

View file

@ -2,152 +2,86 @@
<!-- <!--
@license @license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved. Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--> -->
<html> <html>
<head> <head>
<title>paper-icon-button</title> <title>paper-icon-button demo</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
<script src="../../webcomponentsjs/webcomponents-lite.js"></script> <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../../iron-icons/iron-icons.html"> <link rel="import" href="../../iron-icons/iron-icons.html">
<link rel="import" href="../../paper-styles/color.html"> <link rel="import" href="../../paper-styles/color.html">
<link rel="import" href="../../paper-styles/demo-pages.html"> <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
<link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
<link rel="import" href="../paper-icon-button.html"> <link rel="import" href="../paper-icon-button.html">
<style is="custom-style"> <style is="custom-style" include="demo-pages-shared-styles">
.horizontal-section {
min-width: 100px;
}
paper-icon-button { paper-icon-button {
margin-left: 30px; margin-left: 10px;
display: block; margin-right: 10px;
text-align: center;
}
paper-icon-button.blue {
color: var(--paper-light-blue-500);
}
paper-icon-button.red {
color: var(--paper-red-500);
}
paper-icon-button.orange {
color: var(--paper-orange-500);
}
paper-icon-button.green {
color: var(--paper-green-500);
}
paper-icon-button.blue:hover {
background: var(--paper-light-blue-50);
border-radius: 50%;
}
paper-icon-button.red:hover {
background: var(--paper-red-50);
border-radius: 50%;
}
paper-icon-button.orange:hover {
background: var(--paper-orange-50);
border-radius: 50%;
}
paper-icon-button.green:hover {
background: var(--paper-green-50);
border-radius: 50%;
}
paper-icon-button.huge {
margin-left: 0px;
width: 116px;
height: 116px;
--paper-icon-button-ink-color: var(--paper-indigo-500);
} }
</style> </style>
</head> </head>
<body unresolved>
<body onclick="clickAction(event);" unresolved> <div class="vertical-section-container centered">
<h3>Buttons can use iron-icons or external images, and can be disabled</h3>
<div class="horizontal-section-container"> <demo-snippet class="centered-demo">
<div> <template>
<h4>Enabled</h4> <paper-icon-button icon="favorite" title="heart"></paper-icon-button>
<div class="horizontal-section">
<paper-icon-button icon="menu" alt="menu" title="menu"></paper-icon-button>
<paper-icon-button icon="favorite" alt="heart" title="heart"></paper-icon-button>
<paper-icon-button icon="arrow-back" alt="arrow-back" title="arrow-back"></paper-icon-button>
<paper-icon-button icon="arrow-forward" alt="arrow-forward" title="arrow-forward"></paper-icon-button>
<paper-icon-button icon="clear" alt="clear" title="clear"></paper-icon-button>
<paper-icon-button icon="polymer" alt="polymer" title="polymer"></paper-icon-button>
<paper-icon-button src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png" alt="octocat" title="octocat"></paper-icon-button> <paper-icon-button src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png" alt="octocat" title="octocat"></paper-icon-button>
</div> <paper-icon-button disabled icon="reply" title="reply"></paper-icon-button>
</div> </template>
</demo-snippet>
<div> <h3>Buttons can hide the ripple effect using the <i>noink</i> attribute</h3>
<h4>Disabled</h4> <demo-snippet class="centered-demo">
<div class="horizontal-section"> <template>
<paper-icon-button icon="menu" alt="menu" disabled></paper-icon-button> <paper-icon-button noink icon="find-in-page" title="find"></paper-icon-button>
<paper-icon-button icon="favorite" alt="heart" disabled></paper-icon-button> </template>
<paper-icon-button icon="arrow-back" alt="arrow-back" disabled></paper-icon-button> </demo-snippet>
<paper-icon-button icon="arrow-forward" alt="arrow-forward" disabled></paper-icon-button>
<paper-icon-button icon="clear" alt="clear" disabled></paper-icon-button>
<paper-icon-button icon="polymer" alt="polymer" disabled></paper-icon-button>
<paper-icon-button src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png" alt="octocat" disabled></paper-icon-button>
</div>
</div>
<div> <h3>Buttons can be styled using regular CSS and custom properties</h3>
<h4>Color</h4> <demo-snippet class="centered-demo">
<div class="horizontal-section"> <template>
<paper-icon-button icon="menu" alt="menu" class="blue"></paper-icon-button> <style is="custom-style">
<paper-icon-button icon="favorite" alt="heart" class="red"></paper-icon-button> paper-icon-button.pink {
<paper-icon-button icon="arrow-back" alt="arrow-back" class="orange"></paper-icon-button> color: var(--paper-pink-500);
<paper-icon-button icon="arrow-forward" alt="arrow-forward" class="green"></paper-icon-button> --paper-icon-button-ink-color: var(--paper-indigo-500);
<paper-icon-button icon="clear" alt="clear" class="blue"></paper-icon-button>
<paper-icon-button icon="polymer" alt="polymer" class="red"></paper-icon-button>
<paper-icon-button class="blue" src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png" alt="octocat"></paper-icon-button>
</div>
</div>
<div>
<h4>Size</h4>
<div class="horizontal-section">
<paper-icon-button icon="favorite" alt="heart" class="huge"></paper-icon-button>
<br><br><br>
<paper-icon-button icon="polymer" alt="polymer" class="huge"></paper-icon-button>
</div>
</div>
<div>
<h4>Noink</h4>
<div class="horizontal-section">
<paper-icon-button noink icon="favorite" alt="heart"></paper-icon-button>
<br><br><br>
<paper-icon-button noink icon="polymer" alt="polymer"></paper-icon-button>
</div>
</div>
</div>
<script>
function clickAction(e) {
var t = e.target;
if (t.localName === 'paper-icon-button') {
if (t.hasAttribute('disabled')) {
console.error('should not be able to click disabled button', t);
} else {
console.log('click', t);
} }
paper-icon-button.pink:hover {
background-color: var(--paper-pink-500);
color: white;
} }
paper-icon-button.blue {
--paper-icon-button-ink-color: var(--paper-orange-500);
background-color: var(--paper-light-blue-500);
color: white;
border-radius: 3px;
padding: 2px;
} }
</script> </style>
<paper-icon-button icon="favorite" title="heart" class="pink"></paper-icon-button>
<paper-icon-button icon="flight-takeoff" title="take off" class="blue"></paper-icon-button>
</template>
</demo-snippet>
<h3>Buttons can be resized</h3>
<demo-snippet class="centered-demo">
<template>
<style is="custom-style">
paper-icon-button.giant {
width: 100px;
height: 100px;
}
</style>
<paper-icon-button icon="alarm-on" title="wake up" class="giant"></paper-icon-button>
</template>
</demo-snippet>
</div>
</body> </body>
</html> </html>

View file

@ -2,11 +2,11 @@
<!-- <!--
@license @license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved. Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--> -->
<html> <html>
<head> <head>

View file

@ -1,11 +1,11 @@
<!-- <!--
@license @license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved. Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--> -->
<link rel="import" href="../polymer/polymer.html"> <link rel="import" href="../polymer/polymer.html">
@ -56,6 +56,7 @@ Custom property | Description | Default
`--paper-icon-button-ink-color` | Selected/focus ripple color | `--primary-text-color` `--paper-icon-button-ink-color` | Selected/focus ripple color | `--primary-text-color`
`--paper-icon-button` | Mixin for a button | `{}` `--paper-icon-button` | Mixin for a button | `{}`
`--paper-icon-button-disabled` | Mixin for a disabled button | `{}` `--paper-icon-button-disabled` | Mixin for a disabled button | `{}`
`--paper-icon-button-hover` | Mixin for button on hover | `{}`
@group Paper Elements @group Paper Elements
@element paper-icon-button @element paper-icon-button
@ -99,6 +100,10 @@ Custom property | Description | Default
@apply(--paper-icon-button-disabled); @apply(--paper-icon-button-disabled);
} }
:host(:hover) {
@apply(--paper-icon-button-hover);
}
iron-icon { iron-icon {
--iron-icon-width: 100%; --iron-icon-width: 100%;
--iron-icon-height: 100%; --iron-icon-height: 100%;

View file

@ -16,10 +16,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<script src="../../webcomponentsjs/webcomponents-lite.js"></script> <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<script src="../../web-component-tester/browser.js"></script> <script src="../../web-component-tester/browser.js"></script>
<script src="../../test-fixture/test-fixture-mocha.js"></script>
<link rel="import" href="../../iron-icons/iron-icons.html"> <link rel="import" href="../../iron-icons/iron-icons.html">
<link rel="import" href="../../test-fixture/test-fixture.html">
<link rel="import" href="../paper-icon-button.html"> <link rel="import" href="../paper-icon-button.html">
</head> </head>

View file

@ -16,9 +16,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<script src="../../webcomponentsjs/webcomponents-lite.js"></script> <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<script src="../../web-component-tester/browser.js"></script> <script src="../../web-component-tester/browser.js"></script>
<script src="../../test-fixture/test-fixture-mocha.js"></script>
<link rel="import" href="../../test-fixture/test-fixture.html">
<link rel="import" href="../../iron-icons/iron-icons.html"> <link rel="import" href="../../iron-icons/iron-icons.html">
<link rel="import" href="../paper-icon-button.html"> <link rel="import" href="../paper-icon-button.html">

View file

@ -1,14 +1,16 @@
{ {
"name": "paper-menu-button", "name": "paper-menu-button",
"version": "1.0.3", "version": "1.0.4",
"description": "", "description": "A material design element that composes a trigger and a dropdown menu",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
], ],
"keywords": [ "keywords": [
"web-components", "web-components",
"web-component", "web-component",
"polymer" "polymer",
"menu",
"button"
], ],
"main": "paper-menu-button.html", "main": "paper-menu-button.html",
"private": true, "private": true,
@ -41,11 +43,12 @@
"iron-image": "polymerelements/iron-image#^1.0.0", "iron-image": "polymerelements/iron-image#^1.0.0",
"iron-icon": "polymerelements/iron-icon#^1.0.0" "iron-icon": "polymerelements/iron-icon#^1.0.0"
}, },
"_release": "1.0.3", "ignore": [],
"_release": "1.0.4",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.3", "tag": "v1.0.4",
"commit": "24abacffd443f967125f5eae580eadc7b90f41c7" "commit": "886c7eb904a5d59652adc0a127a8e0eab7e0f663"
}, },
"_source": "git://github.com/polymerelements/paper-menu-button.git", "_source": "git://github.com/polymerelements/paper-menu-button.git",
"_target": "^1.0.0", "_target": "^1.0.0",

View file

@ -0,0 +1,22 @@
language: node_js
sudo: false
before_script:
- npm install web-component-tester
- npm install bower
- 'export PATH=$PWD/node_modules/.bin:$PATH'
- bower install
env:
global:
- secure: KylA/s+GkWGDpW9vcaBDrcr9M4xsE7HVyH36I5p7UBvQUiqPMFR/+GbFx7UoYR1OPNMf2hgHD4nd5G8hfnKjFuRl8NKe63Dnwt+83tKO9MKWrOAPq1/fMG/ZS1vRNP8Jqkp3iOsRUdatWsrs9LA5Pa6tM2OefQXs5ZF0F8s+de8Wv3+QwoGSjfJmTTC8j9tvrzEI6eOX66PAFGWUnySwV66tph+LRT/B/Y2HDcA0KbQucbyxCMnKU100xGJwK3+ZuPTEnqEqPv7R/9Z1Ggh+wXO/MduN+7OO6ZbF9//jrQNSY4QMKcz5zziYa0ugXH7F7HZijq3qxuLST0edPknozGi4xR7Vn00Zu8yHkIKYqswHrXM97qwoZZkBkwD8LEoZTkEIvk/uts68WVTiFaXV2FufBjl48E1BpjvMX1fW0hKTyFKXURXiJBphwNepyHFHpxSF29TKW1FBXy9ITiSMmKrdmqnnPliunDU44NK23tiuY90ZLKPLcOHBzLU7yzqVu67flbWxoWCCkP8gEkT6qRWHzRiZOiw0eHvXkmE1Gs+z1q/JuDg8Aaa40lm9oKC+dY8AfmQDhfXgfd89RbsF+AsJk7kp6wOVGCgmanrAeFSQcdU3qHB0ZQspS5kD1Y6mxl/R9a0iQnhtcHyLTadG8bfvc3EzP+2nYrP326Kir60=
- secure: HBHAEcnTe6APHH/ZHmN4fd1sid/RCsgUsn7abA3hRxU6PM4Jo0C4nZhet60Q8joQyxiA415FSETvJVhdY7zHUcmxd0KklEAZjKX08v5vroAGJt0OUmxpZ/scoAcC09JfnZeVFO8Df/kx1WWP+q2LydrZhasPP8ifM+BBdD2wE/ShM6Jz7E5yQHgQ+pUf5yShfOzoYy0+tYtBpm9bxxj1i9qjPEfUiOxAWmSpefJ94dcIh2mCFpakBhPRh/l6FQip0+NPT00YEpk5/fDh+I2Apg8whWm02WiqGsXUpZZZaiGn8oAO5XckrKJGm0xuGYrI3cM1zRvsieaA424WwXNCSkXt6M8s0zQTqj+wlFQMOpEoIgD8dKW0gkIEt09ChKgmhs82FKE3OuI+Nz5z9DRRrtfoOckPi0bjVsOmXNDX0x569dpNOoJB21opfj6Nyl3Ln7/9q1J4LStt/VeuHzUUhBI33GTSlqW6qg0E0difa/bOc8dhSuXQ3Y8uunAXPk1Do7sWUhszF7k/wOjZ/oMsvvl8CiNZCJn0dbvrANOACNW8qBLoAlw2eHwA0wGTuN3VCZohYnHkeioYfkAFzPZX6QR4+NdpOorGBhxuOm0R7rR2q3SIrd+6Wd+T6A4+NLL8e+A57pc2lHKhtSwOOE7DdQpzrVyfN5NOaixlScqcbAw=
node_js: 4
addons:
firefox: latest
apt:
sources:
- google-chrome
packages:
- google-chrome-stable
script:
- xvfb-run wct
- "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi"

View file

@ -0,0 +1,72 @@
<!--
This file is autogenerated based on
https://github.com/PolymerElements/ContributionGuide/blob/master/CONTRIBUTING.md
If you edit that file, it will get updated everywhere else.
If you edit this file, your changes will get overridden :)
-->
# Polymer Elements
## Guide for Contributors
Polymer Elements are built in the open, and the Polymer authors eagerly encourage any and all forms of community contribution. When contributing, please follow these guidelines:
### Filing Issues
**If you are filing an issue to request a feature**, please provide a clear description of the feature. It can be helpful to describe answers to the following questions:
1. **Who will use the feature?** _“As someone filling out a form…”_
2. **When will they use the feature?** _“When I enter an invalid value…”_
3. **What is the users goal?** _“I want to be visually notified that the value needs to be corrected…”_
**If you are filing an issue to report a bug**, please provide:
1. **A clear description of the bug and related expectations.** Consider using the following example template for reporting a bug:
```markdown
The `paper-foo` element causes the page to turn pink when clicked.
## Expected outcome
The page stays the same color.
## Actual outcome
The page turns pink.
## Steps to reproduce
1. Put a `paper-foo` element in the page.
2. Open the page in a web browser.
3. Click the `paper-foo` element.
```
2. **A reduced test case that demonstrates the problem.** If possible, please include the test case as a JSBin. Start with this template to easily import and use relevant Polymer Elements: [http://jsbin.com/cagaye](http://jsbin.com/cagaye/edit?html,output).
3. **A list of browsers where the problem occurs.** This can be skipped if the problem is the same across all browsers.
### Submitting Pull Requests
**Before creating a pull request**, please ensure that an issue exists for the corresponding change in the pull request that you intend to make. **If an issue does not exist, please create one per the guidelines above**. The goal is to discuss the design and necessity of the proposed change with Polymer authors and community before diving into a pull request.
When submitting pull requests, please provide:
1. **A reference to the corresponding issue** or issues that will be closed by the pull request. Please refer to these issues using the following syntax:
```markdown
(For a single issue)
Fixes #20
(For multiple issues)
Fixes #32, #40
```
2. **A succinct description of the design** used to fix any related issues. For example:
```markdown
This fixes #20 by removing styles that leaked which would cause the page to turn pink whenever `paper-foo` is clicked.
```
3. **At least one test for each bug fixed or feature added** as part of the pull request. Pull requests that fix bugs or add features without accompanying tests will not be considered.
If a proposed change contains multiple commits, please [squash commits](https://www.google.com/url?q=http://blog.steveklabnik.com/posts/2012-11-08-how-to-squash-commits-in-a-github-pull-request) to as few as is necessary to succinctly express the change. A Polymer author can help you squash commits, so dont be afraid to ask us if you need help with that!

View file

@ -1,14 +1,16 @@
{ {
"name": "paper-menu-button", "name": "paper-menu-button",
"version": "1.0.3", "version": "1.0.4",
"description": "", "description": "A material design element that composes a trigger and a dropdown menu",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
], ],
"keywords": [ "keywords": [
"web-components", "web-components",
"web-component", "web-component",
"polymer" "polymer",
"menu",
"button"
], ],
"main": "paper-menu-button.html", "main": "paper-menu-button.html",
"private": true, "private": true,
@ -40,5 +42,6 @@
"paper-item": "polymerelements/paper-item#^1.0.0", "paper-item": "polymerelements/paper-item#^1.0.0",
"iron-image": "polymerelements/iron-image#^1.0.0", "iron-image": "polymerelements/iron-image#^1.0.0",
"iron-icon": "polymerelements/iron-icon#^1.0.0" "iron-icon": "polymerelements/iron-icon#^1.0.0"
} },
"ignore": []
} }

View file

@ -70,7 +70,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<h4>Paper Icon Button + Paper Menu</h4> <h4>Paper Icon Button + Paper Menu</h4>
<div class="horizontal-section"> <div class="horizontal-section">
<paper-menu-button> <paper-menu-button>
<paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button> <paper-icon-button icon="menu" class="dropdown-trigger" alt="menu"></paper-icon-button>
<paper-menu class="dropdown-content"> <paper-menu class="dropdown-content">
<template is="dom-repeat" items="[[letters]]" as="letter"> <template is="dom-repeat" items="[[letters]]" as="letter">
<paper-item>[[letter]]</paper-item> <paper-item>[[letter]]</paper-item>
@ -86,7 +86,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<h4>Paper Menu with multi selection</h4> <h4>Paper Menu with multi selection</h4>
<div class="horizontal-section"> <div class="horizontal-section">
<paper-menu-button ignore-select> <paper-menu-button ignore-select>
<paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button> <paper-icon-button icon="menu" class="dropdown-trigger" alt="multi select"></paper-icon-button>
<paper-menu class="dropdown-content" multi> <paper-menu class="dropdown-content" multi>
<template is="dom-repeat" items="[[letters]]" as="letter"> <template is="dom-repeat" items="[[letters]]" as="letter">
<paper-item>[[letter]]</paper-item> <paper-item>[[letter]]</paper-item>
@ -102,7 +102,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<h4>Disabled</h4> <h4>Disabled</h4>
<div class="horizontal-section"> <div class="horizontal-section">
<paper-menu-button disabled> <paper-menu-button disabled>
<paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button> <paper-icon-button icon="menu" class="dropdown-trigger" alt="menu"></paper-icon-button>
<paper-menu class="dropdown-content"> <paper-menu class="dropdown-content">
<template is="dom-repeat" items="[[letters]]" as="letter"> <template is="dom-repeat" items="[[letters]]" as="letter">
<paper-item>[[letter]]</paper-item> <paper-item>[[letter]]</paper-item>
@ -118,7 +118,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<h4>Alternate Alignment</h4> <h4>Alternate Alignment</h4>
<div class="horizontal-section"> <div class="horizontal-section">
<paper-menu-button vertical-align="bottom" horizontal-align="right"> <paper-menu-button vertical-align="bottom" horizontal-align="right">
<paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button> <paper-icon-button icon="menu" class="dropdown-trigger" alt="bottom align"></paper-icon-button>
<paper-menu class="dropdown-content"> <paper-menu class="dropdown-content">
<template is="dom-repeat" items="[[letters]]" as="letter"> <template is="dom-repeat" items="[[letters]]" as="letter">
<paper-item>[[letter]]</paper-item> <paper-item>[[letter]]</paper-item>
@ -153,7 +153,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<h4>Alternate Content</h4> <h4>Alternate Content</h4>
<div class="horizontal-section"> <div class="horizontal-section">
<paper-menu-button vertical-align="bottom"> <paper-menu-button vertical-align="bottom">
<paper-icon-button class="dropdown-trigger" icon="polymer"></paper-icon-button> <paper-icon-button class="dropdown-trigger" icon="polymer" alt="polymer"></paper-icon-button>
<iron-image class="dropdown-content" src="../../iron-image/demo/polymer.svg"></iron-image> <iron-image class="dropdown-content" src="../../iron-image/demo/polymer.svg"></iron-image>
</paper-menu-button> </paper-menu-button>
</div> </div>

View file

@ -19,6 +19,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<link rel="import" href="paper-menu-button-animations.html"> <link rel="import" href="paper-menu-button-animations.html">
<!-- <!--
Material design: [Dropdown buttons](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons)
`paper-menu-button` allows one to compose a designated "trigger" element with `paper-menu-button` allows one to compose a designated "trigger" element with
another element that represents "content", to create a dropdown menu that another element that represents "content", to create a dropdown menu that
displays the "content" when the "trigger" is clicked. displays the "content" when the "trigger" is clicked.
@ -52,7 +54,7 @@ Custom property | Description | Default
`--paper-menu-button` | Mixin applied to the paper-menu-button | `{}` `--paper-menu-button` | Mixin applied to the paper-menu-button | `{}`
`--paper-menu-button-disabled` | Mixin applied to the paper-menu-button when disabled | `{}` `--paper-menu-button-disabled` | Mixin applied to the paper-menu-button when disabled | `{}`
`--paper-menu-button-dropdown` | Mixin applied to the paper-menu-button dropdown | `{}` `--paper-menu-button-dropdown` | Mixin applied to the paper-menu-button dropdown | `{}`
`--paper-menu-button-content` | Mixin applied to the paper-menu-button content | `{}`
@hero hero.svg @hero hero.svg
@demo demo/index.html @demo demo/index.html
@ -88,11 +90,14 @@ Custom property | Description | Default
margin-top: 20px; margin-top: 20px;
} }
paper-material { iron-dropdown {
@apply(--paper-menu-button-dropdown);
}
.dropdown-content {
border-radius: 2px; border-radius: 2px;
background-color: var(--paper-menu-button-dropdown-background, --primary-background-color); background-color: var(--paper-menu-button-dropdown-background, --primary-background-color);
@apply(--paper-menu-button-content);
@apply(--paper-menu-button-dropdown);
} }
</style> </style>
<template> <template>

View file

@ -1,5 +1,4 @@
<!doctype html> <!DOCTYPE html><!--
<!--
@license @license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved. Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
@ -7,9 +6,7 @@ The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--> --><html><head>
<html>
<head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>paper-menu-button tests</title> <title>paper-menu-button tests</title>
@ -18,8 +15,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<body> <body>
<script> <script>
WCT.loadSuites([ WCT.loadSuites([
'paper-menu-button.html' 'paper-menu-button.html',
'paper-menu-button.html?dom=shadow'
]); ]);
</script> </script>
</body>
</html>
</body></html>

View file

@ -32,14 +32,14 @@
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0" "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0"
}, },
"ignore": [], "ignore": [],
"homepage": "https://github.com/PolymerElements/paper-ripple", "homepage": "https://github.com/polymerelements/paper-ripple",
"_release": "1.0.5", "_release": "1.0.5",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.5", "tag": "v1.0.5",
"commit": "d72e7a9a8ab518b901ed18dde492df3b87a93be5" "commit": "d72e7a9a8ab518b901ed18dde492df3b87a93be5"
}, },
"_source": "git://github.com/PolymerElements/paper-ripple.git", "_source": "git://github.com/polymerelements/paper-ripple.git",
"_target": "^1.0.0", "_target": "^1.0.0",
"_originalSource": "PolymerElements/paper-ripple" "_originalSource": "polymerelements/paper-ripple"
} }

View file

@ -2864,7 +2864,7 @@
} }
html += '</paper-radio-group>'; html += '</paper-radio-group>';
html += '<p>'; html += '<p style="margin: 1em 0;padding: 0 0 0 1.5em;">';
html += Globalize.translate('HeaderSortOrder'); html += Globalize.translate('HeaderSortOrder');
html += '</p>'; html += '</p>';
html += '<paper-radio-group class="groupSortOrder" selected="' + (options.query.SortOrder || 'Ascending') + '">'; html += '<paper-radio-group class="groupSortOrder" selected="' + (options.query.SortOrder || 'Ascending') + '">';

View file

@ -300,11 +300,11 @@
}); });
} }
//items.push({ items.push({
// name: Globalize.translate('ButtonOpen'), name: Globalize.translate('ButtonOpen'),
// id: 'open', id: 'open',
// ironIcon: 'folder-open' ironIcon: 'folder-open'
//}); });
if (options.showPlayOptions !== false) { if (options.showPlayOptions !== false) {