☰

TTV Auto Upload

Tự động điền form đăng chương trên tangthuvien.net

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

  1. // ==UserScript==
  2. // @name         TTV Auto Upload
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.4
  5. // @description  Tự động điền form đăng chương trên tangthuvien.net
  6. // @author       HA
  7. // @match        https://tangthuvien.net/dang-chuong/story/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     // CSS tối giản
  15.     const style = document.createElement('style');
  16.     style.textContent = `
  17.         .ttv-notification {position:fixed;top:20px;right:20px;padding:10px 20px;background:#4CAF50;color:white;border-radius:4px;z-index:9999;display:none}
  18.         .ttv-error {background:#f44336}
  19.         .ttv-control-panel {position:fixed;top:50px;right:20px;background:white;padding:25px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.15);z-index:9998;width:500px;transition:all 0.3s ease}
  20.         .ttv-control-panel.minimized {width:auto;height:auto;padding:10px;opacity:0.8;transform:translateX(calc(100% - 40px))}
  21.         .ttv-control-panel.minimized:hover {opacity:1;transform:translateX(0)}
  22.         .ttv-control-panel.minimized .ttv-button-group,.ttv-control-panel.minimized .ttv-header {display:none}
  23.         .ttv-button-group {display:flex;flex-direction:column;gap:15px}
  24.         .ttv-content-editor {width:100%;height:100px;margin:6px 0;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:13px;resize:vertical}
  25.         .ttv-preview {display:none;width:100%;height:100px;margin:6px 0;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:13px;background:#f9f9f9}
  26.         .ttv-heading {font-size:15px;color:#555;margin:12px 0;display:flex;justify-content:space-between;align-items:center}
  27.         .ttv-word-count {font-size:12px;color:#888;padding:3px 8px;background:#f5f5f5;border-radius:4px}
  28.         .ttv-chapter-list {width:100%;margin:10px 0;max-height:200px;overflow-y:auto;border:1px solid #eee;border-radius:6px;padding:8px}
  29.         .ttv-chapter-item {padding:8px;border-bottom:1px solid #eee;cursor:pointer;font-size:12px;color:#666}
  30.         .ttv-chapter-item .chapter-title {font-weight:bold;margin-bottom:4px}
  31.         .ttv-chapter-item .chapter-name {color:#888;padding-left:10px;border-left:2px solid #ddd;margin:4px 0}
  32.         .ttv-chapter-item .chapter-stats {font-size:11px;color:#999}
  33.         .ttv-chapter-item:last-child {border-bottom:none}
  34.         .ttv-chapter-item.selected {background:#f0f8ff;border-left:2px solid #5bc0de}
  35.         button.btn-warning {background:#f0ad4e;color:white;border:none;padding:12px;border-radius:6px;width:100%;font-size:14px}
  36.         button.btn-warning:hover {background:#ec971f}
  37.         button.ttv-minimize {padding:2px 8px;background:none;border:none;cursor:pointer;font-size:16px;color:#666}
  38.         .chapter-character-count {text-align:right;font-size:12px;margin-top:5px;color:#666}
  39.         textarea[name^="introduce"].short-chapter {border:2px solid #ff0000 !important;background-color:rgba(255,0,0,0.1) !important}
  40.         @keyframes shortChapterBlink {0%{background-color:rgba(255,0,0,0.1)}50%{background-color:rgba(255,0,0,0.2)}100%{background-color:rgba(255,0,0,0.1)}}
  41.         .short-chapters-warning {color:#ff0000;font-weight:bold;animation:shortChapterBlink 1s infinite}
  42.     `;
  43.     document.head.appendChild(style);
  44.     
  45.     // Constants
  46.     const HEADER_SIGN = "";
  47.     const FOOTER_SIGN = "";
  48.     const MAX_CHAPTER_POST = 10;
  49.  
  50.     // State management
  51.     const dăngnhanhTTV = {
  52.         STATE: {
  53.             CHAP_NUMBER: 1,
  54.             CHAP_STT: 1,
  55.             CHAP_SERIAL: 1,
  56.             CHAP_NUMBER_ORIGINAL: 1,
  57.             CHAP_STT_ORIGINAL: 1,
  58.             CHAP_SERIAL_ORIGINAL: 1,
  59.             AUTO_POST: false,
  60.             TOTAL_CHAPTERS: 0,
  61.             POSTED_CHAPTERS: 0
  62.         },
  63.         initializeChapterValues: function() {
  64.             try {
  65.                 const chap_number = parseInt(jQuery('#chap_number').val());
  66.                 let chap_stt = parseInt(jQuery('.chap_stt1').val());
  67.                 let chap_serial = parseInt(jQuery('.chap_serial').val());
  68.  
  69.                 if (parseInt(jQuery('#chap_stt').val()) > chap_stt) {
  70.                     chap_stt = parseInt(jQuery('#chap_stt').val());
  71.                 }
  72.                 if (parseInt(jQuery('#chap_serial').val()) > chap_serial) {
  73.                     chap_serial = parseInt(jQuery('#chap_serial').val());
  74.                 }
  75.  
  76.                 this.STATE.CHAP_NUMBER = this.STATE.CHAP_NUMBER_ORIGINAL = chap_number || 1;
  77.                 this.STATE.CHAP_STT = this.STATE.CHAP_STT_ORIGINAL = chap_stt || 1;
  78.                 this.STATE.CHAP_SERIAL = this.STATE.CHAP_SERIAL_ORIGINAL = chap_serial || 1;
  79.             } catch (e) {
  80.                 console.error("Error initializing chapter values:", e);
  81.             }
  82.         },
  83.         addNewChapter: function() {
  84.             if ((this.STATE.CHAP_NUMBER + 1) <= MAX_CHAPTER_POST) {
  85.                 this.updateChapNumber(true);
  86.                 const html = createChapterHTML(this.STATE.CHAP_NUMBER);
  87.                 jQuery('#add-chap').before(html);
  88.                 setupCharacterCounter();
  89.                 showNotification(`Đã thêm chương mới`);
  90.             } else {
  91.                 showNotification(`Chỉ có thể đăng tối đa ${MAX_CHAPTER_POST} chương một lần`, true);
  92.             }
  93.         },
  94.         updateChapNumber: function(isAdd) {
  95.             try {
  96.                 if (isAdd) {
  97.                     let maxStt = 0;
  98.                     let maxSerial = 0;
  99.                     jQuery('input[name^="chap_stt"]').each(function() {
  100.                         const val = parseInt(jQuery(this).val()) || 0;
  101.                         maxStt = Math.max(maxStt, val);
  102.                     });
  103.                     jQuery('input[name^="chap_number"]').each(function() {
  104.                         const val = parseInt(jQuery(this).val()) || 0;
  105.                         maxSerial = Math.max(maxSerial, val);
  106.                     });
  107.                     const chapStt = parseInt(jQuery('.chap_stt1').val()) || 0;
  108.                     const chapSerial = parseInt(jQuery('.chap_serial').val()) || 0;
  109.                     maxStt = Math.max(maxStt, chapStt);
  110.                     maxSerial = Math.max(maxSerial, chapSerial);
  111.                     this.STATE.CHAP_STT = maxStt + 1;
  112.                     this.STATE.CHAP_SERIAL = maxSerial + 1;
  113.                     this.STATE.CHAP_NUMBER++;
  114.                 } else {
  115.                     if (this.STATE.CHAP_NUMBER > this.STATE.CHAP_NUMBER_ORIGINAL) {
  116.                         this.STATE.CHAP_NUMBER--;
  117.                     }
  118.                     if (this.STATE.CHAP_STT > this.STATE.CHAP_STT_ORIGINAL) {
  119.                         this.STATE.CHAP_STT--;
  120.                     }
  121.                     if (this.STATE.CHAP_SERIAL > this.STATE.CHAP_SERIAL_ORIGINAL) {
  122.                         this.STATE.CHAP_SERIAL--;
  123.                     }
  124.                 }
  125.                 jQuery('#chap_number').val(this.STATE.CHAP_NUMBER);
  126.                 jQuery('#chap_stt').val(this.STATE.CHAP_STT);
  127.                 jQuery('#chap_serial').val(this.STATE.CHAP_SERIAL);
  128.                 jQuery('#countNumberPost').text(this.STATE.CHAP_NUMBER);
  129.             } catch (e) {
  130.                 console.log("Lỗi: " + e);
  131.             }
  132.         }
  133.     };
  134.  
  135.     // UI Elements
  136.     const notification = document.createElement('div');
  137.     notification.className = 'ttv-notification';
  138.     document.body.appendChild(notification);
  139.  
  140.     // Hiển thị thông báo
  141.     function showNotification(message, isError = false) {
  142.         notification.textContent = message;
  143.         notification.className = 'ttv-notification' + (isError ? ' ttv-error' : '');
  144.         notification.style.display = 'block';
  145.         setTimeout(() => notification.style.display = 'none', 3000);
  146.     }
  147.  
  148.     // Phân tích chương
  149.     function parseChapters(content) {
  150.         // Giữ nguyên định dạng gốc của nội dung - không sửa đổi dấu cách hoặc xuống dòng
  151.         const lines = content.split('\n');
  152.         const chapters = [];
  153.         let currentChapter = {title: '', name: '', content: []};
  154.         // Hỗ trợ nhiều định dạng tiêu đề chương phổ biến
  155.         const chapterPatterns = [
  156.             /^\s*Chương\s+\d+\s*:/i,     // Chương X:
  157.             /^\t+Chương\s+\d+\s*:/i,     // [Tab]Chương X:
  158.             /^\s{4,}Chương\s+\d+\s*:/i   // [Spaces]Chương X:
  159.         ];
  160.  
  161.         // Biến để kiểm soát tiêu đề trùng lặp
  162.         let chapterTitles = new Set();
  163.         let chapterNumbers = new Map(); // Lưu số chương và tiêu đề đã gặp
  164.         let duplicateCount = 0;
  165.  
  166.         // Mảng lưu nội dung của các dòng trống gần nhất
  167.         let emptyLineBuffer = [];
  168.         // Biến để theo dõi tiêu đề chương trước đó
  169.         let previousChapterLine = '';
  170.         let previousChapterNum = 0;
  171.         // Khoảng cách dòng tối thiểu giữa các tiêu đề hợp lệ
  172.         const MIN_LINES_BETWEEN_CHAPTERS = 5;
  173.         // Số dòng đã qua kể từ tiêu đề cuối
  174.         let linesSinceLastTitle = 0;
  175.         // Map để nhóm các tiêu đề theo số chương
  176.         let chapterGroups = new Map();
  177.  
  178.         // Hàm kiểm tra xem một dòng có phải là tiêu đề chương không
  179.         function isChapterTitle(line) {
  180.             return chapterPatterns.some(pattern => pattern.test(line));
  181.         }
  182.  
  183.         // Hàm trích xuất số chương từ tiêu đề
  184.         function extractChapterNumber(line) {
  185.             const match = line.match(/Chương\s+(\d+)\s*:/i);
  186.             return match ? parseInt(match[1]) : 0;
  187.         }
  188.  
  189.         // Hàm trích xuất tên chương từ tiêu đề
  190.         function extractChapterName(line) {
  191.             const parts = line.split(':');
  192.             if (parts.length < 2) return '';
  193.             return parts.slice(1).join(':').replace(/^[.,;'"]+|[.,;'"]+$/g, '').trim();
  194.         }
  195.  
  196.         // Hàm lấy mã chương dựa vào tiêu đề
  197.         function getChapterCode(title) {
  198.             // Lấy số chương + tên chương, bỏ qua các ký tự đặc biệt
  199.             const match = title.match(/[Cc]hương\s*(\d+)\s*:/);
  200.             if (!match) return title.trim();
  201.             const chapterNum = match[1];
  202.             return `chap_${chapterNum}`;
  203.         }
  204.  
  205.         // Pass đầu tiên: thu thập tất cả các tiêu đề chương và nhóm theo số chương
  206.         for (let i = 0; i < lines.length; i++) {
  207.             const line = lines[i].trim();
  208.             if (isChapterTitle(line)) {
  209.                 const chapterNum = extractChapterNumber(line);
  210.                 const chapterName = extractChapterName(line);
  211.                 
  212.                 if (!chapterGroups.has(chapterNum)) {
  213.                     chapterGroups.set(chapterNum, []);
  214.                 }
  215.                 
  216.                 chapterGroups.get(chapterNum).push({
  217.                     lineIndex: i,
  218.                     title: lines[i], // Giữ nguyên định dạng gốc
  219.                     name: chapterName,
  220.                     length: chapterName.length
  221.                 });
  222.             }
  223.         }
  224.         
  225.         // Phân tích để loại bỏ các tiêu đề trùng lặp trong cùng một chương
  226.         for (const [chapterNum, titles] of chapterGroups.entries()) {
  227.             // Nếu chỉ có một tiêu đề cho số chương này, giữ lại
  228.             if (titles.length === 1) {
  229.                 chapterNumbers.set(chapterNum, {
  230.                     title: titles[0].title,
  231.                     name: titles[0].name,
  232.                     lineIndex: titles[0].lineIndex
  233.                 });
  234.                 continue;
  235.             }
  236.             
  237.             // Nếu có nhiều tiêu đề cho cùng một số chương
  238.             // Chọn tiêu đề có tên dài nhất và xác định nhất
  239.             titles.sort((a, b) => b.length - a.length);
  240.             
  241.             // Ưu tiên tiêu đề đầu tiên nếu các tiêu đề có độ dài tương đương
  242.             if (titles[0].length > 0) {
  243.                 chapterNumbers.set(chapterNum, {
  244.                     title: titles[0].title,
  245.                     name: titles[0].name,
  246.                     lineIndex: titles[0].lineIndex
  247.                 });
  248.                 
  249.                 // Đánh dấu các tiêu đề còn lại là trùng lặp
  250.                 for (let i = 1; i < titles.length; i++) {
  251.                     duplicateCount++;
  252.                 }
  253.             }
  254.         }
  255.         
  256.         // Sắp xếp các chương theo thứ tự dòng trong văn bản
  257.         const sortedChapters = Array.from(chapterNumbers.entries())
  258.             .sort((a, b) => a[1].lineIndex - b[1].lineIndex);
  259.         
  260.         // Pass thứ hai: xây dựng nội dung chương từ các tiêu đề đã được xác định
  261.         for (let i = 0; i < sortedChapters.length; i++) {
  262.             const [chapterNum, chapterInfo] = sortedChapters[i];
  263.             const nextChapterIndex = (i < sortedChapters.length - 1) ? 
  264.                 sortedChapters[i+1][1].lineIndex : lines.length;
  265.             
  266.             const chapterContent = [];
  267.             // Thu thập nội dung từ sau tiêu đề đến trước tiêu đề tiếp theo
  268.             for (let j = chapterInfo.lineIndex + 1; j < nextChapterIndex; j++) {
  269.                 // Loại bỏ các tiêu đề trùng lặp đã được xác định
  270.                 const line = lines[j];
  271.                 const trimmedLine = line.trim();
  272.                 
  273.                 if (isChapterTitle(trimmedLine)) {
  274.                     const lineChapterNum = extractChapterNumber(trimmedLine);
  275.                     // Nếu đây là tiêu đề trùng lặp của chương hiện tại, bỏ qua
  276.                     if (lineChapterNum === chapterNum) {
  277.                         continue;
  278.                     }
  279.                 }
  280.                 
  281.                 chapterContent.push(lines[j]);
  282.             }
  283.             
  284.             chapters.push({
  285.                 title: chapterInfo.title,
  286.                 name: chapterInfo.name,
  287.                 content: chapterContent
  288.             });
  289.         }
  290.  
  291.         if (chapters.length > 0) {
  292.             displayChapters(chapters);
  293.             if (duplicateCount > 0) {
  294.                 showNotification(`Đã tìm thấy ${chapters.length} chương và bỏ qua ${duplicateCount} tiêu đề lặp lại.`);
  295.             } else {
  296.                 showNotification(`Đã tìm thấy ${chapters.length} chương và tự động điền vào form.`);
  297.             }
  298.  
  299.             setTimeout(() => {
  300.                 try {
  301.                     transferContent();
  302.                 } catch (error) {
  303.                     console.error('Lỗi khi tự động điền form:', error);
  304.                     showNotification('Có lỗi xảy ra khi tự động điền form!', true);
  305.                 }
  306.             }, 1000);
  307.         }
  308.  
  309.         return chapters;
  310.     }
  311.  
  312.     // Thiết lập bộ đếm ký tự
  313.     function setupCharacterCounter() {
  314.         jQuery(document).on("input", "textarea[name^='introduce']", function() {
  315.             const text = jQuery(this).val();
  316.             const charCount = text.length;
  317.             let charCountElement = jQuery(this).next('.chapter-character-count');
  318.             
  319.             if (charCountElement.length === 0) {
  320.                 charCountElement = jQuery('<div class="chapter-character-count"></div>');
  321.                 jQuery(this).after(charCountElement);
  322.             }
  323.             
  324.             if (charCount < 3000) {
  325.                 jQuery(this).addClass('short-chapter');
  326.                 charCountElement.html(`<span class="short-chapters-warning">${charCount.toLocaleString()}/40.000 ký tự</span>`);
  327.             } else {
  328.                 jQuery(this).removeClass('short-chapter');
  329.                 if (charCount > 40000) {
  330.                     charCountElement.html(`<span style="color: #fbbc05;">${charCount.toLocaleString()}/40.000 ký tự</span>`);
  331.                 } else {
  332.                     charCountElement.html(`<span style="color: #34a853;">${charCount.toLocaleString()}/40.000 ký tự</span>`);
  333.                 }
  334.             }
  335.         });
  336.     }
  337.  
  338.     // Tạo HTML cho form chương
  339.     function createChapterHTML(chapNum) {
  340.         const chap_vol = parseInt(jQuery('.chap_vol').val()) || 1;
  341.         const chap_vol_name = jQuery('.chap_vol_name').val() || '';
  342.         return `
  343.         <div data-gen="MK_GEN" id="COUNT_CHAP_${chapNum}_MK">
  344.             <div class="col-xs-12 form-group"></div>
  345.             <div class="form-group">
  346.                 <label class="col-sm-2" for="chap_stt">STT</label>
  347.                 <div class="col-sm-8">
  348.                     <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"/>
  349.                 </div>
  350.             </div>
  351.             <div class="form-group">
  352.                 <label class="col-sm-2" for="chap_number">Chương thứ..</label>
  353.                 <div class="col-sm-8">
  354.                     <input value="${dăngnhanhTTV.STATE.CHAP_SERIAL}" required class="form-control" name="chap_number[${chapNum}]" placeholder="Chương thứ.. (1,2,3..)" type="text"/>
  355.                 </div>
  356.             </div>
  357.             <div class="form-group">
  358.                 <label class="col-sm-2" for="chap_name">Quyển số</label>
  359.                 <div class="col-sm-8">
  360.                     <input class="form-control" name="vol[${chapNum}]" placeholder="Quyển số" type="number" value="${chap_vol}" required/>
  361.                 </div>
  362.             </div>
  363.             <div class="form-group">
  364.                 <label class="col-sm-2" for="chap_name">Tên quyển</label>
  365.                 <div class="col-sm-8">
  366.                     <input class="form-control chap_vol_name" name="vol_name[${chapNum}]" placeholder="Tên quyển" type="text" value="${chap_vol_name}" />
  367.                 </div>
  368.             </div>
  369.             <div class="form-group">
  370.                 <label class="col-sm-2" for="chap_name">Tên chương</label>
  371.                 <div class="col-sm-8">
  372.                     <input required class="form-control" name="chap_name[${chapNum}]" placeholder="Tên chương" type="text"/>
  373.                 </div>
  374.             </div>
  375.             <div class="form-group">
  376.                 <label class="col-sm-2" for="introduce">Nội dung</label>
  377.                 <div class="col-sm-8">
  378.                     <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>
  379.                     <div class="chapter-character-count"></div>
  380.                 </div>
  381.             </div>
  382.             <div class="form-group">
  383.                 <label class="col-sm-2" for="adv">Quảng cáo</label>
  384.                 <div class="col-sm-8">
  385.                     <textarea maxlength="1000" class="form-control" name="adv[${chapNum}]" placeholder="Quảng cáo" type="text"></textarea>
  386.                 </div>
  387.             </div>
  388.         </div>`;
  389.     }
  390.  
  391.     // Chuyển nội dung vào form
  392.     async function transferContent() {
  393.         try {
  394.             const chapterItems = document.querySelectorAll('.ttv-chapter-item');
  395.             if (!chapterItems.length) {
  396.                 throw new Error('Không tìm thấy chương nào để điền vào form');
  397.             }
  398.  
  399.             // Kiểm tra số lượng chương và giới hạn tối đa
  400.             if (chapterItems.length < 10) {
  401.                 showNotification(`Chỉ có ${chapterItems.length} chương - ít hơn 10 chương. Vẫn tiếp tục đăng.`, false);
  402.             } else if (chapterItems.length > MAX_CHAPTER_POST) {
  403.                 showNotification(`Đã vượt quá giới hạn ${MAX_CHAPTER_POST} chương cho một lần đăng. Chỉ ${MAX_CHAPTER_POST} chương đầu sẽ được đăng.`, true);
  404.             }
  405.  
  406.             const form = document.querySelector('form[name="postChapForm"]');
  407.             if (!form) {
  408.                 throw new Error('Không tìm thấy form đăng chương');
  409.             }
  410.  
  411.             let chap_vol = parseInt(jQuery('.chap_vol').val()) || 1;
  412.             let chap_vol_name = jQuery('.chap_vol_name').val() || '';
  413.  
  414.             let maxChapStt = 0;
  415.             let maxChapSerial = 0;
  416.  
  417.             const existingForms = form.querySelectorAll('[id^="COUNT_CHAP_"]');
  418.  
  419.             existingForms.forEach(formElem => {
  420.                 const formIdMatch = formElem.id.match(/COUNT_CHAP_(\d+)_MK/);
  421.                 if (formIdMatch && formIdMatch[1]) {
  422.                     const formIndex = parseInt(formIdMatch[1]);
  423.  
  424.                     const sttInput = formElem.querySelector(`input[name="chap_stt[${formIndex}]"]`);
  425.                     if (sttInput && sttInput.value && !isNaN(parseInt(sttInput.value))) {
  426.                         const sttVal = parseInt(sttInput.value);
  427.                         if (sttVal > maxChapStt) {
  428.                             maxChapStt = sttVal;
  429.                         }
  430.                     }
  431.  
  432.                     const serialInput = formElem.querySelector(`input[name="chap_number[${formIndex}]"]`);
  433.                     if (serialInput && serialInput.value && !isNaN(parseInt(serialInput.value))) {
  434.                         const serialVal = parseInt(serialInput.value);
  435.                         if (serialVal > maxChapSerial) {
  436.                             maxChapSerial = serialVal;
  437.                         }
  438.                     }
  439.                 }
  440.             });
  441.  
  442.             // Đảm bảo STT và số chương tiếp theo form gốc
  443.             if (maxChapStt > 0) {
  444.                 dăngnhanhTTV.STATE.CHAP_STT = maxChapStt;
  445.             }
  446.  
  447.             if (maxChapSerial > 0) {
  448.                 dăngnhanhTTV.STATE.CHAP_SERIAL = maxChapSerial;
  449.             }
  450.  
  451.             const existingFormCount = existingForms.length;
  452.             // Giới hạn số lượng chương được đăng trong một lần
  453.             const chaptersToProcess = Math.min(chapterItems.length, MAX_CHAPTER_POST);
  454.  
  455.             for (let i = 0; i < chaptersToProcess; i++) {
  456.                 const formIndex = existingFormCount + i + 1;
  457.  
  458.                 // Tăng STT và Serial cho mỗi chương mới
  459.                 if (i > 0) {
  460.                     dăngnhanhTTV.STATE.CHAP_STT++;
  461.                     dăngnhanhTTV.STATE.CHAP_SERIAL++;
  462.                 }
  463.  
  464.                 const chapterHTML = createChapterHTML(formIndex);
  465.                 const tempDiv = document.createElement('div');
  466.                 tempDiv.innerHTML = chapterHTML;
  467.                 const newFormElement = tempDiv.firstElementChild;
  468.  
  469.                 if (!newFormElement) {
  470.                     throw new Error(`Không thể tạo element form cho chương ${formIndex}`);
  471.                 }
  472.  
  473.                 form.appendChild(newFormElement);
  474.  
  475.                 const chapterItem = chapterItems[i];
  476.                 const titleElement = chapterItem.querySelector('.chapter-title');
  477.                 const nameElement = chapterItem.querySelector('.chapter-name');
  478.  
  479.                 if (!titleElement || !nameElement) {
  480.                     throw new Error(`Thiếu thông tin tiêu đề hoặc tên cho chương ${formIndex}`);
  481.                 }
  482.  
  483.                 const chapterTitle = titleElement.textContent;
  484.                 const chapterName = nameElement.textContent.replace('Tên chương: ', '');
  485.  
  486.                 const formFields = {
  487.                     chapterName: form.querySelector(`input[name="chap_name[${formIndex}]"]`),
  488.                     content: form.querySelector(`textarea[name="introduce[${formIndex}]"]`),
  489.                     chapterNumber: form.querySelector(`input[name="chap_number[${formIndex}]"]`),
  490.                     chapterOrder: form.querySelector(`input[name="chap_stt[${formIndex}]"]`),
  491.                     volume: form.querySelector(`input[name="vol[${formIndex}]"]`),
  492.                     volumeName: form.querySelector(`input[name="vol_name[${formIndex}]"]`),
  493.                     advertisement: form.querySelector(`textarea[name="adv[${formIndex}]"]`)
  494.                 };
  495.  
  496.                 formFields.chapterName.value = chapterName;
  497.                 formFields.chapterNumber.value = dăngnhanhTTV.STATE.CHAP_SERIAL.toString();
  498.                 formFields.chapterOrder.value = dăngnhanhTTV.STATE.CHAP_STT.toString();
  499.                 formFields.volume.value = chap_vol;
  500.                 formFields.volumeName.value = chap_vol_name;
  501.  
  502.                 if (chapterItem._content) {
  503.                     // Chỉ lấy phần nội dung, không lấy phần tiêu đề
  504.                     // Đảm bảo giữ nguyên định dạng gốc của nội dung, không trim
  505.                     formFields.content.value = HEADER_SIGN + "\r\n" + chapterItem._content + "\r\n" + FOOTER_SIGN;
  506.                 } else {
  507.                     formFields.content.value = '';
  508.                 }
  509.  
  510.                 formFields.advertisement.value = '';
  511.  
  512.                 const inputEvent = new Event('input', { bubbles: true });
  513.                 formFields.content.dispatchEvent(inputEvent);
  514.             }
  515.  
  516.             if (chaptersToProcess < chapterItems.length) {
  517.                 showNotification(`Đã tự động điền ${chaptersToProcess}/${chapterItems.length} chương vào form! Chương còn lại sẽ được đăng ở lần sau.`);
  518.             } else {
  519.                 showNotification(`Đã tự động điền ${chaptersToProcess} chương vào form!`);
  520.             }
  521.  
  522.         } catch (error) {
  523.             console.error('Lỗi khi điền form:', error);
  524.             showNotification('Có lỗi xảy ra khi điền form: ' + error.message, true);
  525.         }
  526.     }
  527.  
  528.     // Hiển thị danh sách chương
  529.     function displayChapters(chapters) {
  530.         const chapterList = document.createElement('div');
  531.         chapterList.className = 'ttv-chapter-list';
  532.  
  533.         chapters.forEach((chapter, index) => {
  534.             const chapterItem = document.createElement('div');
  535.             chapterItem.className = 'ttv-chapter-item';
  536.             // Chỉ lấy phần nội dung dưới tiêu đề, không bao gồm tiêu đề
  537.             chapterItem._content = chapter.content.join('\n');
  538.  
  539.             // Trích xuất số chương để hiển thị
  540.             const chapterMatch = chapter.title.match(/Chương\s+(\d+):/);
  541.             const chapterNum = chapterMatch ? chapterMatch[1] : '?';
  542.  
  543.             const titleDiv = document.createElement('div');
  544.             titleDiv.className = 'chapter-title';
  545.             titleDiv.textContent = chapter.title;
  546.  
  547.             const nameDiv = document.createElement('div');
  548.             nameDiv.className = 'chapter-name';
  549.             nameDiv.textContent = `Tên chương: ${chapter.name}`;
  550.  
  551.             const statsDiv = document.createElement('div');
  552.             statsDiv.className = 'chapter-stats';
  553.             statsDiv.textContent = `Chương ${chapterNum} | ${chapter.content.length} dòng | ${chapter.content.join('\n').length} ký tự`;
  554.  
  555.             chapterItem.appendChild(titleDiv);
  556.             chapterItem.appendChild(nameDiv);
  557.             chapterItem.appendChild(statsDiv);
  558.             chapterItem.onclick = () => selectChapter(chapter, index);
  559.             chapterList.appendChild(chapterItem);
  560.  
  561.             if (index === 0) {
  562.                 chapterItem.classList.add('selected');
  563.             }
  564.         });
  565.  
  566.         const existingList = document.querySelector('.ttv-chapter-list');
  567.         if (existingList) {
  568.             existingList.remove();
  569.         }
  570.  
  571.         const contentEditor = document.querySelector('.ttv-content-editor');
  572.         contentEditor.parentNode.insertBefore(chapterList, contentEditor);
  573.  
  574.         if (chapters.length > 0) {
  575.             selectChapter(chapters[0], 0);
  576.         }
  577.     }
  578.  
  579.     // Chọn chương
  580.     function selectChapter(chapter, index) {
  581.         const contentEditor = document.querySelector('.ttv-content-editor');
  582.         // Chỉ lấy nội dung, không lấy tiêu đề để tránh lặp lại
  583.         contentEditor.value = chapter.content.join('\n');
  584.  
  585.         const wordCountSpan = document.querySelector('.ttv-word-count');
  586.         if (wordCountSpan) {
  587.             wordCountSpan.textContent = updateWordCount(contentEditor.value);
  588.         }
  589.  
  590.         const chapterItems = document.querySelectorAll('.ttv-chapter-item');
  591.         chapterItems.forEach(item => item.classList.remove('selected'));
  592.         chapterItems[index]?.classList.add('selected');
  593.  
  594.         try {
  595.             transferContent();
  596.         } catch (error) {
  597.             console.error('Lỗi khi tự động điền form:', error);
  598.             showNotification('Có lỗi xảy ra khi tự động điền form!', true);
  599.         }
  600.     }
  601.  
  602.     // Tính số từ
  603.     function updateWordCount(content) {
  604.         const wordCount = content.trim().split(/\s+/).length;
  605.         const charCount = content.length;
  606.         return `${wordCount} từ | ${charCount} ký tự`;
  607.     }
  608.  
  609.     // Xem trước
  610.     function togglePreview() {
  611.         const contentEditor = document.querySelector('.ttv-content-editor');
  612.         const preview = document.querySelector('.ttv-preview');
  613.         const previewBtn = document.querySelector('.ttv-preview-btn');
  614.  
  615.         if (contentEditor.style.display !== 'none') {
  616.             contentEditor.style.display = 'none';
  617.             preview.style.display = 'block';
  618.             preview.innerHTML = contentEditor.value.replace(/\n/g, '<br>');
  619.             previewBtn.textContent = 'Soạn thảo';
  620.         } else {
  621.             contentEditor.style.display = 'block';
  622.             preview.style.display = 'none';
  623.             previewBtn.textContent = 'Xem trước';
  624.         }
  625.     }
  626.  
  627.     // Toàn màn hình
  628.     function toggleFullscreen() {
  629.         const panel = document.querySelector('.ttv-control-panel');
  630.         const fullscreenBtn = document.querySelector('.ttv-fullscreen-btn');
  631.         panel.classList.toggle('fullscreen');
  632.         fullscreenBtn.textContent = panel.classList.contains('fullscreen') ? 'Thu nhỏ' : 'Toàn màn hình';
  633.     }
  634.  
  635.     // Tạo panel điều khiển
  636.     function addControlPanel() {
  637.         const panel = document.createElement('div');
  638.         panel.className = 'ttv-control-panel';
  639.  
  640.         const header = document.createElement('div');
  641.         header.className = 'ttv-header';
  642.         header.innerHTML = `
  643.             <div>Soạn Thảo Nội Dung</div>
  644.             <div class="ttv-toolbar">
  645.                 <button class="ttv-preview-btn" onclick="togglePreview()">Xem trước</button>
  646.                 <button class="ttv-fullscreen-btn" onclick="toggleFullscreen()">Toàn màn hình</button>
  647.                 <button class="ttv-minimize">−</button>
  648.             </div>
  649.         `;
  650.  
  651.         const buttonGroup = document.createElement('div');
  652.         buttonGroup.className = 'ttv-button-group';
  653.  
  654.         const contentEditorLabel = document.createElement('div');
  655.         contentEditorLabel.className = 'ttv-heading';
  656.         contentEditorLabel.innerHTML = `
  657.             Nội dung chương:
  658.             <span class="ttv-word-count">0 từ | 0 ký tự</span>
  659.         `;
  660.  
  661.         const contentEditor = document.createElement('textarea');
  662.         contentEditor.className = 'ttv-content-editor';
  663.         contentEditor.placeholder = 'Nhập hoặc dán nội dung chương vào đây...';
  664.  
  665.         const preview = document.createElement('div');
  666.         preview.className = 'ttv-preview';
  667.  
  668.         contentEditor.oninput = () => {
  669.             const wordCountSpan = document.querySelector('.ttv-word-count');
  670.             if (wordCountSpan) {
  671.                 wordCountSpan.textContent = updateWordCount(contentEditor.value);
  672.             }
  673.         };
  674.  
  675.         contentEditor.onpaste = (e) => {
  676.             setTimeout(() => {
  677.                 const content = contentEditor.value;
  678.                 const chapters = parseChapters(content);
  679.                 if (chapters.length > 0) {
  680.                     displayChapters(chapters);
  681.                     setTimeout(() => {
  682.                         try {
  683.                             transferContent();
  684.                         } catch (error) {
  685.                             console.error('Lỗi khi tự động điền form:', error);
  686.                             showNotification('Có lỗi xảy ra khi tự động điền form!', true);
  687.                         }
  688.                     }, 1000);
  689.                 }
  690.             }, 0);
  691.         };
  692.  
  693.         const buttonsContainer = document.createElement('div');
  694.         buttonsContainer.style.display = 'flex';
  695.         buttonsContainer.style.gap = '10px';
  696.         buttonsContainer.style.marginTop = '10px';
  697.  
  698.         const transferBtn = document.createElement('button');
  699.         transferBtn.type = 'button';
  700.         transferBtn.className = 'btn btn-warning';
  701.         transferBtn.style.flex = '1';
  702.         transferBtn.innerHTML = '<span>Chuyển nội dung sang form</span>';
  703.         transferBtn.onclick = transferContent;
  704.  
  705.         const addChapterBtn = document.createElement('button');
  706.         addChapterBtn.type = 'button';
  707.         addChapterBtn.className = 'btn btn-primary';
  708.         addChapterBtn.style.flex = '1';
  709.         addChapterBtn.innerHTML = '<span>Thêm chương mới</span>';
  710.         addChapterBtn.onclick = () => dăngnhanhTTV.addNewChapter();
  711.  
  712.         buttonsContainer.appendChild(transferBtn);
  713.         buttonsContainer.appendChild(addChapterBtn);
  714.  
  715.         panel.appendChild(header);
  716.         buttonGroup.appendChild(contentEditorLabel);
  717.         buttonGroup.appendChild(contentEditor);
  718.         buttonGroup.appendChild(preview);
  719.         buttonGroup.appendChild(buttonsContainer);
  720.         panel.appendChild(buttonGroup);
  721.  
  722.         document.body.appendChild(panel);
  723.  
  724.         const minimizeBtn = panel.querySelector('.ttv-minimize');
  725.         minimizeBtn.onclick = () => {
  726.             panel.classList.toggle('minimized');
  727.             minimizeBtn.innerHTML = panel.classList.contains('minimized') ? '+' : '−';
  728.         };
  729.  
  730.         window.togglePreview = togglePreview;
  731.         window.toggleFullscreen = toggleFullscreen;
  732.     }
  733.  
  734.     window.addEventListener('load', function() {
  735.         dăngnhanhTTV.initializeChapterValues();
  736.         addControlPanel();
  737.         setupCharacterCounter();
  738.     });
  739. })();