2024-02-10 17:41:07 +08:00
|
|
|
|
<?php
|
|
|
|
|
|
|
|
|
|
/* @var $this yii\web\View */
|
|
|
|
|
/* @var $directoryContents array 文件和文件夹内容数组 */
|
|
|
|
|
/* @var $parentDirectory string 父目录 */
|
2024-02-11 16:04:21 +08:00
|
|
|
|
|
2024-02-10 17:41:07 +08:00
|
|
|
|
/* @var $directory string 当前路径 */
|
|
|
|
|
|
2024-02-14 21:35:54 +08:00
|
|
|
|
use app\models\NewFolderForm;
|
2024-02-11 16:04:21 +08:00
|
|
|
|
use app\models\RenameForm;
|
|
|
|
|
use yii\bootstrap5\ActiveForm;
|
2024-02-10 17:41:07 +08:00
|
|
|
|
use yii\bootstrap5\Html;
|
2024-02-11 12:39:05 +08:00
|
|
|
|
use app\assets\FontAwesomeAsset;
|
2024-02-11 16:04:21 +08:00
|
|
|
|
use yii\bootstrap5\Modal;
|
2024-02-13 20:44:01 +08:00
|
|
|
|
use yii\bootstrap5\Progress;
|
2024-02-11 16:04:21 +08:00
|
|
|
|
use yii\helpers\Url;
|
|
|
|
|
use yii\web\JqueryAsset;
|
|
|
|
|
use yii\web\View;
|
|
|
|
|
|
2024-02-10 17:41:07 +08:00
|
|
|
|
|
|
|
|
|
$this->title = '文件管理';
|
|
|
|
|
$this->params['breadcrumbs'][] = $this->title;
|
2024-02-11 12:39:05 +08:00
|
|
|
|
FontAwesomeAsset::register($this);
|
2024-02-11 16:04:21 +08:00
|
|
|
|
JqueryAsset::register($this);
|
|
|
|
|
$this->registerCssFile('@web/css/home_style.css');
|
2024-02-10 17:41:07 +08:00
|
|
|
|
?>
|
|
|
|
|
<div class="home-directory">
|
2024-02-13 20:44:01 +08:00
|
|
|
|
<div class="d-flex justify-content-between align-items-center">
|
2024-02-12 15:26:41 +08:00
|
|
|
|
<h1><?= Html::encode($this->title) ?></h1>
|
2024-02-14 21:35:54 +08:00
|
|
|
|
<div>
|
|
|
|
|
<?= Html::button('刷新', ['class' => 'btn btn-outline-primary refresh-btn']) ?>
|
|
|
|
|
<?= Html::button('新建文件夹', ['class' => 'btn btn-outline-primary new-folder-btn', 'value' => $directory]) ?>
|
|
|
|
|
<div class="dropdown d-inline-block">
|
|
|
|
|
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton"
|
|
|
|
|
data-bs-toggle="dropdown" aria-expanded="false">
|
|
|
|
|
<i class="fa-solid fa-arrow-up-from-bracket"></i> 上传文件
|
|
|
|
|
</button>
|
|
|
|
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
|
|
|
<li hidden>
|
|
|
|
|
<input type="file" id="file-input" name="uploadFile" multiple>
|
|
|
|
|
<input type="file" id="folder-input" name="uploadFile" multiple webkitdirectory>
|
|
|
|
|
<input type="hidden" name="targetDir" value="<?= $directory ?>" id="target-dir">
|
|
|
|
|
</li>
|
|
|
|
|
<li><?= Html::button('上传文件', ['class' => 'dropdown-item file-upload-btn']) ?></li>
|
|
|
|
|
<!-- 上传文件功能将会覆盖已存在的同名文件,这点请注意-->
|
|
|
|
|
<li><?= Html::button('上传文件夹', ['class' => 'dropdown-item folder-upload-btn']) ?></li>
|
|
|
|
|
<!-- 上传文件夹功能不支持IOS设备以及Firefox for Android,上传时会跳过空文件夹-->
|
|
|
|
|
<li>
|
|
|
|
|
<hr class="dropdown-divider">
|
|
|
|
|
</li>
|
|
|
|
|
<li><?= Html::button('离线下载', ['class' => 'dropdown-item offline-download-btn']) ?></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
2024-02-12 15:26:41 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-02-10 17:41:07 +08:00
|
|
|
|
|
2024-02-13 20:44:01 +08:00
|
|
|
|
<!--上传进度条-->
|
|
|
|
|
<?php
|
|
|
|
|
echo Progress::widget([
|
|
|
|
|
'percent' => 0,
|
|
|
|
|
'barOptions' => ['class' => ['bg-success', 'progress-bar-animated', 'progress-bar-striped']],
|
|
|
|
|
'label' => '123', //NMD 不是说可选吗
|
|
|
|
|
'options' => ['style' => 'display: none;margin-top: 10px;', 'id' => 'progress-bar']
|
|
|
|
|
]);
|
|
|
|
|
?>
|
|
|
|
|
|
2024-02-13 16:09:31 +08:00
|
|
|
|
<nav style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");"
|
|
|
|
|
aria-label="breadcrumb">
|
2024-02-11 12:39:05 +08:00
|
|
|
|
<ol class="breadcrumb">
|
2024-02-12 15:26:41 +08:00
|
|
|
|
<?= Html::a('<i class="fa-solid fa-house"></i> HOME', ['home/index'], ['class' => 'breadcrumb-item']) ?>
|
2024-02-11 12:39:05 +08:00
|
|
|
|
<?php if ($directory !== null): ?>
|
|
|
|
|
<?php
|
|
|
|
|
$parts = explode('/', $directory);
|
|
|
|
|
$path = '';
|
2024-02-12 15:26:41 +08:00
|
|
|
|
$lastIndex = count($parts) - 1;
|
|
|
|
|
foreach ($parts as $index => $part):
|
2024-02-11 12:39:05 +08:00
|
|
|
|
$path .= $part;
|
2024-02-12 15:26:41 +08:00
|
|
|
|
$class = $index === $lastIndex ? 'breadcrumb-item active' : 'breadcrumb-item';
|
|
|
|
|
echo Html::a($part, ['home/index', 'directory' => $path], ['class' => $class]);
|
2024-02-11 12:39:05 +08:00
|
|
|
|
$path .= '/';
|
|
|
|
|
endforeach;
|
|
|
|
|
?>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
</ol>
|
|
|
|
|
</nav>
|
2024-02-10 17:41:07 +08:00
|
|
|
|
|
2024-02-12 15:26:41 +08:00
|
|
|
|
<table class="table table-hover" id="drop-area">
|
2024-02-11 12:39:05 +08:00
|
|
|
|
<thead class="table-light">
|
|
|
|
|
<tr>
|
2024-02-12 14:04:13 +08:00
|
|
|
|
<th scope="col" class="name-col">名称</th>
|
|
|
|
|
<th scope="col" class="modified-col">最近修改时间</th>
|
|
|
|
|
<th scope="col" class="size-col">大小</th>
|
|
|
|
|
<th scope="col" class="action-col">操作</th>
|
2024-02-11 12:39:05 +08:00
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
2024-02-10 17:41:07 +08:00
|
|
|
|
<?php foreach ($directoryContents as $item): ?>
|
2024-02-11 12:39:05 +08:00
|
|
|
|
<?php $relativePath = $directory ? $directory . '/' . $item['name'] : $item['name']; ?>
|
2024-02-10 17:41:07 +08:00
|
|
|
|
<?php $absolutePath = Yii::getAlias('@app') . '/data/' . Yii::$app->user->id . '/' . $relativePath; ?>
|
2024-02-11 12:39:05 +08:00
|
|
|
|
<tr>
|
2024-02-12 14:04:13 +08:00
|
|
|
|
<?php if (is_dir($absolutePath)): ?> <!-- 如果是文件夹 -->
|
2024-02-11 12:39:05 +08:00
|
|
|
|
<td>
|
2024-02-11 16:04:21 +08:00
|
|
|
|
<?= Html::tag('i', '', ['class' => $item['type'] . ' file_icon']) ?>
|
|
|
|
|
<?= Html::a($item['name'], ['home/index', 'directory' => $relativePath], ['class' => 'file_name']) ?>
|
|
|
|
|
</td>
|
2024-02-12 14:04:13 +08:00
|
|
|
|
<td class="file_info">
|
|
|
|
|
<?= date('Y-m-d H:i:s', $item['lastModified']) ?>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="file_info">
|
|
|
|
|
---
|
|
|
|
|
</td>
|
2024-02-11 16:04:21 +08:00
|
|
|
|
<td>
|
2024-02-12 13:03:37 +08:00
|
|
|
|
<?= Html::button(Html::tag('i', '', ['class' => 'fa-solid fa-download']), [
|
2024-02-15 12:10:41 +08:00
|
|
|
|
'value' => $relativePath,
|
2024-02-12 13:03:37 +08:00
|
|
|
|
'class' => 'btn btn-outline-primary folder-download-btn',
|
|
|
|
|
'data-bs-toggle' => 'tooltip',
|
|
|
|
|
'data-bs-placement' => 'top',
|
|
|
|
|
'data-bs-title' => '打包下载'
|
|
|
|
|
]) ?>
|
2024-02-12 12:01:08 +08:00
|
|
|
|
<?= Html::button(Html::tag('i', '', ['class' => 'fa-regular fa-pen-to-square']), ['value' => $relativePath, 'class' => 'btn btn-outline-secondary rename-btn', 'data-bs-toggle' => 'tooltip', 'data-bs-placement' => 'top', 'data-bs-title' => '重命名']) ?>
|
2024-02-13 16:12:24 +08:00
|
|
|
|
<?= Html::button(Html::tag('i', '', ['class' => 'fa-solid fa-share-nodes']), ['value' => $relativePath, 'class' => 'btn btn-outline-info shares-btn', 'data-bs-toggle' => 'tooltip', 'data-bs-placement' => 'top', 'data-bs-title' => '分享']) ?>
|
2024-02-12 14:04:13 +08:00
|
|
|
|
<?= Html::button(Html::tag('i', '', ['class' => 'fa-regular fa-trash-can']), ['value' => $relativePath, 'class' => 'btn btn-outline-danger delete-btn', 'data-bs-toggle' => 'tooltip', 'data-bs-placement' => 'top', 'data-bs-title' => '删除']) ?>
|
2024-02-11 12:39:05 +08:00
|
|
|
|
</td>
|
2024-02-12 14:04:13 +08:00
|
|
|
|
<?php else: ?> <!-- 如果是文件 -->
|
2024-02-11 12:39:05 +08:00
|
|
|
|
<td>
|
2024-02-11 16:04:21 +08:00
|
|
|
|
<?= Html::tag('i', '', ['class' => $item['type'] . ' file_icon']) ?>
|
|
|
|
|
<?= Html::a($item['name'], ['home/download', 'relativePath' => $relativePath], ['class' => 'file_name']) ?>
|
|
|
|
|
</td>
|
2024-02-12 14:04:13 +08:00
|
|
|
|
<td class="file_info">
|
|
|
|
|
<?= date('Y-m-d H:i:s', $item['lastModified']) ?>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="file_info">
|
|
|
|
|
<?= $item['size'] !== null ? Yii::$app->formatter->asShortSize($item['size'], 2) : '' ?>
|
|
|
|
|
</td>
|
2024-02-11 16:04:21 +08:00
|
|
|
|
<td>
|
|
|
|
|
<?= Html::button(Html::tag('i', '', ['class' => 'fa-regular fa-circle-down']), [
|
|
|
|
|
'value' => Url::to(['home/download', 'relativePath' => $relativePath]),
|
2024-02-12 12:01:08 +08:00
|
|
|
|
'class' => 'btn btn-outline-primary download-btn',
|
|
|
|
|
'data-bs-toggle' => 'tooltip',
|
|
|
|
|
'data-bs-placement' => 'top',
|
|
|
|
|
'data-bs-title' => '下载'
|
2024-02-11 16:04:21 +08:00
|
|
|
|
]) ?>
|
2024-02-12 12:01:08 +08:00
|
|
|
|
<?= Html::button(Html::tag('i', '', ['class' => 'fa-regular fa-pen-to-square']), ['value' => $relativePath, 'class' => 'btn btn-outline-secondary rename-btn', 'data-bs-toggle' => 'tooltip', 'data-bs-placement' => 'top', 'data-bs-title' => '重命名']) ?>
|
2024-02-13 16:12:24 +08:00
|
|
|
|
<?= Html::button(Html::tag('i', '', ['class' => 'fa-solid fa-share-nodes']), ['value' => $relativePath, 'class' => 'btn btn-outline-info shares-btn', 'data-bs-toggle' => 'tooltip', 'data-bs-placement' => 'top', 'data-bs-title' => '分享']) ?>
|
2024-02-12 14:04:13 +08:00
|
|
|
|
<?= Html::button(Html::tag('i', '', ['class' => 'fa-regular fa-trash-can']), ['value' => $relativePath, 'class' => 'btn btn-outline-danger delete-btn', 'data-bs-toggle' => 'tooltip', 'data-bs-placement' => 'top', 'data-bs-title' => '删除']) ?>
|
2024-02-11 12:39:05 +08:00
|
|
|
|
</td>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
</tr>
|
2024-02-10 17:41:07 +08:00
|
|
|
|
<?php endforeach; ?>
|
2024-02-11 12:39:05 +08:00
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
2024-02-11 16:04:21 +08:00
|
|
|
|
</div>
|
|
|
|
|
<?php
|
|
|
|
|
Modal::begin([
|
|
|
|
|
'title' => '<h4>重命名文件/文件夹</h4>',
|
|
|
|
|
'id' => 'renameModal',
|
|
|
|
|
'size' => 'modal-lg',
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
$model = new RenameForm();
|
|
|
|
|
$form = ActiveForm::begin(['id' => 'rename-form', 'action' => ['home/rename'], 'method' => 'post']);
|
|
|
|
|
|
|
|
|
|
echo $form->field($model, 'newName')->textInput(['maxlength' => true])->label('新名称');
|
|
|
|
|
echo Html::hiddenInput('relativePath', '', ['id' => 'renameRelativePath']);
|
|
|
|
|
echo Html::submitButton('提交', ['class' => 'btn btn-primary']);
|
|
|
|
|
|
|
|
|
|
ActiveForm::end();
|
|
|
|
|
Modal::end();
|
|
|
|
|
|
2024-02-12 12:01:08 +08:00
|
|
|
|
Modal::begin([
|
|
|
|
|
'title' => '<h4>确认删除</h4>',
|
|
|
|
|
'id' => 'deleteModal',
|
|
|
|
|
'size' => 'modal-sm',
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
echo Html::tag('div', '你确定要删除这个文件吗?', ['class' => 'modal-body']);
|
|
|
|
|
|
|
|
|
|
echo Html::beginForm(['home/delete'], 'post', ['id' => 'delete-form']);
|
|
|
|
|
echo Html::hiddenInput('relativePath', '', ['id' => 'deleteRelativePath']);
|
|
|
|
|
echo Html::submitButton('确认', ['class' => 'btn btn-danger']);
|
|
|
|
|
echo Html::endForm();
|
|
|
|
|
|
|
|
|
|
Modal::end();
|
2024-02-14 21:35:54 +08:00
|
|
|
|
|
|
|
|
|
Modal::begin([
|
|
|
|
|
'title' => '<h4>新建文件夹</h4>',
|
|
|
|
|
'id' => 'newFolderModal',
|
|
|
|
|
'size' => 'modal-lg',
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
$model1 = new NewFolderForm();
|
2024-02-15 12:10:41 +08:00
|
|
|
|
$form = ActiveForm::begin(['id' => 'new-folder-form', 'action' => ['home/new-folder'], 'method' => 'post', 'enableAjaxValidation' => true]);
|
2024-02-14 21:35:54 +08:00
|
|
|
|
|
2024-02-15 10:54:25 +08:00
|
|
|
|
echo $form->field($model1, 'folderName')->textInput(['maxlength' => true])->label('文件夹名称');
|
2024-02-14 21:35:54 +08:00
|
|
|
|
echo Html::hiddenInput('relativePath', '', ['id' => 'newDirRelativePath']);
|
|
|
|
|
echo Html::submitButton('提交', ['class' => 'btn btn-primary']);
|
|
|
|
|
|
|
|
|
|
ActiveForm::end();
|
|
|
|
|
Modal::end();
|
|
|
|
|
|
2024-02-12 14:04:13 +08:00
|
|
|
|
$this->registerJsFile('@web/js/home_script.js', ['depends' => [JqueryAsset::class], 'position' => View::POS_END]);
|
2024-02-11 16:04:21 +08:00
|
|
|
|
?>
|
|
|
|
|
|