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

136 lines
6.2 KiB
HTML

<h1>
{{ team.name }}
<button type="button" ng-click="showScore()" class="float-right btn btn-primary mr-1" ng-if="team.id">
Score
</button>
<button type="button" ng-click="showStats()" class="float-right btn btn-primary mr-1" ng-if="team.id">
<span class="glyphicon glyphicon-list" aria-hidden="true"></span>
Statistiques
</button>
</h1>
<div class="row">
<div class="col-lg-8">
<form ng-submit="saveTeam()">
<div class="row" ng-if="team.id">
<label for="idTeam" class="col-sm-2 col-form-label-sm">Identifiant</label>
<div class="col-sm-auto">
<input type="text" readonly class="form-control-sm form-control-plaintext" ng-model="team.id">
</div>
<div class="col-sm">
<div class="form-check">
<label class="custom-control custom-checkbox">
<input class="custom-control-input" type="checkbox" ng-model="team.active">
<span class="custom-control-label">Équipe active (inclure lors des générations)</span>
</label>
</div>
</div>
</div>
<div class="row" ng-repeat="field in fields">
<label for="{{ field }}" class="col-sm-2 col-form-label-sm">{{ field | capitalize }}</label>
<div class="col-sm-10">
<input type="text" class="form-control form-control-sm" id="{{ field }}" ng-model="team[field]" ng-if="field != 'color'">
<input type="color" class="form-control form-control-sm" 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-success"><span class="glyphicon glyphicon-save" aria-hidden="true"></span> Save</button>
<button type="button" class="btn btn-danger" ng-click="deleteTeam()"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Delete</button>
</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="card-deck">
<form ng-submit="saveTeamMembers()" class="card" ng-if="team.id" ng-controller="TeamMembersController">
<div class="card-header bg-info text-light">
<button type="submit" class="float-right btn btn-sm btn-primary ml-2">
<span class="glyphicon glyphicon-save" aria-hidden="true"></span> Save</button>
<button type="button" ng-click="newMember()" class="float-right btn btn-sm btn-secondary ml-2">
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
<h4 class="m-0"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Membres</h4>
</div>
<div class="card-body bg-light text-dark" ng-if="members.length == 0">
This team has no member!
</div>
<div class="list-group-item bg-light text-dark" ng-repeat="member in members">
<div class="row" ng-repeat="field in fields">
<label for="{{ field }}{{ member.id }}" class="col-auto col-form-label-sm">{{ field | capitalize }}</label>
<div class="col">
<input type="text" class="form-control form-control-sm" id="{{ field }}{{ member.id }}" ng-model="member[field]">
</div>
<div class="col-sm-2" ng-if="$first">
<button type="button" ng-click="removeMember(member)" class="float-right btn btn-sm btn-primary"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
</div>
</div>
</div>
</form>
<div class="card">
<div class="card-header bg-primary text-light">
<span class="glyphicon glyphicon-certificate" aria-hidden="true"></span>
Certificates
<span class="badge badge-success" ng-if="certificates.length">Generated</span>
<span class="badge badge-danger" ng-if="!certificates.length">Not found</span>
</div>
<div class="card-body bg-light text-dark">
<dl class="dl-horizontal" ng-repeat="cert in certificates">
<dt>
Numéro de série
<button type="button" class="btn btn-sm btn-primary float-right" ng-click="dissociateCertificate(cert)">Dissocier</button>
</dt>
<dd>
{{ cert.id }}
<span class="badge badge-danger" ng-if="cert.revoked">Révoqué</span>
</dd>
<dt>
Date de création
<a class="btn btn-sm btn-success float-right" href="../api/certs/{{ cert.id }}">Télécharger</a>
</dt>
<dd>{{ cert.creation }}</dd>
<dt>Mot de passe</dt>
<dd>{{ cert.password }}</dd>
<dt ng-if="cert.revoked">Date de révocation</dt>
<dd ng-if="cert.revoked">{{ cert.revoked }}</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="col-lg-4" style="overflow-y: scroll; height: 95vh">
<table ng-controller="TeamHistoryController" class="table table-hover table-striped table-bordered bg-primary text-light">
<tbody>
<tr ng-repeat="row in history" ng-class="{'bg-ffound': row.kind == 'flag_found', 'bg-mfound': row.kind == 'mcq_found', 'bg-wchoices': row.kind == 'wchoices', 'bg-success': row.kind == 'solved', 'bg-info': row.kind == 'hint', 'bg-warning': row.kind == 'tries'}">
<td>
<nobr title="{{ row.time }}">{{ row.time | date:"mediumTime" }}</nobr><br>{{ row.kind }} <span ng-if="row.kind != 'flag_found' && row.kind != 'tries' && row.kind != 'mcq_found'">x{{ row.coefficient }}</span>
</td>
<td>
<span ng-if="row.primary_title">
<a href="exercices/{{ row.primary }}">{{ row.primary_title }}</a>
</span>
<span ng-if="!row.primary_title">{{ row.primary }}</span>
<span ng-if="row.secondary_title">
:
<a href="exercices/{{ row.primary }}#key-{{ row.secondary }}" ng-if="row.kind == 'flag_found' || row.kind == 'wchoices'">{{ row.secondary_title }}</a>
<a href="exercices/{{ row.primary }}#quizz-{{ row.secondary }}" ng-if="row.kind == 'mcq_found'">{{ row.secondary_title }}</a>
<a href="exercices/{{ row.primary }}#hint-{{ row.secondary }}" ng-if="row.kind == 'hint'">{{ row.secondary_title }}</a>
</span>
<span ng-if="!row.secondary_title && row.secondary && row.kind == 'solved'">(coeff x{{ row.secondary }})</span>
<span ng-if="!row.secondary_title && row.secondary && row.kind != 'solved'">: {{ row.secondary }}</span>
</td>
<td style="vertical-align: middle; padding: 0">
<button type="button" ng-click="delHistory(row)" class="float-right btn btn-sm btn-danger"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
</td>
</tr>
</tbody>
</table>
</div>
</div>