ff_plugins/anime_downloader
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

feat: Implement directory browsing for ohli24 and linkkf, enhance path security with NFC/NFD normalization, and refine playlist generation logic in ohli24.

Browse Source
This commit is contained in:
projectdx
2026-01-01 16:57:48 +09:00
parent 315ed1a087
commit 2577d482a9
10 changed files with 648 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
templates/anime_downloader_ohli24_setting.html
View File

@@ -23,7 +23,27 @@
<div class="tab-content" id="nav-tabContent">
{{ macros.m_tab_content_start('normal', true) }}
{{ macros.setting_input_text_and_buttons('ohli24_url', 'ohli24 URL', [['go_btn', 'GO']], value=arg['ohli24_url']) }}
{{ macros.setting_input_text('ohli24_download_path', '저장 폴더', value=arg['ohli24_download_path'], desc='정상적으로 다운 완료 된 파일이 이동할 폴더 입니다. ') }}
<!-- 저장 폴더 (탐색 버튼 포함) -->
<div class="row" style="padding-top: 10px; padding-bottom:10px; align-items: center;">
<div class="col-sm-3 set-left">
<strong>저장 폴더</strong>
</div>
<div class="col-sm-9">
<div class="input-group col-sm-9">
<input type="text" class="form-control form-control-sm" id="ohli24_download_path" name="ohli24_download_path" value="{{arg['ohli24_download_path']}}">
<div class="btn-group btn-group-sm flex-wrap mr-2" role="group" style="padding-left:5px; padding-top:0px">
<button type="button" class="btn btn-sm btn-outline-primary" id="browse_folder_btn" title="폴더 탐색">
<i class="bi bi-folder2-open"></i> 탐색
</button>
</div>
</div>
<div style="padding-left:20px; padding-top:5px;">
<em>정상적으로 다운 완료 된 파일이 이동할 폴더 입니다.</em>
</div>
</div>
</div>
{{ macros.setting_input_int('ohli24_max_ffmpeg_process_count', '동시 다운로드 수', value=arg['ohli24_max_ffmpeg_process_count'], desc='동시에 다운로드 할 에피소드 갯수입니다.') }}
{{ macros.setting_input_text('ohli24_proxy_url', 'Proxy URL', value=arg.get('ohli24_proxy_url', ''), desc=['프록시 서버 URL (예: http://192.168.0.2:3138)', '비어있으면 사용 안 함']) }}
{{ macros.setting_input_text('ohli24_discord_webhook_url', 'Discord Webhook URL', value=arg.get('ohli24_discord_webhook_url', ''), desc=['디스코드 알림을 받을 웹후크 주소입니다.', '다운로드 시작 시 알림을 보냅니다.']) }}
@@ -63,6 +83,47 @@
</div>
</div> <!--전체-->
<!-- 폴더 탐색 모달 -->
<div class="modal fade" id="folderBrowserModal" tabindex="-1" role="dialog" aria-labelledby="folderBrowserModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content" style="background: #1e293b; border: 1px solid rgba(255,255,255,0.1);">
<div class="modal-header" style="border-color: rgba(255,255,255,0.1);">
<h5 class="modal-title text-white" id="folderBrowserModalLabel">
<i class="bi bi-folder2-open mr-2"></i>폴더 선택
</h5>
<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<!-- 현재 경로 표시 -->
<div class="d-flex align-items-center mb-3">
<button type="button" class="btn btn-sm btn-outline-secondary mr-2" id="folder_go_up" title="상위 폴더">
<i class="bi bi-arrow-up"></i>
</button>
<div class="flex-grow-1 px-3 py-2 rounded" style="background: rgba(0,0,0,0.3); font-family: monospace; color: #94a3b8;">
<span id="current_path_display">/</span>
</div>
</div>
<!-- 폴더 목록 -->
<div id="folder_list" style="min-height: 300px; max-height: 600px; overflow-y: auto; background: rgba(0,0,0,0.2); border-radius: 8px; padding: 4px;">
<div class="text-center text-muted py-4">
<i class="bi bi-arrow-repeat spin"></i> 로딩 중...
</div>
</div>
</div>
<div class="modal-footer" style="border-color: rgba(255,255,255,0.1);">
<button type="button" class="btn btn-secondary" data-dismiss="modal">취소</button>
<button type="button" class="btn btn-primary" id="folder_select_btn">
<i class="bi bi-check-lg mr-1"></i>선택
</button>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
<style>
@@ -265,6 +326,26 @@
.border-left {
border-left: 3px solid rgba(255,255,255,0.1) !important;
}
/* Folder Browser Modal Styles */
.folder-item {
transition: background-color 0.15s ease;
font-size: 0.95rem;
margin-bottom: 2px;
}
.folder-item:hover {
background-color: rgba(59, 130, 246, 0.2) !important;
}
.folder-item.folder-parent,
.folder-item.folder-current {
font-weight: 600;
}
.folder-item i {
font-size: 1.1rem;
}
</style>
<script type="text/javascript">
@@ -355,5 +436,118 @@ $("body").on('click', '#global_reset_db_btn', function(e){
});
});
// ======================================
// 폴더 탐색 기능
// ======================================
var currentBrowsePath = '';
var parentPath = null;
// 탐색 버튼 클릭
$('#browse_folder_btn').on('click', function() {
var initialPath = $('#ohli24_download_path').val() || '';
loadFolderList(initialPath);
$('#folderBrowserModal').modal('show');
});
// 폴더 목록 로드
function loadFolderList(path) {
$('#folder_list').html('<div class="text-center text-muted py-4"><i class="bi bi-arrow-repeat"></i> 로딩 중...</div>');
$.ajax({
url: '/' + package_name + '/ajax/' + sub + '/browse_dir',
type: 'POST',
data: { path: path },
dataType: 'json',
success: function(ret) {
if (ret.ret === 'success') {
currentBrowsePath = ret.current_path;
parentPath = ret.parent_path;
$('#current_path_display').text(currentBrowsePath);
// 상위 폴더 버튼 활성화/비활성화
if (parentPath) {
$('#folder_go_up').prop('disabled', false);
} else {
$('#folder_go_up').prop('disabled', true);
}
// 폴더 목록 렌더링
var html = '';
// 상위 폴더 (..) - 루트가 아닐 때만 표시
if (parentPath) {
html += '<div class="folder-item folder-parent d-flex align-items-center p-2 rounded" data-path="' + escapeHtml(parentPath) + '" style="cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.1);">';
html += '<i class="bi bi-folder-symlink text-info mr-2"></i>';
html += '<span class="text-light">..</span>';
html += '<span class="text-muted ml-2">(상위 폴더)</span>';
html += '</div>';
}
// 현재 폴더 (.)
html += '<div class="folder-item folder-current d-flex align-items-center p-2 rounded" data-path="' + escapeHtml(currentBrowsePath) + '" style="cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.05);">';
html += '<i class="bi bi-folder-check text-success mr-2"></i>';
html += '<span class="text-light">.</span>';
html += '<span class="text-muted ml-2">(현재 폴더)</span>';
html += '</div>';
// 하위 폴더 목록
if (ret.directories.length === 0) {
html += '<div class="text-center text-muted py-3"><small>하위 폴더 없음</small></div>';
} else {
for (var i = 0; i < ret.directories.length; i++) {
var dir = ret.directories[i];
html += '<div class="folder-item d-flex align-items-center p-2 rounded" data-path="' + escapeHtml(dir.path) + '" style="cursor: pointer;">';
html += '<i class="bi bi-folder-fill text-warning mr-2"></i>';
html += '<span class="text-light">' + escapeHtml(dir.name) + '</span>';
html += '</div>';
}
}
$('#folder_list').html(html);
} else {
$('#folder_list').html('<div class="text-center text-danger py-4">로드 실패: ' + (ret.error || '알 수 없는 오류') + '</div>');
}
},
error: function(xhr, status, error) {
$('#folder_list').html('<div class="text-center text-danger py-4">에러: ' + error + '</div>');
}
});
}
// 폴더 항목 더블클릭 -> 진입
$('#folder_list').on('dblclick', '.folder-item', function() {
var path = $(this).data('path');
loadFolderList(path);
});
// 폴더 항목 클릭 -> 선택 표시
$('#folder_list').on('click', '.folder-item', function() {
$('.folder-item').removeClass('selected').css('background', '');
$(this).addClass('selected').css('background', 'rgba(59, 130, 246, 0.3)');
currentBrowsePath = $(this).data('path');
$('#current_path_display').text(currentBrowsePath);
});
// 상위 폴더 버튼
$('#folder_go_up').on('click', function() {
if (parentPath) {
loadFolderList(parentPath);
}
});
// 선택 버튼
$('#folder_select_btn').on('click', function() {
$('#ohli24_download_path').val(currentBrowsePath);
$('#folderBrowserModal').modal('hide');
$.notify('저장 폴더가 설정되었습니다: ' + currentBrowsePath, {type: 'success'});
});
// HTML 이스케이프 함수
function escapeHtml(text) {
var div = document.createElement('div');
div.appendChild(document.createTextNode(text));
return div.innerHTML;
}
</script>
{% endblock %}