src/webui/www/private/views/searchplugins.html

   1 <style>
   2     #searchPluginsContainer {
   3         height: calc(100% - 20px);
   4         margin: 10px;
   5         overflow: auto;
   6     }
   7
   8     #searchPluginsContainer button {
   9         padding: 3px;
  10     }
  11
  12     #searchPluginsContainer span {
  13         display: block;
  14         margin-top: 10px;
  15     }
  16
  17     #searchPluginsTable {
  18         width: 100%;
  19         height: calc(100% - 135px);
  20     }
  21
  22     #searchPluginsTable .dynamicTable {
  23         width: 100%;
  24     }
  25
  26     #searchPluginsTableDiv {
  27         height: calc(100% - 26px);
  28     }
  29
  30     #dynamicTableFixedHeaderDiv {
  31         height: 26px;
  32     }
  33
  34     #searchPlugins_content {
  35         height: 100%;
  36     }
  37
  38 </style>
  39
  40 <div id="searchPluginsContainer">
  41     <h2>QBT_TR(Installed search plugins:)QBT_TR[CONTEXT=PluginSelectDlg]</h2>
  42
  43     <div id="searchPluginsTable">
  44         <div id="searchPluginsTableFixedHeaderDiv" class="dynamicTableFixedHeaderDiv">
  45             <table class="dynamicTable unselectable" style="position:relative;">
  46                 <thead>
  47                     <tr class="dynamicTableHeader" id="searchPluginsTableFixedHeaderRow"></tr>
  48                 </thead>
  49             </table>
  50         </div>
  51         <div id="searchPluginsTableDiv" class="dynamicTableDiv">
  52             <table class="dynamicTable unselectable">
  53                 <thead>
  54                     <tr class="dynamicTableHeader"></tr>
  55                 </thead>
  56                 <tbody></tbody>
  57             </table>
  58         </div>
  59     </div>
  60
  61     <span>QBT_TR(Warning: Be sure to comply with your country's copyright laws when downloading torrents from any of these search engines.)QBT_TR[CONTEXT=PluginSelectDlg]</span>
  62     <span style="font-style: italic;">QBT_TR(You can get new search engine plugins here:)QBT_TR[CONTEXT=PluginSelectDlg] <a href="https://plugins.qbittorrent.org" target="_blank">https://plugins.qbittorrent.org</a></span>
  63     <div style="width: 100%; margin-top: 10px;">
  64         <button type="button" style="width: 33%; line-height: 1.4em;" onclick="qBittorrent.SearchPlugins.installPlugin();">QBT_TR(Install new plugin)QBT_TR[CONTEXT=PluginSelectDlg]</button>
  65         <button type="button" style="width: 33%; line-height: 1.4em;" onclick="qBittorrent.SearchPlugins.checkForUpdates();">QBT_TR(Check for updates)QBT_TR[CONTEXT=PluginSelectDlg]</button>
  66         <button type="button" style="width: 32%; line-height: 1.4em;" onclick="qBittorrent.SearchPlugins.closeSearchWindow('searchPlugins');">QBT_TR(Close)QBT_TR[CONTEXT=PluginSelectDlg]</button>
  67     </div>
  68 </div>
  69
  70 <ul id="searchPluginsTableMenu" class="contextMenu">
  71     <li><a href="#Enabled"><img src="images/checked-completed.svg" alt="QBT_TR(Enabled)QBT_TR[CONTEXT=PluginSelectDlg]"> QBT_TR(Enabled)QBT_TR[CONTEXT=PluginSelectDlg]</a></li>
  72     <li class="separator"><a href="#Uninstall"><img src="images/list-remove.svg" alt="QBT_TR(Uninstall)QBT_TR[CONTEXT=PluginSelectDlg]"> QBT_TR(Uninstall)QBT_TR[CONTEXT=PluginSelectDlg]</a></li>
  73 </ul>
  74
  75 <script>
  76     "use strict";
  77
  78     window.qBittorrent ??= {};
  79     window.qBittorrent.SearchPlugins ??= (() => {
  80         const exports = () => {
  81             return {
  82                 closeSearchWindow: closeSearchWindow,
  83                 setup: setup,
  84                 installPlugin: installPlugin,
  85                 checkForUpdates: checkForUpdates,
  86                 updateTable: updateTable
  87             };
  88         };
  89
  90         let searchPluginsTable;
  91         let searchPluginsTableContextMenu;
  92         let prevOffsetLeft;
  93         let prevOffsetTop;
  94
  95         const setup = () => {
  96             searchPluginsTable = new window.qBittorrent.DynamicTable.SearchPluginsTable();
  97             searchPluginsTableContextMenu = new window.qBittorrent.ContextMenu.SearchPluginsTableContextMenu({
  98                 targets: ".searchPluginsTableRow",
  99                 menu: "searchPluginsTableMenu",
 100                 actions: {
 101                     Enabled: enablePlugin,
 102                     Uninstall: uninstallPlugin
 103                 },
 104                 offsets: calculateContextMenuOffsets()
 105             });
 106             searchPluginsTable.setup("searchPluginsTableDiv", "searchPluginsTableFixedHeaderDiv", searchPluginsTableContextMenu);
 107             updateTable();
 108         };
 109
 110         const closeSearchWindow = (id) => {
 111             window.parent.MochaUI.closeWindow(window.parent.$(id));
 112         };
 113
 114         const installPlugin = (path) => {
 115             new MochaUI.Window({
 116                 id: "installSearchPlugin",
 117                 icon: "images/qbittorrent-tray.svg",
 118                 title: "QBT_TR(Install plugin)QBT_TR[CONTEXT=PluginSourceDlg]",
 119                 loadMethod: "xhr",
 120                 contentURL: "views/installsearchplugin.html",
 121                 scrollbars: false,
 122                 resizable: false,
 123                 maximizable: false,
 124                 paddingVertical: 0,
 125                 paddingHorizontal: 0,
 126                 width: 500,
 127                 height: 120
 128             });
 129         };
 130
 131         const uninstallPlugin = () => {
 132             const plugins = searchPluginsTable.selectedRowsIds().join("|");
 133             const url = new URI("api/v2/search/uninstallPlugin");
 134             new Request({
 135                 url: url,
 136                 method: "post",
 137                 data: {
 138                     names: plugins,
 139                 }
 140             }).send();
 141         };
 142
 143         const enablePlugin = () => {
 144             const plugins = searchPluginsTable.selectedRowsIds();
 145             let enable = true;
 146             if (plugins && plugins.length)
 147                 enable = !window.qBittorrent.Search.getPlugin(plugins[0]).enabled;
 148
 149             const url = new URI("api/v2/search/enablePlugin");
 150             new Request({
 151                 url: url,
 152                 method: "post",
 153                 data: {
 154                     names: plugins.join("|"),
 155                     enable: enable
 156                 }
 157             }).send();
 158         };
 159
 160         const checkForUpdates = () => {
 161             const url = new URI("api/v2/search/updatePlugins");
 162             new Request({
 163                 url: url,
 164                 method: "post"
 165             }).send();
 166         };
 167
 168         const calculateContextMenuOffsets = () => {
 169             prevOffsetLeft = document.getElementById("searchPlugins").getBoundingClientRect().left;
 170             prevOffsetTop = document.getElementById("searchPlugins").getBoundingClientRect().top;
 171
 172             return {
 173                 x: -prevOffsetLeft,
 174                 y: -prevOffsetTop
 175             };
 176         };
 177
 178         const updateSearchPluginsTableContextMenuOffset = () => {
 179             // only re-calculate if window has moved
 180             if ((prevOffsetLeft !== document.getElementById("searchPlugins").getBoundingClientRect().left) || (prevOffsetTop !== document.getElementById("searchPlugins").getBoundingClientRect().top))
 181                 searchPluginsTableContextMenu.options.offsets = calculateContextMenuOffsets();
 182         };
 183
 184         const setupSearchPluginTableEvents = (enable) => {
 185             const clickHandler = (e) => { enablePlugin(); };
 186             const menuHandler = (e) => { updateSearchPluginsTableContextMenuOffset(); };
 187             if (enable) {
 188                 $$(".searchPluginsTableRow").each((target) => {
 189                     target.addEventListener("dblclick", clickHandler);
 190                     target.addEventListener("contextmenu", menuHandler, true);
 191                 });
 192             }
 193             else {
 194                 $$(".searchPluginsTableRow").each((target) => {
 195                     target.removeEventListener("dblclick", clickHandler);
 196                     target.removeEventListener("contextmenu", menuHandler, true);
 197                 });
 198             }
 199         };
 200
 201         const updateTable = () => {
 202             // clear event listeners
 203             setupSearchPluginTableEvents(false);
 204
 205             const oldPlugins = [...searchPluginsTable.getRowIds()];
 206             // remove old rows from the table
 207             for (let i = 0; i < oldPlugins.length; ++i) {
 208                 let found = false;
 209                 for (let j = 0; j < window.qBittorrent.Search.searchPlugins.length; ++j) {
 210                     if (window.qBittorrent.Search.searchPlugins[j].name === oldPlugins[i]) {
 211                         found = true;
 212                         break;
 213                     }
 214                 }
 215                 if (!found)
 216                     searchPluginsTable.removeRow(oldPlugins[i]);
 217             }
 218
 219             for (let i = 0; i < window.qBittorrent.Search.searchPlugins.length; ++i) {
 220                 window.qBittorrent.Search.searchPlugins[i].rowId = window.qBittorrent.Search.searchPlugins[i].name;
 221                 searchPluginsTable.updateRowData(window.qBittorrent.Search.searchPlugins[i]);
 222             }
 223
 224             searchPluginsTable.updateTable();
 225
 226             // add event listeners
 227             setupSearchPluginTableEvents(true);
 228         };
 229
 230         return exports();
 231     })();
 232     Object.freeze(window.qBittorrent.SearchPlugins);
 233
 234     window.qBittorrent.SearchPlugins.setup();
 235 </script>