github.com/wanliu/go-oauth2-server@v0.0.0-20180817021415-f928fa1580df/web/includes/account.html

{{ define "title"}}帐号设置 - Jiejie {{ end }}

{{ define "content" }}
<div class="container">
    <div class="row profile">
        <div class="col-md-3">
            <div class="profile-sidebar">
                <!-- SIDEBAR USERPIC -->
                <div class="profile-userpic">
                    <img src="{{ .currentUser.Avatar }}" class="img-responsive" alt="">
                </div>
                <!-- END SIDEBAR USERPIC -->
                <!-- SIDEBAR USER TITLE -->
                <div class="profile-usertitle">
                    <div class="profile-usertitle-name">
                        {{ .currentUser.Username }}
                    </div>
                    {{if .currentUser.Role}}
                    <div class="profile-usertitle-job">
                        {{ .currentUser.Role.Name }}
                    </div>
                    {{end}}
                </div>
                <!-- END SIDEBAR USER TITLE -->
                <!-- SIDEBAR BUTTONS -->
                <div class="profile-userbuttons">
                    <button type="button" class="btn btn-success btn-sm">Follow</button>
                    <button type="button" class="btn btn-danger btn-sm">Message</button>
                </div>
                <!-- END SIDEBAR BUTTONS -->
                <!-- SIDEBAR MENU -->
                <div class="profile-usermenu">
                    <ul class="nav">
                        <li class="active">
                            <a href="/web">
                            <i class="glyphicon glyphicon-user"></i>
                            帐号 </a>
                        </li>
                        <li>
                            <a href="/web/clients">
                            <i class="glyphicon glyphicon-cloud"></i>
                            应用 </a>
                        </li>
                        <li>
                            <a href="#">
                            <i class="glyphicon glyphicon-flag"></i>
                            帮助 </a>
                        </li>
                    </ul>
                </div>
                <!-- END MENU -->
            </div>
        </div>
        <div class="col-md-9">
            <div class="profile-content">
                <form enctype="multipart/form-data" method="POST" action="/web/">
                  <div class="form-group {{ .form.ErrorStatus "NickName" }}">
                    <label class="control-label" for="user_nickname">昵称</label>
                    <input type="text" class="form-control" id="user_nickname" aria-describedby="nicknameHelp" name="nickname" value="{{ .currentUser.NickName.String }}" placeholder="网络昵称">
                    {{ .form.ErrorMsg "NickName" | raw}}
                  </div>                
                  <div class="row">
                    <div class="form-group {{ .form.ErrorStatus "FirstName" }} col-md-6">
                        <label class="control-label" for="user_firstName">姓</label>
                        <input type="text" class="form-control" id="user_firstName" aria-describedby="firstnameHelp" name="first_name" value="{{ .currentUser.FirstName.String }}" placeholder="" >
                        {{ .form.ErrorMsg "FirstName" | raw}}
                    </div>
                    <div class="form-group {{ .form.ErrorStatus "LastName" }} col-md-6">
                        <label class="control-label" for="user_lastName">名</label>
                        <input type="text" class="form-control" id="user_lastName" aria-describedby="lastnameHelp" name="last_name" value="{{ .currentUser.LastName.String }}" placeholder="" >
                        {{ .form.ErrorMsg "LastName" | raw}}
                    </div> 
                  </div>
                                 
                  <div class="form-group {{ .form.ErrorStatus "AvatarURL" }}">
                    <input type="file" class="form-control-file avatar" id="user_avatarURL" name="avatar_url">
                    <label for="user_avatarURL"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"></path></svg> <span>上传头像图片…</span></label>                    
                    {{ .form.ErrorMsg "AvatarURL" | raw}}
                  </div>
                  <div class="form-group {{ .form.ErrorStatus "Mobile" }}">
                    <label class="control-label" for="user_mobile">手机</label>
                    <input type="mobile" class="form-control" id="user_mobile" aria-describedby="mobileHelp" name="mobile" value="{{ .currentUser.Mobile.String }}" placeholder="接收短信验证的手机号码">
                    <small id="mobileHelp" class="form-text text-muted">我们不会向任何人泄露你的号码。</small>
                    {{ .form.ErrorMsg "Mobile" | raw}}
                  </div>
                  <div class="form-group">
                    <label class="control-label" for="user_email">电子邮件</label>
                    <input type="email" class="form-control" id="user_email" aria-describedby="emailHelp" name="username" placeholder="输入有一个效的邮箱地址" value="{{ .currentUser.Username }}" disabled>
                    <small id="emailHelp" class="form-text text-muted">我们不会向任何人泄露你的电子邮件。</small>
                  </div>
                  <div class="form-group {{ .form.ErrorStatus "Password" }} ">
                    <label class="control-label" for="user_password">密码</label>
                    <input type="password" class="form-control" id="user_password" name="password" placeholder="输入密码">
                    {{ .form.ErrorMsg "Password" | raw}}
                  </div>
                  <button type="submit" class="btn btn-success">保存</button>
                </form>
            </div>
        </div>
    </div>
</div> <!-- /container -->
{{ end }}