improve overall exercices interfaces
This commit is contained in:
parent
11d0fe8d1f
commit
beba0a615f
6 changed files with 69 additions and 76 deletions
|
@ -11,19 +11,19 @@
|
|||
<div class="col-lg-8">
|
||||
|
||||
<form ng-submit="saveTeam()">
|
||||
<div class="form-group row" ng-if="team.id">
|
||||
<div class="row" ng-if="team.id">
|
||||
<label for="idTeam" class="col-sm-2 col-form-label-sm">Identifiant</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" readonly class="form-control-sm form-control-plaintext text-light" ng-model="team.id">
|
||||
<input type="text" readonly class="form-control-sm form-control-plaintext" ng-model="team.id">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row" ng-if="team.id">
|
||||
<div class="row" ng-if="team.id">
|
||||
<label for="initialName" class="col-sm-2 col-form-label-sm">Nom initial</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" readonly class="form-control-sm form-control-plaintext text-light" ng-model="team.initialName">
|
||||
<input type="text" readonly class="form-control-sm form-control-plaintext" ng-model="team.initialName">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row" ng-repeat="field in fields">
|
||||
<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'">
|
||||
|
@ -43,22 +43,20 @@
|
|||
|
||||
<div class="card-deck">
|
||||
<form ng-submit="saveTeamMembers()" class="card" ng-if="team.id" ng-controller="TeamMembersController">
|
||||
<div class="card-header">
|
||||
<div class="panel-title">
|
||||
<span class="glyphicon glyphicon-user" aria-hidden="true"></span> Membres
|
||||
<button type="submit" class="float-right btn btn-sm btn-primary" style="margin-left: 10px">
|
||||
<span class="glyphicon glyphicon-save" aria-hidden="true"></span> Save</button>
|
||||
<button ng-click="newMember()" class="float-right btn btn-sm btn-secondary">
|
||||
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
|
||||
</div>
|
||||
<div class="card-header bg-info text-light">
|
||||
<button type="submit" class="float-right btn btn-sm btn-primary" style="margin-left: 10px">
|
||||
<span class="glyphicon glyphicon-save" aria-hidden="true"></span> Save</button>
|
||||
<button ng-click="newMember()" class="float-right btn btn-sm btn-secondary">
|
||||
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
|
||||
<h4 style="margin:0"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Membres</h4>
|
||||
</div>
|
||||
<div class="card-body" ng-if="members.length == 0">
|
||||
<div class="card-body bg-light text-dark" 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 row" ng-repeat="field in fields">
|
||||
<label for="{{ field }}{{ member.id }}" class="col-sm-4 col-form-label-sm">{{ field | capitalize }}</label>
|
||||
<div class="col-sm-6">
|
||||
<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">
|
||||
|
@ -69,13 +67,13 @@
|
|||
</form>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="card-header bg-primary text-light">
|
||||
<span class="glyphicon glyphicon-certificate" aria-hidden="true"></span>
|
||||
Certificate
|
||||
<span class="badge badge-success" ng-if="hasCertificate">Generated</span>
|
||||
<span class="badge badge-danger" ng-if="!hasCertificate">Not found</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="card-body bg-light text-dark">
|
||||
<button ng-click="generateCertificate()" class="btn btn-success" ng-if="!hasCertificate">
|
||||
<span class="glyphicon glyphicon-certificate" aria-hidden="true"></span> Generate certificate</button>
|
||||
<button ng-click="revokeCertificate()" class="btn btn-danger" ng-if="hasCertificate">
|
||||
|
@ -88,9 +86,9 @@
|
|||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<table ng-controller="TeamHistoryController" class="table table-hover table-striped table-bordered">
|
||||
<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="{success: row.kind == 'solved', info: row.kind == 'hint', warning: row.kind == 'key_found'}">
|
||||
<tr ng-repeat="row in history" ng-class="{'bg-success': row.kind == 'solved', 'bg-info': row.kind == 'hint', 'bg-warning': row.kind == 'key_found'}">
|
||||
<td>
|
||||
<nobr>{{ row.time | date:"mediumTime" }}</nobr><br>{{ row.kind }}
|
||||
</td>
|
||||
|
|
Reference in a new issue