v0.4.0: Discord notification timing, DB mapping, episode badges, Linkkf fixes, subtitle merge

templates/anime_downloader_linkkf_list.html

@@ -765,6 +765,7 @@ $(document).ready(function(){
                 str += '<div class="item-actions">';
                 if (item.status === 'completed') {
                     str += '<button class="action-btn btn-play" data-path="' + item.filepath + '" data-filename="' + item.filename + '"><i class="fa fa-play"></i> 재생</button>';
+                    str += '<button class="action-btn btn-merge-sub" data-id="' + item.id + '" data-filename="' + item.filename + '"><i class="fa fa-cc"></i> 자막합침</button>';
                 }
                 str += '<button class="action-btn" onclick="m_modal(current_data.list[' + i + '])"><i class="fa fa-code"></i> JSON</button>';
                 str += '<button class="action-btn" onclick="search_item(\'' + (item.title || '') + '\')"><i class="fa fa-search"></i> 검색</button>';
@@ -808,6 +809,42 @@ $(document).ready(function(){
                 }
             });
         });
+
+        // 자막 합침 버튼 클릭 핸들러
+        $(document).on('click', '.btn-merge-sub', function() {
+            var $btn = $(this);
+            var itemId = $btn.data('id');
+            var filename = $btn.data('filename');
+            
+            // 로딩 상태 표시
+            $btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> 처리중...');
+            
+            $.ajax({
+                url: '/' + package_name + '/ajax/' + sub + '/merge_subtitle',
+                type: 'POST',
+                data: { id: itemId },
+                dataType: 'json',
+                success: function(data) {
+                    if (data.ret === 'success') {
+                        $.notify('<i class="fa fa-check"></i> ' + data.message + '<br><small>' + data.output_file + '</small>', { 
+                            type: 'success',
+                            delay: 5000
+                        });
+                    } else {
+                        $.notify('<i class="fa fa-exclamation-triangle"></i> 실패: ' + data.message, { 
+                            type: 'danger',
+                            delay: 8000
+                        });
+                    }
+                },
+                error: function(xhr, status, error) {
+                    $.notify('요청 실패: ' + error, { type: 'danger' });
+                },
+                complete: function() {
+                    $btn.prop('disabled', false).html('<i class="fa fa-cc"></i> 자막합침');
+                }
+            });
+        });
     </script>
 
 {% endblock %}

templates/anime_downloader_ohli24_list.html

@@ -468,10 +468,15 @@
                 
                 // Thumbnail
                 let imgHtml = '';
+                let badgeHtml = '';
+                if (item.episode_no) {
+                    badgeHtml = `<div class="episode-badge">${item.episode_no}화</div>`;
+                }
+
                 if (item.thumbnail) {
-                    imgHtml = `<img src="${item.thumbnail}" onerror="this.src='https://via.placeholder.com/60x80?text=No+Img'">`;
+                    imgHtml = `${badgeHtml}<img src="${item.thumbnail}" onerror="this.src='https://via.placeholder.com/60x80?text=No+Img'">`;
                 } else {
-                    imgHtml = `<img src="https://via.placeholder.com/60x80?text=No+Img">`;
+                    imgHtml = `${badgeHtml}<img src="https://via.placeholder.com/60x80?text=No+Img">`;
                 }
 
                 // Date
@@ -771,6 +776,23 @@
         height: 100%;
         object-fit: cover;
     }
+
+    .episode-badge {
+        position: absolute;
+        top: 5px;
+        left: 5px;
+        background: #facc15; /* Amber/Yellow 400 */
+        color: #000;
+        padding: 2px 6px;
+        border-radius: 4px;
+        font-size: 11px;
+        font-weight: 800;
+        z-index: 5;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.3);
+        border: 1px solid rgba(0,0,0,0.1);
+        pointer-events: none;
+        text-transform: uppercase;
+    }
     
     .episode-main-info {
         flex: 1;