Improve bootstrap 4 support
This commit is contained in:
parent
7bbee83934
commit
384fc20ae8
17 changed files with 181 additions and 139 deletions
|
|
@ -1,37 +1,37 @@
|
|||
<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">
|
||||
<button ng-click="showStats()" class="float-right btn btn- btn-primary" style="margin-right: 10px" ng-if="team.id">
|
||||
<span class="glyphicon glyphicon-list" aria-hidden="true"></span>
|
||||
Statistiques
|
||||
</a>
|
||||
</button>
|
||||
</h1>
|
||||
|
||||
<div class="col-lg-8">
|
||||
|
||||
<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>
|
||||
<form ng-submit="saveTeam()">
|
||||
<div class="form-group row" ng-if="team.id">
|
||||
<label for="idTeam" class="col-sm-2 col-form-label-sm">Identifiant</label>
|
||||
<div class="col-sm-10">
|
||||
{{ team.id }}
|
||||
<input type="text" readonly class="form-control-sm form-control-plaintext text-light" ng-model="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="form-group row" ng-if="team.id">
|
||||
<label for="initialName" class="col-sm-2 col-form-label-sm">Nom initial</label>
|
||||
<div class="col-sm-10">
|
||||
{{ team.initialName }}
|
||||
<input type="text" readonly class="form-control-sm form-control-plaintext text-light" ng-model="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="form-group 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" 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>
|
||||
<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-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>
|
||||
<button type="submit" class="btn btn-success"><span class="glyphicon glyphicon-save" aria-hidden="true"></span> Save</button>
|
||||
<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>
|
||||
|
|
@ -40,51 +40,48 @@
|
|||
|
||||
<hr>
|
||||
|
||||
<form ng-submit="saveTeamMembers()" class="col-md-7 form-horizontal" ng-if="team.id" ng-controller="TeamMembersController">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<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="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>
|
||||
<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>
|
||||
<div class="panel-body" ng-if="members.length == 0">
|
||||
<div class="card-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-3 control-label">{{ field | capitalize }}</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" class="form-control" id="{{ field }}{{ member.id }}" ng-model="member[field]">
|
||||
<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">
|
||||
<input type="text" class="form-control form-control-sm" 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 class="col-sm-2" ng-if="$first">
|
||||
<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>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
|
||||
<div class="col-md-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 class="card">
|
||||
<div class="card-header">
|
||||
<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="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 class="card-body">
|
||||
<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">
|
||||
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Revoke certificate</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
Reference in a new issue