fixed edit layout on profile page

main
psychobunny 9 years ago
parent 45385ad45a
commit 62dae409d5

@ -1,117 +1,118 @@
<div class="account"> <div class="account">
<!-- IMPORT partials/account/header.tpl --> <!-- IMPORT partials/account/header.tpl -->
<!-- IF sso.length --><div><!-- ENDIF sso.length -->
<div class="row"> <div class="row">
<div class="col-md-2 col-sm-4"> <div class="col-md-3 col-sm-4">
<div class="account-picture-block text-center"> <div class="account-picture-block text-center">
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<!-- IF picture --> <!-- IF picture -->
<img id="user-current-picture" class="user-profile-picture" src="{picture}" /> <img id="user-current-picture" class="user-profile-picture" src="{picture}" />
<!-- ELSE --> <!-- ELSE -->
<div class="user-icon user-profile-picture" style="background-color: {icon:bgColor};">{icon:text}</div> <div class="user-icon user-profile-picture" style="background-color: {icon:bgColor};">{icon:text}</div>
<!-- ENDIF picture --> <!-- ENDIF picture -->
</div>
</div> </div>
</div> <ul class="list-group">
<ul class="list-group"> <a id="changePictureBtn" href="#" class="list-group-item">[[user:change_picture]]</a>
<a id="changePictureBtn" href="#" class="list-group-item">[[user:change_picture]]</a> <!-- IF !username:disableEdit -->
<!-- IF !username:disableEdit --> <a href="{config.relative_path}/user/{userslug}/edit/username" class="list-group-item">[[user:change_username]]</a>
<a href="{config.relative_path}/user/{userslug}/edit/username" class="list-group-item">[[user:change_username]]</a> <!-- ENDIF !username:disableEdit -->
<!-- ENDIF !username:disableEdit --> <a href="{config.relative_path}/user/{userslug}/edit/email" class="list-group-item">[[user:change_email]]</a>
<a href="{config.relative_path}/user/{userslug}/edit/email" class="list-group-item">[[user:change_email]]</a> <a href="{config.relative_path}/user/{userslug}/edit/password" class="list-group-item">[[user:change_password]]</a>
<a href="{config.relative_path}/user/{userslug}/edit/password" class="list-group-item">[[user:change_password]]</a> </ul>
</ul>
<!-- IF config.requireEmailConfirmation --> <!-- IF config.requireEmailConfirmation -->
<!-- IF email --> <!-- IF email -->
<!-- IF isSelf --> <!-- IF isSelf -->
<a id="confirm-email" href="#" class="btn btn-warning <!-- IF email:confirmed -->hide<!-- ENDIF email:confirmed -->">[[user:confirm_email]]</a><br/><br/> <a id="confirm-email" href="#" class="btn btn-warning <!-- IF email:confirmed -->hide<!-- ENDIF email:confirmed -->">[[user:confirm_email]]</a><br/><br/>
<!-- ENDIF isSelf --> <!-- ENDIF isSelf -->
<!-- ENDIF email --> <!-- ENDIF email -->
<!-- ENDIF config.requireEmailConfirmation --> <!-- ENDIF config.requireEmailConfirmation -->
<!-- IF config.allowAccountDelete --> <!-- IF config.allowAccountDelete -->
<!-- IF isSelf --> <!-- IF isSelf -->
<a id="deleteAccountBtn" href="#" class="btn btn-danger">[[user:delete_account]]</a><br/><br/> <a id="deleteAccountBtn" href="#" class="btn btn-danger">[[user:delete_account]]</a><br/><br/>
<!-- ENDIF isSelf --> <!-- ENDIF isSelf -->
<!-- ENDIF config.allowAccountDelete --> <!-- ENDIF config.allowAccountDelete -->
</div>
</div> </div>
</div>
<div class="col-md-5 col-sm-4"> <div class="<!-- IF !sso.length -->col-md-9 col-sm-8<!-- ELSE -->col-md-5 col-sm-4<!-- ENDIF !sso.length -->">
<div> <div>
<form class='form-horizontal'> <form class='form-horizontal'>
<div class="control-group"> <div class="control-group">
<label class="control-label" for="inputFullname">[[user:fullname]]</label> <label class="control-label" for="inputFullname">[[user:fullname]]</label>
<div class="controls"> <div class="controls">
<input class="form-control" type="text" id="inputFullname" placeholder="[[user:fullname]]" value="{fullname}"> <input class="form-control" type="text" id="inputFullname" placeholder="[[user:fullname]]" value="{fullname}">
</div>
</div> </div>
</div>
<div class="control-group"> <div class="control-group">
<label class="control-label" for="inputWebsite">[[user:website]]</label> <label class="control-label" for="inputWebsite">[[user:website]]</label>
<div class="controls"> <div class="controls">
<input class="form-control" type="text" id="inputWebsite" placeholder="http://..." value="{website}"> <input class="form-control" type="text" id="inputWebsite" placeholder="http://..." value="{website}">
</div>
</div> </div>
</div>
<div class="control-group"> <div class="control-group">
<label class="control-label" for="inputLocation">[[user:location]]</label> <label class="control-label" for="inputLocation">[[user:location]]</label>
<div class="controls"> <div class="controls">
<input class="form-control" type="text" id="inputLocation" placeholder="[[user:location]]" value="{location}"> <input class="form-control" type="text" id="inputLocation" placeholder="[[user:location]]" value="{location}">
</div>
</div> </div>
</div>
<div class="control-group"> <div class="control-group">
<label class="control-label" for="inputBirthday">[[user:birthday]]</label> <label class="control-label" for="inputBirthday">[[user:birthday]]</label>
<div class="controls"> <div class="controls">
<input class="form-control" id="inputBirthday" value="{birthday}" placeholder="mm/dd/yyyy"> <input class="form-control" id="inputBirthday" value="{birthday}" placeholder="mm/dd/yyyy">
</div>
</div> </div>
</div>
<div class="control-group"> <div class="control-group">
<label class="control-label" for="inputAboutMe">[[user:aboutme]]</label> <small><label id="aboutMeCharCountLeft"></label></small> <label class="control-label" for="inputAboutMe">[[user:aboutme]]</label> <small><label id="aboutMeCharCountLeft"></label></small>
<div class="controls"> <div class="controls">
<textarea class="form-control" id="inputAboutMe" rows="5">{aboutme}</textarea> <textarea class="form-control" id="inputAboutMe" rows="5">{aboutme}</textarea>
</div>
</div> </div>
</div> <!-- IF !disableSignatures -->
<!-- IF !disableSignatures --> <div class="control-group">
<div class="control-group"> <label class="control-label" for="inputSignature">[[user:signature]]</label> <small><label id="signatureCharCountLeft"></label></small>
<label class="control-label" for="inputSignature">[[user:signature]]</label> <small><label id="signatureCharCountLeft"></label></small> <div class="controls">
<div class="controls"> <textarea class="form-control" id="inputSignature" rows="5">{signature}</textarea>
<textarea class="form-control" id="inputSignature" rows="5">{signature}</textarea> </div>
</div> </div>
</div> <!-- ENDIF !disableSignatures -->
<!-- ENDIF !disableSignatures -->
<input type="hidden" id="inputUID" value="{uid}"><br /> <input type="hidden" id="inputUID" value="{uid}"><br />
<div class="form-actions"> <div class="form-actions">
<a id="submitBtn" href="#" class="btn btn-primary">[[global:save_changes]]</a> <a id="submitBtn" href="#" class="btn btn-primary">[[global:save_changes]]</a>
</div> </div>
</form> </form>
</div> </div>
<hr class="visible-xs visible-sm"/> <hr class="visible-xs visible-sm"/>
</div> </div>
<div class="col-md-5 col-sm-4">
<!-- IF sso.length --> <!-- IF sso.length -->
<label class="control-label">[[user:sso.title]]</label> <div class="col-md-5 col-sm-4">
<div class="list-group"> <label class="control-label">[[user:sso.title]]</label>
<!-- BEGIN sso --> <div class="list-group">
<a class="list-group-item" href="{../url}" target="<!-- IF ../associated -->_blank<!-- ELSE -->_top<!-- ENDIF ../associated -->"> <!-- BEGIN sso -->
<!-- IF ../icon --><i class="fa {../icon}"></i><!-- ENDIF ../icon --> <a class="list-group-item" href="{../url}" target="<!-- IF ../associated -->_blank<!-- ELSE -->_top<!-- ENDIF ../associated -->">
<!-- IF ../associated -->[[user:sso.associated]]<!-- ELSE -->[[user:sso.not-associated]]<!-- ENDIF ../associated --> <!-- IF ../icon --><i class="fa {../icon}"></i><!-- ENDIF ../icon -->
{../name} <!-- IF ../associated -->[[user:sso.associated]]<!-- ELSE -->[[user:sso.not-associated]]<!-- ENDIF ../associated -->
</a> {../name}
<!-- END sso --> </a>
<!-- END sso -->
</div>
</div> </div>
<!-- ENDIF sso.length --> <!-- ENDIF sso.length -->
</div> </div>
</div> <!-- IF sso.length --></div><!-- ENDIF sso.length -->
</div> </div>

Loading…
Cancel
Save