☰

TTV Auto Upload

Công cụ đăng chương hiện đại cho Tàng Thư Viện với UI/UX được tối ưu

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

  1. // ==UserScript==
  2. // @name         TTV Auto Upload
  3. // @namespace    http://tampermonkey.net/
  4. // @version      5.3
  5. // @description  Công cụ đăng chương hiện đại cho Tàng Thư Viện với UI/UX được tối ưu
  6. // @author       HA
  7. // @match        https://tangthuvien.net/dang-chuong/story/*
  8. // @match        https://tangthuvien.net/danh-sach-chuong/story/*
  9. // @grant        GM_addStyle
  10. // @grant        GM_setValue
  11. // @grant        GM_getValue
  12. // @required     https://code.jquery.com/jquery-3.2.1.min.js
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.     'use strict';
  17.     if (window.location.href.includes('/danh-sach-chuong/story/')) {
  18.         const storyId = window.location.pathname.split('/').pop();
  19.         setTimeout(() => {
  20.             window.location.href = `https://tangthuvien.net/dang-chuong/story/${storyId}`;
  21.         }, 3000);
  22.         return;
  23.     }
  24.  
  25.     const HEADER_SIGN = "";
  26.     const FOOTER_SIGN = "";
  27.     const MAX_CHAPTER_POST = 10;
  28.     GM_addStyle(`
  29.         /* Vị trí và giao diện của công cụ đăng nhanh */
  30.         #modern-uploader {
  31.             background-color: white;
  32.             padding: 20px;
  33.             border-radius: 10px;
  34.             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  35.             position: fixed;
  36.             right: 20px;
  37.             top: 50%;
  38.             transform: translateY(-50%);
  39.             width: 400px;
  40.             max-height: 90vh;
  41.             overflow-y: auto;
  42.             z-index: 1000;
  43.         }
  44.         @keyframes shortChapterBlink {
  45.             0% { background-color: rgba(255, 0, 0, 0.1); }
  46.             50% { background-color: rgba(255, 0, 0, 0.2); }
  47.             100% { background-color: rgba(255, 0, 0, 0.1); }
  48.         }
  49.         textarea[name^="introduce"] {
  50.             transition: all 0.3s ease;
  51.         }
  52.         textarea[name^="introduce"].short-chapter {
  53.             animation: shortChapterBlink 1s infinite;
  54.             border: 2px solid #ff0000 !important;
  55.             background-color: rgba(255, 0, 0, 0.1) !important;
  56.         }
  57.         .chapter-character-count {
  58.             text-align: right;
  59.             font-size: 12px;
  60.             margin-top: 5px;
  61.             color: #666;
  62.         }
  63.         .short-chapters-warning {
  64.             color: #ff0000;
  65.             font-weight: bold;
  66.             animation: shortChapterBlink 1s infinite;
  67.         }
  68.  
  69.         .button-container {
  70.             display: flex;
  71.             justify-content: space-between;
  72.             align-items: center;
  73.             gap: 15px;
  74.             margin-top: 15px;
  75.         }
  76.         #modern-uploader .btn {
  77.             padding: 10px 20px;
  78.             border-radius: 6px;
  79.             cursor: pointer;
  80.             font-weight: 600;
  81.             font-size: 14px;
  82.             transition: all 0.2s ease;
  83.         }
  84.         #modern-uploader .form-control {
  85.             width: 100%;
  86.             padding: 15px;
  87.             border: 1px solid #ddd;
  88.             border-radius: 8px;
  89.             margin-bottom: 15px;
  90.             font-size: 16px;
  91.             transition: border-color 0.2s ease;
  92.         }
  93.         #modern-uploader .form-control:focus {
  94.             border-color: #4285f4;
  95.             outline: none;
  96.         }
  97.     `);
  98.     function showNotification(message, type) {
  99.         jQuery('#modern-uploader .notification-container').remove();
  100.         const container = jQuery("<div>", {
  101.             class: "notification-container",
  102.             css: {
  103.                 width: "100%",
  104.                 padding: "10px 0",
  105.                 marginTop: "10px",
  106.                 textAlign: "left",
  107.                 borderTop: "1px solid rgba(0,0,0,0.1)"
  108.             }
  109.         });
  110.         const notification = jQuery("<div>", {
  111.             class: `notification-${type}`,
  112.             css: {
  113.                 backgroundColor: "#e8f5e9",
  114.                 color: "#000000",
  115.                 padding: "10px 15px",
  116.                 borderRadius: "8px",
  117.                 fontSize: "14px",
  118.                 fontWeight: "500",
  119.                 boxShadow: "0 4px 10px rgba(0,0,0,0.15)",
  120.                 display: "inline-block",
  121.                 maxWidth: "90%",
  122.                 margin: "0",
  123.                 wordBreak: "break-word",
  124.                 border: "1px solid #81c784"
  125.             }
  126.         });
  127.         const lines = message.split('\n');
  128.         lines.forEach((line, index) => {
  129.             notification.append(jQuery("<div>").html(line));
  130.         });
  131.         container.append(notification);
  132.         jQuery("#modern-uploader .button-container").after(container);
  133.         notification.fadeIn(300);
  134.     }
  135.     function createChapterHTML(chapNum) {
  136.         const chap_vol = parseInt(jQuery('.chap_vol').val()) || 1;
  137.         const chap_vol_name = jQuery('.chap_vol_name').val() || '';
  138.         return `
  139.         <div data-gen="MK_GEN" id="COUNT_CHAP_${chapNum}_MK">
  140.             <div class="col-xs-12 form-group"></div>
  141.             <div class="form-group">
  142.                 <label class="col-sm-2" for="chap_stt">STT</label>
  143.                 <div class="col-sm-8">
  144.                     <input class="form-control" required name="chap_stt[${chapNum}]" value="${dăngnhanhTTV.STATE.CHAP_STT}" placeholder="Số thứ tự của chương" type="text"/>
  145.                 </div>
  146.             </div>
  147.             <div class="form-group">
  148.                 <label class="col-sm-2" for="chap_number">Chương thứ..</label>
  149.                 <div class="col-sm-8">
  150.                     <input value="${dăngnhanhTTV.STATE.CHAP_SERIAL}" required class="form-control" name="chap_number[${chapNum}]" placeholder="Chương thứ.. (1,2,3..)" type="text"/>
  151.                 </div>
  152.             </div>
  153.             <div class="form-group">
  154.                 <label class="col-sm-2" for="chap_name">Quyển số</label>
  155.                 <div class="col-sm-8">
  156.                     <input class="form-control" name="vol[${chapNum}]" placeholder="Quyển số" type="number" value="${chap_vol}" required/>
  157.                 </div>
  158.             </div>
  159.             <div class="form-group">
  160.                 <label class="col-sm-2" for="chap_name">Tên quyển</label>
  161.                 <div class="col-sm-8">
  162.                     <input class="form-control chap_vol_name" name="vol_name[${chapNum}]" placeholder="Tên quyển" type="text" value="${chap_vol_name}" />
  163.                 </div>
  164.             </div>
  165.             <div class="form-group">
  166.                 <label class="col-sm-2" for="chap_name">Tên chương</label>
  167.                 <div class="col-sm-8">
  168.                     <input required class="form-control" name="chap_name[${chapNum}]" placeholder="Tên chương" type="text"/>
  169.                 </div>
  170.             </div>
  171.             <div class="form-group">
  172.                 <label class="col-sm-2" for="introduce">Nội dung</label>
  173.                 <div class="col-sm-8">
  174.                     <textarea maxlength="75000" style="color:#000;font-weight: 400;" required class="form-control" name="introduce[${chapNum}]" rows="20" placeholder="Nội dung" type="text"></textarea>
  175.                     <div class="chapter-character-count"></div>
  176.                 </div>
  177.             </div>
  178.             <div class="form-group">
  179.                 <label class="col-sm-2" for="adv">Quảng cáo</label>
  180.                 <div class="col-sm-8">
  181.                     <textarea maxlength="1000" class="form-control" name="adv[${chapNum}]" placeholder="Quảng cáo" type="text"></textarea>
  182.                 </div>
  183.             </div>
  184.         </div>`;
  185.     }
  186.     function setupCharacterCounter() {
  187.         jQuery(document).on("input", "[name^=introduce]", function() {
  188.             const text = jQuery(this).val();
  189.             const charCount = text.length;
  190.             let charCountElement = jQuery(this).next('.chapter-character-count');
  191.             if (charCountElement.length === 0) {
  192.                 charCountElement = jQuery('<div class="chapter-character-count"></div>');
  193.                 jQuery(this).after(charCountElement);
  194.             }
  195.             if(charCount < 3000) {
  196.                 jQuery(this).addClass('short-chapter');
  197.                 charCountElement.html(`<span class="short-chapters-warning">${charCount.toLocaleString()}/40.000 ký tự</span>`);
  198.             } else {
  199.                 jQuery(this).removeClass('short-chapter');
  200.                 if(charCount > 40000) {
  201.                     charCountElement.html(`<span style="color: #fbbc05;">${charCount.toLocaleString()}/40.000 ký tự</span>`);
  202.                 } else {
  203.                     charCountElement.html(`<span style="color: #34a853;">${charCount.toLocaleString()}/40.000 ký tự</span>`);
  204.                 }
  205.             }
  206.         });
  207.     }
  208.     function validateChapterLengths() {
  209.         let hasError = false;
  210.         jQuery('form[name="postChapForm"] .chapter-detail').each(function() {
  211.             const form = this;
  212.             const contentTextarea = form.querySelector('textarea[name^="introduce"]');
  213.             const content = contentTextarea.value;
  214.             if (content.length < 3000) {
  215.                 jQuery(contentTextarea).addClass('short-chapter');
  216.                 let warningIcon = form.querySelector('.warning-icon');
  217.                 if (!warningIcon) {
  218.                     warningIcon = document.createElement('div');
  219.                     warningIcon.className = 'warning-icon';
  220.                     warningIcon.innerHTML = '⚠️';
  221.                     contentTextarea.parentNode.appendChild(warningIcon);
  222.                 }
  223.                 hasError = true;
  224.             } else {
  225.                 jQuery(contentTextarea).removeClass('short-chapter');
  226.                 const warningIcon = form.querySelector('.warning-icon');
  227.                 if (warningIcon) {
  228.                     warningIcon.remove();
  229.                 }
  230.             }
  231.         });
  232.         return !hasError;
  233.     }
  234.     const dăngnhanhTTV = {
  235.         STATE: {
  236.             CHAP_NUMBER: 1,
  237.             CHAP_STT: 1,
  238.             CHAP_SERIAL: 1,
  239.             CHAP_NUMBER_ORIGINAL: 1,
  240.             CHAP_STT_ORIGINAL: 1,
  241.             CHAP_SERIAL_ORIGINAL: 1,
  242.             AUTO_POST: false,
  243.             TOTAL_CHAPTERS: 0,
  244.             POSTED_CHAPTERS: 0,
  245.             PROCESSED_CHAPTERS: 0, // Added: Tracks processed chapters
  246.             TARGET_CHAPTERS: 0    // Added: Tracks target chapters
  247.         },
  248.         ELEMENTS: {
  249.             qpContent: null,
  250.             qpButtonSubmit: null,
  251.             qpButtonRemoveEmpty: null,
  252.             qpButtonReset: null // Added element
  253.         },
  254.         init: function() {
  255.             try {
  256.                 console.log('[TTV-DEBUG] Script bắt đầu khởi tạo...');
  257.                 console.log('[TTV-DEBUG] Phiên bản script: 3.0');
  258.                 this.initializeChapterValues();
  259.                 console.log('[TTV-DEBUG] Đã khởi tạo giá trị chương');
  260.  
  261.                 // Khôi phục trạng thái tự động đăng
  262.                 this.loadAutoPostState();
  263.                 console.log('[TTV-DEBUG] Đã khôi phục trạng thái tự động đăng');
  264.  
  265.                 this.createInterface();
  266.                 console.log('[TTV-DEBUG] Đã tạo giao diện');
  267.                 this.cacheElements();
  268.                 console.log('[TTV-DEBUG] Đã cache các elements');
  269.                 this.registerEvents();
  270.                 console.log('[TTV-DEBUG] Đã đăng ký các events');
  271.                 console.log('[TTV-DEBUG] Script đã khởi động thành công');
  272.                 showNotification('Công cụ đã chạy', 'success');
  273.  
  274.                 // Cập nhật hiển thị nút tự động đăng
  275.                 if (this.STATE.AUTO_POST) {
  276.                     this.ELEMENTS.qpButtonAutoPost.text(`🔄 (ON) ${this.STATE.POSTED_CHAPTERS}/${this.STATE.TOTAL_CHAPTERS}`);
  277.                     this.ELEMENTS.qpButtonAutoPost.removeClass('btn-warning').addClass('btn-info');
  278.                 }
  279.  
  280.                 // Khôi phục trạng thái chế độ tự động đăng
  281.                 const isAutoMode = localStorage.getItem('TTV_AUTO_MODE') === 'true';
  282.                 if (isAutoMode) {
  283.                     this.ELEMENTS.qpOptionLoop.prop('checked', true);
  284.                     this.toggleAutoMode(); // Áp dụng giao diện theo chế độ
  285.                 }
  286.  
  287.                 // Khởi tạo biến theo dõi số chương đã xử lý
  288.                 this.STATE.PROCESSED_CHAPTERS = 0;
  289.                 this.STATE.TARGET_CHAPTERS = 0;
  290.             } catch (e) {
  291.                 console.error('[TTV-ERROR] Lỗi khởi tạo:', e);
  292.                 showNotification('Có lỗi khi khởi tạo Script', 'error');
  293.             }
  294.         },
  295.  
  296.         loadAutoPostState: function() {
  297.             // Khôi phục trạng thái tự động đăng từ localStorage
  298.             const autoPost = localStorage.getItem('TTV_AUTO_POST') === 'true';
  299.             this.STATE.AUTO_POST = autoPost;
  300.  
  301.             if (autoPost) {
  302.                 this.STATE.TOTAL_CHAPTERS = parseInt(localStorage.getItem('TTV_TOTAL_CHAPTERS') || '0');
  303.                 this.STATE.POSTED_CHAPTERS = parseInt(localStorage.getItem('TTV_POSTED_CHAPTERS') || '0');
  304.  
  305.                 console.log(`[TTV-DEBUG] Khôi phục tự động đăng: ${this.STATE.POSTED_CHAPTERS}/${this.STATE.TOTAL_CHAPTERS}`);
  306.             }
  307.         },
  308.         createInterface: function() {
  309.             const html = `
  310.             <div id="modern-uploader">
  311.                 <div class="text-center mb-4">
  312.                     <h3 style="color: #4285f4; margin-bottom: 15px; font-weight: 700; font-size: 18px;">📝 CÔNG CỤ ĐĂNG NHANH</h3>
  313.                 </div>
  314.                 <div class="form-group">
  315.                     <textarea placeholder="Nội dung truyện (Dán vào đây để tự động tách chương)" id="qpContent" class="form-control" rows="5"></textarea>
  316.                 </div>
  317.                 <div class="text-center mb-3">
  318.                     <label style="color: #bef385;"><input type="checkbox" id="qpOptionLoop" class="form-control" style="height:10px;width: 10px;display: inline-block;">Chế độ tự động</label>
  319.                 </div>
  320.                 <div class="button-container" style="display: flex; justify-content: center; gap: 15px;">
  321.                     <button class="btn btn-primary" id="qpButtonPaste">📋 Paste</button>
  322.                     <button class="btn btn-success" id="qpButtonSubmit">📤 Đăng chương</button>
  323.                     <button class="btn btn-danger" id="qpButtonRemoveEmpty" style="display: none;">Ẩn chương trống</button>
  324.                     <button class="btn btn-warning" id="qpButtonAutoPost" style="display: none;">🔄 (OFF)</button>
  325.                     <button class="btn btn-secondary" id="qpButtonReset" style="display: none;">🔁 Reset</button>
  326.                 </div>
  327.                 <div class="notification-container"></div>
  328.             </div>`;
  329.  
  330.             jQuery(".list-in-user").before(html);
  331.         },
  332.         initializeChapterValues: function() {
  333.             try {
  334.                 const chap_number = parseInt(jQuery('#chap_number').val());
  335.                 let chap_stt = parseInt(jQuery('.chap_stt1').val());
  336.                 let chap_serial = parseInt(jQuery('.chap_serial').val());
  337.  
  338.                 if (parseInt(jQuery('#chap_stt').val()) > chap_stt) {
  339.                     chap_stt = parseInt(jQuery('#chap_stt').val());
  340.                 }
  341.                 if (parseInt(jQuery('#chap_serial').val()) > chap_serial) {
  342.                     chap_serial = parseInt(jQuery('#chap_serial').val());
  343.                 }
  344.  
  345.                 this.STATE.CHAP_NUMBER = this.STATE.CHAP_NUMBER_ORIGINAL = chap_number || 1;
  346.                 this.STATE.CHAP_STT = this.STATE.CHAP_STT_ORIGINAL = chap_stt || 1;
  347.                 this.STATE.CHAP_SERIAL = this.STATE.CHAP_SERIAL_ORIGINAL = chap_serial || 1;
  348.             } catch (e) {
  349.                 console.error("Error initializing chapter values:", e);
  350.             }
  351.         },
  352.         cacheElements: function() {
  353.             this.ELEMENTS.qpContent = jQuery("#qpContent");
  354.             this.ELEMENTS.qpButtonSubmit = jQuery("#qpButtonSubmit");
  355.             this.ELEMENTS.qpButtonRemoveEmpty = jQuery("#qpButtonRemoveEmpty");
  356.             this.ELEMENTS.qpButtonPaste = jQuery("#qpButtonPaste");
  357.             this.ELEMENTS.qpButtonAutoPost = jQuery("#qpButtonAutoPost");
  358.             this.ELEMENTS.qpButtonReset = jQuery("#qpButtonReset"); // Added element caching
  359.             this.ELEMENTS.qpOptionLoop = jQuery("#qpOptionLoop"); // Added checkbox caching
  360.         },
  361.         registerEvents: function() {
  362.             this.ELEMENTS.qpContent.on("paste", this.handlePaste.bind(this));
  363.             this.ELEMENTS.qpButtonRemoveEmpty.on('click', this.removeEmptyChapters.bind(this));
  364.             this.ELEMENTS.qpButtonSubmit.on('click', this.submitChapters.bind(this));
  365.             this.ELEMENTS.qpButtonPaste.on('click', this.handlePasteButton.bind(this));
  366.             this.ELEMENTS.qpButtonAutoPost.on('click', this.toggleAutoPost.bind(this));
  367.             this.ELEMENTS.qpButtonReset.on('click', this.resetAutoPost.bind(this)); //Added event listener
  368.             this.ELEMENTS.qpOptionLoop.on('change', this.toggleAutoMode.bind(this)); // Added checkbox event
  369.             setupCharacterCounter();
  370.  
  371.             // Kiểm tra và bắt đầu tự động đăng nếu đã bật
  372.             if (window.location.href.includes('/dang-chuong/story/')) {
  373.                 setTimeout(() => {
  374.                     if (this.STATE.AUTO_POST && this.STATE.POSTED_CHAPTERS < this.STATE.TOTAL_CHAPTERS) {
  375.                         this.runAutoPostSequence();
  376.                     }
  377.                 }, 2000);
  378.             }
  379.         },
  380.         handlePasteButton: function() {
  381.             this.showLoading();
  382.             navigator.clipboard.readText()
  383.                 .then(text => {
  384.                     this.ELEMENTS.qpContent.val(text);
  385.                     setTimeout(() => {
  386.                         this.performAction();
  387.                         this.hideLoading();
  388.                     }, 100);
  389.                 })
  390.                 .catch(err => {
  391.                     console.error('Không thể đọc dữ liệu từ clipboard:', err);
  392.                     this.hideLoading();
  393.                     showNotification('Không thể truy cập clipboard. Vui lòng dán trực tiếp vào ô nội dung.', 'error');
  394.                 });
  395.         },
  396.         handlePaste: function(e) {
  397.             e.preventDefault();
  398.             this.ELEMENTS.qpContent.val("");
  399.             this.showLoading();
  400.             const pastedText = e.originalEvent.clipboardData.getData('text');
  401.             this.ELEMENTS.qpContent.val(pastedText);
  402.             setTimeout(() => {
  403.                 this.performAction();
  404.                 this.hideLoading();
  405.             }, 100);
  406.         },
  407.         performAction: function() {
  408.             try {
  409.                 console.log("Starting performAction");
  410.                 var text = this.ELEMENTS.qpContent.val();
  411.  
  412.                 if (!text) {
  413.                     showNotification('Không có nội dung để tách chương', 'error');
  414.                     return 0;
  415.                 }
  416.                 var debugOutput = [];
  417.                 var chapters = [];
  418.                 var lines = text.split('\n');
  419.                 var currentChapter = [];
  420.                 var lastTitle = null;
  421.                 debugOutput.push("=== Processing Text ===");
  422.                 debugOutput.push(`Total lines: ${lines.length}`);
  423.                 debugOutput.push("=== Line Analysis ===");
  424.                 function visualizeWhitespace(str) {
  425.                     return str.split('').map(c => {
  426.                         if (c === '\t') return '\\t';
  427.                         if (c === ' ') return '·';
  428.                         if (c === '\n') return '\\n';
  429.                         return c;
  430.                     }).join('');
  431.                 }
  432.                 for (let i = 0; i < lines.length; i++) {
  433.                     let line = lines[i];
  434.                     let isChapterTitle = /^\t[Cc]hương\s*\d+\s*:/.test(line) || /^\s{4,}[Cc]hương\s*\d+\s*:/.test(line);
  435.                     debugOutput.push(`Line ${i}: ${visualizeWhitespace(line.substring(0, 50))}${line.length > 50 ? '...' : ''}`);
  436.                     debugOutput.push(`  Is chapter: ${isChapterTitle}`);
  437.  
  438.                     if (isChapterTitle) {
  439.                         // Trích xuất số chương từ tiêu đề
  440.                         const chapterMatch = line.match(/[Cc]hương\s*(\d+)\s*:/);
  441.                         const currentChapterNum = chapterMatch ? parseInt(chapterMatch[1]) : 0;
  442.                         const isDuplicateNumber = currentChapterNum > 0 && debugOutput.includes(`Found chapter number: ${currentChapterNum}`);
  443.                         
  444.                         // Kiểm tra nếu dòng tiếp theo cũng là tiêu đề chương và có chung số chương
  445.                         let isConsecutiveTitle = false;
  446.                         if (i < lines.length - 1) {
  447.                             const nextLine = lines[i + 1];
  448.                             const nextLineIsChapter = /^\t[Cc]hương\s*\d+\s*:/.test(nextLine) || /^\s{4,}[Cc]hương\s*\d+\s*:/.test(nextLine);
  449.                             if (nextLineIsChapter) {
  450.                                 const nextChapterMatch = nextLine.match(/[Cc]hương\s*(\d+)\s*:/);
  451.                                 const nextChapterNum = nextChapterMatch ? parseInt(nextChapterMatch[1]) : 0;
  452.                                 isConsecutiveTitle = (nextChapterNum === currentChapterNum);
  453.                                 if (isConsecutiveTitle) {
  454.                                     debugOutput.push(`  -> Detected consecutive title with same chapter number: ${currentChapterNum}`);
  455.                                 }
  456.                             }
  457.                         }
  458.                         
  459.                         // Kiểm tra nếu dòng trước đó cũng là tiêu đề chương và vừa được xử lý
  460.                         const isAfterPreviousTitle = (i > 0 && line !== lastTitle && currentChapter.length <= 1);
  461.                         
  462.                         if (currentChapter.length > 0) {
  463.                             // Nếu không phải là tiêu đề liên tiếp hoặc sau một tiêu đề khác
  464.                             if (line !== lastTitle && !isConsecutiveTitle && !isAfterPreviousTitle) {
  465.                                 // Kiểm tra số chương trùng
  466.                                 if (isDuplicateNumber) {
  467.                                     debugOutput.push(`  -> Warning: Duplicate chapter number ${currentChapterNum} detected`);
  468.                                     showNotification(`Cảnh báo: Số chương ${currentChapterNum} bị trùng lặp`, 'warning');
  469.                                 }
  470.                                 
  471.                                 chapters.push(currentChapter.join('\n'));
  472.                                 currentChapter = [line];
  473.                                 lastTitle = line;
  474.                                 debugOutput.push(`  -> New chapter started`);
  475.                                 if (currentChapterNum > 0) {
  476.                                     debugOutput.push(`Found chapter number: ${currentChapterNum}`);
  477.                                 }
  478.                             } else {
  479.                                 if (isConsecutiveTitle) {
  480.                                     debugOutput.push(`  -> Ignoring consecutive title`);
  481.                                     // Bỏ qua dòng này vì là tiêu đề liên tiếp
  482.                                     continue;
  483.                                 } else {
  484.                                     debugOutput.push(`  -> Skipped duplicate title`);
  485.                                 }
  486.                             }
  487.                         } else {
  488.                             currentChapter = [line];
  489.                             lastTitle = line;
  490.                             debugOutput.push(`  -> First chapter started`);
  491.                             if (currentChapterNum > 0) {
  492.                                 debugOutput.push(`Found chapter number: ${currentChapterNum}`);
  493.                             }
  494.                         }
  495.                     } else if (currentChapter.length > 0) {
  496.                         currentChapter.push(line);
  497.                     }
  498.                 }
  499.                 if (currentChapter.length > 0) {
  500.                     chapters.push(currentChapter.join('\n'));
  501.                     debugOutput.push("-> Added final chapter");
  502.                 }
  503.                 debugOutput.push("=== Results ===");
  504.                 debugOutput.push(`Found ${chapters.length} chapters`);
  505.                 const processedChapters = [];
  506.                 for (let i = 0; i < chapters.length; i++) {
  507.                     const chapterLines = chapters[i].split('\n');
  508.                     const title = chapterLines.shift().trim();
  509.                     const chapterText = chapterLines.join('\n');
  510.                     const charCount = chapterText.length;
  511.                     debugOutput.push(`Chapter ${i+1} character count: ${charCount}`);
  512.                     if (charCount > 40000) {
  513.                         const parts = Math.ceil(charCount / 40000);
  514.                         debugOutput.push(`Splitting into ${parts} parts`);
  515.                         const charsPerPart = Math.ceil(charCount / parts);
  516.                         debugOutput.push(`Characters per part: ~${charsPerPart}`);
  517.                         let currentText = chapterText;
  518.                         let totalProcessed = 0;
  519.                         for (let part = 0; part < parts; part++) {
  520.                             const isLastPart = part === parts - 1;
  521.                             const targetSize = isLastPart ? currentText.length : charsPerPart;
  522.                             let endPos = Math.min(targetSize, currentText.length);
  523.                             if (!isLastPart && endPos < currentText.length) {
  524.                                 const nextParagraph = currentText.indexOf('\n\n', endPos - 500);
  525.                                 if (nextParagraph !== -1 && nextParagraph < endPos + 500) {
  526.                                     endPos = nextParagraph + 2;
  527.                                 } else {
  528.                                     const sentenceEnd = Math.max(
  529.                                         currentText.lastIndexOf('. ', endPos),
  530.                                         currentText.lastIndexOf('! ', endPos),
  531.                                         currentText.lastIndexOf('? ', endPos)
  532.                                     );
  533.                                     if (sentenceEnd !== -1 && sentenceEnd > endPos - 500) {
  534.                                         endPos = sentenceEnd + 2;
  535.                                     }
  536.                                 }
  537.                             }
  538.                             const partContent = currentText.substring(0, endPos);
  539.                             totalProcessed += partContent.length;
  540.                             currentText = currentText.substring(endPos);
  541.                             let chapterTitle = title;
  542.                             if (title.includes(':')) {
  543.                                 chapterTitle = title.substring(title.indexOf(':') + 1).trim();
  544.                             }
  545.                             let newTitle = `${title} (Phần ${part+1}/${parts})`;
  546.                             processedChapters.push(newTitle + '\n' + partContent);
  547.                             debugOutput.push(`Part ${part+1}: ${partContent.length} chars`);
  548.                         }
  549.                         debugOutput.push(`Total processed: ${totalProcessed}/${charCount} chars`);
  550.                     } else {
  551.                         processedChapters.push(chapters[i]);
  552.                     }
  553.                 }
  554.                 debugOutput.push(`After processing: ${processedChapters.length} chapters`);
  555.                 const chaptersToFill = processedChapters.slice(0, MAX_CHAPTER_POST);
  556.                 const remainingChapters = processedChapters.slice(MAX_CHAPTER_POST);
  557.                 var titles = jQuery("input[name^='chap_name']");
  558.                 var contents = jQuery("textarea[name^='introduce']");
  559.                 var advs = jQuery("textarea[name^='adv']");
  560.                 debugOutput.push(`Forms found: ${titles.length}`);
  561.                 if (processedChapters.length === 0) {
  562.                     showNotification('Không tìm thấy chương nào', 'error');
  563.                     jQuery('#debug-output').text(debugOutput.join('\n'));
  564.                     return;
  565.                 }
  566.                 if (remainingChapters.length > 0) {
  567.                     debugOutput.push(`${remainingChapters.length} chapters will be copied to clipboard`);
  568.                 }
  569.                 const neededForms = chaptersToFill.length - titles.length;
  570.                 if (neededForms > 0 && titles.length < MAX_CHAPTER_POST) {
  571.                     debugOutput.push(`Need to add ${neededForms} more forms`);
  572.                     for (let i = 0; i < neededForms && (titles.length + i) < MAX_CHAPTER_POST; i++) {
  573.                         this.addNewChapter();
  574.                     }
  575.                     titles = jQuery("input[name^='chap_name']");
  576.                     contents = jQuery("textarea[name^='introduce']");
  577.                     advs = jQuery("textarea[name^='adv']");
  578.                 }
  579.                 debugOutput.push(`Filling ${chaptersToFill.length} chapters into forms`);
  580.                 jQuery.each(titles, function(k, v) {
  581.                     if (k < chaptersToFill.length) {
  582.                         var content = chaptersToFill[k].split('\n');
  583.                         var title = content.shift().trim();
  584.                         var chapterTitle = title;
  585.                         if (title.includes(':')) {
  586.                             chapterTitle = title.substring(title.indexOf(':') + 1).trim();
  587.                         }
  588.                         debugOutput.push(`\nFilling chapter ${k + 1}:`);
  589.                         debugOutput.push(`Original title: ${title}`);
  590.                         debugOutput.push(`Extracted title: ${chapterTitle}`);
  591.                         debugOutput.push(`Content length: ${content.length} lines`);
  592.                         if (!chapterTitle || chapterTitle.trim() === '') {
  593.                             chapterTitle = "Vô đề";
  594.                             debugOutput.push(`Empty title detected, using default: ${chapterTitle}`);
  595.                         }
  596.                         titles[k].value = chapterTitle;
  597.                         contents[k].value = HEADER_SIGN + "\r\n" + content.join('\n') + "\r\n" + FOOTER_SIGN;
  598.                         if (advs[k]) advs[k].value = "";
  599.                         jQuery(contents[k]).trigger('input');
  600.                     }
  601.                 });
  602.                 if (remainingChapters.length > 0) {
  603.                     try {
  604.                         const clipboardContent = remainingChapters.map(chap => {
  605.                             const lines = chap.trim().split('\n');
  606.                             if (lines.length > 0) {
  607.                                 if (!lines[0].startsWith('\t')) {
  608.                                     lines[0] = '\t' + lines[0];
  609.                                 }
  610.                             }
  611.                             return lines.join('\n');
  612.                         }).join('\n\n---CHAPTER_SEPARATOR---\n\n');
  613.                         let splitChapters = 0;
  614.                         let shortChapters = 0;
  615.                         let shortChapterDetails = [];
  616.                         let longChapterDetails = [];
  617.                         for (let i = 0; i < chapters.length; i++) {
  618.                             const chapterLines = chapters[i].split('\n');
  619.                             const title = chapterLines.shift().trim();
  620.                             const chapterText = chapterLines.join('\n');
  621.                             if (chapterText.length > 40000) {
  622.                                 splitChapters++;
  623.                                 const partsCount = Math.ceil(chapterText.length / 40000);
  624.                                 longChapterDetails.push({
  625.                                     title: title,
  626.                                     parts: partsCount
  627.                                 });
  628.                             }
  629.                             if (chapterText.length < 3000) {
  630.                                 shortChapters++;
  631.                                 shortChapterDetails.push({
  632.                                     title: title,
  633.                                     length: chapterText.length
  634.                                 });
  635.                             }
  636.                         }
  637.                         const splittedChaptersCount = processedChapters.length - (chapters.length - splitChapters);
  638.                         let message = '';
  639.                         message = message.concat(`📝Đã xử lý ${processedChapters.length} Chương\n`);
  640.                         message = message.concat(`📝Đã nhập ${Math.min(processedChapters.length, MAX_CHAPTER_POST)} Chương\n`);
  641.  
  642.                         if (remainingChapters.length > 0) {
  643.                             message = message.concat(`📋Đã lưu lại ${remainingChapters.length} Chương\n`);
  644.                         }
  645.                         if (splitChapters > 0) {
  646.                             message = message.concat(`📑Có ${splitChapters} Chương đã chia thành ${splittedChaptersCount} Chương\n`);
  647.                             longChapterDetails.forEach(chapter => {
  648.                                 let chapterName = chapter.title;
  649.                                 if (chapterName.includes(':')) {
  650.                                     chapterName = chapterName.trim();
  651.                                 }
  652.                                 message = message.concat(` - ${chapterName}: ${chapter.parts} Chương\n`);
  653.                             });
  654.                         }
  655.                         if (shortChapters > 0) {
  656.                             message = message.concat(`⚠️<span class="short-chapters-warning">Có ${shortChapters} chương dưới 3000 ký tự</span>\n`);
  657.                             shortChapterDetails.forEach(chapter => {
  658.                                 let chapterName = chapter.title;
  659.                                 if (chapterName.includes(':')) {
  660.                                     chapterName = chapterName.trim();
  661.                                 }
  662.                                 message = message.concat(`<span class="short-chapters-warning"> - ${chapterName}: có ${chapter.length.toLocaleString()} ký tự</span>\n`);
  663.                             });
  664.                         }
  665.                         // Cập nhật số chương đã xử lý
  666.                         this.STATE.PROCESSED_CHAPTERS += processedChapters.length;
  667.  
  668.                         // Kiểm tra xem đã xử lý đủ số chương chưa
  669.                         if (this.STATE.TARGET_CHAPTERS > 0 && this.STATE.PROCESSED_CHAPTERS >= this.STATE.TARGET_CHAPTERS) {
  670.                             message = message.concat(`\n🎯 Đã đạt mục tiêu xử lý ${this.STATE.PROCESSED_CHAPTERS}/${this.STATE.TARGET_CHAPTERS} chương`);
  671.                             // Xóa clipboard nếu đã đủ số chương
  672.                             if (navigator.clipboard && navigator.clipboard.writeText) {
  673.                                 navigator.clipboard.writeText("");
  674.                             }
  675.                         }
  676.  
  677.                         showNotification(message, 'success');
  678.                     } catch (err) {
  679.                     console.error('Lỗi khi sao chép vào clipboard:', err);
  680.                     debugOutput.push(`Lỗi khi sao chép vào clipboard: ${err.message}`);
  681.                     showNotification('Không thể sao chép vào clipboard. Vui lòng thử lại.', 'error');
  682.                     const manualCopyArea = document.createElement('div');
  683.                     manualCopyArea.style.position = 'fixed';
  684.                     manualCopyArea.style.top = '50%';
  685.                     manualCopyArea.style.left = '50%';
  686.                     manualCopyArea.style.transform = 'translate(-50%, -50%)';
  687.                     manualCopyArea.style.backgroundColor = 'white';
  688.                     manualCopyArea.style.padding = '20px';
  689.                     manualCopyArea.style.borderRadius = '8px';
  690.                     manualCopyArea.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.1)';
  691.                     manualCopyArea.style.zIndex = '10000';
  692.                     manualCopyArea.style.maxWidth = '80%';
  693.                     manualCopyArea.style.maxHeight = '80%';
  694.                     manualCopyArea.style.overflow = 'auto';
  695.                     manualCopyArea.innerHTML = `
  696.                         <h3 style="margin-top: 0;">Sao chép thủ công</h3>
  697.                         <p>Không thể sao chép tự động. Vui lòng chọn toàn bộ nội dung bên dưới và sao chép (Ctrl+C):</p>
  698.                         <textarea style="width: 100%; height: 300px; padding: 10px;">${clipboardContent}</textarea>
  699.                             <div style="text-align: right; margin-top: 10px;">
  700.                                 <button id="closeManualCopy" style="padding: 8px 16px; background: #3b82f6; color: white; border: none; border-radius: 4px; cursor: pointer;">Đóng</button>
  701.                             </div>
  702.                         `;
  703.                         document.body.appendChild(manualCopyArea);
  704.                         document.getElementById('closeManualCopy').addEventListener('click', () => {
  705.                             document.body.removeChild(manualCopyArea);
  706.                         });
  707.                     }
  708.                 }
  709.                 this.ELEMENTS.qpButtonSubmit.removeClass("btn-disable").addClass("btn-success");
  710.                 this.ELEMENTS.qpContent.val("Đã thựchiện xong");
  711.                 if (remainingChapters.length === 0) {
  712.                     let splitChapters = 0;
  713.                     let shortChapters = 0;
  714.                     let shortChapterDetails = [];
  715.                     let longChapterDetails = [];
  716.                     for (let i = 0; i < chapters.length; i++) {
  717.                         const chapterLines = chapters[i].split('\n');
  718.                         const title = chapterLines.shift().trim();
  719.                         const chapterText = chapterLines.join('\n');
  720.                         if (chapterText.length > 40000) {
  721.                             splitChapters++;
  722.                             const partsCount = Math.ceil(chapterText.length / 40000);
  723.                             longChapterDetails.push({
  724.                                 title: title,
  725.                                 parts: partsCount
  726.                             });
  727.                         }
  728.                         if (chapterText.length < 3000) {
  729.                             shortChapters++;
  730.                             shortChapterDetails.push({
  731.                                 title: title,
  732.                                 length: chapterText.length
  733.                             });
  734.                         }
  735.                     }
  736.                     const splittedChaptersCount = processedChapters.length - (chapters.length - splitChapters);
  737.                     let message = '';
  738.                     message = message.concat(`📝Đã xử lý ${processedChapters.length} Chương\n`);
  739.                     message = message.concat(`📝Đã nhập ${Math.min(processedChapters.length, MAX_CHAPTER_POST)} Chương\n`);
  740.                     if (splitChapters > 0) {
  741.                         message = message.concat(`📑Có ${splitChapters} Chương dài chia thành ${splittedChaptersCount} Chương\n`);
  742.                         longChapterDetails.forEach(chapter => {
  743.                             let chapterName = chapter.title;
  744.                             if (chapterName.includes(':')) {
  745.                                 chapterName = chapterName.trim();
  746.                             }
  747.                             message = message.concat(` - ${chapterName}: ${chapter.parts} Chương\n`);
  748.                         });
  749.                     }
  750.                     if (shortChapters > 0) {
  751.                         message = message.concat(`⚠️<span class="short-chapters-warning">Có ${shortChapters} chương dưới 3000 ký tự</span>\n`);
  752.                         shortChapterDetails.forEach(chapter => {
  753.                             let chapterName = chapter.title;
  754.                             if (chapterName.includes(':')) {
  755.                                 chapterName = chapterName.trim();
  756.                             }
  757.                             message = message.concat(`<span class="short-chapters-warning"> - ${chapterName}: có ${chapter.length.toLocaleString()} ký tự</span>\n`);
  758.                         });
  759.                     }
  760.                     showNotification(message, 'success');
  761.                 }
  762.                 jQuery('#debug-output').text(debugOutput.join('\n'));
  763.                 return processedChapters.length;
  764.             } catch (e) {
  765.                 console.error("Error in performAction:", e);
  766.                 showNotification('Có lỗi khi tách chương', 'error');
  767.                 return 0;
  768.             }
  769.         },
  770.         removeEmptyChapters: function() {
  771.             const forms = document.querySelectorAll('[data-gen="MK_GEN"]');
  772.             let removed = 0;
  773.  
  774.             forms.forEach(form => {
  775.                 const content = form.querySelector('textarea[name^="introduce"]').value.trim();
  776.                 if (!content) {
  777.                     form.remove();
  778.                     removed++;
  779.                     this.updateChapNumber(false);
  780.                 }
  781.             });
  782.             showNotification(`Đã xử lý ${forms.length} chương`, 'info');
  783.         },
  784.         toggleAutoPost: function() {
  785.             this.STATE.AUTO_POST = !this.STATE.AUTO_POST;
  786.  
  787.             if (this.STATE.AUTO_POST) {
  788.                 // Lưu trạng thái tự động đăng vào localStorage
  789.                 localStorage.setItem('TTV_AUTO_POST', 'true');
  790.                 this.STATE.TOTAL_CHAPTERS = parseInt(prompt("Nhập tổng số lần tự động đăng:", "10")) || 0;
  791.                 this.STATE.POSTED_CHAPTERS = parseInt(localStorage.getItem('TTV_POSTED_CHAPTERS') || '0');
  792.                 this.STATE.TARGET_CHAPTERS = this.STATE.TOTAL_CHAPTERS; // Set target chapters
  793.  
  794.                 localStorage.setItem('TTV_TOTAL_CHAPTERS', this.STATE.TOTAL_CHAPTERS.toString());
  795.  
  796.                 this.ELEMENTS.qpButtonAutoPost.text(`🔄 (ON) ${this.STATE.POSTED_CHAPTERS}/${this.STATE.TOTAL_CHAPTERS}`);
  797.                 this.ELEMENTS.qpButtonAutoPost.removeClass('btn-warning').addClass('btn-info');
  798.  
  799.                 showNotification(`Đã bật tự động đăng (${this.STATE.POSTED_CHAPTERS}/${this.STATE.TOTAL_CHAPTERS})`, 'success');
  800.  
  801.                 // Bắt đầu quy trình tự động
  802.                 if (window.location.href.includes('/dang-chuong/story/')) {
  803.                     setTimeout(() => this.runAutoPostSequence(), 2000);
  804.                 }
  805.             } else {
  806.                 // Tắt tự động đăng
  807.                 localStorage.setItem('TTV_AUTO_POST', 'false');
  808.                 // Reset số lần đã đăng về 0
  809.                 this.STATE.POSTED_CHAPTERS = 0;
  810.                 localStorage.setItem('TTV_POSTED_CHAPTERS', '0');
  811.                 // Reset tổng số lần đăng về 0
  812.                 this.STATE.TOTAL_CHAPTERS = 0;
  813.                 localStorage.setItem('TTV_TOTAL_CHAPTERS', '0');
  814.                 this.STATE.TARGET_CHAPTERS = 0; // Reset target chapters
  815.                 this.ELEMENTS.qpButtonAutoPost.text('🔄 (OFF)');
  816.                 this.ELEMENTS.qpButtonAutoPost.removeClass('btn-info').addClass('btn-warning');
  817.                 showNotification('Đã tắt tự động đăng và reset số lần đăng', 'info');
  818.             }
  819.         },
  820.  
  821.         runAutoPostSequence: function() {
  822.             // Kiểm tra trước khi chạy tự động
  823.             if (this.STATE.POSTED_CHAPTERS >= this.STATE.TOTAL_CHAPTERS) {
  824.                 // Reset trạng thái tự động nếu đã hoàn thành
  825.                 this.STATE.AUTO_POST = false;
  826.                 localStorage.setItem('TTV_AUTO_POST', 'false');
  827.                 this.ELEMENTS.qpButtonAutoPost.text('🔄 (OFF)');
  828.                 this.ELEMENTS.qpButtonAutoPost.removeClass('btn-info').addClass('btn-warning');
  829.  
  830.                 // Reset số lần đã đăng
  831.                 this.STATE.POSTED_CHAPTERS = 0;
  832.                 localStorage.setItem('TTV_POSTED_CHAPTERS', '0');
  833.  
  834.                 showNotification(`Đã hoàn thành tự động đăng ${this.STATE.TOTAL_CHAPTERS}/${this.STATE.TOTAL_CHAPTERS} chương và đã reset số lần đăng`, 'success');
  835.                 return;
  836.             }
  837.  
  838.             if (!this.STATE.AUTO_POST) {
  839.                 return;
  840.             }
  841.  
  842.             // Tự động nhấn nút Paste sau 2 giây
  843.             setTimeout(() => {
  844.                 if (this.STATE.AUTO_POST) {
  845.                     this.handlePasteButton();
  846.  
  847.                     // Tự động nhấn nút Đăng chương sau 3 giây
  848.                     setTimeout(() => {
  849.                         if (this.STATE.AUTO_POST) {
  850.                             this.submitChapters();
  851.                         }
  852.                     }, 3000);
  853.                 }
  854.             }, 2000);
  855.         },
  856.  
  857.         submitChapters: function() {
  858.             if (!validateChapterLengths()) {
  859.                 return;
  860.             }
  861.             this.showLoading();
  862.             document.querySelector('form[name="postChapForm"] button[type="submit"]').click();
  863.  
  864.             if (this.STATE.AUTO_POST) {
  865.                 // Cập nhật số chương đã đăng
  866.                 this.STATE.POSTED_CHAPTERS++;
  867.                 localStorage.setItem('TTV_POSTED_CHAPTERS', this.STATE.POSTED_CHAPTERS.toString());
  868.  
  869.                 // Kiểm tra và tắt tự động đăng nếu đã đủ số chương
  870.                 if (this.STATE.POSTED_CHAPTERS >= this.STATE.TOTAL_CHAPTERS) {
  871.                     this.STATE.AUTO_POST = false;
  872.                     localStorage.setItem('TTV_AUTO_POST', 'false');
  873.                     this.ELEMENTS.qpButtonAutoPost.text('🔄 (OFF)');
  874.                     this.ELEMENTS.qpButtonAutoPost.removeClass('btn-info').addClass('btn-warning');
  875.  
  876.                     // Reset số lần đã đăng
  877.                     this.STATE.POSTED_CHAPTERS = 0;
  878.                     localStorage.setItem('TTV_POSTED_CHAPTERS', '0');
  879.  
  880.                     setTimeout(() => {
  881.                         showNotification(`Đã hoàn thành tự động đăng ${this.STATE.TOTAL_CHAPTERS}/${this.STATE.TOTAL_CHAPTERS} chương và đã reset số lần đăng`, 'success');
  882.                     }, 3000);
  883.                 }
  884.             }
  885.  
  886.             setTimeout(() => this.hideLoading(), 2000);
  887.         },
  888.         addNewChapter: function() {
  889.             if ((this.STATE.CHAP_NUMBER + 1) <= MAX_CHAPTER_POST) {
  890.                 this.updateChapNumber(true);
  891.                 const html = createChapterHTML(this.STATE.CHAP_NUMBER);
  892.                 jQuery('#add-chap').before(html);
  893.                 setupCharacterCounter();
  894.             } else {
  895.                 showNotification(`Chỉ có thể đăng tối đa ${MAX_CHAPTER_POST} chương một lần`, 'warning');
  896.             }
  897.         },
  898.         updateChapNumber: function(isAdd) {
  899.             try{
  900.                 if (isAdd) {
  901.                     let maxStt =0;
  902.                     let maxSerial = 0;
  903.                     jQuery('input[name^="chap_stt"]').each(function() {
  904.                         const val = parseInt(jQuery(this).val()) || 0;
  905.                         maxStt = Math.max(maxStt, val);
  906.                     });
  907.                     jQuery('input[name^="chap_number"]').each(function() {
  908.                         const val = parseInt(jQuery(this).val()) || 0;
  909.                         maxSerial = Math.max(maxSerial, val);
  910.                     });
  911.                     const chapStt = parseInt(jQuery('.chap_stt1').val()) || 0;
  912.                     const chapSerial = parseInt(jQuery('.chap_serial').val()) || 0;
  913.                     maxStt = Math.max(maxStt, chapStt);
  914.                     maxSerial = Math.max(maxSerial, chapSerial);
  915.                     this.STATE.CHAP_STT = maxStt + 1;
  916.                     this.STATE.CHAP_SERIAL = maxSerial + 1;
  917.                     this.STATE.CHAP_NUMBER++;
  918.                 } else {
  919.                     if (this.STATE.CHAP_NUMBER > this.STATE.CHAP_NUMBER_ORIGINAL) {
  920.                         this.STATE.CHAP_NUMBER--;
  921.                     }
  922.                     if (this.STATE.CHAP_STT > this.STATE.CHAP_STT_ORIGINAL) {
  923.                         this.STATE.CHAP_STT--;
  924.                     }
  925.                     if (this.STATE.CHAP_SERIAL > this.STATE.CHAP_SERIAL_ORIGINAL) {
  926.                         this.STATE.CHAP_SERIAL--;
  927.                     }
  928.                 }
  929.                 jQuery('#chap_number').val(this.STATE.CHAP_NUMBER);
  930.                 jQuery('#chap_stt').val(this.STATE.CHAP_STT);
  931.                 jQuery('#chap_serial').val(this.STATE.CHAP_SERIAL);
  932.                 jQuery('#countNumberPost').text(this.STATE.CHAP_NUMBER);
  933.             } catch (e) {
  934.                 console.log("Lỗi: " + e);
  935.             }
  936.         },
  937.         showLoading: function() {
  938.             const loading = jQuery("<div>", {
  939.                 class: "loading-overlay",
  940.                 css: {
  941.                     position: "fixed",
  942.                     inset: 0,
  943.                     backgroundColor: "rgba(0, 0, 0, 0.5)",
  944.                     display: "flex",
  945.                     alignItems: "center",
  946.                     justifyContent: "center",
  947.                     zIndex: 9999
  948.                 },
  949.                 html: "<div class='loading-spinner'></div>"
  950.             });
  951.             jQuery("body").append(loading);
  952.         },
  953.         hideLoading: function() {
  954.             jQuery(".loading-overlay").remove();
  955.         },
  956.         resetAutoPost: function() { // Added reset function
  957.             this.STATE.TOTAL_CHAPTERS = 0;
  958.             this.STATE.POSTED_CHAPTERS = 0;
  959.             this.STATE.TARGET_CHAPTERS = 0; // Reset target chapters
  960.             localStorage.removeItem('TTV_TOTAL_CHAPTERS');
  961.             localStorage.removeItem('TTV_POSTED_CHAPTERS');
  962.             this.ELEMENTS.qpButtonAutoPost.text('🔄 (OFF)');
  963.             this.ELEMENTS.qpButtonAutoPost.removeClass('btn-info').addClass('btn-warning');
  964.             showNotification('Đã reset số lần tự động đăng', 'info');
  965.         },
  966.         toggleAutoMode: function() {
  967.             const isAutoMode = this.ELEMENTS.qpOptionLoop.is(':checked');
  968.  
  969.             if (isAutoMode) {
  970.                 // Hiển thị nút tự động đăng và reset, ẩn nút paste và đăng chương
  971.                 this.ELEMENTS.qpButtonAutoPost.show();
  972.                 this.ELEMENTS.qpButtonReset.show();
  973.                 this.ELEMENTS.qpButtonPaste.hide();
  974.                 this.ELEMENTS.qpButtonSubmit.hide();
  975.  
  976.                 showNotification('Đã bật chế độ tự động', 'info');
  977.             } else {
  978.                 // Hiển thị nút paste và đăng chương, ẩn nút tự động đăng và reset
  979.                 this.ELEMENTS.qpButtonAutoPost.hide();
  980.                 this.ELEMENTS.qpButtonReset.hide();
  981.                 this.ELEMENTS.qpButtonPaste.show();
  982.                 this.ELEMENTS.qpButtonSubmit.show();
  983.  
  984.                 showNotification('Đã tắt chế độ tự động', 'info');
  985.             }
  986.  
  987.             // Lưu trạng thái vào localStorage
  988.             localStorage.setItem('TTV_AUTO_MODE', isAutoMode.toString());
  989.         }
  990.     };
  991.     dăngnhanhTTV.init();
  992. })();