censis-archive/obrand/obrand-admin/app/templates/profile.hbs

<div class="container profileCard">
  <form {{action "saveProfile" on='submit'}}>
    <div class="row">
      <div class="col-md-*">
        <div class="panel panel-default">
          <div class="panel-body">
            <div class="row">
              <div class="col-md-12 lead">User profile
                <hr>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4 text-center">
                <!--<img class="img-circle avatar avatar-original"
                     style="-webkit-user-select:none;
  display:block; margin:auto;"
                     src="http://robohash.org/sitsequiquia.png?size=120x120">-->
                {{gravatar-image email=sessionAccount.account.login size=120 class="img-circle avatar avatar-original pull-right" defaultImage='identicon'}}
              </div>
              <div class="col-md-8">
                <div class="row">
                  <div class="col-md-12 form-inline">
                    {{#if isEditing}}
                      <label for="forename">Forename:</label>
                      {{input id='forename' placeholder='Forename'  value=model.forename class="form-control" required="required"}}

                      <label for="surname">Surname:</label>
                      {{input id='surname' placeholder='Surname'  value=model.surname class="form-control" required="required"}}


                    {{else}}
                      <h1 class="only-bottom-margin">{{model.fullName}}</h1>
                    {{/if}}


                  </div>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div>
                    <span
                      class="text-muted">Email:</span> {{sessionAccount.account.login}}
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <!-- Start dob -->
                    {{#if isEditing}}

                      <div class="form-group form-inline">
                        <label for="dob">Birth date:</label>
                        {{input id='dob' type='date'  value=model.dob class="form-control" required="required"}}
                      </div>

                    {{else}}
                      <div><span class="text-muted">Birth date:</span>
                        {{moment-format model.dob 'MMM Do \'YY'}}
                      </div>
                    {{/if}}
                    <!-- End dob -->
                  </div>
                </div>
                <!-- Start Gender -->
                <div class="row">
                  <div class="col-md-6">
                    <div>
                      {{#if isEditing}}
                        <div class="form-group form-inline">
                          <label for="gender">Gender:</label> <select
                          value={{model.gender}} class="form-control">
                          {{#each genders as |gender|}}
                            <option
                              value={{gender.id}} selected={{eq model.gender gender.id}} >{{gender.g}}</option>
                          {{/each}}
                        </select>
                        </div>

                      {{else}}
                        <div><span
                          class="text-muted">Gender:</span> {{model.qualifiedGender}}
                        </div>
                      {{/if}}

                    </div>
                  </div>
                  <!-- End Gender --><br><br>
                </div>
                <div class="row">
                  <div class="col-lg-9">
                    <div>
                      {{#if isEditing}}
                        <div class="form-group">
                          <!--<label for="bio">Bio:</label> <textarea id="bio" value=model.bio
                                                                  class="form-control">{{model.bio}}</textarea>-->
                          {{textarea id=bio value=model.bio class="form-control"}}
                        </div>

                      {{else}}
                        <div>
                          <small class="text-muted">{{model.bio}}</small>
                        </div>
                      {{/if}}

                    </div>
                  </div>
                </div>
              </div>
              <!--<div class="col-md-6">
                  <div class="activity-mini">
                      <i class="glyphicon glyphicon-comment text-muted"></i> 500
                  </div>
                  <div class="activity-mini">
                      <i class="glyphicon glyphicon-thumbs-up text-muted"></i> 1500
                  </div>
              </div>-->
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <hr>
            <button class="btn btn-default pull-right" {{action "editProfile"}}>
              <i class="glyphicon glyphicon-pencil"></i> Edit
            </button>
            &nbsp;
            {{#if isEditing}}
              <button class="btn btn-primary pull-right" type="submit">
                <i class="glyphicon glyphicon-pencil"></i> Save
              </button>
            {{/if}}
          </div>
        </div>
        <div>
          {{#if isEditing}}
            <p>EDITING MODE!!!</p>
          {{/if}}
        </div>
      </div>
    </div>
  </form>
</div>
<div></div>