server/admin/static/views/team-edit.html

<h1>
  {{ team.name }}
  <span ng-show="team.name != team.initialName"> ({{ team.initialName}})</span>
  <a ng-click="showStats()" class="pull-right btn btn-primary" style="margin-right: 10px" ng-if="team.id">
    <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
    Statistiques
  </a>
</h1>

<form ng-submit="saveTeam()" class="form-horizontal">
  <div class="form-group" ng-if="team.id">
    <label for="idTeam" class="col-sm-2 control-label">Identifiant</label>
    <div class="col-sm-10">
      {{ team.id }}
    </div>
  </div>
  <div class="form-group" ng-if="team.id">
    <label for="initialName" class="col-sm-2 control-label">Nom initial</label>
    <div class="col-sm-10">
      {{ team.initialName }}
    </div>
  </div>
  <div class="form-group" ng-repeat="field in fields">
    <label for="{{ field }}" class="col-sm-2 control-label">{{ field | capitalize }}</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="{{ field }}" ng-model="team[field]" ng-if="field != 'color'">
      <input type="color" class="form-control" id="{{ field }}{{ member.id }}" ng-model="team[field]" ng-if="field == 'color'" color>
    </div>
  </div>
  <div class="text-right" ng-show="team.id">
    <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-save" aria-hidden="true"></span> Save</button>
    <a class="btn btn-danger" ng-click="deleteTeam()"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Delete</a>
  </div>
  <div class="text-right" ng-show="!team.id">
    <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Create team</button>
  </div>
</form>

<hr>

<div class="col-sm-5" ng-if="team.id">
  <div class="panel panel-primary">
    <div class="panel-heading">
      <div class="panel-title">
	<span class="glyphicon glyphicon-certificate" aria-hidden="true"></span>
	Certificate
	<span class="label label-success" ng-if="hasCertificate">Generated</span>
	<span class="label label-danger" ng-if="!hasCertificate">Not found</span>
      </div>
    </div>
    <div class="panel-body">
      <a ng-click="generateCertificate()" class="btn btn-success" ng-if="!hasCertificate">
	<span class="glyphicon glyphicon-certificate" aria-hidden="true"></span> Generate certificate</a>
      <a ng-click="revokeCertificate()" class="btn btn-danger" ng-if="hasCertificate">
	<span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Revoke certificate</a>
    </div>
  </div>
</div>

<form ng-submit="saveTeamMembers()" class="col-sm-7 form-horizontal" ng-if="team.id" ng-controller="TeamMembersController">
  <div class="panel panel-default">
    <div class="panel-heading">
      <div class="panel-title">
	<span class="glyphicon glyphicon-user" aria-hidden="true"></span> Membres
	<button type="submit" class="pull-right btn btn-xs btn-primary" style="margin-left: 10px">
	  <span class="glyphicon glyphicon-save" aria-hidden="true"></span> Save members</button>
	<a ng-click="newMember()" class="pull-right btn btn-xs btn-default">
	  <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add member</a>
      </div>
    </div>
    <div class="panel-body" ng-if="members.length == 0">
      This team has no member!
    </div>
    <div class="list-group-item" ng-repeat="member in members">
      <div class="form-group" ng-repeat="field in fields">
	<label for="{{ field }}{{ member.id }}" class="col-sm-2 control-label">{{ field | capitalize }}</label>
	<div class="col-sm-9">
	  <input type="text" class="form-control" id="{{ field }}{{ member.id }}" ng-model="member[field]">
	</div>
	<div class="col-sm-1" ng-if="$first">
	  <a ng-click="removeMember(member)" class="pull-right btn btn-primary"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a>
	</div>
      </div>
    </div>
  </div>
</form>