|
@@ -0,0 +1,104 @@
|
|
|
+<style>
|
|
|
+ .profile-avatar-container {
|
|
|
+ position: relative;
|
|
|
+ width: 100px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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 class="row animated fadeInRight">
|
|
|
+ <div class="col-md-4">
|
|
|
+ <div class="box box-primary">
|
|
|
+ <div class="panel-heading">
|
|
|
+ {:__('Profile')}
|
|
|
+ </div>
|
|
|
+ <div class="panel-body">
|
|
|
+
|
|
|
+ <form id="update-form" role="form" data-toggle="validator" method="POST" action="{:url('general.profile/update')}">
|
|
|
+ {:token()}
|
|
|
+ <input type="hidden" id="c-avatar" name="row[avatar]" value="{$admin.avatar|htmlentities}"/>
|
|
|
+ <div class="box-body box-profile">
|
|
|
+
|
|
|
+ <div class="profile-avatar-container">
|
|
|
+ <img class="profile-user-img img-responsive img-circle" src="{$admin.avatar|cdnurl|htmlentities}" alt="">
|
|
|
+ <div class="profile-avatar-text img-circle">{:__('点击更换')}</div>
|
|
|
+ <button type="button" id="faupload-avatar" class="faupload" data-input-id="c-avatar"><i class="fa fa-upload"></i> {:__('Upload')}</button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <h3 class="profile-username text-center">{$admin.nickname|htmlentities}</h3>
|
|
|
+
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="username" class="control-label">{:__('Username')}:</label>
|
|
|
+ <input type="text" class="form-control" id="username" name="row[username]" value="{$admin.username|htmlentities}" disabled/>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="mobile" class="control-label">{:__('手机号')}:</label>
|
|
|
+ <input type="text" class="form-control" id="mobile" name="row[mobile]" value="{$admin.mobile|htmlentities}"/>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="email" class="control-label">{:__('邮箱')}:</label>
|
|
|
+ <input type="text" class="form-control" id="email" name="row[email]" value="{$admin.email|htmlentities}" data-rule="required;email"/>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="nickname" class="control-label">{:__('昵称')}:</label>
|
|
|
+ <input type="text" class="form-control" id="nickname" name="row[nickname]" value="{$admin.nickname|htmlentities}" data-rule="required"/>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="nickname" class="control-label">{:__('性别')}:</label>
|
|
|
+ {:build_radios('row[sex]',['保密','男','女'],$admin['sex'])}
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="nickname" class="control-label">{:__('年龄')}:</label>
|
|
|
+ <input type="number" class="form-control" id="age" name="row[age]" value="{$admin.age|htmlentities}" data-rule=""/>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="nickname" class="control-label">{:__('居住地')}:</label>
|
|
|
+ <input type="text" class="form-control" id="live_addr" name="row[live_addr]" value="{$admin.live_addr|htmlentities}" data-rule=""/>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="nickname" class="control-label">{:__('职位')}:</label>
|
|
|
+ <input type="text" class="form-control" id="job_name" name="row[job_name]" value="{$admin.job_name|htmlentities}" data-rule=""/>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <button type="submit" class="btn btn-primary">{:__('Submit')}</button>
|
|
|
+ <button type="reset" class="btn btn-default">{:__('Reset')}</button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</div>
|