mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
add more live tv buttons
This commit is contained in:
Luke Pulverenti
parent
4094adb5a7
commit
f491228119
114 changed files with 1076 additions and 310 deletions
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "iron-menu-behavior",
|
||||
"version": "1.0.1",
|
||||
"version": "1.0.2",
|
||||
"description": "Provides accessible menu behavior",
|
||||
"authors": "The Polymer Authors",
|
||||
"keywords": [
|
||||
|
|
@ -24,16 +24,17 @@
|
|||
"iron-a11y-keys-behavior": "polymerelements/iron-a11y-keys-behavior#^1.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"paper-styles": "polymerelements/paper-styles#^1.0.2",
|
||||
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
|
||||
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
|
||||
"web-component-tester": "*",
|
||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
},
|
||||
"_release": "1.0.1",
|
||||
"_release": "1.0.2",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.1",
|
||||
"commit": "3809f0eb7461c8ca63640aaa238775b3a25aa578"
|
||||
"tag": "v1.0.2",
|
||||
"commit": "c9d6c3f4f69f4219fe007a1c703b77239184e834"
|
||||
},
|
||||
"_source": "git://github.com/polymerelements/iron-menu-behavior.git",
|
||||
"_target": "^1.0.0",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "iron-menu-behavior",
|
||||
"version": "1.0.1",
|
||||
"version": "1.0.2",
|
||||
"description": "Provides accessible menu behavior",
|
||||
"authors": "The Polymer Authors",
|
||||
"keywords": [
|
||||
|
|
@ -24,6 +24,7 @@
|
|||
"iron-a11y-keys-behavior": "polymerelements/iron-a11y-keys-behavior#^1.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"paper-styles": "polymerelements/paper-styles#^1.0.2",
|
||||
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
|
||||
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
|
||||
"web-component-tester": "*",
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
@license
|
||||
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
|
||||
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
|
||||
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
|
||||
@license
|
||||
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
|
||||
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
|
||||
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
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
|
|
@ -19,82 +19,94 @@
|
|||
|
||||
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
|
||||
|
||||
<link rel="import" href="../../paper-styles/paper-styles.html">
|
||||
<link rel="import" href="../../paper-styles/demo-pages.html">
|
||||
<link rel="import" href="simple-menu.html">
|
||||
<link rel="import" href="simple-menubar.html">
|
||||
|
||||
<link rel="stylesheet" href="../../paper-styles/demo.css">
|
||||
|
||||
<style>
|
||||
|
||||
.list {
|
||||
<style is="custom-style">
|
||||
simple-menu,
|
||||
simple-menubar {
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
padding: 8px 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.list li {
|
||||
simple-menu li {
|
||||
display: block;
|
||||
padding: 8px;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
|
||||
.list li[disabled] {
|
||||
color: #ccc;
|
||||
simple-menubar li {
|
||||
padding: 15px 20px;
|
||||
}
|
||||
|
||||
simple-menu li[disabled],
|
||||
simple-menubar li[disabled] {
|
||||
color: var(--google-grey-300);
|
||||
}
|
||||
|
||||
.horizontal-section {
|
||||
padding: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.row {
|
||||
height: 120px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section>
|
||||
<div class="horizontal center-justified layout">
|
||||
<div>
|
||||
<h3>Simple menu</h3>
|
||||
<div class="horizontal-section">
|
||||
<simple-menu>
|
||||
<li>item 0</li>
|
||||
<li>item 1</li>
|
||||
<li disabled>item 2</li>
|
||||
<li>item 3</li>
|
||||
</simple-menu>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>Simple menu</div>
|
||||
<div>
|
||||
<h3>Multi-select menu</h3>
|
||||
<div class="horizontal-section">
|
||||
<simple-menu multi>
|
||||
<li>item 0</li>
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
</simple-menu>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<simple-menu class="list">
|
||||
<li>item 0</li>
|
||||
<li>item 1</li>
|
||||
<li disabled>item 2</li>
|
||||
<li>item 3</li>
|
||||
</simple-menu>
|
||||
<div>
|
||||
<div class="row">
|
||||
<h3>Simple menubar</h3>
|
||||
<div class="horizontal-section">
|
||||
<simple-menubar>
|
||||
<li>item 0</li>
|
||||
<li>item 1</li>
|
||||
<li disabled>item 2</li>
|
||||
<li>item 3</li>
|
||||
</simple-menubar>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<h3>Multi-select menubar</h3>
|
||||
<div class="horizontal-section">
|
||||
<simple-menubar multi>
|
||||
<li>item 0</li>
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
</simple-menubar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<div>Multi-select menu</div>
|
||||
|
||||
<simple-menu class="list" multi>
|
||||
<li>item 0</li>
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</simple-menu>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<div>Simple menubar</div>
|
||||
|
||||
<simple-menubar class="list">
|
||||
<li>item 0</li>
|
||||
<li>item 1</li>
|
||||
<li disabled>item 2</li>
|
||||
<li>item 3</li>
|
||||
</simple-menubar>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div>Multi-select menubar</div>
|
||||
|
||||
<simple-menubar class="list" multi>
|
||||
<li>item 0</li>
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</simple-menubar>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<style>
|
||||
|
||||
.content ::content > .iron-selected {
|
||||
color: red;
|
||||
color: white;
|
||||
background-color: var(--google-blue-500);
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<style>
|
||||
|
||||
.content ::content > .iron-selected {
|
||||
color: red;
|
||||
color: white;
|
||||
background-color: var(--google-red-500);
|
||||
}
|
||||
|
||||
.content ::content > * {
|
||||
|
|
|
|||
|
|
@ -26,9 +26,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
|
||||
/**
|
||||
* Returns the currently focused item.
|
||||
*
|
||||
* @attribute focusedItem
|
||||
* @type Object
|
||||
*/
|
||||
focusedItem: {
|
||||
observer: '_focusedItemChanged',
|
||||
|
|
@ -40,9 +37,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
* The attribute to use on menu items to look up the item title. Typing the first
|
||||
* letter of an item when the menu is open focuses that item. If unset, `textContent`
|
||||
* will be used.
|
||||
*
|
||||
* @attribute attrForItemTitle
|
||||
* @type String
|
||||
*/
|
||||
attrForItemTitle: {
|
||||
type: String
|
||||
|
|
@ -119,6 +113,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
this._defaultFocusAsync = null;
|
||||
}
|
||||
var item = this._valueToItem(value);
|
||||
if (item && item.hasAttribute('disabled')) return;
|
||||
this._setFocusedItem(item);
|
||||
Polymer.IronMultiSelectableBehaviorImpl.select.apply(this, arguments);
|
||||
},
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue