Merge pull request #1961 from MediaBrowser/dev

Dev
2024-11-17 19:08:18 -07:00 · 2016-07-21 17:43:12 -04:00 · 2016-07-21 17:43:12 -04:00 · 8db1aeeec8
commit 8db1aeeec8
parent afbe83f7bd 13838f9d76
18 changed files with 185 additions and 171 deletions
--- a/dashboard-ui/bower_components/emby-webcomponents/.bower.json
+++ b/dashboard-ui/bower_components/emby-webcomponents/.bower.json
@ -15,12 +15,12 @@
  },
  "devDependencies": {},
  "ignore": [],
-  "version": "1.4.112",
-  "_release": "1.4.112",
+  "version": "1.4.113",
+  "_release": "1.4.113",
  "_resolution": {
    "type": "version",
-    "tag": "1.4.112",
-    "commit": "3dcd3f9498f9c9963f5d195179b3ae0f85a1e909"
+    "tag": "1.4.113",
+    "commit": "03c34e718b6b72ec847567dcedb114e32ff8a1f0"
  },
  "_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
  "_target": "^1.2.0",
--- a/dashboard-ui/bower_components/emby-webcomponents/itemcontextmenu.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/itemcontextmenu.js
@ -1,9 +1,6 @@
-define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter', 'playbackManager', 'loading'], function (appHost, globalize, connectionManager, itemHelper, embyRouter, playbackManager, loading) {
+define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter', 'playbackManager', 'loading', 'appSettings'], function (appHost, globalize, connectionManager, itemHelper, embyRouter, playbackManager, loading, appSettings) {

-    var isTheater = true;
-    appHost.appInfo().then(function (result) {
-        isTheater = result.appName.toLowerCase().indexOf('theater') != -1;
-    });
+    var isMobileApp = window.Dashboard != null;

    function getCommands(options) {

@ -48,7 +45,7 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter',

            if (itemHelper.canEdit(user, item.Type)) {

-                if (!isTheater) {
+                if (isMobileApp) {
                    if (options.edit !== false) {

                        var text = item.Type == 'Timer' ? globalize.translate('sharedcomponents#Edit') : globalize.translate('sharedcomponents#EditInfo');
@ -63,7 +60,7 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter',

            if (itemHelper.canEditImages(user, item.Type)) {

-                if (!isTheater) {
+                if (isMobileApp) {
                    if (options.editImages !== false) {
                        commands.push({
                            name: globalize.translate('sharedcomponents#EditImages'),
@ -92,7 +89,7 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter',
                });
            }

-            if (!isTheater && options.identify !== false) {
+            if (isMobileApp && options.identify !== false) {
                if (itemHelper.canIdentify(user, item.Type)) {
                    commands.push({
                        name: globalize.translate('sharedcomponents#Identify'),
@ -125,6 +122,13 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter',
                        name: globalize.translate('sharedcomponents#Play'),
                        id: 'resume'
                    });
+
+                    if (isMobileApp && appSettings.enableExternalPlayers()) {
+                        commands.push({
+                            name: globalize.translate('ButtonPlayExternalPlayer'),
+                            id: 'externalplayer'
+                        });
+                    }
                }

                if (options.playAllFromHere && item.Type != 'Program' && item.Type != 'TvChannel') {
@ -201,7 +205,7 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter',
                }
            }

-            if (!isTheater && options.sync !== false) {
+            if (isMobileApp && options.sync !== false) {
                if (itemHelper.canSync(user, item)) {
                    commands.push({
                        name: globalize.translate('sharedcomponents#Sync'),
@ -385,6 +389,10 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter',
                        });
                        break;
                    }
+                case 'externalplayer':
+                    LibraryBrowser.playInExternalPlayer(itemId);
+                    getResolveFunction(resolve, id)();
+                    break;
                case 'album':
                    {
                        embyRouter.showItem(item.AlbumId, item.ServerId);
--- a/dashboard-ui/bower_components/emby-webcomponents/itemhelper.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/itemhelper.js
@ -117,6 +117,15 @@ define(['apphost'], function (appHost) {

        canEditImages: function (user, itemType) {

+            if (itemType == 'UserView') {
+                if (user.Policy.IsAdministrator) {
+
+                    return true;
+                }
+
+                return false;
+            }
+
            return itemType != 'Timer' && canEdit(user, itemType);
        },

--- a/dashboard-ui/bower_components/emby-webcomponents/itemhovermenu/itemhovermenu.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/itemhovermenu/itemhovermenu.js
@ -1,4 +1,4 @@
-define(['connectionManager', 'itemHelper', 'mediaInfo', 'userdataButtons', 'playbackManager', 'globalize', 'dom', 'css!./itemhovermenu', 'emby-button'], function (connectionManager, itemHelper, mediaInfo, userdataButtons, playbackManager, globalize, dom) {
+define(['connectionManager', 'itemHelper', 'mediaInfo', 'userdataButtons', 'playbackManager', 'globalize', 'dom', 'apphost', 'css!./itemhovermenu', 'emby-button'], function (connectionManager, itemHelper, mediaInfo, userdataButtons, playbackManager, globalize, dom, appHost) {

    var preventHover = false;
    var showOverlayTimeout;
@ -136,7 +136,8 @@
            buttonCount++;
        }

-        html += '<button is="emby-button" class="itemAction autoSize fab mini" data-action="menu" data-playoptions="false"><i class="md-icon">&#xE5D4;</i></button>';
+        var moreIcon = appHost.moreIcon == 'dots-horiz' ? '&#xE5D3;' : '&#xE5D4;';
+        html += '<button is="emby-button" class="itemAction autoSize fab mini" data-action="menu" data-playoptions="false"><i class="md-icon">' + moreIcon + '</i></button>';
        buttonCount++;

        html += userdataButtons.getIconsHtml({
--- a/dashboard-ui/bower_components/emby-webcomponents/listview/listview.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.js
@ -1,4 +1,4 @@
-define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutManager', 'globalize', 'userdataButtons', 'css!./listview'], function (itemHelper, mediaInfo, indicators, connectionManager, layoutManager, globalize, userdataButtons) {
+define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutManager', 'globalize', 'userdataButtons', 'apphost', 'css!./listview'], function (itemHelper, mediaInfo, indicators, connectionManager, layoutManager, globalize, userdataButtons, appHost) {

    function getIndex(item, options) {

@ -253,6 +253,8 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan

            html += '<div class="' + cssClass + '">';

+            var moreIcon = appHost.moreIcon == 'dots-horiz' ? '&#xE5D3;' : '&#xE5D4;';
+
            for (var i = 0, textLinesLength = textlines.length; i < textLinesLength; i++) {

                if (i == 0 && isLargeStyle) {
@ -295,7 +297,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
            }

            if (!clickEntireItem) {
-                html += '<button is="paper-icon-button-light" class="itemAction autoSize" data-action="menu"><i class="md-icon">&#xE5D4;</i></button>';
+                html += '<button is="paper-icon-button-light" class="itemAction autoSize" data-action="menu"><i class="md-icon">' + moreIcon + '</i></button>';
                html += '<span class="listViewUserDataButtons">';
                html += userdataButtons.getIconsHtml({
                    item: item,
--- a/dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.js
@ -174,7 +174,8 @@
            html += '<span class="itemSelectionCount"></span>';
            html += '</div>';

-            html += '<button is="paper-icon-button-light" class="btnSelectionPanelOptions autoSize" style="margin-left:auto;"><i class="md-icon">more_vert</i></button>';
+            var moreIcon = appHost.moreIcon == 'dots-horiz' ? '&#xE5D3;' : '&#xE5D4;';
+            html += '<button is="paper-icon-button-light" class="btnSelectionPanelOptions autoSize" style="margin-left:auto;"><i class="md-icon">' + moreIcon + '</i></button>';

            selectionCommandsPanel.innerHTML = html;

--- a/dashboard-ui/bower_components/emby-webcomponents/playmenu.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/playmenu.js
@ -1,4 +1,6 @@
-define(['actionsheet', 'datetime', 'playbackManager', 'globalize'], function (actionsheet, datetime, playbackManager, globalize) {
+define(['actionsheet', 'datetime', 'playbackManager', 'globalize', 'appSettings'], function (actionsheet, datetime, playbackManager, globalize, appSettings) {
+
+    var isMobileApp = window.Dashboard != null;

    function show(options) {

@ -11,7 +13,9 @@ define(['actionsheet', 'datetime', 'playbackManager', 'globalize'], function (ac
        var serverId = item.ServerId;
        var resumePositionTicks = item.UserData ? item.UserData.PlaybackPositionTicks : null;

-        if (!resumePositionTicks && mediaType != "Audio" && !isFolder) {
+        var showExternalPlayer = isMobileApp && mediaType == 'Video' && !isFolder && appSettings.enableExternalPlayers();
+
+        if (!resumePositionTicks && mediaType != "Audio" && !isFolder && !showExternalPlayer) {
            playbackManager.play({
                items: [item]
            });
@ -37,6 +41,13 @@ define(['actionsheet', 'datetime', 'playbackManager', 'globalize'], function (ac
            });
        }

+        if (showExternalPlayer) {
+            menuItems.push({
+                name: globalize.translate('ButtonPlayExternalPlayer'),
+                id: 'externalplayer'
+            });
+        }
+
        if (playbackManager.canQueueMediaType(mediaType)) {
            menuItems.push({
                name: globalize.translate('sharedcomponents#Queue'),
@ -72,6 +83,9 @@ define(['actionsheet', 'datetime', 'playbackManager', 'globalize'], function (ac
                        serverId: item.ServerId
                    });
                    break;
+                case 'externalplayer':
+                    LibraryBrowser.playInExternalPlayer(itemId);
+                    break;
                case 'resume':
                    playbackManager.play({
                        ids: [itemId],
--- a/dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.js
@ -1,4 +1,4 @@
-define(['dialogHelper', 'require', 'layoutManager', 'globalize', 'scrollHelper', 'appStorage', 'connectionManager', 'loading', 'focusManager', 'dom', 'emby-select', 'listViewStyle', 'paper-icon-button-light', 'css!./../formdialog', 'material-icons', 'css!./subtitleeditor', 'emby-button'], function (dialogHelper, require, layoutManager, globalize, scrollHelper, appStorage, connectionManager, loading, focusManager, dom) {
+define(['dialogHelper', 'require', 'layoutManager', 'globalize', 'scrollHelper', 'appStorage', 'connectionManager', 'loading', 'focusManager', 'dom', 'apphost', 'emby-select', 'listViewStyle', 'paper-icon-button-light', 'css!./../formdialog', 'material-icons', 'css!./subtitleeditor', 'emby-button'], function (dialogHelper, require, layoutManager, globalize, scrollHelper, appStorage, connectionManager, loading, focusManager, dom, appHost) {

    var currentItem;
    var hasChanges;
@ -210,6 +210,8 @@

        context.querySelector('.noSearchResults').classList.add('hide');

+        var moreIcon = appHost.moreIcon == 'dots-horiz' ? '&#xE5D3;' : '&#xE5D4;';
+
        for (var i = 0, length = results.length; i < length; i++) {

            var result = results[i];
@ -255,7 +257,7 @@
            html += '<div class="secondary">' + /*(result.CommunityRating || 0) + ' / ' +*/ (result.DownloadCount || 0) + '</div>';

            if (!layoutManager.tv) {
-                html += '<button type="button" is="paper-icon-button-light" data-subid="' + result.Id + '" class="btnOptions"><i class="md-icon">more_vert</i></button>';
+                html += '<button type="button" is="paper-icon-button-light" data-subid="' + result.Id + '" class="btnOptions"><i class="md-icon">' + moreIcon + '</i></button>';
            }

            html += '</' + tagName + '>';
--- a/dashboard-ui/bower_components/iron-autogrow-textarea/.bower.json
+++ b/dashboard-ui/bower_components/iron-autogrow-textarea/.bower.json
@ -1,6 +1,6 @@
 {
  "name": "iron-autogrow-textarea",
-  "version": "1.0.12",
+  "version": "1.0.13",
  "description": "A textarea element that automatically grows with input",
  "authors": [
    "The Polymer Authors"
@ -25,7 +25,7 @@
    "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
    "iron-validatable-behavior": "PolymerElements/iron-validatable-behavior#^1.0.0",
    "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0",
-    "polymer": "Polymer/polymer#^1.0.0"
+    "polymer": "Polymer/polymer#^1.1.0"
  },
  "devDependencies": {
    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
@ -36,11 +36,11 @@
    "paper-styles": "PolymerElements/paper-styles#^1.0.0",
    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
  },
-  "_release": "1.0.12",
+  "_release": "1.0.13",
  "_resolution": {
    "type": "version",
-    "tag": "v1.0.12",
-    "commit": "86f8fd61b412bcea6bc7b8feaee9b24bc2ad48ea"
+    "tag": "v1.0.13",
+    "commit": "399cfdbb3fac0c7b61d14a8cf8402c0195b0ff04"
  },
  "_source": "git://github.com/PolymerElements/iron-autogrow-textarea.git",
  "_target": "^1.0.0",
--- a/dashboard-ui/bower_components/iron-autogrow-textarea/.github/ISSUE_TEMPLATE.md
+++ b/dashboard-ui/bower_components/iron-autogrow-textarea/.github/ISSUE_TEMPLATE.md
@ -0,0 +1,33 @@
+<!-- Instructions: https://github.com/PolymerElements/iron-autogrow-textarea/CONTRIBUTING.md#filing-issues -->
+### Description
+<!-- Example: The `paper-foo` element causes the page to turn pink when clicked. -->
+
+### Expected outcome
+
+<!-- Example: The page stays the same color. -->
+
+### Actual outcome
+
+<!-- Example: The page turns pink. -->
+
+### Live Demo
+<!-- Example: https://jsbin.com/cagaye/edit?html,output -->
+
+### Steps to reproduce
+
+<!-- Example
+1. Put a `paper-foo` element in the page.
+2. Open the page in a web browser.
+3. Click the `paper-foo` element.
+-->
+
+### Browsers Affected
+<!-- Check all that apply -->
+- [ ] Chrome
+- [ ] Firefox
+- [ ] Safari 9
+- [ ] Safari 8
+- [ ] Safari 7
+- [ ] Edge
+- [ ] IE 11
+- [ ] IE 10
--- a/dashboard-ui/bower_components/iron-autogrow-textarea/.travis.yml
+++ b/dashboard-ui/bower_components/iron-autogrow-textarea/.travis.yml
@ -1,25 +1,23 @@
 language: node_js
-sudo: false
+sudo: required
 before_script:
-  - npm install -g bower polylint web-component-tester
-  - bower install
-  - polylint
+- npm install -g bower polylint web-component-tester
+- bower install
+- polylint
 env:
  global:
-    - secure: lIogwlz5kFUKYy1OWASXxQgZE4YTyjUY0QcEgnqbv6wQ0GX8wRMgbI3zhbAv+xXU5ieYXg6Bd47ZFZZ1kVEWzQynAdd2od14Eu1vfN60/yc/llz62VTYuFsPt8r+Tgw41Iz8plwejK4a+V26Da5tXW+soJQOJKvE/MOiPzKi2m0=
-    - secure: cj3uSCQwLY6pyP3oTdGFjJoTRjv3G1lSe73fMd6i15XnMMxM4DVarfDtK+a0dPPxDY8BBhfr4sFClZuWX71bAHQuqUA84oigbeWt2xfl8d3HUuvr9aEnQxAGe2eQE7atpYJPC9M447sw48QKiUVgQo33DeJ1BGj6SBqkw0BJXO8=
-    - CXX=g++-4.8
+  - secure: TqFz1Cdu4BtLCHYLFPES0q+6wPfCnj9bnTfven9LIU+gtek70FPDT3UlnviNwp5ob3o0sbLgsLWG5OkCsRHli+HCgPEVDazSrghfwaT9mL+h/DlM/PVB079VDdIKvZM6L7xEF0zPv7t26kljBRQcZJ81O3K7h1mNjeBj6sDXHzE=
+  - secure: ihYM52Uu3H7FGU+x+f+hzMcWt00B7l6GZOtxzT1xYx4hb4E9/WwXYR5z9bqN+s5p10yf3FG64zbmMTuJeBvknDpSyBt/vKP+QBBZT0hxv05GifS38hiSoYT3HBxEpwhYdpjlsSJtIbKfYGR3xIXutRzRrRKSYigcrQNX83MGWFY=
 node_js: stable
 addons:
-  firefox: latest
+  firefox: '46.0'
  apt:
    sources:
-      - google-chrome
-      - ubuntu-toolchain-r-test
+    - google-chrome
    packages:
-      - google-chrome-stable
-      - g++-4.8
+    - google-chrome-stable
  sauce_connect: true
 script:
-  - xvfb-run wct
-  - "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi"
+- xvfb-run wct
+- if [ "${TRAVIS_PULL_REQUEST}" = "false" ]; then wct -s 'default'; fi
+dist: trusty
--- a/dashboard-ui/bower_components/iron-autogrow-textarea/CONTRIBUTING.md
+++ b/dashboard-ui/bower_components/iron-autogrow-textarea/CONTRIBUTING.md
@ -1,4 +1,3 @@
-
 <!--
 This file is autogenerated based on
 https://github.com/PolymerElements/ContributionGuide/blob/master/CONTRIBUTING.md
@ -11,6 +10,7 @@ specific element:

 jsbin=https://jsbin.com/cagaye/edit?html,output
 -->
+
 # Polymer Elements
 ## Guide for Contributors

--- a/dashboard-ui/bower_components/iron-autogrow-textarea/bower.json
+++ b/dashboard-ui/bower_components/iron-autogrow-textarea/bower.json
@ -1,6 +1,6 @@
 {
  "name": "iron-autogrow-textarea",
-  "version": "1.0.12",
+  "version": "1.0.13",
  "description": "A textarea element that automatically grows with input",
  "authors": [
    "The Polymer Authors"
@ -25,7 +25,7 @@
    "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
    "iron-validatable-behavior": "PolymerElements/iron-validatable-behavior#^1.0.0",
    "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0",
-    "polymer": "Polymer/polymer#^1.0.0"
+    "polymer": "Polymer/polymer#^1.1.0"
  },
  "devDependencies": {
    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
--- a/dashboard-ui/bower_components/iron-autogrow-textarea/iron-autogrow-textarea.html
+++ b/dashboard-ui/bower_components/iron-autogrow-textarea/iron-autogrow-textarea.html
@ -38,66 +38,66 @@ Custom property | Description | Default
 -->

 <dom-module id="iron-autogrow-textarea">
-
-  <style>
-    :host {
-      display: inline-block;
-      position: relative;
-      width: 400px;
-      border: 1px solid;
-      padding: 2px;
-      -moz-appearance: textarea;
-      -webkit-appearance: textarea;
-      overflow: hidden;
-    }
-
-    .mirror-text {
-      visibility: hidden;
-      word-wrap: break-word;
-    }
-
-    .fit {
-      @apply(--layout-fit);
-    }
-
-    textarea {
-      position: relative;
-      outline: none;
-      border: none;
-      resize: none;
-      background: inherit;
-      color: inherit;
-      /* see comments in template */
-      width: 100%;
-      height: 100%;
-      font-size: inherit;
-      font-family: inherit;
-      line-height: inherit;
-      text-align: inherit;
-      @apply(--iron-autogrow-textarea);
-    }
-
-    ::content textarea:invalid {
-      box-shadow: none;
-    }
-
-    textarea::-webkit-input-placeholder {
-      @apply(--iron-autogrow-textarea-placeholder);
-    }
-
-    textarea:-moz-placeholder {
-      @apply(--iron-autogrow-textarea-placeholder);
-    }
-
-    textarea::-moz-placeholder {
-      @apply(--iron-autogrow-textarea-placeholder);
-    }
-
-    textarea:-ms-input-placeholder {
-      @apply(--iron-autogrow-textarea-placeholder);
-    }
-  </style>
  <template>
+    <style>
+      :host {
+        display: inline-block;
+        position: relative;
+        width: 400px;
+        border: 1px solid;
+        padding: 2px;
+        -moz-appearance: textarea;
+        -webkit-appearance: textarea;
+        overflow: hidden;
+      }
+
+      .mirror-text {
+        visibility: hidden;
+        word-wrap: break-word;
+      }
+
+      .fit {
+        @apply(--layout-fit);
+      }
+
+      textarea {
+        position: relative;
+        outline: none;
+        border: none;
+        resize: none;
+        background: inherit;
+        color: inherit;
+        /* see comments in template */
+        width: 100%;
+        height: 100%;
+        font-size: inherit;
+        font-family: inherit;
+        line-height: inherit;
+        text-align: inherit;
+        @apply(--iron-autogrow-textarea);
+      }
+
+      ::content textarea:invalid {
+        box-shadow: none;
+      }
+
+      textarea::-webkit-input-placeholder {
+        @apply(--iron-autogrow-textarea-placeholder);
+      }
+
+      textarea:-moz-placeholder {
+        @apply(--iron-autogrow-textarea-placeholder);
+      }
+
+      textarea::-moz-placeholder {
+        @apply(--iron-autogrow-textarea-placeholder);
+      }
+
+      textarea:-ms-input-placeholder {
+        @apply(--iron-autogrow-textarea-placeholder);
+      }
+    </style>
+
    <!-- the mirror sizes the input/textarea so it grows with typing -->
    <!-- use &#160; instead &nbsp; of to allow this element to be used in XHTML -->
    <div id="mirror" class="mirror-text" aria-hidden="true">&#160;</div>
--- a/dashboard-ui/bower_components/iron-behaviors/.bower.json
+++ b/dashboard-ui/bower_components/iron-behaviors/.bower.json
@ -29,14 +29,14 @@
    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
  },
  "ignore": [],
-  "homepage": "https://github.com/PolymerElements/iron-behaviors",
+  "homepage": "https://github.com/polymerelements/iron-behaviors",
  "_release": "1.0.17",
  "_resolution": {
    "type": "version",
    "tag": "v1.0.17",
    "commit": "ef8e89b5f0aa4e8a6b51ca6491ea453bf395f94f"
  },
-  "_source": "git://github.com/PolymerElements/iron-behaviors.git",
+  "_source": "git://github.com/polymerelements/iron-behaviors.git",
  "_target": "^1.0.0",
-  "_originalSource": "PolymerElements/iron-behaviors"
+  "_originalSource": "polymerelements/iron-behaviors"
 }
--- a/dashboard-ui/components/apphost.js
+++ b/dashboard-ui/components/apphost.js
@ -130,6 +130,8 @@ define(['appStorage', 'browser'], function (appStorage, browser) {
                return appInfo;
            });
        },
-        capabilities: getCapabilities
+        capabilities: getCapabilities,
+
+        moreIcon: browser.safari || browser.edge ? 'dots-horiz' : 'dots-vert'
    };
 });
--- a/dashboard-ui/scripts/librarylist.js
+++ b/dashboard-ui/scripts/librarylist.js
@ -1,59 +0,0 @@
-define(['libraryBrowser'], function (libraryBrowser) {
-
-    function isClickable(target) {
-
-        while (target != null) {
-            var tagName = target.tagName || '';
-            if (tagName == 'A' || tagName.indexOf('BUTTON') != -1 || tagName.indexOf('INPUT') != -1) {
-                return true;
-            }
-
-            return false;
-            //target = target.parentNode;
-        }
-
-        return false;
-    }
-
-    function onGroupedCardClick(e, card) {
-
-        var itemId = card.getAttribute('data-id');
-        var context = card.getAttribute('data-context');
-
-        var userId = Dashboard.getCurrentUserId();
-
-        var playedIndicator = card.querySelector('.playedIndicator');
-        var playedIndicatorHtml = playedIndicator ? playedIndicator.innerHTML : null;
-        var options = {
-
-            Limit: parseInt(playedIndicatorHtml || '10'),
-            Fields: "PrimaryImageAspectRatio,DateCreated",
-            ParentId: itemId,
-            GroupItems: false
-        };
-
-        var target = e.target;
-        if (isClickable(target)) {
-            return;
-        }
-
-        ApiClient.getJSON(ApiClient.getUrl('Users/' + userId + '/Items/Latest', options)).then(function (items) {
-
-            if (items.length == 1) {
-                Dashboard.navigate(libraryBrowser.getHref(items[0], context));
-                return;
-            }
-
-            var url = 'itemdetails.html?id=' + itemId;
-            if (context) {
-                url += '&context=' + context;
-            }
-
-            Dashboard.navigate(url);
-        });
-
-        e.stopPropagation();
-        e.preventDefault();
-        return false;
-    }
-});
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@ -1727,6 +1727,12 @@ var AppInfo = {};
        return bowerPath;
    }

+    function getLayoutManager(layoutManager) {
+
+        layoutManager.init();
+        return layoutManager;
+    }
+
    function initRequire() {

        var urlArgs = "v=" + (window.dashboardVersion || new Date().getDate());
@ -1763,7 +1769,6 @@ var AppInfo = {};
            qualityoptions: embyWebComponentsBowerPath + "/qualityoptions",
            connectservice: apiClientBowerPath + '/connectservice',
            hammer: bowerPath + "/hammerjs/hammer.min",
-            layoutManager: embyWebComponentsBowerPath + "/layoutmanager",
            pageJs: embyWebComponentsBowerPath + '/page.js/page',
            focusManager: embyWebComponentsBowerPath + "/focusmanager",
            datetime: embyWebComponentsBowerPath + "/datetime",
@ -1823,6 +1828,7 @@ var AppInfo = {};
        define("mediaInfo", [embyWebComponentsBowerPath + "/mediainfo/mediainfo"], returnFirstDependency);
        define("itemContextMenu", [embyWebComponentsBowerPath + "/itemcontextmenu"], returnFirstDependency);
        define("dom", [embyWebComponentsBowerPath + "/dom"], returnFirstDependency);
+        define("layoutManager", [embyWebComponentsBowerPath + "/layoutmanager"], getLayoutManager);
        define("playMenu", [embyWebComponentsBowerPath + "/playmenu"], returnFirstDependency);
        define("refreshDialog", [embyWebComponentsBowerPath + "/refreshdialog/refreshdialog"], returnFirstDependency);
        define("backdrop", [embyWebComponentsBowerPath + "/backdrop/backdrop"], returnFirstDependency);
@ -3153,7 +3159,6 @@ var AppInfo = {};

        deps.push('imageLoader');
        deps.push('embyRouter');
-        deps.push('layoutManager');

        if (!(AppInfo.isNativeApp && browserInfo.android)) {
            document.documentElement.classList.add('minimumSizeTabs');
@ -3187,14 +3192,12 @@ var AppInfo = {};

        console.log('onAppReady - loading dependencies');

-        require(deps, function (imageLoader, pageObjects, layoutManager) {
+        require(deps, function (imageLoader, pageObjects) {

            console.log('Loaded dependencies in onAppReady');

            window.ImageLoader = imageLoader;

-            layoutManager.init();
-
            window.Emby = {};
            window.Emby.Page = pageObjects;
            window.Emby.TransparencyLevel = pageObjects.TransparencyLevel;