mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update search
This commit is contained in:
Luke Pulverenti
parent
8dd2c5d717
commit
cc428aac1d
34 changed files with 814 additions and 549 deletions
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "paper-item",
|
||||
"version": "1.0.2",
|
||||
"version": "1.0.3",
|
||||
"description": "A material-design styled list item",
|
||||
"authors": [
|
||||
"The Polymer Authors"
|
||||
|
|
@ -24,27 +24,28 @@
|
|||
"homepage": "https://github.com/PolymerElements/paper-item",
|
||||
"ignore": [],
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#^1.1.0",
|
||||
"paper-styles": "PolymerElements/paper-styles#^1.0.0",
|
||||
"polymer": "Polymer/polymer#^1.0.0"
|
||||
"iron-behaviors": "polymerelements/iron-behaviors#^1.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
|
||||
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
|
||||
"iron-icons": "PolymerElements/iron-icons#^1.0.0",
|
||||
"paper-checkbox": "PolymerElements/paper-checkbox#^1.0.0",
|
||||
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0",
|
||||
"paper-toggle-button": "PolymerElements/paper-toggle-button#^1.0.0",
|
||||
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
|
||||
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
|
||||
"web-component-tester": "*",
|
||||
"web-component-tester": "Polymer/web-component-tester#^3.3.0",
|
||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
},
|
||||
"_release": "1.0.2",
|
||||
"_release": "1.0.3",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.2",
|
||||
"commit": "209d000bd2e99d9b31cfc996bbc5b0fc554be21d"
|
||||
"tag": "v1.0.3",
|
||||
"commit": "52ca8cf95ed34f265a6208def81dae9189330ad6"
|
||||
},
|
||||
"_source": "git://github.com/PolymerElements/paper-item.git",
|
||||
"_target": "~1.0.2",
|
||||
"_originalSource": "PolymerElements/paper-item",
|
||||
"_direct": true
|
||||
"_originalSource": "PolymerElements/paper-item"
|
||||
}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "paper-item",
|
||||
"version": "1.0.2",
|
||||
"version": "1.0.3",
|
||||
"description": "A material-design styled list item",
|
||||
"authors": [
|
||||
"The Polymer Authors"
|
||||
|
|
@ -24,17 +24,19 @@
|
|||
"homepage": "https://github.com/PolymerElements/paper-item",
|
||||
"ignore": [],
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#^1.1.0",
|
||||
"paper-styles": "PolymerElements/paper-styles#^1.0.0",
|
||||
"polymer": "Polymer/polymer#^1.0.0"
|
||||
"iron-behaviors": "polymerelements/iron-behaviors#^1.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
|
||||
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
|
||||
"iron-icons": "PolymerElements/iron-icons#^1.0.0",
|
||||
"paper-checkbox": "PolymerElements/paper-checkbox#^1.0.0",
|
||||
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0",
|
||||
"paper-toggle-button": "PolymerElements/paper-toggle-button#^1.0.0",
|
||||
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
|
||||
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
|
||||
"web-component-tester": "*",
|
||||
"web-component-tester": "Polymer/web-component-tester#^3.3.0",
|
||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<link rel="import" href="../../iron-icons/iron-icons.html">
|
||||
<link rel="import" href="../../iron-icons/communication-icons.html">
|
||||
<link rel="import" href="../../paper-checkbox/paper-checkbox.html">
|
||||
<link rel="import" href="../../paper-icon-button/paper-icon-button.html">
|
||||
<link rel="import" href="../../paper-toggle-button/paper-toggle-button.html">
|
||||
<link rel="import" href="../paper-icon-item.html">
|
||||
<link rel="import" href="../paper-item.html">
|
||||
|
|
@ -77,7 +78,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<div class="layout wrap inline center-center">
|
||||
<div>
|
||||
<h4>Single line items</h4>
|
||||
<div class="list short">
|
||||
<div class="list short" role="list">
|
||||
<paper-item>Inbox</paper-item>
|
||||
<paper-item>Starred</paper-item>
|
||||
<paper-item>Sent mail</paper-item>
|
||||
|
|
@ -87,7 +88,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
|
||||
<div>
|
||||
<h4>Icon with text</h4>
|
||||
<div class="list short">
|
||||
<div class="list short" role="list">
|
||||
<paper-icon-item>
|
||||
<iron-icon icon="inbox" item-icon></iron-icon> Inbox
|
||||
</paper-icon-item>
|
||||
|
|
@ -105,7 +106,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
|
||||
<div>
|
||||
<h4>Avatar with text</h4>
|
||||
<div class="list short">
|
||||
<div class="list short" role="list">
|
||||
<paper-icon-item>
|
||||
<div class="avatar blue" item-icon></div> Alphonso Engelking
|
||||
</paper-icon-item>
|
||||
|
|
@ -123,7 +124,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
|
||||
<div>
|
||||
<h4>Avatar with text and icon</h4>
|
||||
<div class="list short">
|
||||
<div class="list short" role="list">
|
||||
<paper-icon-item>
|
||||
<div class="avatar red" item-icon></div>
|
||||
<div class="flex">Alphonso</div>
|
||||
|
|
@ -149,7 +150,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
|
||||
<div>
|
||||
<h4>Avatar with text and control</h4>
|
||||
<div class="list short">
|
||||
<div class="list short" role="list">
|
||||
<paper-icon-item>
|
||||
<div class="avatar orange" item-icon></div>
|
||||
<div class="flex">Alphonso</div>
|
||||
|
|
@ -175,7 +176,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
|
||||
<div>
|
||||
<h4>Control with text and icon</h4>
|
||||
<div class="list short">
|
||||
<div class="list short" role="list">
|
||||
<paper-icon-item>
|
||||
<paper-checkbox item-icon></paper-checkbox>
|
||||
<div class="flex">Alphonso</div>
|
||||
|
|
@ -201,7 +202,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
|
||||
<div>
|
||||
<h4>Two-line items</h4>
|
||||
<div class="list">
|
||||
<div class="list" role="list">
|
||||
<paper-item>
|
||||
<paper-item-body two-line class="layout vertical">
|
||||
<div>Profile Photo</div>
|
||||
|
|
@ -225,7 +226,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
|
||||
<div>
|
||||
<h4>Icon with two-line text</h4>
|
||||
<div class="list">
|
||||
<div class="list" role="list">
|
||||
<paper-icon-item>
|
||||
<div class="avatar green" item-icon></div>
|
||||
<paper-item-body two-line>
|
||||
|
|
@ -253,14 +254,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
|
||||
<div>
|
||||
<h4>Avatar with text and icon</h4>
|
||||
<div class="list">
|
||||
<div class="list" role="list">
|
||||
<paper-icon-item>
|
||||
<div class="avatar blue" item-icon></div>
|
||||
<paper-item-body two-line>
|
||||
<div>Photos</div>
|
||||
<div secondary>Jan 9, 2014</div>
|
||||
</paper-item-body>
|
||||
<iron-icon icon="star"></iron-icon>
|
||||
<paper-icon-button icon="star" alt="favourite this!"></paper-icon-button>
|
||||
</paper-icon-item>
|
||||
<paper-icon-item>
|
||||
<div class="avatar red" item-icon></div>
|
||||
|
|
@ -268,7 +269,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<div>Recipes</div>
|
||||
<div secondary>Jan 17, 2014</div>
|
||||
</paper-item-body>
|
||||
<iron-icon icon="star"></iron-icon>
|
||||
<paper-icon-button icon="star" alt="favourite this!"></paper-icon-button>
|
||||
</paper-icon-item>
|
||||
<paper-icon-item>
|
||||
<div class="avatar orange" item-icon></div>
|
||||
|
|
@ -276,7 +277,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<div>Work</div>
|
||||
<div secondary>Jan 28, 2014</div>
|
||||
</paper-item-body>
|
||||
<iron-icon icon="star"></iron-icon>
|
||||
<paper-icon-button icon="star" alt="favourite this!"></paper-icon-button>
|
||||
</paper-icon-item>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
-->
|
||||
|
||||
<link rel="import" href="../polymer/polymer.html">
|
||||
<link rel="import" href="../iron-behaviors/iron-control-state.html">
|
||||
<link rel="import" href="../iron-behaviors/iron-button-state.html">
|
||||
<link rel="import" href="../paper-styles/paper-styles.html">
|
||||
<link rel="import" href="paper-item-shared-styles.html">
|
||||
|
||||
<!--
|
||||
`<paper-icon-item>` is a convenience element to make an item with icon. It is a non interactive list
|
||||
|
|
@ -38,49 +41,42 @@ Custom property | Description | Default
|
|||
-->
|
||||
|
||||
<dom-module id="paper-icon-item">
|
||||
|
||||
<link rel="import" type="css" href="paper-item-shared.css">
|
||||
|
||||
<style>
|
||||
|
||||
:host {
|
||||
@apply(--layout-horizontal);
|
||||
@apply(--layout-center);
|
||||
@apply(--paper-font-subhead);
|
||||
|
||||
@apply(--paper-item);
|
||||
@apply(--paper-icon-item);
|
||||
}
|
||||
|
||||
.content-icon {
|
||||
width: var(--paper-item-icon-width, 56px);
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<template>
|
||||
<style include="paper-item-shared-styles"></style>
|
||||
<style>
|
||||
:host {
|
||||
@apply(--layout-horizontal);
|
||||
@apply(--layout-center);
|
||||
@apply(--paper-font-subhead);
|
||||
|
||||
@apply(--paper-item);
|
||||
@apply(--paper-icon-item);
|
||||
}
|
||||
|
||||
.content-icon {
|
||||
width: var(--paper-item-icon-width, 56px);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="contentIcon" class="content-icon layout horizontal center">
|
||||
<content select="[item-icon]"></content>
|
||||
</div>
|
||||
<content></content>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
Polymer({
|
||||
is: 'paper-icon-item',
|
||||
|
||||
hostAttributes: {
|
||||
'role': 'listitem',
|
||||
'tabindex': '0'
|
||||
},
|
||||
|
||||
behaviors: [
|
||||
Polymer.IronControlState,
|
||||
Polymer.IronButtonState
|
||||
]
|
||||
});
|
||||
</script>
|
||||
</dom-module>
|
||||
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
|
||||
Polymer({
|
||||
|
||||
is: 'paper-icon-item',
|
||||
|
||||
hostAttributes: {
|
||||
'role': 'listitem'
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})();
|
||||
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<!--
|
||||
@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
|
||||
-->
|
||||
|
||||
<link rel="import" href="../polymer/polymer.html">
|
||||
|
|
@ -38,56 +38,43 @@ Custom property | Description | Default
|
|||
-->
|
||||
|
||||
<dom-module id="paper-item-body">
|
||||
|
||||
<style>
|
||||
|
||||
:host {
|
||||
overflow: hidden; /* needed for text-overflow: ellipsis to work on ff */
|
||||
@apply(--layout-vertical);
|
||||
@apply(--layout-center-justified);
|
||||
@apply(--layout-flex);
|
||||
}
|
||||
|
||||
:host([two-line]) {
|
||||
min-height: var(--paper-item-body-two-line-min-height, 72px);
|
||||
}
|
||||
|
||||
:host([three-line]) {
|
||||
min-height: var(--paper-item-body-three-line-min-height, 88px);
|
||||
}
|
||||
|
||||
:host > ::content > * {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
:host > ::content [secondary] {
|
||||
color: var(--paper-item-body-secondary-color, --secondary-text-color);
|
||||
@apply(--paper-font-body1);
|
||||
|
||||
@apply(--paper-item-body-secondary);
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<template>
|
||||
<style>
|
||||
:host {
|
||||
overflow: hidden; /* needed for text-overflow: ellipsis to work on ff */
|
||||
@apply(--layout-vertical);
|
||||
@apply(--layout-center-justified);
|
||||
@apply(--layout-flex);
|
||||
}
|
||||
|
||||
:host([two-line]) {
|
||||
min-height: var(--paper-item-body-two-line-min-height, 72px);
|
||||
}
|
||||
|
||||
:host([three-line]) {
|
||||
min-height: var(--paper-item-body-three-line-min-height, 88px);
|
||||
}
|
||||
|
||||
:host > ::content > * {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
:host > ::content [secondary] {
|
||||
color: var(--paper-item-body-secondary-color, --secondary-text-color);
|
||||
@apply(--paper-font-body1);
|
||||
|
||||
@apply(--paper-item-body-secondary);
|
||||
}
|
||||
</style>
|
||||
|
||||
<content></content>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
Polymer({
|
||||
is: 'paper-item-body'
|
||||
});
|
||||
</script>
|
||||
</dom-module>
|
||||
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
|
||||
Polymer({
|
||||
|
||||
is: 'paper-item-body'
|
||||
|
||||
});
|
||||
|
||||
})();
|
||||
|
||||
</script>
|
||||
|
|
|
|||
25
dashboard-ui/bower_components/paper-item/paper-item-shared-styles.html
vendored
Normal file
25
dashboard-ui/bower_components/paper-item/paper-item-shared-styles.html
vendored
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<!--
|
||||
@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
|
||||
-->
|
||||
|
||||
<dom-module id="paper-item-shared-styles">
|
||||
<template>
|
||||
<style>
|
||||
:host {
|
||||
display: block;
|
||||
min-height: var(--paper-item-min-height, 48px);
|
||||
padding: 0px 16px;
|
||||
}
|
||||
|
||||
:host > ::content > *:not(:first-child):not(:last-child) {
|
||||
margin-right: 16px;
|
||||
}
|
||||
</style>
|
||||
</template>
|
||||
</dom-module>
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
/*
|
||||
@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
|
||||
*/
|
||||
|
||||
:host {
|
||||
display: block;
|
||||
min-height: var(--paper-item-min-height, 48px);
|
||||
padding: 0px 16px;
|
||||
}
|
||||
|
||||
:host > ::content > *:not(:first-child):not(:last-child) {
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
|
@ -9,8 +9,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
-->
|
||||
|
||||
<link rel="import" href="../polymer/polymer.html">
|
||||
<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
|
||||
<link rel="import" href="../iron-behaviors/iron-control-state.html">
|
||||
<link rel="import" href="../iron-behaviors/iron-button-state.html">
|
||||
<link rel="import" href="../paper-styles/paper-styles.html">
|
||||
<link rel="import" href="paper-item-shared-styles.html">
|
||||
|
||||
<!--
|
||||
`<paper-item>` is a non-interactive list item. By default, it is a horizontal flexbox.
|
||||
|
|
@ -55,41 +57,34 @@ This element has `role="listitem"` by default. Depending on usage, it may be mor
|
|||
-->
|
||||
|
||||
<dom-module id="paper-item">
|
||||
|
||||
<link rel="import" type="css" href="paper-item-shared.css">
|
||||
|
||||
<style>
|
||||
|
||||
:host {
|
||||
@apply(--layout-horizontal);
|
||||
@apply(--layout-center);
|
||||
@apply(--paper-font-subhead);
|
||||
|
||||
@apply(--paper-item);
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<template>
|
||||
<style include="paper-item-shared-styles"></style>
|
||||
<style>
|
||||
:host {
|
||||
@apply(--layout-horizontal);
|
||||
@apply(--layout-center);
|
||||
@apply(--paper-font-subhead);
|
||||
|
||||
@apply(--paper-item);
|
||||
}
|
||||
</style>
|
||||
|
||||
<content></content>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
Polymer({
|
||||
is: 'paper-item',
|
||||
|
||||
hostAttributes: {
|
||||
role: 'listitem',
|
||||
tabindex: '0'
|
||||
},
|
||||
|
||||
behaviors: [
|
||||
Polymer.IronControlState,
|
||||
Polymer.IronButtonState
|
||||
]
|
||||
});
|
||||
</script>
|
||||
</dom-module>
|
||||
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
|
||||
Polymer({
|
||||
|
||||
is: 'paper-item',
|
||||
|
||||
hostAttributes: {
|
||||
role: 'listitem'
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})();
|
||||
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -31,13 +31,17 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
|
||||
<test-fixture id="item">
|
||||
<template>
|
||||
<paper-item>item</paper-item>
|
||||
<div role="list">
|
||||
<paper-item>item</paper-item>
|
||||
</div>
|
||||
</template>
|
||||
</test-fixture>
|
||||
|
||||
<test-fixture id="iconItem">
|
||||
<template>
|
||||
<paper-icon-item>item</paper-icon-item>
|
||||
<div role="list">
|
||||
<paper-icon-item>item</paper-icon-item>
|
||||
</div>
|
||||
</template>
|
||||
</test-fixture>
|
||||
|
||||
|
|
@ -47,8 +51,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
var item, iconItem;
|
||||
|
||||
setup(function() {
|
||||
item = fixture('item');
|
||||
iconItem = fixture('iconItem');
|
||||
item = fixture('item').querySelector('paper-item');
|
||||
iconItem = fixture('iconItem').querySelector('paper-icon-item');
|
||||
});
|
||||
|
||||
test('item has role="listitem"', function() {
|
||||
|
|
@ -58,6 +62,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
test('icon item has role="listitem"', function() {
|
||||
assert.equal(iconItem.getAttribute('role'), 'listitem', 'has role="item"');
|
||||
});
|
||||
|
||||
a11ySuite('item');
|
||||
a11ySuite('iconItem');
|
||||
});
|
||||
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue