DiverseYouthNightSchool/application/manystore/view/general/profile/index.html

291 lines
19 KiB
HTML

<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-12" style="display: flex;justify-content: center;" >
<div class="col-md-5">
<form id="update-form" role="form" data-toggle="validator" method="POST" action="{:url('general.profile/update')}">
{:token()}
<div class="box box-success">
<div class="panel-heading">
{:__('Profile')}
</div>
<div class="panel-body">
<input type="hidden" id="c-avatar" name="row[avatar]" value="{$manystore.avatar|htmlentities}"/>
<div class="box-body box-profile">
<div class="profile-avatar-container">
<img class="profile-user-img img-responsive img-circle plupload"
src="{$manystore.avatar|cdnurl|htmlentities}" alt="">
<div class="profile-avatar-text img-circle">{:__('Click to edit')}</div>
<button id="plupload-avatar" class="plupload" data-input-id="c-avatar"><i
class="fa fa-upload"></i> {:__('Upload')}
</button>
</div>
<h3 class="profile-username text-center">{$manystore.username|htmlentities}</h3>
<p class="text-muted text-center">{$manystore.email|htmlentities}</p>
<div class="form-group">
<label for="username" class="control-label">{:__('Username')}:</label>
<input type="text" class="form-control" id="username" name="row[username]"
value="{$manystore.username|htmlentities}" disabled/>
</div>
<div class="form-group">
<label for="email" class="control-label">{:__('Email')}:</label>
<input type="text" class="form-control" id="email" name="row[email]"
value="{$manystore.email|htmlentities}" data-rule="required;email"/>
</div>
<div class="form-group">
<label for="nickname" class="control-label">{:__('Nickname')}:</label>
<input type="text" class="form-control" id="nickname" name="row[nickname]"
value="{$manystore.nickname|htmlentities}" data-rule="required;length(~10)"/>
</div>
<div class="form-group">
<label for="password" class="control-label">{:__('Password')}:</label>
<input type="password" class="form-control" id="password"
placeholder="{:__('Leave password blank if dont want to change')}"
autocomplete="new-password" name="row[password]" value="" data-rule="password"/>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-success">{:__('Submit')}</button>
<button type="reset" class="btn btn-default">{:__('Reset')}</button>
</div>
</div>
</div>
</form>
</div>
{if condition="$auth->check('general/profile/shop_update')"}
<div class="form-horizontal col-md-7">
<div class="box box-success">
<div class="panel-heading">
{:__('商家信息')}
</div>
<form id="shop-form" role="form" data-toggle="validator" method="POST" action="{:url('general.profile/shop_update')}">
{:token()}
<div class="panel-body">
<div class="box-body box-profile">
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-name" data-rule="required" class="form-control" name="shop[name]" type="text" value="{$shop_info.name}">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
{:__('Logo')}:
<p style="margin-top: 20px;">建议40*40</p>
</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-logo" class="form-control" size="50" name="shop[logo]" type="text" value="{$shop_info.logo}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-logo"
class="btn btn-danger plupload cropper" data-input-id="c-logo"
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
data-multiple="false" data-preview-id="p-logo"><i
class="fa fa-upload"></i> {:__('Upload')}</button></span>
<span><button type="button" id="fachoose-logo"
class="btn btn-primary fachoose"
data-input-id="c-logo" data-mimetype="image/*"
data-multiple="false"><i
class="fa fa-list"></i> {:__('Choose')}</button></span>
</div>
<span class="msg-box n-right" for="c-logo"></span>
</div>
<ul class="row list-inline plupload-preview" id="p-logo"></ul>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-image" data-rule="required" class="form-control" size="50"
name="shop[image]" type="text" value="{$shop_info.image}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-image"
class="btn btn-danger plupload cropper" data-input-id="c-image"
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
data-multiple="false" data-preview-id="p-image"><i
class="fa fa-upload"></i> {:__('Upload')}</button></span>
<span><button type="button" id="fachoose-image"
class="btn btn-primary fachoose"
data-input-id="c-image" data-mimetype="image/*"
data-multiple="false"><i
class="fa fa-list"></i> {:__('Choose')}</button></span>
</div>
<span class="msg-box n-right" for="c-image"></span>
</div>
<ul class="row list-inline plupload-preview" id="p-image"></ul>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Images')}:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-images" class="form-control" name="shop[images]" type="text"
value="{$shop_info.images}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-images"
class="btn btn-danger plupload cropper" data-input-id="c-images"
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
data-multiple="true" data-preview-id="p-images"><i
class="fa fa-upload"></i> {:__('Upload')}</button></span>
<span><button type="button" id="fachoose-imagess"
class="btn btn-primary fachoose"
data-input-id="c-images" data-mimetype="image/*"
data-multiple="true"><i
class="fa fa-list"></i> {:__('Choose')}</button></span>
</div>
<span class="msg-box n-right" for="c-images"></span>
</div>
<ul class="row list-inline plupload-preview" id="p-images"></ul>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Address_city')}:</label>
<div class="col-xs-12 col-sm-8">
<div class='control-relative'>
<input id="c-address_city" data-rule="required"
class="form-control form-control"
data-toggle="city-picker" name="shop[address_city]"
value="{$shop_info.address_city}" type="text">
</div>
<input type="hidden" id="province" name="shop[province]" value="">
<input type="hidden" id="city" name="shop[city]" value="">
<input type="hidden" id="district" name="shop[district]" value="">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label>
<div class="col-xs-12 col-sm-8">
<div class='control-relative'>
<input id="c-address" data-rule="required" class="form-control form-control"
data-lat-id="c-latitude" data-lng-id="c-longitude" readonly
data-input-id="c-address" data-toggle="addresspicker"
name="shop[address]"
value="{$shop_info.address}" type="text">
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Address_detail')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-address_detail" class="form-control" name="shop[address_detail]"
type="text"
value="{$shop_info.address_detail}">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Longitude')}:</label>
<div class="col-xs-12 col-sm-3">
<input id="c-longitude" data-rule="required" readonly class="form-control"
name="shop[longitude]" type="text" value="{$shop_info.longitude}">
</div>
<label class="control-label col-xs-12 col-sm-2">{:__('Latitude')}:</label>
<div class="col-xs-12 col-sm-3">
<input id="c-latitude" data-rule="required" readonly class="form-control"
name="shop[latitude]" type="text" value="{$shop_info.latitude}">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Yyzzdm')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-yyzzdm" data-rule="required" class="form-control" name="shop[yyzzdm]"
type="text" value="{$shop_info.yyzzdm}">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Yyzz_images')}:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-yyzz_images" data-rule="required" class="form-control" size="50"
name="shop[yyzz_images]" type="text" value="{$shop_info.yyzz_images}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-yyzz_images"
class="btn btn-danger plupload" data-input-id="c-yyzz_images"
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
data-multiple="true" data-preview-id="p-yyzz_images"><i
class="fa fa-upload"></i> {:__('Upload')}</button></span>
<span><button type="button" id="fachoose-yyzz_images"
class="btn btn-primary fachoose" data-input-id="c-yyzz_images"
data-mimetype="image/*" data-multiple="true"><i
class="fa fa-list"></i> {:__('Choose')}</button></span>
</div>
<span class="msg-box n-right" for="c-yyzz_images"></span>
</div>
<ul class="row list-inline plupload-preview" id="p-yyzz_images"></ul>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Tel')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-tel" class="form-control" name="shop[tel]" type="text"
value="{$shop_info.tel}">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
<div class="col-xs-12 col-sm-8">
<textarea id="c-content" class="form-control editor" rows="5" name="shop[content]"
cols="50">{$shop_info.content}</textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
<div class="col-xs-12 col-sm-8">
<input class="form-control" disabled type="text"
value="{$statusList[$shop_info['status']]}">
</div>
</div>
</div>
<div class="form-group" style="display: flex;justify-content: center;" >
<button type="submit" class="btn btn-success">{:__('Submit')}</button>
<button type="reset" class="btn btn-default">{:__('Reset')}</button>
</div>
</div>
</form>
</div>
</div>
</div>
{/if}
</div>