mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
Luke Pulverenti
parent
aaeb444675
commit
ceffef675b
7 changed files with 200 additions and 16 deletions
1
dashboard-ui/bower_components/hammerjs/hammer.min.js.map
vendored
Normal file
1
dashboard-ui/bower_components/hammerjs/hammer.min.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
68
dashboard-ui/bower_components/iron-location/test/redirection.html
vendored
Normal file
68
dashboard-ui/bower_components/iron-location/test/redirection.html
vendored
Normal file
|
|
@ -0,0 +1,68 @@
|
||||||
|
<!--
|
||||||
|
@license
|
||||||
|
Copyright (c) 2016 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='redirect-hash'>
|
||||||
|
<template>
|
||||||
|
<iron-location hash='{{hash}}'></iron-location>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
Polymer({
|
||||||
|
is: 'redirect-hash',
|
||||||
|
properties: {
|
||||||
|
hash: {
|
||||||
|
value: '',
|
||||||
|
observer: 'hashChanged'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
hashChanged: function(hash) {
|
||||||
|
this.hash = 'redirectedTo';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</dom-module>
|
||||||
|
|
||||||
|
<dom-module id='redirect-path'>
|
||||||
|
<template>
|
||||||
|
<iron-location path='{{path}}'></iron-location>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
Polymer({
|
||||||
|
is: 'redirect-path',
|
||||||
|
properties: {
|
||||||
|
path: {
|
||||||
|
value: '',
|
||||||
|
observer: 'pathChanged'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
pathChanged: function(path) {
|
||||||
|
this.path = '/redirectedTo';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</dom-module>
|
||||||
|
|
||||||
|
<dom-module id='redirect-query'>
|
||||||
|
<template>
|
||||||
|
<iron-location query='{{query}}'></iron-location>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
Polymer({
|
||||||
|
is: 'redirect-query',
|
||||||
|
properties: {
|
||||||
|
query: {
|
||||||
|
value: '',
|
||||||
|
observer: 'queryChanged'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
queryChanged: function(query) {
|
||||||
|
this.query = 'redirectedTo';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</dom-module>
|
||||||
118
dashboard-ui/bower_components/neon-animation/test/neon-animated-pages-descendant-selection.html
vendored
Normal file
118
dashboard-ui/bower_components/neon-animation/test/neon-animated-pages-descendant-selection.html
vendored
Normal file
|
|
@ -0,0 +1,118 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
@license
|
||||||
|
Copyright (c) 2016 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>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
|
||||||
|
<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="../../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="../../neon-animation/neon-animated-pages.html">
|
||||||
|
<link rel="import" href="../../neon-animation/neon-animation-behavior.html">
|
||||||
|
<link rel="import" href="../../iron-selector/iron-selector.html">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<test-fixture id="descendant-selection">
|
||||||
|
<template>
|
||||||
|
<neon-animated-pages entry-animation="test-animation" animate-initial-selection>
|
||||||
|
<iron-selector selected="0" id="selector">
|
||||||
|
<div>1</div>
|
||||||
|
<div id="target">2</div>
|
||||||
|
</iron-selector>
|
||||||
|
</neon-animated-pages>
|
||||||
|
</template>
|
||||||
|
</test-fixture>
|
||||||
|
|
||||||
|
<test-fixture id="selecting-item">
|
||||||
|
<template>
|
||||||
|
<neon-animated-pages entry-animation="test-animation" animate-initial-selection>
|
||||||
|
<x-selecting-element></x-selecting-element>
|
||||||
|
<div id="target"></div>
|
||||||
|
</neon-animated-pages>
|
||||||
|
</template>
|
||||||
|
</test-fixture>
|
||||||
|
|
||||||
|
<dom-module id="x-selecting-element">
|
||||||
|
<template>
|
||||||
|
<iron-selector selected="0" id="selector">
|
||||||
|
<div>1</div>
|
||||||
|
<div id="target">2</div>
|
||||||
|
</iron-selector>
|
||||||
|
</template>
|
||||||
|
</dom-module>
|
||||||
|
|
||||||
|
<dom-module id="test-element">
|
||||||
|
<template>
|
||||||
|
<neon-animated-pages entry-animation="test-animation" animate-initial-selection>
|
||||||
|
<content></content>
|
||||||
|
</neon-animated-pages>
|
||||||
|
</template>
|
||||||
|
</dom-module>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
HTMLImports.whenReady(function() {
|
||||||
|
Polymer({ is: 'x-selecting-element' });
|
||||||
|
Polymer({ is: 'test-element' });
|
||||||
|
Polymer({
|
||||||
|
is: 'test-animation',
|
||||||
|
behaviors: [
|
||||||
|
Polymer.NeonAnimationBehavior
|
||||||
|
],
|
||||||
|
configure: function(config) {
|
||||||
|
config.node.animated = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<test-fixture id="distributed-children">
|
||||||
|
<template>
|
||||||
|
<test-element>
|
||||||
|
<div>1</div>
|
||||||
|
<div id="target">2</div>
|
||||||
|
</test-element>
|
||||||
|
</template>
|
||||||
|
</test-fixture>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
suite('descendant selection', function() {
|
||||||
|
test('descendents of other selectors are not animated', function() {
|
||||||
|
var animatedPages = fixture('descendant-selection');
|
||||||
|
var selector = Polymer.dom(animatedPages).querySelector('#selector');
|
||||||
|
var target = Polymer.dom(animatedPages).querySelector('#target');
|
||||||
|
Polymer.dom(selector).setAttribute('selected', '1');
|
||||||
|
assert(!target.animated);
|
||||||
|
});
|
||||||
|
test('elements distributed as children are animated', function() {
|
||||||
|
var testElement = fixture('distributed-children');
|
||||||
|
var target = Polymer.dom(testElement).querySelector('#target');
|
||||||
|
var animatedPages = Polymer.dom(testElement.root).querySelector("neon-animated-pages");
|
||||||
|
Polymer.dom(animatedPages).setAttribute('selected', '1');
|
||||||
|
assert(target.animated);
|
||||||
|
});
|
||||||
|
test('ignores selection from shadow descendants of its items', function() {
|
||||||
|
var pages = fixture('selecting-item');
|
||||||
|
var target = Polymer.dom(pages).querySelector('#target');
|
||||||
|
var selecting = Polymer.dom(pages).querySelector('x-selecting-element');
|
||||||
|
selecting.$.selector.selected = 1;
|
||||||
|
assert(!target.animated);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
<paper-input id="txtName" type="text" label="${LabelTitle}" required="required"></paper-input>
|
<paper-input id="txtName" type="text" label="${LabelTitle}" required="required"></paper-input>
|
||||||
</div>
|
</div>
|
||||||
<div id="fldOriginalName">
|
<div id="fldOriginalName">
|
||||||
<paper-input id="txtOriginalName" type="text" label="${LabelOriginalTitle}" required="required"></paper-input>
|
<paper-input id="txtOriginalName" type="text" label="${LabelOriginalTitle}"></paper-input>
|
||||||
</div>
|
</div>
|
||||||
<div id="fldSortName" style="display: none;">
|
<div id="fldSortName" style="display: none;">
|
||||||
<paper-input id="txtSortName" type="text" label="${LabelSortTitle}"></paper-input>
|
<paper-input id="txtSortName" type="text" label="${LabelSortTitle}"></paper-input>
|
||||||
|
|
|
||||||
|
|
@ -1,18 +1,17 @@
|
||||||
.card {
|
.card {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
-webkit-transition: all 500ms ease;
|
|
||||||
-moz-transition: all 500ms ease;
|
|
||||||
-o-transition: all 500ms ease;
|
|
||||||
-ms-transition: all 500ms ease;
|
|
||||||
transition: all 500ms ease;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card, .card a {
|
iron-list .card {
|
||||||
text-decoration: none;
|
display: block;
|
||||||
font-weight: 400 !important;
|
}
|
||||||
}
|
|
||||||
|
.card, .card a {
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 400 !important;
|
||||||
|
}
|
||||||
|
|
||||||
.cardOverlayTarget {
|
.cardOverlayTarget {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,9 @@
|
||||||
.btnNotifications {
|
.btnNotifications {
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
padding: 0 !important;
|
|
||||||
outline: 0 !important;
|
outline: 0 !important;
|
||||||
margin: 0 !important;
|
|
||||||
float: right;
|
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
min-width: 4.1em;
|
width: auto;
|
||||||
|
margin: 0 .7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnNotificationsInner {
|
.btnNotificationsInner {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
define(['imageLoader', 'layoutManager', 'jQuery', 'paper-icon-button', 'paper-button', 'emby-icons'], function (imageLoader, layoutManager, $) {
|
define(['imageLoader', 'layoutManager', 'jQuery', 'paper-icon-button', 'emby-icons'], function (imageLoader, layoutManager, $) {
|
||||||
|
|
||||||
var mainDrawerPanel = document.querySelector('.mainDrawerPanel');
|
var mainDrawerPanel = document.querySelector('.mainDrawerPanel');
|
||||||
|
|
||||||
|
|
@ -36,7 +36,7 @@
|
||||||
|
|
||||||
html += '<paper-icon-button icon="mic" class="headerButton headerButtonRight headerVoiceButton hide"></paper-icon-button>';
|
html += '<paper-icon-button icon="mic" class="headerButton headerButtonRight headerVoiceButton hide"></paper-icon-button>';
|
||||||
|
|
||||||
html += '<paper-button class="headerButton headerButtonRight btnNotifications subdued" type="button" title="Notifications"><div class="btnNotificationsInner">0</div></paper-button>';
|
html += '<button class="headerButton headerButtonRight btnNotifications clearButton" type="button" title="Notifications"><div class="btnNotificationsInner">0</div></button>';
|
||||||
|
|
||||||
html += '<paper-icon-button icon="person" class="headerButton headerButtonRight headerUserButton"></paper-icon-button>';
|
html += '<paper-icon-button icon="person" class="headerButton headerButtonRight headerUserButton"></paper-icon-button>';
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue