From ea3a2dbc5a22ceb4085a0f6a8cde225c63a4b0e9 Mon Sep 17 00:00:00 2001 From: Alex ORLUC <alex.orluc@maarch.org> Date: Thu, 29 Jun 2017 17:08:33 +0200 Subject: [PATCH] FEAT #5654 add addGroupModal addEntityModal --- .../Views/user-administration.component.html | 66 ++++++++++++++++++- 1 file changed, 64 insertions(+), 2 deletions(-) diff --git a/apps/maarch_entreprise/Views/user-administration.component.html b/apps/maarch_entreprise/Views/user-administration.component.html index 61f2e9f5891..f8d900b4f32 100644 --- a/apps/maarch_entreprise/Views/user-administration.component.html +++ b/apps/maarch_entreprise/Views/user-administration.component.html @@ -94,7 +94,7 @@ </form> </div> <div class="col-md-3 col-md-offset-1" style="border-left:solid 1px white;border-right:solid 1px white;background-color: #CEE9F1;border-top: solid 2px #FDD16C;border-bottom: solid 2px #FDD16C;padding:10px;"> - <h2>Groupes <i class="fa fa-plus pull-right" style="cursor:pointer;" aria-hidden="true" title="Ajouter un groupe"></i></h2> + <h2>Groupes <i class="fa fa-plus pull-right" data-toggle="modal" data-target="#addGroupModal" style="cursor:pointer;" aria-hidden="true" title="Ajouter un groupe"></i></h2> <div *ngFor="let group of user.groups" class="col-sm-12 form-group"> <div class="input-group"> <div class="input-group-btn"> @@ -113,7 +113,7 @@ </div> </div> <div class="col-md-3 col-md-offset-1" style="border-left:solid 1px white;border-right:solid 1px white;background-color: #CEE9F1;border-top: solid 2px #FDD16C;border-bottom: solid 2px #FDD16C;padding:10px;"> - <h2>Entités <i class="fa fa-plus pull-right" style="cursor:pointer;" aria-hidden="true" title="Ajouter une entité"></i></h2> + <h2>Entités <i class="fa fa-plus pull-right" data-toggle="modal" data-target="#addEntityModal" style="cursor:pointer;" aria-hidden="true" title="Ajouter une entité"></i></h2> <div *ngFor="let entity of user.entities" class="col-sm-12 form-group"> <div class="input-group"> <div class="input-group-btn"> @@ -136,6 +136,68 @@ </div> </div> +<!-- ADD GROUP --> +<div class="modal fade" id="addGroupModal" tabindex="-1" role="dialog" aria-labelledby="addGroupModalLabel"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> + <h4 class="modal-title" id="addGroupModalLabel">Ajouter un groupe</h4> + </div> + <form (ngSubmit)="onSubmit()" #addGroupForm="ngForm"> + <div class="modal-body"> + <form class="form-horizontal"> + <div class="form-group"> + <div class="col-sm-6"> + <select class="form-control" placeholder="Choisissez un groupe"> + <option>test</option> + </select> + </div> + <div class="col-sm-6"> + <input class="form-control" id="groupRole" name="groupRole" required="" title="Rôle" placeholder="Rôle" type="text"> + </div> + </div> + </form> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" >Valider</button> + </div> + </form> + </div> + </div> +</div> + +<!-- ADD ENTITY --> +<div class="modal fade" id="addEntityModal" tabindex="-1" role="dialog" aria-labelledby="addEntityModalLabel"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> + <h4 class="modal-title" id="addEntityModalLabel">Ajouter une entité</h4> + </div> + <form (ngSubmit)="onSubmit()" #addGroupForm="ngForm"> + <div class="modal-body"> + <form class="form-horizontal"> + <div class="form-group"> + <div class="col-sm-6"> + <select class="form-control" placeholder="Choisissez une entité"> + <option>test</option> + </select> + </div> + <div class="col-sm-6"> + <input class="form-control" id="groupRole" name="groupRole" required="" title="Rôle" placeholder="Rôle" type="text"> + </div> + </div> + </form> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" >Valider</button> + </div> + </form> + </div> + </div> +</div> + <!--<div id="manageAbs" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">--> <!--<div class="modal-dialog modal-lg" role="document">--> <!--<div class="modal-content">--> -- GitLab