You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
301 lines
18 KiB
301 lines
18 KiB
<?php if (!defined('THINK_PATH')) exit(); /*a:5:{s:74:"/www/wwwroot/stationery/public/../application/index/view/user/profile.html";i:1725591948;s:66:"/www/wwwroot/stationery/application/index/view/layout/default.html";i:1725591948;s:63:"/www/wwwroot/stationery/application/index/view/common/meta.html";i:1725591948;s:66:"/www/wwwroot/stationery/application/index/view/common/sidenav.html";i:1725591948;s:65:"/www/wwwroot/stationery/application/index/view/common/script.html";i:1725591948;}*/ ?>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title><?php echo htmlentities((isset($title) && ($title !== '')?$title:'') ?? ''); ?> – <?php echo htmlentities($site['name'] ?? ''); ?></title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<meta name="renderer" content="webkit">
|
|
|
|
<?php if(isset($keywords)): ?>
|
|
<meta name="keywords" content="<?php echo htmlentities($keywords ?? ''); ?>">
|
|
<?php endif; if(isset($description)): ?>
|
|
<meta name="description" content="<?php echo htmlentities($description ?? ''); ?>">
|
|
<?php endif; ?>
|
|
|
|
<link rel="shortcut icon" href="/assets/img/favicon.ico" />
|
|
|
|
<link href="/assets/css/frontend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.css?v=<?php echo htmlentities(\think\Config::get('site.version') ?? ''); ?>" rel="stylesheet">
|
|
|
|
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
|
|
<!--[if lt IE 9]>
|
|
<script src="/assets/js/html5shiv.js"></script>
|
|
<script src="/assets/js/respond.min.js"></script>
|
|
<![endif]-->
|
|
<script type="text/javascript">
|
|
var require = {
|
|
config: <?php echo json_encode($config ?? ''); ?>
|
|
};
|
|
</script>
|
|
|
|
<link href="/assets/css/user.css?v=<?php echo htmlentities(\think\Config::get('site.version') ?? ''); ?>" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<nav class="navbar navbar-white navbar-fixed-top" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#header-navbar">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="<?php echo url('/'); ?>"><?php echo htmlentities($site['name'] ?? ''); ?></a>
|
|
</div>
|
|
<div class="collapse navbar-collapse" id="header-navbar">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li><a href="<?php echo url('/'); ?>"><?php echo __('Home'); ?></a></li>
|
|
<li class="dropdown">
|
|
<?php if($user): ?>
|
|
<a href="<?php echo url('user/index'); ?>" class="dropdown-toggle" data-toggle="dropdown">
|
|
<span class="avatar-img"><img src="<?php echo cdnurl(htmlentities($user['avatar'] ?? '') ?? ''); ?>" alt=""></span>
|
|
<span class="visible-xs-inline-block" style="padding:5px;"><?php echo $user['nickname']; ?> <b class="caret"></b></span>
|
|
</a>
|
|
<?php else: ?>
|
|
<a href="<?php echo url('user/index'); ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo __('Member center'); ?> <b class="caret"></b></a>
|
|
<?php endif; ?>
|
|
<ul class="dropdown-menu">
|
|
<?php if($user): ?>
|
|
<li><a href="<?php echo url('user/index'); ?>"><i class="fa fa-user-circle fa-fw"></i><?php echo __('User center'); ?></a></li>
|
|
<li><a href="<?php echo url('user/profile'); ?>"><i class="fa fa-user-o fa-fw"></i><?php echo __('Profile'); ?></a></li>
|
|
<li><a href="<?php echo url('user/changepwd'); ?>"><i class="fa fa-key fa-fw"></i><?php echo __('Change password'); ?></a></li>
|
|
<li><a href="<?php echo url('user/logout'); ?>"><i class="fa fa-sign-out fa-fw"></i><?php echo __('Sign out'); ?></a></li>
|
|
<?php else: ?>
|
|
<li><a href="<?php echo url('user/login'); ?>"><i class="fa fa-sign-in fa-fw"></i> <?php echo __('Sign in'); ?></a></li>
|
|
<li><a href="<?php echo url('user/register'); ?>"><i class="fa fa-user-o fa-fw"></i> <?php echo __('Sign up'); ?></a></li>
|
|
<?php endif; ?>
|
|
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="content">
|
|
<style>
|
|
.profile-avatar-container {
|
|
position:relative;
|
|
width:100px;
|
|
}
|
|
.profile-avatar-container .profile-user-img{
|
|
width:100px;
|
|
height:100px;
|
|
}
|
|
.profile-avatar-container .profile-avatar-text {
|
|
display:none;
|
|
}
|
|
.profile-avatar-container:hover .profile-avatar-text {
|
|
display:block;
|
|
position:absolute;
|
|
height:100px;
|
|
width:100px;
|
|
background:#444;
|
|
opacity: .6;
|
|
color: #fff;
|
|
top:0;
|
|
left:0;
|
|
line-height: 100px;
|
|
text-align: center;
|
|
}
|
|
.profile-avatar-container button{
|
|
position:absolute;
|
|
top:0;left:0;width:100px;height:100px;opacity: 0;
|
|
}
|
|
</style>
|
|
<div id="content-container" class="container">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="sidebar-toggle"><i class="fa fa-bars"></i></div>
|
|
<div class="sidenav" id="sidebar-nav">
|
|
<?php echo hook('user_sidenav_before'); ?>
|
|
<ul class="list-group">
|
|
<li class="list-group-heading"><?php echo __('Member center'); ?></li>
|
|
<li class="list-group-item <?php echo check_nav_active('user/index'); ?>"> <a href="<?php echo url('user/index'); ?>"><i class="fa fa-user-circle fa-fw"></i> <?php echo __('User center'); ?></a> </li>
|
|
<li class="list-group-item <?php echo check_nav_active('user/profile'); ?>"> <a href="<?php echo url('user/profile'); ?>"><i class="fa fa-user-o fa-fw"></i> <?php echo __('Profile'); ?></a> </li>
|
|
<li class="list-group-item <?php echo check_nav_active('user/changepwd'); ?>"> <a href="<?php echo url('user/changepwd'); ?>"><i class="fa fa-key fa-fw"></i> <?php echo __('Change password'); ?></a> </li>
|
|
<li class="list-group-item <?php echo check_nav_active('user/logout'); ?>"> <a href="<?php echo url('user/logout'); ?>"><i class="fa fa-sign-out fa-fw"></i> <?php echo __('Sign out'); ?></a> </li>
|
|
</ul>
|
|
<?php echo hook('user_sidenav_after'); ?>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="panel panel-default">
|
|
<div class="panel-body">
|
|
<h2 class="page-header"><?php echo __('Profile'); ?></h2>
|
|
<form id="profile-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="<?php echo url('api/user/profile'); ?>">
|
|
<?php echo token(); ?>
|
|
<input type="hidden" name="avatar" id="c-avatar" value="<?php echo $user->getData('avatar'); ?>" />
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"></label>
|
|
<div class="col-xs-12 col-sm-4">
|
|
<div class="profile-avatar-container">
|
|
<img class="profile-user-img img-responsive img-circle" src="<?php echo cdnurl(htmlentities($user['avatar'] ?? '') ?? ''); ?>" alt="">
|
|
<div class="profile-avatar-text img-circle"><?php echo __('Click to edit'); ?></div>
|
|
<button type="button" id="faupload-avatar" class="faupload" data-mimetype="png,jpg,jpeg,gif" data-input-id="c-avatar"><i class="fa fa-upload"></i> <?php echo __('Upload'); ?></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"><?php echo __('Username'); ?>:</label>
|
|
<div class="col-xs-12 col-sm-4">
|
|
<input type="text" class="form-control" id="username" name="username" value="<?php echo htmlentities($user['username'] ?? ''); ?>" data-rule="required;username;remote(<?php echo url('api/validate/check_username_available'); ?>, id=<?php echo $user['id']; ?>)" placeholder="">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"><?php echo __('Nickname'); ?>:</label>
|
|
<div class="col-xs-12 col-sm-4">
|
|
<input type="text" class="form-control" id="nickname" name="nickname" value="<?php echo htmlentities($user['nickname'] ?? ''); ?>" data-rule="required;remote(<?php echo url('api/validate/check_nickname_available'); ?>, id=<?php echo $user['id']; ?>)" placeholder="">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="c-bio" class="control-label col-xs-12 col-sm-2"><?php echo __('Intro'); ?>:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-bio" data-rule="" data-tip="一句话介绍一下你自己" class="form-control" name="bio" type="text" value="<?php echo htmlentities($user['bio'] ?? ''); ?>">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="c-email" class="control-label col-xs-12 col-sm-2"><?php echo __('Email'); ?>:</label>
|
|
<div class="col-xs-12 col-sm-4">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="c-email" name="email" value="<?php echo htmlentities($user['email'] ?? ''); ?>" disabled placeholder="">
|
|
<span class="input-group-btn" style="padding:0;border:none;">
|
|
<a href="javascript:;" class="btn btn-info btn-change" data-type="email"><?php echo __('Change'); ?></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="c-mobile" class="control-label col-xs-12 col-sm-2"><?php echo __('Mobile'); ?>:</label>
|
|
<div class="col-xs-12 col-sm-4">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="c-mobile" name="mobile" value="<?php echo htmlentities($user['mobile'] ?? ''); ?>" disabled placeholder="">
|
|
<span class="input-group-btn" style="padding:0;border:none;">
|
|
<a href="javascript:;" class="btn btn-info btn-change" data-type="mobile"><?php echo __('Change'); ?></a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="form-group normal-footer">
|
|
<label class="control-label col-xs-12 col-sm-2"></label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<button type="submit" class="btn btn-primary btn-embossed disabled"><?php echo __('Ok'); ?></button>
|
|
<button type="reset" class="btn btn-default btn-embossed"><?php echo __('Reset'); ?></button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/html" id="emailtpl">
|
|
<form id="email-form" class="form-horizontal form-layer" method="POST" action="<?php echo url('api/user/changeemail'); ?>">
|
|
<div class="form-body">
|
|
<input type="hidden" name="action" value="changeemail" />
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-3"><?php echo __('New Email'); ?>:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input type="text" class="form-control" id="email" name="email" value="" data-rule="required;email;remote(<?php echo url('api/validate/check_email_available'); ?>, event=changeemail, id=<?php echo $user['id']; ?>)" placeholder="<?php echo __('New email'); ?>">
|
|
<span class="msg-box"></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-3"><?php echo __('Captcha'); ?>:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<div class="input-group">
|
|
<input type="text" name="captcha" id="email-captcha" class="form-control" data-rule="required;length(<?php echo \think\Config::get('captcha.length'); ?>);digits;remote(<?php echo url('api/validate/check_ems_correct'); ?>, event=changeemail, email:#email)" />
|
|
<span class="input-group-btn" style="padding:0;border:none;">
|
|
<a href="javascript:;" class="btn btn-info btn-captcha" data-url="<?php echo url('api/ems/send'); ?>" data-type="email" data-event="changeemail">获取验证码</a>
|
|
</span>
|
|
</div>
|
|
<span class="msg-box"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-footer">
|
|
<div class="form-group" style="margin-bottom:0;">
|
|
<div class="col-xs-12 col-sm-8 col-sm-offset-3">
|
|
<button type="submit" class="btn btn-md btn-primary"><?php echo __('Submit'); ?></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</script>
|
|
<script type="text/html" id="mobiletpl">
|
|
<form id="mobile-form" class="form-horizontal form-layer" method="POST" action="<?php echo url('api/user/changemobile'); ?>">
|
|
<div class="form-body">
|
|
<input type="hidden" name="action" value="changemobile" />
|
|
<div class="form-group">
|
|
<label for="c-mobile" class="control-label col-xs-12 col-sm-3"><?php echo __('New mobile'); ?>:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input type="text" class="form-control" id="mobile" name="mobile" value="" data-rule="required;mobile;remote(<?php echo url('api/validate/check_mobile_available'); ?>, event=changemobile, id=<?php echo $user['id']; ?>)" placeholder="<?php echo __('New mobile'); ?>">
|
|
<span class="msg-box"></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="mobile-captcha" class="control-label col-xs-12 col-sm-3"><?php echo __('Captcha'); ?>:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<div class="input-group">
|
|
<input type="text" name="captcha" id="mobile-captcha" class="form-control" data-rule="required;length(<?php echo \think\Config::get('captcha.length'); ?>);digits;remote(<?php echo url('api/validate/check_sms_correct'); ?>, event=changemobile, mobile:#mobile)" />
|
|
<span class="input-group-btn" style="padding:0;border:none;">
|
|
<a href="javascript:;" class="btn btn-info btn-captcha" data-url="<?php echo url('api/sms/send'); ?>" data-type="mobile" data-event="changemobile">获取验证码</a>
|
|
</span>
|
|
</div>
|
|
<span class="msg-box"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-footer">
|
|
<div class="form-group" style="margin-bottom:0;">
|
|
<div class="col-xs-12 col-sm-8 col-sm-offset-3">
|
|
<button type="submit" class="btn btn-md btn-primary"><?php echo __('Submit'); ?></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</script>
|
|
<style>
|
|
.form-layer {height:100%;min-height:150px;min-width:300px;}
|
|
.form-body {
|
|
width:100%;
|
|
overflow:auto;
|
|
top:0;
|
|
position:absolute;
|
|
z-index:10;
|
|
bottom:50px;
|
|
padding:15px;
|
|
}
|
|
.form-layer .form-footer {
|
|
height:50px;
|
|
line-height:50px;
|
|
background-color: #ecf0f1;
|
|
width:100%;
|
|
position:absolute;
|
|
z-index:200;
|
|
bottom:0;
|
|
margin:0;
|
|
}
|
|
.form-footer .form-group{
|
|
margin-left:0;
|
|
margin-right:0;
|
|
}
|
|
</style>
|
|
|
|
</main>
|
|
|
|
<footer class="footer" style="clear:both">
|
|
<p class="copyright">Copyright © <?php echo date("Y"); ?> <?php echo htmlentities($site['name'] ?? ''); ?> All Rights Reserved <a href="https://beian.miit.gov.cn" target="_blank"><?php echo htmlentities($site['beian'] ?? ''); ?></a></p>
|
|
</footer>
|
|
|
|
<script src="/assets/js/require<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js" data-main="/assets/js/require-frontend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|