move around half the dashboard controllers to a subdirectory

2025-03-30 19:56:21 +00:00 · 2019-12-15 20:47:47 +09:00 · 2019-12-15 20:47:47 +09:00 · 34c0d6019e
commit 34c0d6019e
parent e108997376
12 changed files with 64 additions and 69 deletions
--- a/src/controllers/dashboard/plugins/available.js
+++ b/src/controllers/dashboard/plugins/available.js
@ -0,0 +1,146 @@
+define(["loading", "libraryMenu", "globalize", "cardStyle", "emby-button", "emby-checkbox", "emby-select"], function (loading, libraryMenu, globalize) {
+    "use strict";
+
+    function reloadList(page) {
+        loading.show();
+        var promise1 = ApiClient.getAvailablePlugins();
+        var promise2 = ApiClient.getInstalledPlugins();
+        Promise.all([promise1, promise2]).then(function (responses) {
+            populateList({
+                catalogElement: page.querySelector("#pluginTiles"),
+                noItemsElement: page.querySelector("#noPlugins"),
+                availablePlugins: responses[0],
+                installedPlugins: responses[1]
+            });
+        });
+    }
+
+    function getHeaderText(category) {
+        category = category.replace(" ", "");
+        if ("Channel" === category) {
+            category = "Channels";
+        } else if ("Theme" === category) {
+            category = "Themes";
+        } else if ("LiveTV" === category) {
+            category = "HeaderLiveTV";
+        } else if ("ScreenSaver" === category) {
+            category = "HeaderScreenSavers";
+        }
+
+        return globalize.translate(category);
+    }
+
+    function populateList(options) {
+        var availablePlugins = options.availablePlugins;
+        var installedPlugins = options.installedPlugins;
+
+        var categories = [];
+        availablePlugins.forEach(function (plugin, index, array) {
+            plugin.category = plugin.category || 'General';
+            plugin.categoryDisplayName = getHeaderText(plugin.category);
+            array[index] = plugin;
+        });
+
+        availablePlugins.sort(function (a, b) {
+            if (a.category > b.category) {
+                return 1;
+            } else if (b.category > a.category) {
+                return -1;
+            }
+            if (a.name > b.name) {
+                return 1;
+            } else if (b.name > a.name) {
+                return -1;
+            }
+            return 0;
+        });
+
+        var currentCategory = null;
+        var html = "";
+
+        for (var i = 0; i < availablePlugins.length; i++) {
+            var plugin = availablePlugins[i];
+            var category = plugin.categoryDisplayName;
+            if (category != currentCategory) {
+                if (currentCategory) {
+                    html += "</div>";
+                    html += "</div>";
+                }
+                html += '<div class="verticalSection">';
+                html += '<h2 class="sectionTitle sectionTitle-cards">' + category + "</h2>";
+                html += '<div class="itemsContainer vertical-wrap">';
+                currentCategory = category;
+            }
+            html += getPluginHtml(plugin, options, installedPlugins);
+        }
+        html += "</div>";
+        html += "</div>";
+
+        if (!availablePlugins.length && options.noItemsElement) {
+            options.noItemsElement.classList.remove("hide");
+        }
+
+        options.catalogElement.innerHTML = html;
+        loading.hide();
+    }
+
+    function getPluginHtml(plugin, options, installedPlugins) {
+        var html = "";
+        var href = plugin.externalUrl ? plugin.externalUrl : "addplugin.html?name=" + encodeURIComponent(plugin.name) + "&guid=" + plugin.guid;
+
+        if (options.context) {
+            href += "&context=" + options.context;
+        }
+
+        var target = plugin.externalUrl ? ' target="_blank"' : "";
+        html += "<div class='card backdropCard'>";
+        html += '<div class="cardBox visualCardBox">';
+        html += '<div class="cardScalable visualCardBox-cardScalable">';
+        html += '<div class="cardPadder cardPadder-backdrop"></div>';
+        html += '<a class="cardContent cardImageContainer" is="emby-linkbutton" href="' + href + '"' + target + ">";
+
+        if (plugin.thumbImage) {
+            html += '<div class="cardImage coveredImage" style="background-image:url(\'' + plugin.thumbImage + "');\">";
+            html += "</div>";
+        } else {
+            html += '<i class="cardImageIcon md-icon">folder</i>';
+        }
+
+        html += "</a>";
+        html += "</div>";
+        html += '<div class="cardFooter">';
+        html += "<div class='cardText'>";
+        html += plugin.name;
+        html += "</div>";
+        var installedPlugin = plugin.isApp ? null : installedPlugins.filter(function (ip) {
+            return ip.Id == plugin.guid;
+        })[0];
+        html += "<div class='cardText cardText-secondary'>";
+        html += installedPlugin ? globalize.translate("LabelVersionInstalled").replace("{0}", installedPlugin.Version) : "&nbsp;";
+        html += "</div>";
+        html += "</div>";
+        html += "</div>";
+        return html += "</div>";
+    }
+
+    function getTabs() {
+        return [{
+            href: "installedplugins.html",
+            name: globalize.translate("TabMyPlugins")
+        }, {
+            href: "availableplugins.html",
+            name: globalize.translate("TabCatalog")
+        }];
+    }
+
+    window.PluginCatalog = {
+        renderCatalog: populateList
+    };
+
+    return function (view, params) {
+        view.addEventListener("viewshow", function () {
+            libraryMenu.setTabs("plugins", 1, getTabs);
+            reloadList(this);
+        });
+    };
+});