Commit d3ca3e4e authored by LucMerceron's avatar LucMerceron

@Antoine : Fichier A RAJOUTER.html

parent 0b3703bc
<!-- Page Joueur & Joueur / Equipe-->
<div style="display:inline-block;" ng-app="panelAdminApp" ng-controller="EditerJoueurCtrl">
<button ng-click="chargerEquipesListe();open()" class="btn btn-xs btn-primary">
<span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Éditer
</button>
</div>
<div style="display:inline-block;" ng-app="panelAdminApp" ng-controller="SupprimerJoueurCtrl">
<button class="btn btn-xs btn-danger" ng-click="open()">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Supprimer
</button>
</div>
<div ng-app="panelAdminApp" ng-controller="AjoutJoueurCtrl">
<button type="button" ng-click="chargerEquipesListe();chargerTeam();open()" class="btn btn-success btn-block btn-default">
<span class="glyphicon glyphicon-plus"></span> Ajouter un joueur
</button>
</div>
<!-- Page Equipe -->
<div style="display:inline-block;" ng-app="panelAdminApp" ng-controller="EditerEquipeCtrl">
<button ng-click="chargerEquipesListe();open()" class="btn btn-xs btn-primary">
<span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Éditer
</button>
</div>
<div style="display:inline-block;" >
<button class="btn btn-xs btn-warning" ng-click="listeJoueurs(equipe.NameTeam)">
<span class="glyphicons glyphicon-th-list" aria-hidden="true"></span> Joueurs
</button>
</div>
<div style="display:inline-block;" ng-app="panelAdminApp" ng-controller="SupprimerEquipeCtrl">
<button class="btn btn-xs btn-danger" ng-click="open()">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Supprimer
</button>
</div>
<div ng-app="panelAdminApp" ng-controller="AjoutEquipeCtrl">
<button type="button" ng-click="open()" class="btn btn-success btn-block btn-default">
<span class="glyphicon glyphicon-plus"></span> Ajouter une équipe
</button>
</div>
\ No newline at end of file
......@@ -84,6 +84,5 @@ angular
.otherwise({
templateUrl: 'views/authentification.html',
controller: 'AuthentificationCtrl'
});
});
});
}]);
......@@ -37,7 +37,7 @@ app.controller('AjoutEquipeCtrl', ['$scope','$modal','$log', 'apicall', function
// else{$scope.alertes.push({type : 'danger', msg: 'Création du joueur impossible : API error'});}
$scope.chargerEquipes();
})
.error(function(){$scope.alertes.push({type : 'danger', msg: 'Impossible de créer un joueur (cliquer pour essayer de recharger)'});
.error(function(){$scope.alertes.push({type : 'danger', msg: 'Impossible de créer une équipe'});
});
}, function () {
$log.info('Modal dismissed at: ' + new Date());
......
......@@ -71,8 +71,7 @@ app.controller('JoueursCtrl', ['$scope', 'apicall', function ($scope, apicall) {
filtrable:false,
tailleColonne:2
}
];
};
];
//Gestion des filtres du tableau
$scope.affichageFiltres = false;
......
......@@ -255,6 +255,8 @@ app.controller('JoueursEquipeCtrl', ['$scope', '$routeParams', '$filter', '$log'
// Traitements pour le démarrage
$scope.chargement= true;
$scope.chargerJoueurs();
}]);
app.controller('JoueursEquipeCtrl', ['$scope', '$routeParams', 'apicall', function($scope, $routeParams, apicall) {
$scope.methodeMaj = apicall.getJoueursEquipe;
......@@ -313,4 +315,5 @@ app.controller('JoueursEquipeCtrl', ['$scope', '$routeParams', 'apicall', functi
tailleColonne:2
}
];
}]);
......@@ -2,57 +2,4 @@
<tableau editable="true" boutons-edition="boutonsEdition" fct-maj="methodeMaj" infos="infosEquipes" attr-entrees="teams"></tableau>
<<<<<<< HEAD
<div class="panel panel-default">
<table class="table table-striped">
<thead>
<tr>
<th data-field="sexe" class="text-center">Drapeau</th>
<th data-field="nom" class="text-center">Nation</th>
<th data-field="points">Points</th>
<th data-field="edition" class="text-center">Édition</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="equipe in equipes">
<!-- À corriger -->
<td class="col-sm-1 text-center"><span class="glyphicon glyphicon-female"></span><img alt="drapeau_nation" class="drapeau" src="{{urlDrapeau(equipe.NameTeam)}}"/></td>
<td class="col-sm-1 text-center">{{equipe.NameTeam}}</td>
<td class="col-sm-1 text-center">{{equipe.Points}}</td>
<td class="col-sm-3 text-center">
<div class="btn-group" role="group">
<div style="display:inline-block;" ng-app="panelAdminApp" ng-controller="EditerEquipeCtrl">
<button ng-click="chargerEquipesListe();open()" class="btn btn-xs btn-primary">
<span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Éditer
</button>
</div>
<div style="display:inline-block;" >
<button class="btn btn-xs btn-warning" ng-click="listeJoueurs(equipe.NameTeam)">
<span class="glyphicons glyphicon-th-list" aria-hidden="true"></span> Joueurs
</button>
</div>
<div style="display:inline-block;" ng-app="panelAdminApp" ng-controller="SupprimerEquipeCtrl">
<button class="btn btn-xs btn-danger" ng-click="open()">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Supprimer
</button>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="6">
<div ng-app="panelAdminApp" ng-controller="AjoutEquipeCtrl">
<button type="button" ng-click="open()" class="btn btn-success btn-block btn-default">
<span class="glyphicon glyphicon-plus"></span> Ajouter une équipe
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
=======
>>>>>>> 7d1021306bdbf63f67d55642b8e4906ab2044f8a
</div>
<div id="container-joueurs" ng-app="panelAdminApp" ng-controller="JoueursCtrl" class="container-fluid">
<tableau editable="true" boutons-edition="boutonsEdition" fct-maj="methodeMaj" infos="infosJoueurs" attr-entrees="players"></tableau>
<div>
<!-- Pagination haut -->
<div class="text-center">
<pagination total-items="totalElements" ng-model="pageCourante" items-per-page="choixEntreesPages" max-size="5" rotate="false" boundary-links="true" previous-text="Précédente" next-text="Suivante" first-text="Première" last-text="Dernière"></pagination>
</div>
<!-- Ligne de gestion du tri des données -->
<div id="sort-container" class="container-fluid container-infotab">
<!-- Bonton et texte de selection du nombre d'entrées par page -->
<div class="pull-left">
<div class="btn-group" dropdown>
<button type="button" class="btn btn-default btn-sm dropdown-toggle" ng-disabled="totalElements === 0" dropdown-toggle>
{{choixEntreesPages}} <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li ng-repeat="entree in entreesPages">
<a href="" ng-click="changerEntreesPage(entree)">{{entree}}</a>
</li>
</ul>
</div>
entrées/page
</div>
<!-- Bouton pour afficher/cacher les filtres du tableau -->
<button type="button" class="btn btn-default pull-right" ng-click="affichageFiltres = !affichageFiltres" ng-disabled="totalElements === 0">
<span class="glyphicon glyphicon-filter"></span>
</button>
<!-- Boutons gérant le tri -->
<div class="btn-group container-sort pull-right" role="group">
<!-- Ordre de tri -->
<button type="button" class="btn btn-default" ng-click="inverserTri = !inverserTri" ng-disabled="!inverserTri || totalElements === 0">
<span class="glyphicon glyphicon-sort-by-attributes">
</button>
<button type="button" class="btn btn-default" ng-click="inverserTri = !inverserTri" ng-disabled="inverserTri || totalElements === 0">
<span class="glyphicon glyphicon-sort-by-attributes-alt">
</button>
<!-- Colonne de tri -->
<div class="btn-group bouton-sort" dropdown>
<button type="button" class="btn btn-default btn-block dropdown-toggle" dropdown-toggle ng-disabled="totalElements === 0">
<span class="glyphicon glyphicon-th-list"></span>
<span class="texte-sort">{{entreeTriSelection}}</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li ng-repeat="entree in entreesTri">
<a href="" ng-click="trierPar(entree)">{{entree.nom}}</a>
</li>
</ul>
</div>
</div>
<!-- Bouton actualiser -->
<button type="button" class="btn btn-default pull-right bouton-actualiser" ng-click="chargerJoueurs()" ng-disabled="chargement">
<span class="glyphicon glyphicon-refresh"></span>
</button>
</div>
<!-- Tableau -->
<div class="container-fluid">
<div class="panel panel-default">
<table class="table table-striped table-responsive">
<!-- Entête -->
<thead>
<tr>
<th data-field="id" class="text-center">#</th>
<th data-field="nationalite">Équipe</th>
<th data-field="nom">Nom</th>
<th data-field="prenom">Prénom</th>
<th data-field="sexe" class="text-center">Sexe</th>
<th data-field="sexe" class="text-center">Date naissance</th>
<th class="text-center">Édition</th>
</tr>
<tr ng-show="affichageFiltres">
<th class="col-sm-6" colspan="4">
<input class="form-control" type="text" placeholder="Rechercher un nom" ng-model="recherche.Name" focus-on="affichageFiltres"/>
</th>
<th class="col-sm-6" colspan="3">
<input class="form-control" type="text" placeholder="Rechercher un prénom" ng-model="recherche.FirstName"/>
</th>
</tr>
</thead>
<!-- Corps -->
<tbody>
<tr class="text-center vert-align" ng-show="totalElements === 0">
<td colspan="7">Aucune entrée !</td>
</tr>
<tr ng-repeat="joueur in joueurs | orderBy :colonneTri:inverserTri | filter:recherche | slice :premiereEntree()-1:derniereEntree()">
<td class="col-sm-1 text-center vert-align">{{joueur.IdPlayer}}</td>
<td class="col-sm-1 text-center vert-align">{{joueur.Team}}</td>
<td class="col-sm-2 vert-align">{{joueur.Name}}</td>
<td class="col-sm-2 vert-align">{{joueur.FirstName}}</td>
<td class="col-sm-1 text-center vert-align">{{joueur.Sex}}</td>
<td class="col-sm-2 text-center vert-align">{{joueur.DateBirth}}</td>
<td class="col-sm-3 text-center vert-align">
<div class="btn-group" role="group">
<div style="display:inline-block;" ng-app="panelAdminApp" ng-controller="EditerJoueurCtrl">
<button ng-click="chargerEquipesListe();open()" class="btn btn-xs btn-primary">
<span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Éditer
</button>
</div>
<div style="display:inline-block;" ng-app="panelAdminApp" ng-controller="SupprimerJoueurCtrl">
<button class="btn btn-xs btn-danger" ng-click="open()">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Supprimer
</button>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="7">
<div ng-app="panelAdminApp" ng-controller="AjoutJoueurCtrl">
<button type="button" ng-click="chargerEquipesListe();open()" class="btn btn-success btn-block btn-default">
<span class="glyphicon glyphicon-plus"></span> Ajouter un joueur
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="well"> Entrées {{premiereEntree()}} à {{derniereEntree()}} sur {{totalElements}} entrées au total</p>
</div>
<!-- Pagination bas-->
<div class="text-center">
<pagination total-items="totalElements" ng-model="pageCourante" items-per-page="choixEntreesPages" max-size="5" rotate="false" boundary-links="true" previous-text="Précédente" next-text="Suivante" first-text="Première" last-text="Dernière"></pagination>
</div>
</div>
</div>
......@@ -2,172 +2,4 @@
<tableau editable="true" fct-maj="methodeMaj" params-maj="paramsMaj" infos="infosJoueurs" attr-entrees="players"></tableau>
<!-- Pagination haute -->
<div chargement="chargement">
<div class="row text-center">
<pagination total-items="totalElements" ng-model="pagination.pageCourante" items-per-page="pagination.entreesPages[pagination.choixEntreesPages].valeur" max-size="5" rotate="false" boundary-links="true" previous-text="Précédente" next-text="Suivante" first-text="Première" last-text="Dernière"></pagination>
</div>
<!-- Ligne chargée de gérer les options et filtres du tableau -->
<div class="row ligne-filtres">
<!-- Bouton ajouter joueur (format compact) -->
<button type="button" class="btn btn-success bouton-ajouter-reduit pull-left" ng-click="ajouterJoueur()">
<span class="glyphicon glyphicon-plus"></span>
</button>
<!-- Texte et bouton de selection du nombre d'entrées par page -->
<div class="pull-left">
<div class="btn-group" dropdown>
<button type="button" class="btn btn-default dropdown-toggle" ng-disabled="totalElements === 0" dropdown-toggle>
<span class="bouton-ePages">{{pagination.entreesPages[pagination.choixEntreesPages].nom}}</span><span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li ng-repeat="entree in pagination.entreesPages">
<a href="" ng-click="changerEntreesPage($index)">{{entree.nom}}</a>
</li>
</ul>
</div>
entrées/page
</div>
<!-- Bouton pour afficher/cacher les filtres du tableau -->
<button type="button" class="btn btn-default pull-right" ng-click="affichageFiltres = !affichageFiltres" ng-disabled="totalElements === 0">
<span class="glyphicon glyphicon-filter"></span>
</button>
<!-- Groupe de boutons gérant le tri et son ordination -->
<div class="btn-group container-sort pull-right" role="group">
<!-- Ordre de tri -->
<button type="button" class="btn btn-default" ng-click="inverserTri = !inverserTri" ng-disabled="!inverserTri || totalElements === 0">
<span class="glyphicon glyphicon-sort-by-attributes">
</button>
<button type="button" class="btn btn-default" ng-click="inverserTri = !inverserTri" ng-disabled="inverserTri || totalElements === 0">
<span class="glyphicon glyphicon-sort-by-attributes-alt">
</button>
<!-- Colonne de tri -->
<div class="btn-group bouton-sort" dropdown>
<button type="button" class="btn btn-default btn-block dropdown-toggle" dropdown-toggle ng-disabled="totalElements === 0">
<span class="glyphicon glyphicon-th-list"></span>
<span class="texte-sort">{{entreeTriSelection}}</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li ng-repeat="entree in entreesTri">
<a href="" ng-click="trierPar(entree)">{{entree.nom}}</a>
</li>
</ul>
</div>
</div>
<!-- Bouton actualiser -->
<button type="button" class="btn btn-default pull-right bouton-actualiser" ng-click="chargerJoueurs" ng-disabled="chargement">
<span class="glyphicon glyphicon-refresh"></span>
</button>
</div>
<!-- Tableau -->
<div class="row">
<div class="panel panel-default table-responsive">
<table class="table table-striped">
<!-- Entête -->
<thead>
<tr>
<th data-field="checker" class="col-sm-1 vert-align text-center bordure-droite">
<span ng-click="changerSelectionGlobale()" class="glyphicon box-selection" ng-class="{'glyphicon-unchecked':!selectionGlobale, 'glyphicon-check':selectionGlobale}"></span>
</th>
<th data-field="id" class="col-sm-1 text-center">#</th>
<th data-field="equipe" class="col-sm-1 text-center">Équipe</th>
<th data-field="nom" class="col-sm-1 text-center">Nom</th>
<th data-field="prenom" class="col-sm-2 text-center">Prénom</th>
<th data-field="sexe" class="col-sm-1 text-center">Sexe</th>
<th data-field="dNaiss" class="col-sm-2 text-center">Date naissance</th>
<th data-field="edition" class="col-sm-2 text-center text-center">
<button class="btn btn-xs btn-danger" ng-disabled="nbSelection == 0" ng-click="supprimerSelection()">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Supprimer {{nbSelection}} joueurs
</button>
</th>
</tr>
<tr ng-show="affichageFiltres">
<th class="col-sm-6" colspan="4">
<input class="form-control" type="text" placeholder="Rechercher un nom" ng-model="recherche.Name" focus-on="affichageFiltres"/>
</th>
<th class="col-sm-6" colspan="4">
<input class="form-control" type="text" placeholder="Rechercher un prénom" ng-model="recherche.FirstName"/>
</th>
</tr>
</thead>
<!-- Corps -->
<tbody>
<tr class="text-center vert-align" ng-show="totalElements === 0">
<td colspan="8">Aucune entrée !</td>
</tr>
<tr ng-repeat="joueur in joueursEquipe | orderBy :colonneTri:inverserTri | filter:recherche | slice :premiereEntree():derniereEntree()">
<td data-title="checker" class="text-center bordure-droite vert-align">
<span ng-click="selectionnerJoueur(joueur)" class="glyphicon box-selection" ng-class="{'glyphicon-unchecked':!joueur.selection, 'glyphicon-check':joueur.selection}"></span>
</td>
<td data-title="id" class="text-center vert-align">
{{joueur.IdPlayer}}
</td>
<td data-title="equipe" class="text-center vert-align">
{{joueur.Team}}
</td>
<td data-title="nom" class="text-center vert-align">
{{joueur.Name}}
</td>
<td data-title="prenom" class="text-center vert-align">
{{joueur.FirstName}}
</td>
<td data-title="sexe" class="text-center vert-align">
{{joueur.Sex}}
</td>
<td data-title="dNaiss" class="text-center vert-align">
{{joueur.DateBirth}}
</td>
<td data-title="edition" class="text-center vert-align">
<div class="btn-group" role="group">
<div style="display:inline-block;" ng-app="panelAdminApp" ng-controller="EditerJoueurCtrl">
<button ng-click="chargerEquipesListe();open()" class="btn btn-xs btn-primary">
<span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Éditer
</button>
</div>
<div style="display:inline-block;" ng-app="panelAdminApp" ng-controller="SupprimerJoueurCtrl">
<button class="btn btn-xs btn-danger" ng-click="open()">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Supprimer
</button>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="8">
<div ng-app="panelAdminApp" ng-controller="AjoutJoueurCtrl">
<button type="button" ng-click="chargerEquipesListe();chargerTeam();open()" class="btn btn-success btn-block btn-default">
<span class="glyphicon glyphicon-plus"></span> Ajouter un joueur
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Informations sur l'affichage des entrées -->
<div class="row">
<p class="well"> Entrées {{premiereEntree()}} à {{derniereEntree()}} sur {{totalElements}} entrées au total</p>
</div>
<!-- Pagination bas-->
<div class="row text-center">
<pagination total-items="totalElements" ng-model="pagination.pageCourante" items-per-page="pagination.entreesPages[pagination.choixEntreesPages].valeur" max-size="5" rotate="false" boundary-links="true" previous-text="Précédente" next-text="Suivante" first-text="Première" last-text="Dernière"></pagination>
</div>
</div>
</div>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment