Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="menu.css" />

	<title>Liste des centres</title>
</h:head>

<h:body>

	<!-- page standart -->

	<div
		style="background-image: url(image/safa.jpg); padding: 5px; -moz-border-radius: 10px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; text-align: left; margin-left: 30px; width: 1250px; height: 200px;"></div>

	<ul class="vmenu">
		<li><a href="#accueil1.xhtml">Accueil</a></li>
		<li><a href="Listecentre.xhtml">Centres</a></li>
		<li><a href="ListeBatiment.xhtml">Bâtiments</a></li>
		<li><a href="ajoutproduit.xhtml">Produits</a></li>
		<li><a href="tier.xhtml">Tiers</a></li>
		<li><a href="#">Fiches de suivi</a></li>

	</ul>
	<h:form class="aside">
		<p:fieldset>
			<h:panelGrid columns="1">

				<p:graphicImage value="/image/pie chart.png" styleClass="sousou"
					margin-left="60" width="200" height="200"
					style="border-radius:7px;" />
			</h:panelGrid>
			<h:panelGrid columns="2">
				<p:commandLink onclick="accueil1.xhtml" title="accueil">
					<p:graphicImage value="/image/accueil.png" styleClass="sousou"
						margin-left="40" width="100" height="100"
						style="border-radius:7px;" />
				</p:commandLink>


				<p:commandLink onclick=".xhtml" title="déconnecter">
					<p:graphicImage value="/image/dec.jpg" styleClass="sousou"
						margin-left="40" width="100" height="100"
						style="border-radius:7px;" />
				</p:commandLink>

			</h:panelGrid>
		</p:fieldset>
	</h:form>


	<!-- liste des batiment avec les trois boutttons -->
	<h:form id="form">
#{ajoutcentre.init()}
<div class="data">


			<div style="float: right; margin-top: 20px">
				<p:commandLink onclick="dlg2.show();" title="Ajouter">
					<p:graphicImage value="/image/ajouter.png" styleClass="sousou"
						width="40" height="40" style="border-radius:7px;" />
				</p:commandLink>

				<p:commandLink onclick="dlg2.show();" title="Modifier"
					oncomplete="multiCarDialog.show()" action="#{ajoutcentre.update}">
					<p:graphicImage value="/image/modifier.png" styleClass="sousou"
						width="40" height="40" style="border-radius:7px;" />
				</p:commandLink>

				<h:commandLink action="#{ajoutcentre.delete}" title="Supprimer">
					<p:graphicImage value="/image/supprimer.png" styleClass="sousou"
						width="40" height="40" style="border-radius:7px;" />
				</h:commandLink>
			</div>

			<p:dialog id="modalDialog" header="Ajout" widgetVar="dlg2"
				modal="true" showEffect="clip" hideEffect="clip" appendToBody="true"
				style="width:400px;height:400px;">
				<p:fieldset>
					<h:outputText value="Veuillez ajouter un nouveau centre:"
						style="color:#6eac2c;font-size:14px; float-left:10px;font-size: 17px; font-style: italic;" />
					<br />
					<h:form>
						<h:panelGrid columns="2">
							<h:outputText value="Nom" style="font-weight:bold" />
							<p:inputText value="#{ajoutcentre.currentCentre.nom}" />

							<h:outputText value="Adresse" style="font-weight:bold" />
							<p:inputText value="#{ajoutcentre.currentCentre.adresse}" />
						</h:panelGrid>
						<h:panelGrid columns="3" id="olfa">
							<h:outputText value="Ville" style="font-weight:bold" />

							<p:selectOneMenu value="#{ajoutcentre.selectedVille}" id="v">
								<f:selectItems value="#{ajoutcentre.villeliste}" var="ville"
									itemLabel="#{ville.nom}" itemValue="#{ville.nom}" />
							</p:selectOneMenu>

							<p:commandLink onclick="dlg1.show();" title="Ajouter">
								<p:graphicImage value="/image/ajouter.png" styleClass="sousou"
									width="30" height="30" style="border-radius:7px;" />
							</p:commandLink>

							<p:commandButton value="Ajouter"
								action="#{ajoutcentre.SaveCentre}" />


						</h:panelGrid>
						<p:dialog id="modalDialog1" header="Ajout" widgetVar="dlg1"
							modal="true" showEffect="clip" hideEffect="clip" appendToBody="true"
							style="width:400px;height:400px;">

							<p style="font-weight: bold">Ajouter une nouvelle ville</p>

							<h:panelGrid columns="2">

								<h:outputText value="Nom" style="font-weight:bold" />
								<p:inputText value="#{ajoutville.currentVille.nom}" />


								<p:commandButton value="Ajouter" update="olfa" action="#{ajoutville.SaveVille}" oncomplete="dlg1.hide()"/>

							</h:panelGrid>
						</p:dialog>
					</h:form>
				</p:fieldset>
			</p:dialog>

			<p:dataTable id="checkboxDT" var="car"
				value="#{ajoutcentre.centreList}"
				selection="#{ajoutcentre.centreSelectionnesList}" paginator="true"
				rows="10" paginatorPosition="bottom" rowKey="#{car.idCentre}">
				<f:facet name="header">
Liste Centre:
        </f:facet>
				<p:column selectionMode="multiple"
					style="width:16px;text-align:center" />
				<p:column headerText="Nom">
					<h:outputText value="#{car.nom}" />
				</p:column>

				<p:column headerText="Adresse">
					<h:outputText value="#{car.adresse}" />
				</p:column>

				<p:column headerText="Ville">
					<h:outputText value="#{car.ville.nom}" />
				</p:column>
			</p:dataTable>
		</div>

	</h:form>

</h:body>
</html>