fixes #1355 alternative view for plugin manager

2026-07-07 02:11:26 +02:00 · 2021-03-03 13:28:54 +01:00
parent 5bc04d1143
commit 54320d4043
5 changed files with 269 additions and 6 deletions
@@ -0,0 +1,75 @@
+function setDisplayCompact() {
+    $(".pluginDesc").show();
+    $(".pluginDescCompact").hide();
+    $(".pluginActions").show();
+    $(".pluginActionsSmallIcons").hide();
+
+    $(".PluginOptionsIcons a").removeClass("biggerIcon");
+    $(".pluginActionsSmallIcons a").removeClass("biggerIcon");
+    $(".pluginMiniBoxNameCell").removeClass("pluginMiniBoxNameCellCompact");
+
+    normalTitle();
+}
+
+function setDisplayTile() {
+    $(".pluginDesc").hide();
+    $(".pluginDescCompact").show();
+    $(".pluginActions").hide();
+    $(".pluginActionsSmallIcons").show();
+
+    $(".PluginOptionsIcons a").addClass("biggerIcon");
+    $(".pluginActionsSmallIcons a").addClass("biggerIcon");
+
+    $(".pluginMiniBoxNameCell").addClass("pluginMiniBoxNameCellCompact");
+
+    reduceTitle()
+}
+
+function reduceTitle() {
+    var x = document.getElementsByClassName("pluginMiniBoxNameCell");
+    var length = 20;
+
+    for (const div of x) {
+        var text = div.innerHTML.trim()
+        if (text.length > length) {
+            var newText = text.substring(0, length);
+            newText = newText + "...";
+
+            div.innerHTML = newText;
+            div.title =  text   
+        }
+    }
+}
+
+function normalTitle() {
+    var x = document.getElementsByClassName("pluginMiniBoxNameCell");
+
+    for (const div of x) {
+        div.innerHTML = div.dataset.title
+    }
+}
+
+$(document).ready(function () {
+
+    if (!$.cookie("pwg_plugin_manager_view")) {
+        $.cookie("pwg_plugin_manager_view", "tile");
+    }
+
+    if ($("#displayTile").is(":checked")) {
+        setDisplayTile();
+    };
+
+    if ($("#displayCompact").is(":checked")) {
+        setDisplayCompact();
+    };
+
+    $("#displayTile").change(function () {
+        setDisplayTile();
+        $.cookie("pwg_plugin_manager_view", "tile");
+    })
+
+    $("#displayCompact").change(function () {
+        setDisplayCompact();
+        $.cookie("pwg_plugin_manager_view", "compact");
+    })
+})