move authentication and playback controllers to subdirectories

2025-03-30 19:56:21 +00:00 · 2019-12-15 23:53:13 +09:00 · 2019-12-15 23:53:13 +09:00 · 07994e0a40
commit 07994e0a40
parent 4bf12b1682
13 changed files with 12 additions and 12 deletions
--- a/src/controllers/auth/selectserver.js
+++ b/src/controllers/auth/selectserver.js
@ -0,0 +1,208 @@
+define(["loading", "appRouter", "layoutManager", "appSettings", "apphost", "focusManager", "connectionManager", "globalize", "actionsheet", "dom", "browser", "material-icons", "flexStyles", "emby-scroller", "emby-itemscontainer", "cardStyle", "emby-button"], function (loading, appRouter, layoutManager, appSettings, appHost, focusManager, connectionManager, globalize, actionSheet, dom, browser) {
+    "use strict";
+
+    var enableFocusTransform = !browser.slow && !browser.edge;
+
+    function renderSelectServerItems(view, servers) {
+        var items = servers.map(function (server) {
+            return {
+                name: server.Name,
+                showIcon: true,
+                icon: "cast",
+                cardType: "",
+                id: server.Id,
+                server: server
+            };
+        });
+        var html = items.map(function (item) {
+            var cardImageContainer;
+
+            if (item.showIcon) {
+                cardImageContainer = '<i class="cardImageIcon md-icon">' + item.icon + "</i>";
+            } else {
+                cardImageContainer = '<div class="cardImage" style="' + item.cardImageStyle + '"></div>';
+            }
+
+            // TODO move card creation code to Card component
+
+            var cssClass = "card overflowSquareCard loginSquareCard scalableCard overflowSquareCard-scalable";
+
+            if (layoutManager.tv) {
+                cssClass += " show-focus";
+
+                if (enableFocusTransform) {
+                    cssClass += " show-animation";
+                }
+            }
+
+            var cardBoxCssClass = "cardBox";
+
+            var innerOpening = '<div class="' + cardBoxCssClass + '">';
+            var cardContainer = '';
+            cardContainer += '<button raised class="' + cssClass + '" style="display:inline-block;" data-id="' + item.id + '" data-url="' + (item.url || "") + '" data-cardtype="' + item.cardType + '">';
+            cardContainer += innerOpening;
+            cardContainer += '<div class="cardScalable">';
+            cardContainer += '<div class="cardPadder cardPadder-square">';
+            cardContainer += '</div>';
+            cardContainer += '<div class="cardContent">';
+            cardContainer += '<div class="cardImageContainer coveredImage" style="background:#0288D1;border-radius:.15em;">';
+            cardContainer += cardImageContainer;
+            cardContainer += '</div>';
+            cardContainer += '</div>';
+            cardContainer += '</div>';
+            cardContainer += '<div class="cardFooter">';
+            cardContainer += '<div class="cardText cardTextCentered">' + item.name + '</div>';
+            cardContainer += '</div></div></button>';
+            return cardContainer;
+        }).join("");
+        var itemsContainer = view.querySelector(".servers");
+
+        if (!items.length) {
+            html = '<p>' + globalize.translate("MessageNoServersAvailable") + "</p>";
+        }
+
+        itemsContainer.innerHTML = html;
+        loading.hide();
+    }
+
+    function updatePageStyle(view, params) {
+        if (params.showuser == "1") {
+            view.classList.add("libraryPage");
+            view.classList.remove("standalonePage");
+            view.classList.add("noSecondaryNavPage");
+        } else {
+            view.classList.add("standalonePage");
+            view.classList.remove("libraryPage");
+            view.classList.remove("noSecondaryNavPage");
+        }
+    }
+
+    function showGeneralError() {
+        loading.hide();
+        alertText(globalize.translate("DefaultErrorMessage"));
+    }
+
+    function alertText(text) {
+        alertTextWithOptions({
+            text: text
+        });
+    }
+
+    function alertTextWithOptions(options) {
+        require(["alert"], function (alert) {
+            alert(options);
+        });
+    }
+
+    function showServerConnectionFailure() {
+        alertText(globalize.translate("MessageUnableToConnectToServer"), globalize.translate("HeaderConnectionFailure"));
+    }
+
+    return function (view, params) {
+        function connectToServer(server) {
+            loading.show();
+            connectionManager.connectToServer(server, {
+                enableAutoLogin: appSettings.enableAutoLogin()
+            }).then(function (result) {
+                loading.hide();
+                var apiClient = result.ApiClient;
+
+                switch (result.State) {
+                    case "SignedIn":
+                        Dashboard.onServerChanged(apiClient.getCurrentUserId(), apiClient.accessToken(), apiClient);
+                        Dashboard.navigate("home.html");
+                        break;
+
+                    case "ServerSignIn":
+                        Dashboard.onServerChanged(null, null, apiClient);
+                        Dashboard.navigate("login.html?serverid=" + result.Servers[0].Id);
+                        break;
+
+                    case "ServerUpdateNeeded":
+                        alertTextWithOptions({
+                            text: globalize.translate("core#ServerUpdateNeeded", "https://github.com/jellyfin/jellyfin"),
+                            html: globalize.translate("core#ServerUpdateNeeded", '<a href="https://github.com/jellyfin/jellyfin">https://github.com/jellyfin/jellyfin</a>')
+                        });
+                        break;
+
+                    default:
+                        showServerConnectionFailure();
+                }
+            });
+        }
+
+        function deleteServer(server) {
+            loading.show();
+            connectionManager.deleteServer(server.Id).then(function () {
+                loading.hide();
+                loadServers();
+            });
+        }
+
+        function onServerClick(server) {
+            var menuItems = [];
+            menuItems.push({
+                name: globalize.translate("Connect"),
+                id: "connect"
+            });
+            menuItems.push({
+                name: globalize.translate("Delete"),
+                id: "delete"
+            });
+            actionSheet.show({
+                items: menuItems,
+                title: server.Name
+            }).then(function (id) {
+                switch (id) {
+                    case "connect":
+                        connectToServer(server);
+                        break;
+
+                    case "delete":
+                        deleteServer(server);
+                }
+            });
+        }
+
+        function onServersRetrieved(result) {
+            servers = result;
+            renderSelectServerItems(view, result);
+
+            if (layoutManager.tv) {
+                focusManager.autoFocus(view);
+            }
+        }
+
+        function loadServers() {
+            loading.show();
+            connectionManager.getAvailableServers().then(onServersRetrieved);
+        }
+
+        var servers;
+        updatePageStyle(view, params);
+        view.addEventListener("viewshow", function (e) {
+            var isRestored = e.detail.isRestored;
+            appRouter.setTitle(null);
+
+            if (!isRestored) {
+                loadServers();
+            }
+        });
+        view.querySelector(".servers").addEventListener("click", function (e) {
+            var card = dom.parentWithClass(e.target, "card");
+
+            if (card) {
+                var url = card.getAttribute("data-url");
+
+                if (url) {
+                    appRouter.show(url);
+                } else {
+                    var id = card.getAttribute("data-id");
+                    onServerClick(servers.filter(function (s) {
+                        return s.Id === id;
+                    })[0]);
+                }
+            }
+        });
+    };
+});