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

update detail screens

This commit is contained in:
Luke Pulverenti 2015-08-19 00:08:03 -04:00
parent 7b42686295
commit f5323ff3c2
34 changed files with 682 additions and 658 deletions

View file

@ -27,7 +27,7 @@ item is displayed in the control. If no item is selected, the `label` is
displayed instead.
The child element with the class `dropdown-content` will be used as the dropdown
menu. It could be a `paper-menu` or element that triggers `iron-activate` when
menu. It could be a `paper-menu` or element that triggers `iron-select` when
selecting its children.
Example:
@ -130,7 +130,7 @@ respectively.
vertical-offset="[[_computeMenuVerticalOffset(noLabelFloat)]]"
disabled="[[disabled]]"
no-animations="[[noAnimations]]"
on-iron-activate="_onIronActivate"
on-iron-select="_onIronSelect"
opened="{{opened}}">
<div class="dropdown-trigger">
<paper-ripple></paper-ripple>
@ -145,9 +145,7 @@ respectively.
<iron-icon icon="arrow-drop-down" suffix></iron-icon>
</paper-input>
</div>
<div class="dropdown-content">
<content select=".dropdown-content"></content>
</div>
<content id="content" select=".dropdown-content"></content>
</paper-menu-button>
</template>
</dom-module>
@ -190,7 +188,7 @@ respectively.
/**
* The last selected item. An item is selected if the dropdown menu has
* a child with class `dropdown-content`, and that child triggers an
* `iron-activate` event with the selected `item` in the `detail`.
* `iron-select` event with the selected `item` in the `detail`.
*/
selectedItem: {
type: Object,
@ -264,6 +262,24 @@ respectively.
'aria-haspopup': 'true'
},
attached: function() {
// NOTE(cdata): Due to timing, a preselected value in a `IronSelectable`
// child will cause an `iron-select` event to fire while the element is
// still in a `DocumentFragment`. This has the effect of causing
// handlers not to fire. So, we double check this value on attached:
var contentElement = this.contentElement;
if (contentElement && contentElement.selectedItem) {
this._setSelectedItem(contentElement.selectedItem);
}
},
/**
* The content element that is contained by the dropdown menu, if any.
*/
get contentElement() {
return Polymer.dom(this.$.content).getDistributedNodes()[0];
},
/**
* Show the dropdown content.
*/
@ -279,11 +295,11 @@ respectively.
},
/**
* A handler that is called when `iron-activate` is fired.
* A handler that is called when `iron-select` is fired.
*
* @param {CustomEvent} event An `iron-activate` event.
* @param {CustomEvent} event An `iron-select` event.
*/
_onIronActivate: function(event) {
_onIronSelect: function(event) {
this._setSelectedItem(event.detail.item);
},