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>
|
||||
</div>
|
||||
<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 id="fldSortName" style="display: none;">
|
||||
<paper-input id="txtSortName" type="text" label="${LabelSortTitle}"></paper-input>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,17 @@
|
|||
.card {
|
||||
display: inline-block;
|
||||
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;
|
||||
}
|
||||
|
||||
.card, .card a {
|
||||
iron-list .card {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.card, .card a {
|
||||
text-decoration: none;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.cardOverlayTarget {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -1,11 +1,9 @@
|
|||
.btnNotifications {
|
||||
text-decoration: none !important;
|
||||
padding: 0 !important;
|
||||
outline: 0 !important;
|
||||
margin: 0 !important;
|
||||
float: right;
|
||||
vertical-align: middle;
|
||||
min-width: 4.1em;
|
||||
width: auto;
|
||||
margin: 0 .7em;
|
||||
}
|
||||
|
||||
.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');
|
||||
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
|
||||
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>';
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue