467 lines
16 KiB
JavaScript
467 lines
16 KiB
JavaScript
$(document).on('click', '.rename-btn', function () {
|
||
var relativePath = $(this).attr('value');
|
||
var fileName = $(this).closest('tr').find('td:eq(1)').text().trim();
|
||
$('#renameRelativePath').val(relativePath);
|
||
$('#renameform-newname').val(fileName);
|
||
$('#renameModal').modal('show');
|
||
})
|
||
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
|
||
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||
return new bootstrap.Tooltip(tooltipTriggerEl)
|
||
});
|
||
$(document).on('click', '.download-btn', function () {
|
||
window.location.href = $(this).attr('value');
|
||
});
|
||
$(document).on('click', '.folder-download-btn', function () {
|
||
var relativePath = $(this).attr('value');
|
||
window.open('index.php?r=home%2Fdownload-folder&relativePath=' + encodeURIComponent(relativePath), '_blank');
|
||
});
|
||
$(document).on('click', '.delete-btn', function () {
|
||
var relativePath = $(this).attr('value');
|
||
$('#deleteRelativePath').val(relativePath);
|
||
$('#deleteModal').modal('show');
|
||
});
|
||
$(document).on('click', '.file-upload-btn', function () {
|
||
$('#file-input').click();
|
||
});
|
||
$('#file-input').on('change', function () {
|
||
uploadFiles(this.files);
|
||
});
|
||
|
||
$(document).on('click', '.folder-upload-btn', function () {
|
||
$('#folder-input').click();
|
||
});
|
||
|
||
$('#folder-input').on('change', function () {
|
||
uploadFiles(this.files);
|
||
});
|
||
|
||
$(document).on('click', '.offline-download-btn', function () {
|
||
console.log('离线下载功能尚未实现');
|
||
//TO DO
|
||
});
|
||
|
||
$(document).on('click', '.refresh-btn', function () {
|
||
window.location.reload();
|
||
});
|
||
|
||
$(document).on('click', '.new-folder-btn', function () {
|
||
var relativePath = $(this).attr('value');
|
||
$('#newDirRelativePath').val(relativePath);
|
||
$('#newFolderModal').modal('show');
|
||
})
|
||
|
||
$(document).on('click', '.single-download-btn', function () {
|
||
var relativePath = $('.select-item:checked').first().data('relativePath');
|
||
window.location.href = 'index.php?r=home%2Fdownload&relativePath=' + encodeURIComponent(relativePath);
|
||
});
|
||
|
||
$(document).on('click', '.batch-zip-download-btn', function () {
|
||
var relativePaths = $('.select-item:checked').map(function () {
|
||
return $(this).data('relativePath');
|
||
}).get();
|
||
|
||
// 创建一个新的表单
|
||
var form = $('<form>', {
|
||
action: 'index.php?r=home%2Fmulti-ff-zip-dl',
|
||
method: 'post'
|
||
});
|
||
|
||
// 将相对路径添加到表单中
|
||
$.each(relativePaths, function (index, value) {
|
||
form.append($('<input>', {
|
||
type: 'hidden',
|
||
name: 'relativePaths[]',
|
||
value: value
|
||
}));
|
||
});
|
||
|
||
// 添加 CSRF 令牌
|
||
form.append($('<input>', {
|
||
type: 'hidden',
|
||
name: '_csrf',
|
||
value: $('meta[name="csrf-token"]').attr('content')
|
||
}));
|
||
|
||
// 将表单添加到页面中并提交
|
||
form.appendTo('body').submit();
|
||
});
|
||
|
||
$(document).on('click', '.batch-zip-btn', function () {
|
||
var relativePaths = $('.select-item:checked').map(function () {
|
||
return $(this).data('relativePath');
|
||
}).get();
|
||
$('#zipRelativePath').val(JSON.stringify(relativePaths));
|
||
$('#zipModal').modal('show');
|
||
});
|
||
|
||
$(document).on('click', '.unzip-btn', function () {
|
||
var relativePath = $('.select-item:checked').first().data('relativePath');
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "index.php?r=home%2Funzip",
|
||
data: { relativePath: relativePath },
|
||
dataType: "json", // 期望从服务器接收json格式的响应
|
||
success: function(response) {
|
||
// 如果服务器返回的状态码是200，说明解压成功
|
||
if (response.status === 200) {
|
||
// 刷新页面，加载到解压后的目录
|
||
window.location.href = 'index.php?r=home%2Findex&directory=' + encodeURIComponent(response.directory);
|
||
} else {
|
||
console.error('Unzip failed: ' + response.message);
|
||
window.location.href = 'index.php?r=home%2Findex&directory=' + encodeURIComponent(response.parentDirectory);
|
||
}
|
||
},
|
||
error: function() {
|
||
// 处理错误
|
||
console.error('AJAX request failed.');
|
||
}
|
||
});
|
||
});
|
||
|
||
$(document).on('click', '.single-rename-btn', function () {
|
||
var relativePath = $('.select-item:checked').first().data('relativePath');
|
||
$('.rename-btn[value="' + relativePath + '"]').trigger('click');
|
||
});
|
||
// 当用户点击复制按钮时
|
||
$(document).on('click', '.batch-copy-btn', function () {
|
||
var relativePaths = $('.select-item:checked').map(function () {
|
||
return $(this).data('relativePath');
|
||
}).get();
|
||
sessionStorage.setItem('operation', 'copy');
|
||
sessionStorage.setItem('relativePaths', JSON.stringify(relativePaths));
|
||
updateButtons(); // 更新按钮的状态
|
||
});
|
||
|
||
// 当用户点击剪切按钮时
|
||
$(document).on('click', '.batch-cut-btn', function () {
|
||
var relativePaths = $('.select-item:checked').map(function () {
|
||
return $(this).data('relativePath');
|
||
}).get();
|
||
sessionStorage.setItem('operation', 'cut');
|
||
sessionStorage.setItem('relativePaths', JSON.stringify(relativePaths));
|
||
updateButtons(); // 更新按钮的状态
|
||
});
|
||
|
||
// 当用户点击粘贴按钮时
|
||
$(document).on('click', '.batch-paste-btn', function () {
|
||
var operation = sessionStorage.getItem('operation');
|
||
var relativePaths = JSON.parse(sessionStorage.getItem('relativePaths'));
|
||
var targetDirectory = $('#target-dir').val();
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "index.php?r=home%2Fpaste",
|
||
data: { operation: operation, relativePaths: relativePaths, targetDirectory: targetDirectory },
|
||
success: function() {
|
||
// 处理响应
|
||
location.reload();
|
||
},
|
||
error: function() {
|
||
// 处理错误
|
||
console.error('AJAX request failed.');
|
||
}
|
||
});
|
||
sessionStorage.removeItem('operation'); // 清除 sessionStorage 中的 operation
|
||
sessionStorage.removeItem('relativePaths'); // 清除 sessionStorage 中的 relativePaths
|
||
hasCopiedOrCut = false; // 设置 hasCopiedOrCut 为 false
|
||
updateButtons(); // 更新按钮的状态
|
||
});
|
||
|
||
$(document).on('click', '.calc-sum-btn', function () {
|
||
var relativePath = $('.select-item:checked').first().data('relativePath');
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "index.php?r=home%2Fchecksum",
|
||
data: { relativePath: relativePath },
|
||
dataType: "json",
|
||
success: function(response) {
|
||
// 更新模态框中的内容
|
||
$('#crc32b').text('CRC32B: ' + response.crc32b);
|
||
$('#sha256').text('SHA256: ' + response.sha256);
|
||
// 显示模态框
|
||
$('#checksumModal').modal('show');
|
||
},
|
||
error: function() {
|
||
console.error('AJAX request failed.');
|
||
}
|
||
});
|
||
});
|
||
|
||
$(document).on('click', '.single-share-btn', function () {
|
||
var relativePath = $('.select-item:checked').first().data('relativePath');
|
||
$('#shareModal #share-file_relative_path').val(relativePath);
|
||
$('#shareModal').modal('show');
|
||
});
|
||
$(document).on('click', '#generate_access_code', function () {
|
||
var accessCode = Math.random().toString(36).substring(2, 6);
|
||
$('#shareModal #share-access_code').val(accessCode);
|
||
});
|
||
|
||
// $(document).on('submit', '#share-form', function (event) {
|
||
// event.preventDefault();
|
||
//
|
||
// var relativePath = $('#shareModal #share-file_relative_path').val();
|
||
// var accessCode = $('#shareModal #share-access_code').val();
|
||
//
|
||
// $.ajax({
|
||
// type: "POST",
|
||
// url: "index.php?r=share%2Fcreate",
|
||
// data: { file_relative_path: relativePath, access_code: accessCode },
|
||
// success: function() {
|
||
// // 处理响应
|
||
// location.reload();
|
||
// },
|
||
// error: function() {
|
||
// // 处理错误
|
||
// console.error('AJAX request failed.');
|
||
// }
|
||
// });
|
||
// });
|
||
$(document).on('click', '.shares-btn', function () {
|
||
var relativePath = $(this).closest('tr').find('.select-item').data('relativePath');
|
||
$('#shareModal #share-file_relative_path').val(relativePath);
|
||
$('#shareModal').modal('show');
|
||
});
|
||
|
||
$(document).on('click', '.batch-delete-btn', function () {
|
||
var relativePaths = $('.select-item:checked').map(function () {
|
||
return $(this).data('relativePath');
|
||
}).get();
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "index.php?r=home%2Fdelete",
|
||
data: { relativePath: relativePaths },
|
||
success: function() {
|
||
// 处理响应
|
||
location.reload();
|
||
},
|
||
error: function() {
|
||
// 处理错误
|
||
console.error('AJAX request failed.');
|
||
location.reload();
|
||
}
|
||
});
|
||
});
|
||
|
||
//下面的代码实现了各种按钮/样式功能，建议别看了(
|
||
|
||
//上传
|
||
function uploadFiles(files) {
|
||
$('#progress-bar').show();
|
||
var formData = new FormData();
|
||
for (var i = 0; i < files.length; i++) {
|
||
formData.append('files[]', files[i]);
|
||
}
|
||
formData.append('targetDir', $('#target-dir').val());
|
||
formData.append('_csrf', $('meta[name="csrf-token"]').attr('content'));
|
||
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.upload.onprogress = function (event) {
|
||
if (event.lengthComputable) {
|
||
var percentComplete = event.loaded / event.total * 100;
|
||
$('#progress-bar .progress-bar').css('width', percentComplete + '%').text(Math.round(percentComplete) + '%');
|
||
}
|
||
};
|
||
xhr.onload = function () {
|
||
if (xhr.status !== 200) {
|
||
alert('An error occurred during the upload.');
|
||
}
|
||
window.location.reload();
|
||
};
|
||
xhr.open('POST', 'index.php?r=home%2Fupload');
|
||
xhr.send(formData);
|
||
}
|
||
|
||
//拖拽上传
|
||
var dropArea = document.getElementById('drop-area');
|
||
dropArea.addEventListener('dragover', function (event) {
|
||
event.preventDefault();
|
||
});
|
||
dropArea.addEventListener('drop', function (event) {
|
||
event.preventDefault();
|
||
|
||
var items = event.dataTransfer.items;
|
||
var files = [];
|
||
|
||
for (var i = 0; i < items.length; i++) {
|
||
var item = items[i];
|
||
files.push(item.getAsFile());
|
||
}
|
||
|
||
uploadFiles(files);
|
||
dropArea.classList.remove('dragging');
|
||
});
|
||
dropArea.addEventListener('dragenter', function (event) {
|
||
event.preventDefault();
|
||
|
||
dropArea.classList.add('dragging');
|
||
});
|
||
|
||
dropArea.addEventListener('dragleave', function (event) {
|
||
event.preventDefault();
|
||
|
||
if (!dropArea.contains(event.relatedTarget)) {
|
||
dropArea.classList.remove('dragging');
|
||
}
|
||
});
|
||
|
||
// 为全选/取消全选的复选框添加事件监听器
|
||
document.getElementById('select-all').addEventListener('change', function () {
|
||
// 获取所有的复选框
|
||
var checkboxes = document.querySelectorAll('.select-item');
|
||
// 设置所有复选框的状态与全选/取消全选的复选框的状态相同
|
||
for (var i = 0; i < checkboxes.length; i++) {
|
||
checkboxes[i].checked = this.checked;
|
||
checkboxes[i].closest('tr').classList.toggle('selected', this.checked);
|
||
}
|
||
});
|
||
|
||
// 为每一行的复选框添加事件监听器
|
||
var itemCheckboxes = document.querySelectorAll('.select-item');
|
||
for (var i = 0; i < itemCheckboxes.length; i++) {
|
||
itemCheckboxes[i].addEventListener('change', function () {
|
||
// 如果有一个复选框未被选中，则全选/取消全选的复选框也应该未被选中
|
||
if (!this.checked) {
|
||
document.getElementById('select-all').checked = false;
|
||
}
|
||
// 如果所有的复选框都被选中，则全选/取消全选的复选框也应该被选中
|
||
else {
|
||
var allChecked = true;
|
||
for (var j = 0; j < itemCheckboxes.length; j++) {
|
||
if (!itemCheckboxes[j].checked) {
|
||
allChecked = false;
|
||
break;
|
||
}
|
||
}
|
||
document.getElementById('select-all').checked = allChecked;
|
||
}
|
||
this.closest('tr').classList.toggle('selected', this.checked);
|
||
});
|
||
}
|
||
|
||
// 为document添加键盘事件监听器
|
||
document.addEventListener('keydown', function (event) {
|
||
// 如果用户按下了Ctrl+A
|
||
if (event.ctrlKey && event.key === 'a') {
|
||
// 阻止默认的全选操作
|
||
event.preventDefault();
|
||
// 获取所有的复选框
|
||
var checkboxes = document.querySelectorAll('.select-item');
|
||
var selectAll = document.getElementById('select-all');
|
||
selectAll.checked = !selectAll.checked;
|
||
for (var i = 0; i < checkboxes.length; i++) {
|
||
checkboxes[i].checked = selectAll.checked;
|
||
checkboxes[i].closest('tr').classList.toggle('selected', selectAll.checked);
|
||
}
|
||
updateButtons();
|
||
}
|
||
});
|
||
|
||
//行点击事件
|
||
$(document).on('click', 'tr', function (event) {
|
||
if ($(event.target).is('input[type="checkbox"]') || $(event.target).is('a')) {
|
||
return;
|
||
}
|
||
$(this).toggleClass('selected');
|
||
var checkbox = $(this).children(':first-child').find('input[type="checkbox"]');
|
||
checkbox.prop('checked', !checkbox.prop('checked'));
|
||
updateButtons();
|
||
});
|
||
|
||
// 更新按钮的状态
|
||
function updateButtons() {
|
||
var checkboxes = $('.select-item:checked');
|
||
var count = checkboxes.length;
|
||
var isSingleFile = count === 1 && !checkboxes.first().data('isDirectory');
|
||
var isSingleZip = isSingleFile && checkboxes.first().closest('tr').find('.file_icon').hasClass('fa-file-zipper');
|
||
var hasOperation = sessionStorage.getItem('operation') !== null; // 检查 sessionStorage 中是否存在 operation
|
||
|
||
$('.single-download-btn').toggle(isSingleFile);
|
||
$('.batch-zip-download-btn').toggle(count > 0 && !isSingleFile);
|
||
$('.batch-zip-btn').toggle(count >= 1);
|
||
$('.unzip-btn').toggle(isSingleZip);
|
||
$('.single-rename-btn').toggle(count === 1);
|
||
$('.batch-copy-btn').toggle(count >= 1);
|
||
$('.batch-cut-btn').toggle(count >= 1);
|
||
$('.batch-paste-btn').toggle(hasOperation); // 根据 hasOperation 的值来决定是否显示粘贴按钮
|
||
$('.calc-sum-btn').toggle(isSingleFile);
|
||
$('.single-share-btn').toggle(count === 1);
|
||
$('.batch-delete-btn').toggle(count >= 1);
|
||
}
|
||
|
||
// 当checkbox的状态改变时，调用updateButtons函数
|
||
$(document).on('change', '.select-item', updateButtons);
|
||
|
||
$(document).ready(function() {
|
||
updateButtons();
|
||
});
|
||
|
||
// image preview
|
||
function previewImage(element, event) {
|
||
event.preventDefault(); // 阻止默认的点击事件
|
||
var hiddenImage = document.getElementById('hidden-image');
|
||
hiddenImage.src = element.href; // 设置图像的URL
|
||
|
||
// 创建一个新的 Viewer.js 实例
|
||
var viewer = new Viewer(hiddenImage, {
|
||
toolbar: {
|
||
zoomIn: 1,
|
||
zoomOut: 1,
|
||
oneToOne: 1,
|
||
reset: 1,
|
||
rotateLeft: 1,
|
||
rotateRight: 1,
|
||
flipHorizontal: 1,
|
||
flipVertical: 1,
|
||
},
|
||
hidden: function() {
|
||
viewer.destroy();
|
||
}
|
||
});
|
||
viewer.show();
|
||
}
|
||
|
||
// video preview
|
||
var player;
|
||
var videoModal = $('#videoModal'); // 存储选择器的结果
|
||
|
||
function previewVideo(element, event) {
|
||
event.preventDefault(); // 阻止默认的点击事件
|
||
var videoElement = document.getElementById('vPlayer');
|
||
videoElement.src = element.href; // 设置视频的URL
|
||
videoElement.type = element.getAttribute('type'); // 设置视频的MIME类型
|
||
|
||
// 创建一个新的 Plyr 实例
|
||
player = new Plyr(videoElement);
|
||
player.play();
|
||
|
||
// 显示模态框
|
||
videoModal.modal('show');
|
||
}
|
||
|
||
videoModal.on('hidden.bs.modal', function () {
|
||
if (player) {
|
||
player.destroy();
|
||
}
|
||
});
|
||
|
||
//music preview
|
||
var aPlayer;
|
||
var audioModal = $('#audioModal');
|
||
function previewAudio(element, event) {
|
||
event.preventDefault();
|
||
var audioElement = document.getElementById('aPlayer');
|
||
audioElement.src = element.href;
|
||
audioElement.type = element.getAttribute('type');
|
||
|
||
aPlayer = new Plyr(audioElement);
|
||
aPlayer.play();
|
||
|
||
// 显示模态框
|
||
audioModal.modal('show');
|
||
}
|
||
audioModal.on('hidden.bs.modal', function () {
|
||
if (aPlayer) {
|
||
aPlayer.destroy();
|
||
}
|
||
}); |