fab-manager/app/assets/templates/shared/publicProfile.html.erb

<div class="row no-gutter wrapper">

  <div class="col-lg-12">
    <section class="profile-top text-white widget panel b-a m row">
      <div class="col-lg-2 profile-top-pictos">
        <div class="thumb-lg avatar thumb-140-wrapper img m-b-md">
          <fab-user-avatar ng-model="user.profile.user_avatar" avatar-class="thumb-140"></fab-user-avatar>
        </div>
        <div class="social-links" ng-if="social.networks.length <= 4">
          <ng-repeat ng-repeat="network in social.networks" >
            <social-link network="{{network}}" user="user"></social-link>
          </ng-repeat>
        </div>
        <div class="social-links" ng-if="social.networks.length > 4">
          <ng-repeat ng-repeat="network in social.networks.slice(0,3)">
            <social-link network="{{network}}" user="user"></social-link>
          </ng-repeat>
          <a href="#" ng-click="social.showAllLinks = !social.showAllLinks">
            <i class="fa fa-plus" ng-show="!social.showAllLinks"></i>
            <i class="fa fa-minus" ng-show="social.showAllLinks"></i>
          </a>
          <ng-repeat ng-repeat="network in social.networks.slice(3)" ng-show="social.showAllLinks">
            <social-link network="{{network}}" user="user"></social-link>
          </ng-repeat>
        </div>
      </div>
      <div class="col-lg-7 profile-top-infos">
        <div class="text-xl font-ebold upper">{{user.username}}</div>
        <small class="font-bold">{{user.name}}</small> • <small class="upper">{{user.is_allow_contact ? 'Profil public' : 'Profil privé'}}</small>
        <div class="text-italic">
          <span class="font-bold" translate>{{ 'interests' }}</span>
          <div class="m-b">{{user.profile.interest}}</div>
          <span class="font-bold" translate>{{ 'CAD_softwares_mastered' }}</span>
          <div>{{user.profile.software_mastered}}</div>
        </div>
      </div>
      <div class="col-lg-3 profile-top-badge"></div>
    </section>
  </div>

  <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="wrapper m-t-xl m-b">
            <div class="row m-b">
              <div class="col-xs-5 text-right">
                <small translate>{{ 'last_activity_' }}</small>
                <div class="text-lt font-bold" ng-if="user.last_sign_in_at">{{ '_on_' | translate }} {{user.last_sign_in_at | amDateFormat: 'LL'}}</div>
              </div>
              <div class="col-xs-offset-1 col-xs-6">
                <small translate>{{ 'email_address' }}</small>
                <div class="text-lt font-bold break-word">{{user.email}}</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" translate>{{ 'trainings' }}</h1>
        <!-- <h3 class="text-u-c">Formations</h3> -->
        <ul class="list-unstyled" ng-if="user.training_reservations.length > 0 || user.trainings.length > 0">
          <li ng-repeat="r in user.training_reservations | trainingReservationsFilter:'future'">
            {{r.reservable.name}} - <span class="label label-info text-white" translate>{{ 'to_come' }}</span>
          </li>
          <li ng-repeat="t in user.trainings">
            {{t.name}} - <span class="label label-success text-white" translate>{{ 'approved' }}</span>
          </li>
        </ul>
        <div ng-if="user.training_reservations.length == 0 && user.trainings.length == 0" translate>{{ 'no_trainings' }}</div>
      </div>
    </div>

    <div class="widget panel b-a m ">
      <div class="panel-heading b-b">
        <h1 class="red text-u-c" translate>{{ 'projects' }}</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 ? 'author' : 'collaborator' | translate}}</span></a>
          </li>

        </ul>
        <div ng-if="user.all_projects.length == 0" translate>{{ 'no_projects' }}</div>
      </div>
    </div>

  </div>

</div>