fab-manager/app/assets/templates/members/show.html.erb

<div>

  <section class="heading b-b">
    <div class="row no-gutter">
      <div class="col-xs-2 col-sm-2 col-md-1">
        <section class="heading-btn">
          <a href="#" ng-click="backPrevLocation($event)"><i class="fa fa-long-arrow-left "></i></a>
        </section>
      </div>
      <div class="col-xs-10 col-sm-10 col-md-8 b-l b-r-md">
        <section class="heading-title">
          <h1>{{user.name}}</h1>
        </section>
      </div>

      <div class="col-xs-12 col-sm-12 col-md-3 b-t hide-b-md">
        <section class="heading-actions wrapper">
          <a ui-sref="app.logged.members" class="btn btn-lg btn-warning bg-white b-2x rounded m-t-xs">Liste des membres</a>
        </section>
      </div>

    </div>
  </section>


  <div class="row no-gutter wrapper">
    <div class="col-sm-12 col-md-12 col-lg-6">



    <div class="wrapper">
      <section class="widget panel no-border bg-black-light text-white lt">
        <div class="panel-body">
          <div class="row m-t-xl">
            <div class="col-xs-12 text-center">
              <div class="inline">
                <div class="easypiechart easyPieChart" data-percent="75" data-line-width="6" data-bar-color="#fff" data-track-color="#2796de" data-scale-color="false" data-size="140" data-line-cap="butt" data-animate="1000" style="width: 140px; height: 140px; line-height: 140px;">
                  <div class="thumb-lg avatar thumb-128-wrapper img">
                    <fab-user-avatar ng-model="user.profile.user_avatar" avatar-class="thumb-140"></fab-user-avatar>
                  </div>
                <canvas width="140" height="140"></canvas></div>
                <div class="h4 m-t m-b-xs font-bold text-lt text-white">{{user.name}}</div>
                <small class="text-muted m-b">{{user.username}}</small>
              </div>
            </div>
          </div>
          <div class="wrapper m-t-xl m-b">
            <div class="row m-b">
              <div class="col-xs-6 text-right">
                <small>Dernière activité</small>
                <div class="text-lt font-bold" ng-if="user.last_sign_in_at">le {{user.last_sign_in_at | amDateFormat: 'Do MMMM '}}</div>
              </div>
              <div class="col-xs-6">
                <small>Email</small>
                <div class="text-lt font-bold break-word">{{user.email}}</div>
              </div>
            </div>
            <div class="row">
              <div class="col-xs-6 text-right">
                <small>Logiciels de conception maîtrisés</small>
                <div class="text-lt font-bold">{{user.profile.software_mastered}}</div>
              </div>
              <div class="col-xs-6">
                <small>Centres d'intérêts</small>
                <div class="text-lt font-bold">{{user.profile.interest}}</div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>

    </div>

    <div class="col-sm-12 col-md-12 col-lg-6">

      <div class="widget panel b-a m ">
        <div class="panel-heading b-b">
          <h1 class="red text-u-c">Projets</h1>
          <ul class="list-unstyled" ng-if="user.all_projects.length > 0">
            <li ng-repeat="p in user.all_projects" class="m-t-sm">
              <a class="text-u-c" ui-sref="app.public.projects_show({id:p.slug})" role="button">{{p.name}}  <span class="m-l-sm label label-success text-white">{{p.author_id == currentUser.id ? 'Auteur' : 'Collaborateur'}}</span></a>
            </li>

          </ul>
          <div ng-if="user.all_projects.length == 0">Aucun projet</div>
        </div>
      </div>

    </div>

  </div>
</div>