204 lines
11 KiB
PHP
204 lines
11 KiB
PHP
<?php
|
|
//这个页面仿照Windows 11设置中的账户页面设计
|
|
|
|
/* @var $this yii\web\View */
|
|
/* @var $model app\models\User */
|
|
/* @var $usedSpace int */
|
|
/* @var $vaultUsedSpace int */
|
|
|
|
/* @var $storageLimit int */
|
|
|
|
/* @var $focus string */
|
|
|
|
use app\assets\FontAwesomeAsset;
|
|
use app\utils\FileSizeHelper;
|
|
use app\utils\IPLocation;
|
|
use yii\bootstrap5\ActiveForm;
|
|
use yii\bootstrap5\Html;
|
|
use yii\helpers\Url;
|
|
|
|
$this->title = '个人设置';
|
|
FontAwesomeAsset::register($this);
|
|
$this->registerCssFile('@web/css/user-info.css');
|
|
$details = IPLocation::getDetails($model->last_login_ip); // IP LOCATION
|
|
|
|
// 容量计算
|
|
$usedSpace_F = FileSizeHelper::formatBytes($usedSpace); //网盘已用空间 格式化文本
|
|
$vaultUsedSpace_F = FileSizeHelper::formatBytes($vaultUsedSpace); //保险箱已用空间 格式化文本
|
|
$storageLimit_F = FileSizeHelper::formatMegaBytes($storageLimit); //存储限制 格式化文本
|
|
$totalUsed_F = FileSizeHelper::formatBytes($usedSpace + $vaultUsedSpace); //总已用空间 格式化文本
|
|
$is_unlimited = ($storageLimit === -1); //检查是否为无限制容量
|
|
$usedPercent = $is_unlimited ? 0 : round($usedSpace / ($storageLimit * 1024 * 1024) * 100); //网盘已用百分比
|
|
$vaultUsedPercent = $is_unlimited ? 0 : round($vaultUsedSpace / ($storageLimit * 1024 * 1024) * 100); //保险箱已用百分比
|
|
$totalUsedPercent = min(($usedPercent + $vaultUsedPercent), 100); //总已用百分比
|
|
?>
|
|
|
|
<div class="user-info">
|
|
|
|
<h1><?= Html::encode($this->title) ?></h1>
|
|
|
|
<div class="user-profile">
|
|
<?= $model->getGravatar(email: $model->email, s: 100, img: true, atts: ['alt' => 'User Avatar', 'style' => 'border-radius: 50%']) ?>
|
|
<div class="user-details">
|
|
<div class="user-info">
|
|
<p id="p-username"><?= Html::encode($model->username) ?></p>
|
|
<p><?= Html::encode($model->email) ?></p>
|
|
<p>
|
|
<?php
|
|
if ($model->role == 'user') {
|
|
echo '普通用户';
|
|
} elseif ($model->role == 'admin') {
|
|
echo '管理员';
|
|
} else {
|
|
echo Html::encode($model->role);
|
|
}
|
|
?>
|
|
</p>
|
|
</div>
|
|
<div class="user-login-info">
|
|
<div class="user-last-login">
|
|
<i class="fa-solid fa-clipboard-user"></i>
|
|
<div class="login-info-dv">
|
|
<p class="user-login-info-title">上次登录时间</p>
|
|
<p class="user-login-info-content"><?= Html::encode($model->last_login . ' (CST)') ?></p>
|
|
</div>
|
|
</div>
|
|
<div class="user-last-login-ip">
|
|
<i class="fa-solid fa-location-dot"></i>
|
|
<div class="login-info-dv">
|
|
<p class="user-login-info-title">上次登录IP</p>
|
|
<p class="user-login-info-content">
|
|
<?= Html::encode($model->last_login_ip) ?>
|
|
<?= Html::encode(($details === null) ? '' : '(' . ($details->bogon ? ('Bogon IP') : ($details->city . ', ' . $details->country)) . ')') ?>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion userAccordion" id="userAccordion">
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingStorage">
|
|
<button class="accordion-button <?= ($focus === 'storage' || $focus === null) ? '' : 'collapsed' ?>"
|
|
type="button" data-bs-toggle="collapse"
|
|
data-bs-target="#collapseStorage" <?= ($focus === 'storage' || $focus === null) ? 'aria-expanded="true"' : '' ?>>
|
|
<span class="accordion-storage-content">
|
|
<span>
|
|
<i class="fa-solid fa-hard-drive"></i>
|
|
<span>存储空间</span>
|
|
</span>
|
|
<span style="margin-right: 20px">
|
|
<?= $totalUsed_F . ' / ' . $storageLimit_F ?>
|
|
</span>
|
|
</span>
|
|
</button>
|
|
</h2>
|
|
<div id="collapseStorage"
|
|
class="accordion-collapse collapse <?= ($focus === 'storage' || $focus === null) ? 'show' : '' ?>">
|
|
<div class="accordion-body">
|
|
<div class="storage-info">
|
|
<div class="storage-columns">
|
|
<div class="storage-usage" style="width: 27%">
|
|
<p>当前已使用容量</p>
|
|
<span style="font-weight: 600;font-size: 1.4rem;color: black;padding-left: 2px;"><?= $totalUsed_F ?>
|
|
</span>
|
|
<span style="font-size: 0.9rem;">/ <?= $storageLimit_F ?></span>
|
|
</div>
|
|
<div style="width: 47%">
|
|
<p><?= $totalUsedPercent ?>% 已用</p>
|
|
<div class="progress">
|
|
<div class="progress-bar" role="progressbar"
|
|
style="width: <?= $usedPercent ?>%;background-color: rgb(52,131,250)"
|
|
aria-valuenow="<?= $usedPercent ?>"
|
|
aria-valuemin="0" aria-valuemax="100"></div>
|
|
<div class="progress-bar" role="progressbar"
|
|
style="width: <?= $vaultUsedPercent ?>%;background-color: rgb(196,134,0)"
|
|
aria-valuenow="<?= $vaultUsedPercent ?>"
|
|
aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
<div class="storage-legend" style="color: rgb(140,139,139)">
|
|
<div class="legend-item">
|
|
<span class="legend-color" style="background-color: rgb(52,131,250);"></span>
|
|
<span>网盘已用空间</span>
|
|
<span style="margin-left: auto;"><?= $usedSpace_F ?>
|
|
<?= Html::a('<i class="fa-solid fa-arrow-up-right-from-square" style="font-size: 0.75rem;"></i>', ['home/index']) ?>
|
|
</span>
|
|
</div>
|
|
<div class="legend-item">
|
|
<span class="legend-color" style="background-color: rgb(196,134,0);"></span>
|
|
<span>保险箱已用空间</span>
|
|
<span style="margin-left: auto;"><?= $vaultUsedSpace_F ?>
|
|
<!-- PENDING-->
|
|
<?= Html::a('<i class="fa-solid fa-arrow-up-right-from-square" style="font-size: 0.75rem;"></i>', ['site/index']) ?>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingBio">
|
|
<button class="accordion-button <?= ($focus === 'bio') ? '' : 'collapsed' ?>" type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapseBio" <?= ($focus === 'bio') ? 'aria-expanded="true"' : '' ?>>
|
|
<i class="fa-solid fa-address-card"></i>
|
|
<span>个人简介</span>
|
|
</button>
|
|
</h2>
|
|
<div id="collapseBio" class="accordion-collapse collapse <?= ($focus === 'bio') ? 'show' : '' ?>">
|
|
<div class="accordion-body">
|
|
<?php $form = yii\widgets\ActiveForm::begin(); ?>
|
|
<?= $form->field($model, 'bio')->textarea(['rows' => 6])->label('简介') ?>
|
|
<div class="form-group">
|
|
<?= yii\helpers\Html::submitButton('保存', ['class' => 'btn btn-success']) ?>
|
|
</div>
|
|
<?php yii\widgets\ActiveForm::end(); ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingPassword">
|
|
<button class="accordion-button <?= ($focus === 'password') ? '' : 'collapsed' ?>" type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapsePassword" <?= ($focus === 'password') ? 'aria-expanded="true"' : '' ?>>
|
|
<i class="fa-solid fa-key"></i>
|
|
<span>修改密码</span>
|
|
</button>
|
|
</h2>
|
|
<div id="collapsePassword" class="accordion-collapse collapse <?= ($focus === 'password') ? 'show' : '' ?>">
|
|
<div class="accordion-body">
|
|
<?php $form = ActiveForm::begin([
|
|
'action' => Url::to(['user/change-password']),
|
|
'method' => 'post'
|
|
]); ?>
|
|
<?= $form->field($model, 'oldPassword')->passwordInput()->label('原密码') ?>
|
|
<?= $form->field($model, 'newPassword')->passwordInput()->label('新密码') ?>
|
|
<?= $form->field($model, 'newPasswordRepeat')->passwordInput()->label('重复新密码') ?>
|
|
<div class="form-group">
|
|
<?= Html::submitButton('保存', ['class' => 'btn btn-success']) ?>
|
|
</div>
|
|
<?php ActiveForm::end(); ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingAdvanced">
|
|
<button class="accordion-button <?= ($focus === 'advanced') ? '' : 'collapsed' ?>" type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapseAdvanced" <?= ($focus === 'advanced') ? 'aria-expanded="true"' : '' ?>>
|
|
<i class="fa-solid fa-flask"></i>
|
|
<span>高级选项</span>
|
|
</button>
|
|
</h2>
|
|
<div id="collapseAdvanced" class="accordion-collapse collapse <?= ($focus === 'advanced') ? 'show' : '' ?>">
|
|
<div class="accordion-body">
|
|
<!-- 高级选项相关内容 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|