☰

Real-Debrid Enhancer

Enhance Real-Debrid with clickable rows, copy and debrid buttons, grid layout, and improved layout management on torrents and downloader pages.

目前为 2025-03-13 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Real-Debrid Enhancer
  3. // @namespace    http://tampermonkey.net/
  4. // @version      3.0
  5. // @description  Enhance Real-Debrid with clickable rows, copy and debrid buttons, grid layout, and improved layout management on torrents and downloader pages.
  6. // @author       UnderPL
  7. // @license      MIT
  8. // @match        https://real-debrid.com/torrents*
  9. // @match        https://real-debrid.com/
  10. // @match        https://real-debrid.com/downloader*
  11. // @grant        GM_setClipboard
  12. // @grant        GM_addStyle
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.     'use strict';
  17.  
  18.     let copyButton, debridButton, deleteButton;
  19.  
  20.     GM_addStyle(`
  21.     /* Selection styling */
  22.     .tr.g1:not(.warning), .tr.g2:not(.warning), .tr.g1:not(.warning) + tr, .tr.g2:not(.warning) + tr {
  23.         cursor: pointer;
  24.         position: relative;
  25.         transition: all 0.2s ease-in-out;
  26.     }
  27.     
  28.     .tr.g1.selected, .tr.g2.selected, .tr.g1.selected + tr, .tr.g2.selected + tr {
  29.         background-color: rgba(40, 167, 69, 0.15) !important;
  30.         border-left: 4px solid #28a745 !important;
  31.         box-shadow: 0 2px 4px rgba(40, 167, 69, 0.1);
  32.     }
  33.  
  34.     .tr.g1:hover:not(.selected):not(.warning), 
  35.     .tr.g2:hover:not(.selected):not(.warning), 
  36.     .tr.g1:hover:not(.selected):not(.warning) + tr, 
  37.     .tr.g2:hover:not(.selected):not(.warning) + tr {
  38.         background-color: rgba(40, 167, 69, 0.05);
  39.     }
  40.  
  41.     .torrent-entry {
  42.         transition: all 0.2s ease-in-out;
  43.         border: 1px solid transparent;
  44.     }
  45.  
  46.     .torrent-entry.selected {
  47.         background-color: rgba(40, 167, 69, 0.15) !important;
  48.         border: 1px solid #28a745 !important;
  49.         box-shadow: 0 2px 4px rgba(40, 167, 69, 0.1);
  50.         transform: translateY(-1px);
  51.     }
  52.  
  53.     .torrent-entry:hover:not(.selected) {
  54.         background-color: rgba(40, 167, 69, 0.05);
  55.         transform: translateY(-1px);
  56.     }
  57.  
  58.     .tr.g1, .tr.g2 {
  59.         border-top: 2px solid black/* Green border on top */
  60.  
  61.     }
  62.  
  63.     .tr.g1 + tr, .tr.g2 + tr {
  64.         border-bottom: 2px solid black; /* Green border on bottom */
  65.  
  66.     }
  67.     #buttonContainer {
  68.         position: fixed;
  69.         bottom: 20px;
  70.         right: 20px;
  71.         display: flex;
  72.         flex-direction: column;
  73.         gap: 12px;
  74.         z-index: 9999;
  75.     }
  76.     #buttonContainer button {
  77.         padding: 12px 20px;
  78.         background-color: #4CAF50;
  79.         color: white;
  80.         border: none;
  81.         border-radius: 10px;
  82.         cursor: pointer;
  83.         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  84.         font-size: 14px;
  85.         font-weight: 500;
  86.         letter-spacing: 0.3px;
  87.         transition: all 0.2s ease;
  88.         box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  89.         min-width: 200px;
  90.         width: 250px; /* Fixed width for all buttons */
  91.         text-align: center;
  92.         text-transform: uppercase;
  93.         white-space: nowrap; /* Prevent text wrapping */
  94.         overflow: hidden; /* Hide overflow text */
  95.         text-overflow: ellipsis; /* Show ellipsis for overflow */
  96.     }
  97.     #buttonContainer button:hover {
  98.         transform: translateY(-2px);
  99.         box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  100.         filter: brightness(1.05);
  101.     }
  102.     #buttonContainer button:active {
  103.         transform: translateY(1px);
  104.         box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  105.     }
  106.     /* Button click animation */
  107.     .button-clicked {
  108.         animation: button-click-animation 0.5s ease;
  109.         background-color: #3a8a3e !important; /* Darker shade */
  110.     }
  111.     @keyframes button-click-animation {
  112.         0% { transform: scale(1); }
  113.         50% { transform: scale(0.95); }
  114.         100% { transform: scale(1); }
  115.     }
  116.     /* Only apply grid layout when the class is present */
  117.     #facebox .content.grid-layout {
  118.         width: 90vw !important;
  119.         max-width: 1200px !important;
  120.         display: flex !important;
  121.         flex-wrap: wrap !important;
  122.         justify-content: space-between !important;
  123.     }
  124.     /* Center the facebox when grid layout is applied */
  125.     #facebox.grid-layout {
  126.         left: 50% !important;
  127.         transform: translateX(-50%) !important;
  128.     }
  129.     .torrent-info {
  130.         width: calc(33.33% - 20px);
  131.         margin-bottom: 20px;
  132.         border: 1px solid #ccc;
  133.         padding: 10px;
  134.         box-sizing: border-box;
  135.     }
  136.     #switchLayoutButton {
  137.         padding: 12px 20px !important;
  138.         background-color: #2196F3 !important;
  139.         color: white !important;
  140.         border: none !important;
  141.         border-radius: 10px !important;
  142.         cursor: pointer !important;
  143.         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  144.         font-size: 14px !important;
  145.         font-weight: 500 !important;
  146.         letter-spacing: 0.3px !important;
  147.         transition: all 0.2s ease !important;
  148.         box-shadow: 0 3px 6px rgba(0,0,0,0.16) !important;
  149.         text-transform: uppercase !important;
  150.     }
  151.     #switchLayoutButton:hover {
  152.         transform: translateY(-2px) !important;
  153.         box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
  154.         filter: brightness(1.05) !important;
  155.     }
  156.     #switchLayoutButton:active {
  157.         transform: translateY(1px) !important;
  158.         box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
  159.     }
  160.     #extractUrlsButton {
  161.         padding: 8px 12px;
  162.         background-color: #2196F3;
  163.         color: white;
  164.         border: none;
  165.         border-radius: 6px;
  166.         cursor: pointer;
  167.         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  168.         font-size: 13px;
  169.         font-weight: 500;
  170.         letter-spacing: 0.3px;
  171.         transition: all 0.2s ease;
  172.         box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  173.         text-transform: uppercase;
  174.         position: absolute;
  175.         right: 10px;
  176.         top: 10px;
  177.     }
  178.     #extractUrlsButton:hover {
  179.         transform: translateY(-1px);
  180.         box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  181.         filter: brightness(1.05);
  182.     }
  183.     #extractUrlsButton:active {
  184.         transform: translateY(1px);
  185.         box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  186.     }
  187.     `);
  188.  
  189.     function initializeApplication() {
  190.         if (window.location.href.includes('/torrents')) {
  191.             cleanupTorrentPageLayout();
  192.             createFloatingButtons();
  193.             makeItemsSelectable();
  194.             updateFloatingButtonsVisibility();
  195.             setupTorrentInfoWindowObserver();
  196.             checkForTorrentInfoWindow();
  197.             setupItemHoverEffects();
  198.             movePaginationToBottomRight();
  199.             addSwitchToGridLayoutButton(); // Comment this and uncomment line below to automatically switch to the more compact version of the torrent page
  200.             //switchToGridLayout()
  201.         }
  202.  
  203.         if (window.location.href === 'https://real-debrid.com/' || window.location.href.includes('/downloader')) {
  204.             addExtractUrlsButtonToDownloader();
  205.             addCopyLinksButton();
  206.         }
  207.     }
  208.  
  209.     function movePaginationToBottomRight() {
  210.         const parentElement = document.querySelector('div.full_width_wrapper');
  211.         const formElement = parentElement.querySelector('form:nth-child(1)');
  212.         const pageElements = parentElement.querySelectorAll('div.full_width_wrapper > strong, div.full_width_wrapper > a[href^="./torrents?p="]');
  213.         const containerDiv = document.createElement('div');
  214.         const marginSize = '5px';
  215.         const fontSize = '16px';
  216.  
  217.         containerDiv.style.position = 'absolute';
  218.         containerDiv.style.right = '0';
  219.         containerDiv.style.bottom = '0';
  220.         containerDiv.style.display = 'flex';
  221.         containerDiv.style.gap = marginSize;
  222.         containerDiv.style.fontSize = fontSize;
  223.  
  224.         pageElements.forEach(page => {
  225.             containerDiv.appendChild(page);
  226.         });
  227.  
  228.         formElement.style.position = 'relative';
  229.         formElement.appendChild(containerDiv);
  230.         
  231.         // Add selection buttons
  232.         addSelectionButtons(formElement);
  233.     }
  234.     
  235.     function addSelectionButtons(formElement) {
  236.         // Create button container
  237.         const buttonContainer = document.createElement('div');
  238.         buttonContainer.id = 'selectionButtonsContainer';
  239.         buttonContainer.style.display = 'inline-block';
  240.         buttonContainer.style.marginLeft = '10px';
  241.         buttonContainer.style.gap = '10px';
  242.         
  243.         // Create Select All button
  244.         const selectAllButton = document.createElement('button');
  245.         selectAllButton.id = 'selectAllButton';
  246.         selectAllButton.textContent = 'Select All';
  247.         selectAllButton.type = 'button'; // Prevent form submission
  248.         selectAllButton.className = 'selection-control-button';
  249.         selectAllButton.addEventListener('click', (e) => {
  250.             // Add visual feedback without text change
  251.             addButtonClickFeedback(selectAllButton);
  252.             selectAllItems();
  253.         });
  254.         
  255.         // Create Unselect All button
  256.         const unselectAllButton = document.createElement('button');
  257.         unselectAllButton.id = 'unselectAllButton';
  258.         unselectAllButton.textContent = 'Unselect All';
  259.         unselectAllButton.type = 'button'; // Prevent form submission
  260.         unselectAllButton.className = 'selection-control-button';
  261.         unselectAllButton.addEventListener('click', (e) => {
  262.             // Add visual feedback without text change
  263.             addButtonClickFeedback(unselectAllButton);
  264.             unselectAllItems();
  265.         });
  266.         
  267.         // Create Reverse Selection button (hidden initially using opacity instead of display:none)
  268.         const reverseSelectionButton = document.createElement('button');
  269.         reverseSelectionButton.id = 'reverseSelectionButton';
  270.         reverseSelectionButton.textContent = 'Invert Selection';
  271.         reverseSelectionButton.type = 'button'; // Prevent form submission
  272.         reverseSelectionButton.className = 'selection-control-button';
  273.         // Use opacity and pointer-events to hide rather than display:none
  274.         reverseSelectionButton.style.opacity = '0';
  275.         reverseSelectionButton.style.pointerEvents = 'none';
  276.         reverseSelectionButton.style.transition = 'opacity 0.2s ease';
  277.         reverseSelectionButton.addEventListener('click', (e) => {
  278.             // Add visual feedback without text change
  279.             addButtonClickFeedback(reverseSelectionButton);
  280.             reverseSelection();
  281.         });
  282.         
  283.         // Add buttons to container
  284.         buttonContainer.appendChild(selectAllButton);
  285.         buttonContainer.appendChild(unselectAllButton);
  286.         buttonContainer.appendChild(reverseSelectionButton);
  287.         
  288.         // Find the Convert button and insert our buttons after it
  289.         const convertButton = formElement.querySelector('input[value="Convert"]');
  290.         if (convertButton) {
  291.             // Insert after the Convert button
  292.             convertButton.insertAdjacentElement('afterend', buttonContainer);
  293.         } else {
  294.             // Fallback - just append to the form
  295.             formElement.appendChild(buttonContainer);
  296.         }
  297.         
  298.         // Add CSS for buttons
  299.         GM_addStyle(`
  300.             .selection-control-button {
  301.                 padding: 8px 12px;
  302.                 background-color: #2196F3;
  303.                 color: white;
  304.                 border: none;
  305.                 border-radius: 6px;
  306.                 cursor: pointer;
  307.                 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  308.                 font-size: 13px;
  309.                 font-weight: 500;
  310.                 letter-spacing: 0.3px;
  311.                 transition: all 0.2s ease;
  312.                 box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  313.                 text-transform: uppercase;
  314.                 margin-right: 5px;
  315.                 display: inline-block;
  316.                 min-width: 120px; /* Minimum width for selection buttons */
  317.                 text-align: center;
  318.                 white-space: nowrap; /* Prevent text wrapping */
  319.             }
  320.             
  321.             .selection-control-button:hover {
  322.                 transform: translateY(-1px);
  323.                 box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  324.                 filter: brightness(1.05);
  325.             }
  326.             
  327.             .selection-control-button:active {
  328.                 transform: translateY(1px);
  329.                 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  330.             }
  331.             
  332.             .selection-control-button.button-clicked {
  333.                 background-color: #1976D2 !important; /* Darker blue */
  334.             }
  335.             
  336.             #selectionButtonsContainer {
  337.                 vertical-align: middle;
  338.             }
  339.         `);
  340.     }
  341.     
  342.     function selectAllItems() {
  343.         // Get all selectable items in current view
  344.         const gridContainer = document.getElementById('torrent-grid-container');
  345.         const isGridActive = gridContainer && gridContainer.style.display !== 'none';
  346.         
  347.         if (isGridActive) {
  348.             // Select all grid items
  349.             const entries = document.querySelectorAll('.torrent-entry:not(.warning)');
  350.             entries.forEach(entry => {
  351.                 if (!entry.classList.contains('selected')) {
  352.                     entry.classList.add('selected');
  353.                     entry.style.backgroundColor = 'rgba(40, 167, 69, 0.15)';
  354.                     
  355.                     // Get ID and sync with table view
  356.                     const id = getIdentifierFromElement(entry);
  357.                     if (id) {
  358.                         syncTableViewSelection(id, true);
  359.                     }
  360.                 }
  361.             });
  362.         } else {
  363.             // Select all table rows
  364.             const rows = document.querySelectorAll('.tr.g1:not(.warning), .tr.g2:not(.warning)');
  365.             rows.forEach(row => {
  366.                 if (!row.classList.contains('selected')) {
  367.                     row.classList.add('selected');
  368.                     const nextRow = row.nextElementSibling;
  369.                     if (nextRow && !nextRow.classList.contains('g1') && !nextRow.classList.contains('g2')) {
  370.                         nextRow.classList.add('selected');
  371.                     }
  372.                     
  373.                     // Get ID and sync with grid view
  374.                     const id = getIdentifierFromElement(row);
  375.                     if (id) {
  376.                         syncSelectionState(id, true);
  377.                     }
  378.                 }
  379.             });
  380.         }
  381.         
  382.         updateFloatingButtonsVisibility();
  383.         updateReverseSelectionButtonVisibility();
  384.     }
  385.     
  386.     function unselectAllItems() {
  387.         // Unselect all items in both views
  388.         document.querySelectorAll('.tr.g1.selected, .tr.g2.selected, .torrent-entry.selected').forEach(item => {
  389.             item.classList.remove('selected');
  390.             item.style.backgroundColor = '';
  391.             
  392.             // For table rows, also unselect detail row
  393.             if (item.classList.contains('g1') || item.classList.contains('g2')) {
  394.                 const nextRow = item.nextElementSibling;
  395.                 if (nextRow && !nextRow.classList.contains('g1') && !nextRow.classList.contains('g2')) {
  396.                     nextRow.classList.remove('selected');
  397.                     nextRow.style.backgroundColor = '';
  398.                 }
  399.             }
  400.         });
  401.         
  402.         updateFloatingButtonsVisibility();
  403.         updateReverseSelectionButtonVisibility();
  404.     }
  405.     
  406.     function reverseSelection() {
  407.         // Get all selectable items in current view
  408.         const gridContainer = document.getElementById('torrent-grid-container');
  409.         const isGridActive = gridContainer && gridContainer.style.display !== 'none';
  410.         
  411.         if (isGridActive) {
  412.             // Reverse selection in grid view
  413.             const entries = document.querySelectorAll('.torrent-entry:not(.warning)');
  414.             entries.forEach(entry => {
  415.                 const isSelected = entry.classList.contains('selected');
  416.                 
  417.                 if (isSelected) {
  418.                     // Properly remove selection styles
  419.                     entry.classList.remove('selected');
  420.                     entry.style.backgroundColor = ''; 
  421.                 } else {
  422.                     entry.classList.add('selected');
  423.                     entry.style.backgroundColor = 'rgba(40, 167, 69, 0.15)';
  424.                 }
  425.                 
  426.                 // Get ID and sync with table view
  427.                 const id = getIdentifierFromElement(entry);
  428.                 if (id) {
  429.                     syncTableViewSelection(id, !isSelected);
  430.                 }
  431.             });
  432.         } else {
  433.             // Reverse selection in table view
  434.             const rows = document.querySelectorAll('.tr.g1:not(.warning), .tr.g2:not(.warning)');
  435.             rows.forEach(row => {
  436.                 const isSelected = row.classList.contains('selected');
  437.                 
  438.                 if (isSelected) {
  439.                     // Properly remove selection styles
  440.                     row.classList.remove('selected');
  441.                     row.style.backgroundColor = '';
  442.                     
  443.                     const nextRow = row.nextElementSibling;
  444.                     if (nextRow && !nextRow.classList.contains('g1') && !nextRow.classList.contains('g2')) {
  445.                         nextRow.classList.remove('selected');
  446.                         nextRow.style.backgroundColor = '';
  447.                     }
  448.                 } else {
  449.                     row.classList.add('selected');
  450.                     
  451.                     const nextRow = row.nextElementSibling;
  452.                     if (nextRow && !nextRow.classList.contains('g1') && !nextRow.classList.contains('g2')) {
  453.                         nextRow.classList.add('selected');
  454.                     }
  455.                 }
  456.                 
  457.                 // Get ID and sync with grid view
  458.                 const id = getIdentifierFromElement(row);
  459.                 if (id) {
  460.                     syncSelectionState(id, !isSelected);
  461.                 }
  462.             });
  463.         }
  464.         
  465.         updateFloatingButtonsVisibility();
  466.         updateReverseSelectionButtonVisibility();
  467.     }
  468.     
  469.     function updateReverseSelectionButtonVisibility() {
  470.         const reverseButton = document.getElementById('reverseSelectionButton');
  471.         if (!reverseButton) return;
  472.         
  473.         const hasSelectedItems = document.querySelectorAll('.tr.g1.selected, .tr.g2.selected, .torrent-entry.selected').length > 0;
  474.         
  475.         // Use opacity instead of display to show/hide
  476.         if (hasSelectedItems) {
  477.             reverseButton.style.opacity = '1';
  478.             reverseButton.style.pointerEvents = 'auto';
  479.         } else {
  480.             reverseButton.style.opacity = '0';
  481.             reverseButton.style.pointerEvents = 'none';
  482.         }
  483.     }
  484.  
  485.     function createFloatingButtons() {
  486.         const container = document.createElement('div');
  487.         container.id = 'buttonContainer';
  488.  
  489.         debridButton = document.createElement('button');
  490.         debridButton.addEventListener('click', (e) => {
  491.             // Add visual feedback
  492.             addButtonClickFeedback(debridButton, 'Sent to Debrid');
  493.             sendSelectedLinksToDebrid(e);
  494.         });
  495.  
  496.         copyButton = document.createElement('button');
  497.         copyButton.addEventListener('click', (e) => {
  498.             // Add visual feedback
  499.             addButtonClickFeedback(copyButton, 'Copied!');
  500.             copySelectedLinksToClipboard();
  501.         });
  502.         
  503.         // Add delete button 
  504.         deleteButton = document.createElement('button');
  505.         deleteButton.style.backgroundColor = '#dc3545';
  506.         deleteButton.addEventListener('click', (e) => {
  507.             addButtonClickFeedback(deleteButton);
  508.             deleteSelectedTorrents();
  509.         });
  510.  
  511.         container.appendChild(debridButton);
  512.         container.appendChild(copyButton);
  513.         container.appendChild(deleteButton);
  514.         document.body.appendChild(container);
  515.  
  516.         return container;
  517.     }
  518.  
  519.     function updateFloatingButtonsVisibility() {
  520.         const selectedLinks = getSelectedItemLinks();
  521.         const count = selectedLinks.length;
  522.         
  523.         // Get unique selected items count
  524.         const uniqueSelectedIds = getUniqueSelectedItemsCount();
  525.         const itemCount = uniqueSelectedIds.length;
  526.  
  527.         if (count > 0) {
  528.             debridButton.textContent = `Debrid (${count})`;
  529.             copyButton.textContent = `Copy Selected (${count})`;
  530.             deleteButton.textContent = `Delete (${itemCount})`;
  531.             debridButton.style.display = 'block';
  532.             copyButton.style.display = 'block';
  533.             deleteButton.style.display = 'block';
  534.         } else {
  535.             debridButton.style.display = 'none';
  536.             copyButton.style.display = 'none';
  537.             deleteButton.style.display = 'none';
  538.         }
  539.         
  540.         // Update visibility of Reverse Selection button
  541.         updateReverseSelectionButtonVisibility();
  542.     }
  543.  
  544.     function getUniqueSelectedItemsCount() {
  545.         const uniqueIds = new Set();
  546.         const gridContainer = document.getElementById('torrent-grid-container');
  547.         const isGridActive = gridContainer && gridContainer.style.display !== 'none';
  548.         
  549.         if (isGridActive) {
  550.             // Count only grid items if grid view is active
  551.             const selectedEntries = document.querySelectorAll('.torrent-entry.selected');
  552.             selectedEntries.forEach(entry => {
  553.                 const id = getIdentifierFromElement(entry);
  554.                 if (id) uniqueIds.add(id);
  555.             });
  556.         } else {
  557.             // Count only table rows if table view is active
  558.             const selectedRows = document.querySelectorAll('.tr.g1.selected, .tr.g2.selected');
  559.             selectedRows.forEach(row => {
  560.                 const id = getIdentifierFromElement(row);
  561.                 if (id) uniqueIds.add(id);
  562.             });
  563.         }
  564.         
  565.         return Array.from(uniqueIds);
  566.     }
  567.  
  568.     function makeItemsSelectable() {
  569.         const rows = document.querySelectorAll('.tr.g1, .tr.g2');
  570.         rows.forEach(row => {
  571.             // Skip if already has a click handler
  572.             if (row.hasAttribute('data-has-click-handler')) return;
  573.             
  574.             const warningSpan = row.querySelector('span.px10 strong');
  575.             if (!warningSpan || warningSpan.textContent !== 'Warning:') {
  576.                 const nextRow = row.nextElementSibling;
  577.                 
  578.                 // Add event stopping for delete buttons and download images
  579.                 const deleteButton = row.querySelector('a[href*="del"]');
  580.                 if (deleteButton) {
  581.                     deleteButton.addEventListener('click', (e) => {
  582.                         e.stopPropagation();
  583.                     });
  584.                 }
  585.                 
  586.                 // Add event stopping for file info buttons
  587.                 const fileInfoButton = row.querySelector('a[rel="facebox"]');
  588.                 if (fileInfoButton) {
  589.                     fileInfoButton.addEventListener('click', (e) => {
  590.                         e.stopPropagation();
  591.                     });
  592.                 }
  593.                 
  594.                 const clickHandler = () => {
  595.                     row.classList.toggle('selected');
  596.                     if (nextRow) {
  597.                         nextRow.classList.toggle('selected');
  598.                     }
  599.                     
  600.                     // Get ID and sync with grid view
  601.                     const id = getIdentifierFromElement(row);
  602.                     if (id) {
  603.                         syncSelectionState(id, row.classList.contains('selected'));
  604.                     }
  605.                     
  606.                     updateFloatingButtonsVisibility();
  607.                 };
  608.                 
  609.                 row.addEventListener('click', clickHandler);
  610.                 row.setAttribute('data-has-click-handler', 'true');
  611.                 
  612.                 if (nextRow) {
  613.                     // Add event stopping for download buttons in the details row
  614.                     const downloadButtons = nextRow.querySelectorAll('input[type="image"]');
  615.                     downloadButtons.forEach(button => {
  616.                         button.addEventListener('click', (e) => {
  617.                             e.stopPropagation();
  618.                         });
  619.                     });
  620.                     
  621.                     nextRow.addEventListener('click', clickHandler);
  622.                     nextRow.setAttribute('data-has-click-handler', 'true');
  623.                 }
  624.             } else {
  625.                 row.classList.add('warning');
  626.                 if (row.nextElementSibling) {
  627.                     row.nextElementSibling.classList.add('warning');
  628.                 }
  629.             }
  630.         });
  631.  
  632.         const entries = document.querySelectorAll('.torrent-entry');
  633.         entries.forEach(entry => {
  634.             // Skip if already has a click handler
  635.             if (entry.hasAttribute('data-has-click-handler')) return;
  636.             
  637.             // Add event stopping for buttons in grid view
  638.             const deleteButton = entry.querySelector('a[href*="del"]');
  639.             if (deleteButton) {
  640.                 deleteButton.addEventListener('click', (e) => {
  641.                     e.stopPropagation();
  642.                 });
  643.             }
  644.             
  645.             const downloadButtons = entry.querySelectorAll('input[type="image"]');
  646.             downloadButtons.forEach(button => {
  647.                 button.addEventListener('click', (e) => {
  648.                     e.stopPropagation();
  649.                 });
  650.             });
  651.             
  652.             const fileInfoButtons = entry.querySelectorAll('a[rel="facebox"]');
  653.             fileInfoButtons.forEach(button => {
  654.                 button.addEventListener('click', (e) => {
  655.                     e.stopPropagation();
  656.                 });
  657.             });
  658.             
  659.             entry.addEventListener('click', (e) => {
  660.                 // Prevent click propagation if this is a delete button
  661.                 if (e.target.closest('a[href*="del"]') || 
  662.                     e.target.closest('input[type="image"]') ||
  663.                     e.target.closest('a[rel="facebox"]')) {
  664.                     return;
  665.                 }
  666.                 
  667.                 // Toggle selection state
  668.                 entry.classList.toggle('selected');
  669.                 
  670.                 // Get ID and sync with table view
  671.                 const id = getIdentifierFromElement(entry);
  672.                 if (id) {
  673.                     syncSelectionState(id, entry.classList.contains('selected'));
  674.                 }
  675.                 
  676.                 updateFloatingButtonsVisibility();
  677.             });
  678.             
  679.             entry.setAttribute('data-has-click-handler', 'true');
  680.         });
  681.     }
  682.  
  683.     function setupItemHoverEffects() {
  684.         const rows = document.querySelectorAll('.tr.g1, .tr.g2');
  685.         rows.forEach(row => {
  686.             const nextRow = row.nextElementSibling;
  687.             if (nextRow && !nextRow.classList.contains('g1') && !nextRow.classList.contains('g2')) {
  688.                 row.addEventListener('mouseenter', () => {
  689.                     if (!row.classList.contains('selected')) {
  690.                         row.style.backgroundColor = 'rgba(0, 255, 0, 0.1)';
  691.                         nextRow.style.backgroundColor = 'rgba(0, 255, 0, 0.1)';
  692.                     }
  693.                 });
  694.                 row.addEventListener('mouseleave', () => {
  695.                     if (!row.classList.contains('selected')) {
  696.                         row.style.backgroundColor = '';
  697.                         nextRow.style.backgroundColor = '';
  698.                     }
  699.                 });
  700.                 nextRow.addEventListener('mouseenter', () => {
  701.                     if (!row.classList.contains('selected')) {
  702.                         row.style.backgroundColor = 'rgba(0, 255, 0, 0.1)';
  703.                         nextRow.style.backgroundColor = 'rgba(0, 255, 0, 0.1)';
  704.                     }
  705.                 });
  706.                 nextRow.addEventListener('mouseleave', () => {
  707.                     if (!row.classList.contains('selected')) {
  708.                         row.style.backgroundColor = '';
  709.                         nextRow.style.backgroundColor = '';
  710.                     }
  711.                 });
  712.             }
  713.         });
  714.  
  715.         const entries = document.querySelectorAll('.torrent-entry');
  716.         entries.forEach(entry => {
  717.             entry.addEventListener('mouseenter', () => {
  718.                 if (!entry.classList.contains('selected')) {
  719.                     entry.style.backgroundColor = 'rgba(0, 255, 0, 0.1)';
  720.                 }
  721.             });
  722.             entry.addEventListener('mouseleave', () => {
  723.                 if (!entry.classList.contains('selected')) {
  724.                     entry.style.backgroundColor = '';
  725.                 }
  726.             });
  727.         });
  728.     }
  729.  
  730.     function getSelectedItemLinks() {
  731.         // Use a Set to store unique links and prevent duplication
  732.         const uniqueLinks = new Set();
  733.         const uniqueIds = new Set();
  734.         
  735.         // Process selected rows in table view
  736.         const selectedRows = document.querySelectorAll('.tr.g1.selected, .tr.g2.selected');
  737.         selectedRows.forEach(row => {
  738.             // Extract torrent ID to prevent duplicates
  739.             const id = getIdentifierFromElement(row);
  740.             if (id && !uniqueIds.has(id)) {
  741.                 uniqueIds.add(id);
  742.                 const textarea = row.nextElementSibling.querySelector('textarea');
  743.                 if (textarea && textarea.value) {
  744.                     uniqueLinks.add(textarea.value);
  745.                 }
  746.             }
  747.         });
  748.         
  749.         // Only process grid items if grid view is active
  750.         const gridContainer = document.getElementById('torrent-grid-container');
  751.         if (gridContainer && gridContainer.style.display !== 'none') {
  752.             const selectedEntries = document.querySelectorAll('.torrent-entry.selected');
  753.             selectedEntries.forEach(entry => {
  754.                 // Extract torrent ID to prevent duplicates
  755.                 const id = getIdentifierFromElement(entry);
  756.                 if (id && !uniqueIds.has(id)) {
  757.                     uniqueIds.add(id);
  758.                     const textarea = entry.querySelector('textarea');
  759.                     if (textarea && textarea.value) {
  760.                         uniqueLinks.add(textarea.value);
  761.                     }
  762.                 }
  763.             });
  764.         }
  765.         
  766.         return Array.from(uniqueLinks);
  767.     }
  768.  
  769.     function copySelectedLinksToClipboard() {
  770.         const selectedLinks = getSelectedItemLinks();
  771.         if (selectedLinks.length > 0) {
  772.             const clipboardText = selectedLinks.join('\n');
  773.             GM_setClipboard(clipboardText);
  774.         }
  775.     }
  776.  
  777.     function sendSelectedLinksToDebrid(e) {
  778.         e.preventDefault();
  779.         const selectedLinks = getSelectedItemLinks();
  780.         if (selectedLinks.length > 0) {
  781.             const form = document.createElement('form');
  782.             form.method = 'POST';
  783.             form.action = './downloader';
  784.  
  785.             const input = document.createElement('textarea');
  786.             input.name = 'links';
  787.             input.value = selectedLinks.join('\n');
  788.             form.appendChild(input);
  789.  
  790.             document.body.appendChild(form);
  791.             form.submit();
  792.             document.body.removeChild(form);
  793.         }
  794.     }
  795.  
  796.     function extractUrlsFromText(text) {
  797.         // Enhanced URL regex that better handles various URL formats
  798.         const urlRegex = /(?:(?:https?|ftp):\/\/|www\.)(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$])/ig;
  799.         const urls = text.match(urlRegex) || [];
  800.         // Filter out duplicates and ensure proper http prefix
  801.         return [...new Set(urls)].map(url => {
  802.             if (!url.startsWith('http')) {
  803.                 return 'http://' + url;
  804.             }
  805.             return url;
  806.         });
  807.     }
  808.  
  809.     function addExtractUrlsButtonToDownloader() {
  810.         const textarea = document.getElementById('links');
  811.         if (textarea) {
  812.             const button = document.createElement('button');
  813.             button.id = 'extractUrlsButton';
  814.             button.textContent = 'Extract URLs';
  815.             
  816.             button.addEventListener('click', function(e) {
  817.                 e.preventDefault();
  818.                 const content = textarea.value;
  819.                 const urls = extractUrlsFromText(content);
  820.                 
  821.                 // Add visual feedback
  822.                 addButtonClickFeedback(button);
  823.                 
  824.                 if (urls.length > 0) {
  825.                     textarea.value = urls.join('\n');
  826.                     // Visual feedback
  827.                     button.textContent = `${urls.length} URLs Found`;
  828.                     setTimeout(() => {
  829.                         button.textContent = 'Extract URLs';
  830.                     }, 2000);
  831.                 } else {
  832.                     button.textContent = 'No URLs Found';
  833.                     setTimeout(() => {
  834.                         button.textContent = 'Extract URLs';
  835.                     }, 2000);
  836.                 }
  837.             });
  838.  
  839.             textarea.parentNode.style.position = 'relative';
  840.             textarea.parentNode.appendChild(button);
  841.         }
  842.     }
  843.  
  844.     function addCopyLinksButton() {
  845.         const linksContainer = document.querySelector('#links-container');
  846.         if (linksContainer && linksContainer.children.length > 0) {
  847.             const originalButton = document.querySelector('#sub_links');
  848.             if (originalButton) {
  849.                 const copyButton = originalButton.cloneNode(true);
  850.                 copyButton.id = 'copy_links';
  851.                 copyButton.value = 'Copy links';
  852.                 copyButton.type = 'button';
  853.                 copyButton.style.display = 'block';
  854.                 copyButton.style.margin = '0 auto';
  855.                 copyButton.style.float = 'none'
  856.                 copyButton.style.marginBottom = '10px'
  857.  
  858.                 copyButton.addEventListener('click', function(e) {
  859.                     e.preventDefault();
  860.                     const links = Array.from(document.querySelectorAll('#links-container .link-generated a'))
  861.                     .filter(a => a.textContent.includes('DOWNLOAD'))
  862.                     .map(a => a.href)
  863.                     .join('\n');
  864.  
  865.                     if (links) {
  866.                         GM_setClipboard(links);
  867.                         
  868.                         // Add visual feedback (for input elements)
  869.                         copyButton.classList.add('button-clicked');
  870.                         const originalValue = copyButton.value;
  871.                         copyButton.value = 'Copied!';
  872.                         
  873.                         setTimeout(() => {
  874.                             copyButton.classList.remove('button-clicked');
  875.                             copyButton.value = originalValue;
  876.                         }, 500);
  877.                     }
  878.                 });
  879.  
  880.                 linksContainer.insertAdjacentElement('afterend', copyButton);
  881.             }
  882.         }
  883.     }
  884.  
  885.  
  886.     function cleanupTorrentPageLayout() {
  887.         const textContainer = document.querySelector('html.cufon-active.cufon-ready body div#block div#contentblock div#wrapper_global div.main_content_wrapper div.full_width_wrapper');
  888.         if (textContainer) {
  889.             Array.from(textContainer.childNodes).forEach(node => {
  890.                 if (node.nodeType === Node.TEXT_NODE) {
  891.                     node.remove();
  892.                 }
  893.             });
  894.         }
  895.  
  896.         const brElements = document.querySelectorAll('html.cufon-active.cufon-ready body div#block div#contentblock div#wrapper_global div.main_content_wrapper div.full_width_wrapper br');
  897.         brElements.forEach(br => br.remove());
  898.  
  899.         const centerElements = document.querySelectorAll('html.cufon-active.cufon-ready body div#block div#contentblock div#wrapper_global div.main_content_wrapper div.full_width_wrapper center');
  900.         centerElements.forEach(center => center.remove());
  901.  
  902.         const contentSeparatorMiniElements = document.querySelectorAll('html.cufon-active.cufon-ready body div#block div#contentblock div#wrapper_global div.main_content_wrapper div.full_width_wrapper div.content_separator_mini');
  903.         contentSeparatorMiniElements.forEach(div => div.remove());
  904.  
  905.         const h2Elements = document.querySelectorAll('html.cufon-active.cufon-ready body div#block div#contentblock div#wrapper_global div.main_content_wrapper div.full_width_wrapper h2');
  906.         h2Elements.forEach(h2 => h2.remove());
  907.  
  908.         const spanElements = document.querySelectorAll('html.cufon-active.cufon-ready body div#block div#contentblock div#wrapper_global div.main_content_wrapper div.full_width_wrapper span.px10');
  909.         spanElements.forEach(span => span.remove());
  910.     }
  911.  
  912.     function redesignTorrentInfoWindow() {
  913.         const facebox = document.getElementById('facebox');
  914.         if (facebox) {
  915.             const content = facebox.querySelector('.content');
  916.             if (content) {
  917.                 // Count torrent sections by splitting on <h2> tags
  918.                 const torrentInfos = content.innerHTML.split('<h2>Torrent Files</h2>').filter(info => info.trim() !== '');
  919.                 
  920.                 // Only apply grid layout if 3+ torrents
  921.                 if (torrentInfos.length < 3) return;
  922.                 
  923.                 // Add class for CSS to apply instead of inline styles
  924.                 content.classList.add('grid-layout');
  925.                 // Add class to facebox itself for positioning
  926.                 facebox.classList.add('grid-layout');
  927.  
  928.                 // Store the original buttons with their event listeners
  929.                 const startButtons = Array.from(content.querySelectorAll('input[type="button"][value="Start my torrent"]'));
  930.  
  931.                 content.innerHTML = '';
  932.  
  933.                 torrentInfos.forEach((info, index) => {
  934.                     const div = document.createElement('div');
  935.                     div.className = 'torrent-info';
  936.  
  937.                     // Create a temporary div to parse the HTML
  938.                     const tempDiv = document.createElement('div');
  939.                     tempDiv.innerHTML = '<h2>Torrent Files</h2>' + info;
  940.  
  941.                     // Move the content except the button
  942.                     while (tempDiv.firstChild) {
  943.                         if (tempDiv.firstChild.tagName !== 'INPUT' || tempDiv.firstChild.type !== 'button') {
  944.                             div.appendChild(tempDiv.firstChild);
  945.                         } else {
  946.                             tempDiv.removeChild(tempDiv.firstChild);
  947.                         }
  948.                     }
  949.  
  950.                     // Append the original button with its event listeners
  951.                     if (startButtons[index]) {
  952.                         div.appendChild(startButtons[index]);
  953.                     }
  954.  
  955.                     content.appendChild(div);
  956.                 });
  957.             }
  958.         }
  959.     }
  960.  
  961.     function setupTorrentInfoWindowObserver() {
  962.         const observer = new MutationObserver((mutations) => {
  963.             mutations.forEach((mutation) => {
  964.                 if (mutation.addedNodes && mutation.addedNodes.length > 0) {
  965.                     for (let node of mutation.addedNodes) {
  966.                         if (node.id === 'facebox') {
  967.                             redesignTorrentInfoWindow();
  968.                         }
  969.                     }
  970.                 }
  971.             });
  972.         });
  973.  
  974.         observer.observe(document.body, { childList: true, subtree: true });
  975.     }
  976.  
  977.     function checkForTorrentInfoWindow() {
  978.         const intervalId = setInterval(() => {
  979.             const facebox = document.getElementById('facebox');
  980.             if (facebox) {
  981.                 redesignTorrentInfoWindow();
  982.                 clearInterval(intervalId);
  983.             }
  984.         }, 1000);
  985.     }
  986.  
  987.     function createGridLayout(columnCount) {
  988.         const table = document.querySelector('table[width="100%"]');
  989.         if (!table) return;
  990.  
  991.         // First, check if grid already exists and remove it
  992.         const existingGrid = document.getElementById('torrent-grid-container');
  993.         if (existingGrid) {
  994.             existingGrid.remove();
  995.         }
  996.  
  997.         // Create grid container
  998.         const container = document.createElement('div');
  999.         container.id = 'torrent-grid-container';
  1000.         container.style.display = 'flex';
  1001.         container.style.flexWrap = 'wrap';
  1002.         container.style.justifyContent = 'space-between';
  1003.  
  1004.         // Create grid items from table rows
  1005.         const rows = table.querySelectorAll('tr');
  1006.         for (let i = 1; i < rows.length; i += 2) {
  1007.             // Check if original row is selected
  1008.             const isSelected = rows[i].classList.contains('selected');
  1009.             const torrentDiv = createGridItemFromTableRows(rows[i], rows[i + 1], isSelected);
  1010.             container.appendChild(torrentDiv);
  1011.         }
  1012.  
  1013.         // Insert grid after the table
  1014.         table.parentNode.insertBefore(container, table.nextSibling);
  1015.         
  1016.         // Hide the table but keep it in the DOM
  1017.         table.style.display = 'none';
  1018.         
  1019.         // Mark the table for later reference
  1020.         table.id = 'original-torrent-table';
  1021.         
  1022.         applyGridLayoutStyles(columnCount);
  1023.         adjustImageSizeInNewLayout();
  1024.         moveDeleteLinkToEnd();
  1025.         
  1026.         // Apply enhanced selection handling
  1027.         setupGridItemsEventHandlers();
  1028.         
  1029.         updateFloatingButtonsVisibility(); // Update button visibility to reflect current selections
  1030.     }
  1031.  
  1032.     function applyGridLayoutStyles(columnCount) {
  1033.         const width = `calc(${100 / columnCount}% - 20px)`;
  1034.         GM_addStyle(`
  1035.             #torrent-grid-container {
  1036.                 width: 100%;
  1037.                 max-width: 1200px;
  1038.                 margin: 0 auto;
  1039.             }
  1040.             .torrent-entry {
  1041.                 width: ${width};
  1042.                 margin-bottom: 20px;
  1043.                 border: 1px solid #ccc;
  1044.                 padding: 10px;
  1045.                 box-sizing: border-box;
  1046.                 cursor: pointer;
  1047.                 position: relative;
  1048.             }
  1049.             /* Fix for long filenames with dots */
  1050.             .torrent-entry span[id^="name_"] {
  1051.                 display: block;
  1052.                 word-break: break-all;
  1053.                 overflow-wrap: break-word;
  1054.                 white-space: normal;
  1055.                 width: 100%;
  1056.                 margin-bottom: 5px;
  1057.                 font-weight: bold;
  1058.             }
  1059.             .torrent-entry td {
  1060.                 display: block;
  1061.                 width: 100%;
  1062.             }
  1063.             .torrent-entry tr {
  1064.                 display: block;
  1065.             }
  1066.             .torrent-entry form {
  1067.                 margin-top: 10px;
  1068.             }
  1069.             .torrent-entry textarea {
  1070.                 min-height: 2.5em;
  1071.                 max-height: 6em;
  1072.                 overflow-y: auto;
  1073.                 resize: vertical;
  1074.             }
  1075.         `);
  1076.     }
  1077.  
  1078.     function adjustImageSizeInNewLayout() {
  1079.         document.querySelectorAll('#torrent-grid-container .torrent-entry form input[type="image"]').forEach(function(img) {
  1080.             img.style.width = '10%';
  1081.             img.style.height = 'auto';
  1082.             img.style.display = 'inline-block';
  1083.             img.style.marginLeft = '10px';
  1084.         });
  1085.  
  1086.         document.querySelectorAll('#torrent-grid-container .torrent-entry form').forEach(function(form) {
  1087.             form.style.display = 'flex';
  1088.             form.style.alignItems = 'center';
  1089.         });
  1090.     }
  1091.  
  1092.     function moveDeleteLinkToEnd() {
  1093.         document.querySelectorAll('.torrent-entry').forEach(entry => {
  1094.             const deleteLink = entry.querySelector('a[href*="del"]');
  1095.             if (deleteLink) {
  1096.                 // Create a container for the delete link
  1097.                 const deleteContainer = document.createElement('div');
  1098.                 deleteContainer.classList.add('delete-container');
  1099.                 deleteContainer.style.position = 'absolute';
  1100.                 deleteContainer.style.right = '0';
  1101.                 deleteContainer.style.top = '0';
  1102.                 deleteContainer.style.display = 'flex';
  1103.                 deleteContainer.style.alignItems = 'center';
  1104.                 deleteContainer.style.height = '100%';
  1105.                 deleteContainer.style.paddingRight = '10px';
  1106.  
  1107.                 // Move the delete link into the new container
  1108.                 deleteContainer.appendChild(deleteLink);
  1109.                 entry.appendChild(deleteContainer);
  1110.  
  1111.                 // Ensure the parent .torrent-entry has relative positioning
  1112.                 entry.style.position = 'relative';
  1113.             }
  1114.         });
  1115.     }
  1116.  
  1117.     function createGridItemFromTableRows(mainRow, detailRow, isSelected = false) {
  1118.         const div = document.createElement('div');
  1119.         div.className = 'torrent-entry';
  1120.         div.innerHTML = mainRow.innerHTML + detailRow.innerHTML;
  1121.  
  1122.         // Set selected state if the original row was selected
  1123.         if (isSelected) {
  1124.             div.classList.add('selected');
  1125.             div.style.backgroundColor = 'rgba(40, 167, 69, 0.15)';
  1126.         }
  1127.  
  1128.         return div;
  1129.     }
  1130.     
  1131.     // Get a unique identifier from an element (row or grid item)
  1132.     function getIdentifierFromElement(element) {
  1133.         // Try to find a unique ID in the element (torrent ID, name ID, etc.)
  1134.         const idElement = element.querySelector('[id^="name_"], [id^="link_"], [id^="status_"]');
  1135.         if (idElement) {
  1136.             return idElement.id;
  1137.         }
  1138.         return null;
  1139.     }
  1140.     
  1141.     // Sync selection state between table and grid views
  1142.     function syncSelectionState(id, isSelected) {
  1143.         if (!id) return;
  1144.         
  1145.         // Get ID prefix and suffix
  1146.         const parts = id.split('_');
  1147.         if (parts.length < 2) return;
  1148.         
  1149.         const prefix = parts[0];
  1150.         const suffix = parts[1];
  1151.         
  1152.         // Get all elements with IDs containing this suffix (both in table and grid)
  1153.         const selector = `[id$="_${suffix}"]`;
  1154.         const relatedElements = document.querySelectorAll(selector);
  1155.         
  1156.         // Find related rows and grid items
  1157.         let tableRows = [];
  1158.         let gridItems = [];
  1159.         
  1160.         relatedElements.forEach(el => {
  1161.             // Find containing row
  1162.             let row = el.closest('.tr.g1, .tr.g2');
  1163.             if (row) {
  1164.                 tableRows.push(row);
  1165.                 // Also get the next row (detail row)
  1166.                 if (row.nextElementSibling && !row.nextElementSibling.classList.contains('g1') && 
  1167.                     !row.nextElementSibling.classList.contains('g2')) {
  1168.                     tableRows.push(row.nextElementSibling);
  1169.                 }
  1170.             }
  1171.             
  1172.             // Find containing grid item
  1173.             let gridItem = el.closest('.torrent-entry');
  1174.             if (gridItem) {
  1175.                 gridItems.push(gridItem);
  1176.             }
  1177.         });
  1178.         
  1179.         // Apply selection state to all related elements
  1180.         tableRows = [...new Set(tableRows)]; // Remove duplicates
  1181.         tableRows.forEach(row => {
  1182.             if (isSelected) {
  1183.                 row.classList.add('selected');
  1184.             } else {
  1185.                 row.classList.remove('selected');
  1186.             }
  1187.         });
  1188.         
  1189.         gridItems = [...new Set(gridItems)]; // Remove duplicates
  1190.         gridItems.forEach(item => {
  1191.             if (isSelected) {
  1192.                 item.classList.add('selected');
  1193.             } else {
  1194.                 item.classList.remove('selected');
  1195.             }
  1196.         });
  1197.     }
  1198.  
  1199.     function addSwitchToGridLayoutButton() {
  1200.         const button = document.createElement('button');
  1201.         button.textContent = 'Switch to Grid Layout';
  1202.         button.id = 'switchLayoutButton';
  1203.         button.style.position = 'fixed';
  1204.         button.style.top = '10px';
  1205.         button.style.right = '20px';
  1206.         button.style.zIndex = '1000';
  1207.         button.setAttribute('data-current-layout', 'table');
  1208.         button.addEventListener('click', (e) => {
  1209.             // Add visual feedback
  1210.             addButtonClickFeedback(button);
  1211.             toggleLayout();
  1212.         });
  1213.         document.body.appendChild(button);
  1214.     }
  1215.  
  1216.     function toggleLayout() {
  1217.         const button = document.getElementById('switchLayoutButton');
  1218.         const currentLayout = button.getAttribute('data-current-layout');
  1219.         
  1220.         if (currentLayout === 'table') {
  1221.             // Switch to grid layout
  1222.             const columnCount = 3;
  1223.             createGridLayout(columnCount);
  1224.             
  1225.             button.textContent = 'Switch to Table Layout';
  1226.             button.setAttribute('data-current-layout', 'grid');
  1227.         } else {
  1228.             // Switch back to table layout without reload
  1229.             const gridContainer = document.getElementById('torrent-grid-container');
  1230.             const originalTable = document.getElementById('original-torrent-table');
  1231.             
  1232.             if (gridContainer && originalTable) {
  1233.                 // Hide grid, show table
  1234.                 gridContainer.style.display = 'none';
  1235.                 originalTable.style.display = 'table';
  1236.                 
  1237.                 button.textContent = 'Switch to Grid Layout';
  1238.                 button.setAttribute('data-current-layout', 'table');
  1239.             }
  1240.         }
  1241.         
  1242.         // Update floating buttons visibility
  1243.         updateFloatingButtonsVisibility();
  1244.     }
  1245.     
  1246.     function switchToGridLayout() {
  1247.         const button = document.getElementById('switchLayoutButton');
  1248.         if (button.getAttribute('data-current-layout') === 'table') {
  1249.             toggleLayout();
  1250.         }
  1251.     }
  1252.  
  1253.     function deleteSelectedTorrents() {
  1254.         const selectedItems = document.querySelectorAll('.tr.g1.selected, .tr.g2.selected, .torrent-entry.selected');
  1255.         const deleteIds = [];
  1256.         
  1257.         selectedItems.forEach(item => {
  1258.             // Find delete link within the item
  1259.             const deleteLink = item.querySelector('a[href*="del="]');
  1260.             if (deleteLink) {
  1261.                 const href = deleteLink.getAttribute('href');
  1262.                 const match = href.match(/del=([^&]+)/);
  1263.                 if (match && match[1]) {
  1264.                     deleteIds.push(match[1]);
  1265.                 }
  1266.             }
  1267.         });
  1268.         
  1269.         if (deleteIds.length === 0) return;
  1270.         
  1271.         if (confirm(`Delete ${deleteIds.length} selected torrents?`)) {
  1272.             // Change button text to "Deleting..." after confirmation
  1273.             const originalWidth = deleteButton.offsetWidth;
  1274.             deleteButton.textContent = 'Deleting...';
  1275.             deleteButton.style.width = `${originalWidth}px`;
  1276.             
  1277.             // Process deletions sequentially to avoid overwhelming the server
  1278.             deleteSequentially(deleteIds, 0);
  1279.         }
  1280.     }
  1281.  
  1282.     function deleteSequentially(ids, index) {
  1283.         if (index >= ids.length) {
  1284.             // All done, refresh the page
  1285.             window.location.reload();
  1286.             return;
  1287.         }
  1288.         
  1289.         const id = ids[index];
  1290.         const xhr = new XMLHttpRequest();
  1291.         xhr.open('GET', `?p=1&del=${id}`, true);
  1292.         xhr.onload = function() {
  1293.             // Move to next deletion
  1294.             deleteSequentially(ids, index + 1);
  1295.         };
  1296.         xhr.onerror = function() {
  1297.             // Still try the next one
  1298.             deleteSequentially(ids, index + 1);
  1299.         };
  1300.         xhr.send();
  1301.     }
  1302.  
  1303.     function setupGridItemsEventHandlers() {
  1304.         const entries = document.querySelectorAll('.torrent-entry');
  1305.         entries.forEach(entry => {
  1306.             // Clear any existing handlers by cloning the node
  1307.             const newEntry = entry.cloneNode(true);
  1308.             entry.parentNode.replaceChild(newEntry, entry);
  1309.             
  1310.             // Add event stopping for buttons in grid view
  1311.             const deleteButton = newEntry.querySelector('a[href*="del"]');
  1312.             if (deleteButton) {
  1313.                 deleteButton.addEventListener('click', (e) => {
  1314.                     e.stopPropagation();
  1315.                 });
  1316.             }
  1317.             
  1318.             const downloadButtons = newEntry.querySelectorAll('input[type="image"]');
  1319.             downloadButtons.forEach(button => {
  1320.                 button.addEventListener('click', (e) => {
  1321.                     e.stopPropagation();
  1322.                 });
  1323.             });
  1324.             
  1325.             const fileInfoButtons = newEntry.querySelectorAll('a[rel="facebox"]');
  1326.             fileInfoButtons.forEach(button => {
  1327.                 button.addEventListener('click', (e) => {
  1328.                     e.stopPropagation();
  1329.                 });
  1330.             });
  1331.             
  1332.             // Main click handler for selection toggling
  1333.             newEntry.addEventListener('click', (e) => {
  1334.                 // Prevent click propagation if this is a button
  1335.                 if (e.target.closest('a[href*="del"]') || 
  1336.                     e.target.closest('input[type="image"]') ||
  1337.                     e.target.closest('a[rel="facebox"]')) {
  1338.                     return;
  1339.                 }
  1340.                 
  1341.                 // Toggle selection state
  1342.                 newEntry.classList.toggle('selected');
  1343.                 if (newEntry.classList.contains('selected')) {
  1344.                     newEntry.style.backgroundColor = 'rgba(40, 167, 69, 0.15)';
  1345.                 } else {
  1346.                     newEntry.style.backgroundColor = '';
  1347.                 }
  1348.                 
  1349.                 // Get ID and sync with table view
  1350.                 const id = getIdentifierFromElement(newEntry);
  1351.                 if (id) {
  1352.                     const isNowSelected = newEntry.classList.contains('selected');
  1353.                     syncTableViewSelection(id, isNowSelected);
  1354.                 }
  1355.                 
  1356.                 updateFloatingButtonsVisibility();
  1357.             });
  1358.         });
  1359.     }
  1360.     
  1361.     function syncTableViewSelection(id, isSelected) {
  1362.         if (!id) return;
  1363.         
  1364.         // Get ID suffix
  1365.         const parts = id.split('_');
  1366.         if (parts.length < 2) return;
  1367.         
  1368.         const suffix = parts[1];
  1369.         
  1370.         // Find table rows with this torrent ID
  1371.         const selector = `[id$="_${suffix}"]`;
  1372.         const originalTable = document.getElementById('original-torrent-table');
  1373.         if (!originalTable) return;
  1374.         
  1375.         const elements = originalTable.querySelectorAll(selector);
  1376.         elements.forEach(el => {
  1377.             const row = el.closest('.tr.g1, .tr.g2');
  1378.             if (row) {
  1379.                 // Set selection state on main row
  1380.                 if (isSelected) {
  1381.                     row.classList.add('selected');
  1382.                 } else {
  1383.                     row.classList.remove('selected');
  1384.                 }
  1385.                 
  1386.                 // Set selection state on detail row
  1387.                 const nextRow = row.nextElementSibling;
  1388.                 if (nextRow && !nextRow.classList.contains('g1') && !nextRow.classList.contains('g2')) {
  1389.                     if (isSelected) {
  1390.                         nextRow.classList.add('selected');
  1391.                     } else {
  1392.                         nextRow.classList.remove('selected');
  1393.                     }
  1394.                 }
  1395.             }
  1396.         });
  1397.     }
  1398.  
  1399.     // Helper function to add visual feedback to buttons
  1400.     function addButtonClickFeedback(button, tempText = null) {
  1401.         // Store original text if we're changing it
  1402.         const originalText = tempText ? button.textContent : null;
  1403.         
  1404.         // Store original width to prevent layout shifts
  1405.         const originalWidth = button.offsetWidth;
  1406.         
  1407.         // Add animation class
  1408.         button.classList.add('button-clicked');
  1409.         
  1410.         // Change text if specified
  1411.         if (tempText) {
  1412.             button.textContent = tempText;
  1413.             // Ensure width doesn't change
  1414.             button.style.width = `${originalWidth}px`;
  1415.         }
  1416.         
  1417.         // Remove animation class and restore text after animation
  1418.         setTimeout(() => {
  1419.             button.classList.remove('button-clicked');
  1420.             if (originalText) {
  1421.                 button.textContent = originalText;
  1422.                 // Remove explicit width to allow natural sizing again
  1423.                 button.style.width = '';
  1424.             }
  1425.         }, 500);
  1426.     }
  1427.  
  1428.     if (document.readyState === 'complete') {
  1429.         initializeApplication();
  1430.     } else {
  1431.         window.addEventListener('load', initializeApplication);
  1432.     }
  1433. })();