diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json index 3f00a02e09..4ca559ce3a 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/.bower.json +++ b/dashboard-ui/bower_components/emby-webcomponents/.bower.json @@ -14,12 +14,12 @@ }, "devDependencies": {}, "ignore": [], - "version": "1.4.198", - "_release": "1.4.198", + "version": "1.4.200", + "_release": "1.4.200", "_resolution": { "type": "version", - "tag": "1.4.198", - "commit": "53c25fdedfc4a7ae750ce403a779bd8f5cb1f7c3" + "tag": "1.4.200", + "commit": "37218220cf08f35c9a86ca1a59bd945351ae6cb4" }, "_source": "https://github.com/MediaBrowser/emby-webcomponents.git", "_target": "^1.2.1", diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js index 354242b8f9..45095fa66a 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js +++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js @@ -1398,9 +1398,9 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo } } - function onUserDataChanged(userData) { + function onUserDataChanged(userData, scope) { - var cards = document.querySelectorAll('.card-withuserdata[data-id="' + userData.ItemId + '"]'); + var cards = (scope || document.body).querySelectorAll('.card-withuserdata[data-id="' + userData.ItemId + '"]'); for (var i = 0, length = cards.length; i < length; i++) { updateUserData(cards[i], userData); diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-itemscontainer/emby-itemscontainer.js b/dashboard-ui/bower_components/emby-webcomponents/emby-itemscontainer/emby-itemscontainer.js index 6af1a82587..1f2c80f0dd 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-itemscontainer/emby-itemscontainer.js +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-itemscontainer/emby-itemscontainer.js @@ -1,4 +1,4 @@ -define(['itemShortcuts', 'connectionManager', 'layoutManager', 'browser', 'dom', 'loading', 'registerElement'], function (itemShortcuts, connectionManager, layoutManager, browser, dom, loading) { +define(['itemShortcuts', 'connectionManager', 'layoutManager', 'browser', 'dom', 'loading', 'serverNotifications', 'events', 'registerElement'], function (itemShortcuts, connectionManager, layoutManager, browser, dom, loading, serverNotifications, events) { var ItemsContainerProtoType = Object.create(HTMLDivElement.prototype); @@ -174,6 +174,15 @@ }); }; + function onUserDataChanged(e, apiClient, userData) { + + var itemsContainer = this; + + require(['cardBuilder'], function (cardBuilder) { + cardBuilder.onUserDataChanged(userData, itemsContainer); + }); + } + ItemsContainerProtoType.attachedCallback = function () { this.addEventListener('click', onClick); @@ -193,6 +202,10 @@ } itemShortcuts.on(this, getShortcutOptions()); + + var userDataHandler = onUserDataChanged.bind(this); + events.on(serverNotifications, 'UserDataChanged', userDataHandler); + this.userDataHandler = userDataHandler; }; ItemsContainerProtoType.detachedCallback = function () { @@ -204,6 +217,12 @@ this.removeEventListener('contextmenu', onContextMenu); this.removeEventListener('contextmenu', disableEvent); itemShortcuts.off(this, getShortcutOptions()); + + var userDataHandler = this.userDataHandler; + if (userDataHandler) { + events.off(serverNotifications, 'UserDataChanged', userDataHandler); + this.userDataHandler = null; + } }; document.registerElement('emby-itemscontainer', { diff --git a/dashboard-ui/bower_components/emby-webcomponents/indicators/indicators.js b/dashboard-ui/bower_components/emby-webcomponents/indicators/indicators.js index 5f64c1790f..71250246ac 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/indicators/indicators.js +++ b/dashboard-ui/bower_components/emby-webcomponents/indicators/indicators.js @@ -32,7 +32,7 @@ define(['css!./indicators.css', 'material-icons'], function () { return getProgressHtml(item.CompletionPercentage, options); } - var userData = item.UserData; + var userData = options ? (options.userData || item.UserData) : item.UserData; if (userData) { var pct = userData.PlayedPercentage; diff --git a/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.css b/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.css index f72120586d..ff8fc1f8dd 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.css +++ b/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.css @@ -55,7 +55,7 @@ color: #fff; text-transform: uppercase; background: #EF6C00; - padding: .2em .5em; - border-radius: .25em; - font-size: 94%; + padding: .16em .6em; + border-radius: .15em; + font-size: 82%; } diff --git a/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.js b/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.js index 436a8161e8..a1fe91967b 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.js +++ b/dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.js @@ -159,12 +159,12 @@ define(['datetime', 'globalize', 'embyRouter', 'material-icons', 'css!./mediainf if (item.IsLive) { miscInfo.push({ - html: '