X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=web%2Fadmin%2Fcontact%2Fadmin_contact_list.xhtml;h=857c1df397a22beb9afb5df9857609eedc65f910;hb=e751a0ec937e9185e2b1f13377a5a35465b85f48;hp=b01ffd2ebaf115b3dbcba2419b41ad72b97806ed;hpb=c3475ea4227f552785d8e7353014dc99090f8241;p=jjobs-war.git

diff --git a/web/admin/contact/admin_contact_list.xhtml b/web/admin/contact/admin_contact_list.xhtml
index b01ffd2e..857c1df3 100644
--- a/web/admin/contact/admin_contact_list.xhtml
+++ b/web/admin/contact/admin_contact_list.xhtml
@@ -1,92 +1,93 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html
-	lang="#{localizationController.language}" xml:lang="#{localizationController.language}"
-	xmlns="http://www.w3.org/1999/xhtml"
-	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
-	xmlns:h="http://xmlns.jcp.org/jsf/html"
-	xmlns:f="http://xmlns.jcp.org/jsf/core"
-	>
-
-	<ui:composition template="/WEB-INF/templates/admin/admin_base.tpl">
-		<ui:define name="admin_title">#{msg.PAGE_TITLE_ADMIN_LIST_CONTACT}</ui:define>
-
-		<ui:define name="content_header">
-			#{msg.CONTENT_TITLE_ADMIN_LIST_CONTACT}
-		</ui:define>
-
-		<ui:define name="content">
-			<h:dataTable id="table_list_contacts" var="contact" value="#{contactController.allContacts()}" styleClass="table_big" headerClass="table_header_column" summary="#{msg.TABLE_SUMMARY_ADMIN_LIST_CONTACT}" rendered="#{contactController.hasContacts()}">
-				<h:column>
-					<f:facet name="header">
-						<h:outputText value="#{msg.ADMIN_CONTACT_ID}" />
-					</f:facet>
-
-					<h:link outcome="admin_show_contact" title="#{msg.ADMIN_LINK_SHOW_CONTACT_TITLE}" value="#{contact.contactId}">
-						<f:param name="contactId" value="#{contact.contactId}" />
-					</h:link>
-				</h:column>
-
-				<h:column>
-					<f:facet name="header">
-						<h:outputText value="#{msg.ADMIN_CONTACT_GENDER}" />
-					</f:facet>
-
-					<h:outputText value="#{msg[contact.contactGender.messageKey]}" />
-				</h:column>
-
-				<h:column>
-					<f:facet name="header">
-						<h:outputText value="#{msg.ADMIN_CONTACT_FIRST_NAME}" />
-					</f:facet>
-
-					<h:outputText value="#{contact.contactFirstName}" />
-				</h:column>
-
-				<h:column>
-					<f:facet name="header">
-						<h:outputText value="#{msg.ADMIN_CONTACT_FAMILY_NAME}" />
-					</f:facet>
-
-					<h:outputText value="#{contact.contactFamilyName}" />
-				</h:column>
-
-				<h:column>
-					<f:facet name="header">
-						<h:outputText value="#{msg.ADMIN_CONTACT_USAGE}" />
-					</f:facet>
-
-					<h:outputText value="#{msg[beanHelper.getContactUsageMessageKey(contact)]}" />
-				</h:column>
-
-				<h:column>
-					<f:facet name="header">
-						<h:outputText value="#{msg.ADMIN_CONTACT_CREATED}" />
-					</f:facet>
-
-					<h:outputText id="contactCreated" value="#{contact.contactCreated.time}">
-						<f:convertDateTime for="contactCreated" type="both" timeStyle="short" dateStyle="short" />
-					</h:outputText>
-				</h:column>
-			</h:dataTable>
-
-			<div class="table_medium">
-				<h:form id="form_admin_add_contact">
-					<div class="table_header">
-						<h:outputText value="#{msg.ADMIN_ADD_CONTACT_TITLE}" />
-					</div>
-
-					<div class="para">
-						<h:outputText value="#{msg.ADMIN_ADD_CONTACT_MINIMUM_DATA}" />
-					</div>
-
-					<ui:include src="/WEB-INF/templates/admin/contact/admin_form_contact_data.tpl" />
-
-					<div class="table_footer">
-						<h:commandButton styleClass="reset" type="reset" value="#{msg.BUTTON_RESET_FORM}" />
-						<h:commandButton styleClass="submit" type="submit" id="add_contact" value="#{msg.BUTTON_ADMIN_ADD_CONTACT}" action="#{adminContactController.addContact()}" />
-					</div>
-				</h:form>
-			</div>
-		</ui:define>
-	</ui:composition>
-</html>
+<?xml version="1.0" encoding="UTF-8" ?>
+<ui:composition template="/WEB-INF/templates/admin/admin_base.tpl"
+				xmlns="http://www.w3.org/1999/xhtml"
+				xmlns:widgets="http://mxchange.org/jsf/core/widgets"
+				xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+				xmlns:h="http://xmlns.jcp.org/jsf/html"
+				xmlns:f="http://xmlns.jcp.org/jsf/core">
+
+	<ui:define name="admin_title">
+		<h:outputText value="#{msg.PAGE_TITLE_ADMIN_LIST_CONTACT}" />
+	</ui:define>
+
+	<ui:define name="content_header">
+		<h:outputText value="#{msg.CONTENT_TITLE_ADMIN_LIST_CONTACT}" />
+	</ui:define>
+
+	<ui:define name="content">
+		<widgets:outputMessageBox message="#{msg.ADMIN_CONTACT_LIST_EMPTY}" messageStyleClass="alert-danger" rendered="#{contactController.allContacts().isEmpty()}" />
+
+		<h:dataTable id="table_list_contacts" var="contact" value="#{contactController.allContacts()}" styleClass="table-full" headerClass="table-header-column" summary="#{msg.TABLE_SUMMARY_ADMIN_LIST_CONTACT}" rendered="#{not contactController.allContacts().isEmpty()}">
+			<h:column>
+				<f:facet name="header">
+					<h:outputText value="#{msg.ADMIN_CONTACT_ID}" />
+				</f:facet>
+
+				<h:link outcome="admin_show_contact" title="#{msg.ADMIN_LINK_SHOW_CONTACT_DATA_TITLE}" value="#{contact.contactId}">
+					<f:param name="contactId" value="#{contact.contactId}" />
+				</h:link>
+			</h:column>
+
+			<h:column>
+				<f:facet name="header">
+					<h:outputText value="#{msg.ADMIN_CONTACT_PERSONAL_TITLE}" />
+				</f:facet>
+
+				<h:outputText value="#{msg[contact.contactPersonalTitle.messageKey]}" />
+			</h:column>
+
+			<h:column>
+				<f:facet name="header">
+					<h:outputText value="#{msg.ADMIN_CONTACT_FIRST_NAME}" />
+				</f:facet>
+
+				<h:outputText value="#{contact.contactFirstName}" />
+			</h:column>
+
+			<h:column>
+				<f:facet name="header">
+					<h:outputText value="#{msg.ADMIN_CONTACT_FAMILY_NAME}" />
+				</f:facet>
+
+				<h:outputText value="#{contact.contactFamilyName}" />
+			</h:column>
+
+			<h:column>
+				<f:facet name="header">
+					<h:outputText value="#{msg.ADMIN_CONTACT_USAGE}" />
+				</f:facet>
+
+				<h:outputText value="#{msg[beanHelper.getContactUsageMessageKey(contact)]}" />
+			</h:column>
+
+			<h:column>
+				<f:facet name="header">
+					<h:outputText value="#{msg.ADMIN_CONTACT_CREATED}" />
+				</f:facet>
+
+				<h:outputText id="contactCreated" value="#{contact.contactCreated.time}">
+					<f:convertDateTime for="contactCreated" type="both" timeStyle="short" dateStyle="short" />
+				</h:outputText>
+			</h:column>
+		</h:dataTable>
+
+		<h:form id="form_admin_add_contact">
+			<h:panelGroup styleClass="table table-medium" layout="block">
+				<div class="table-header">
+					<h:outputText value="#{msg.ADMIN_ADD_CONTACT_TITLE}" />
+				</div>
+
+				<div class="para">
+					<h:outputText value="#{msg.ADMIN_ADD_CONTACT_MINIMUM_DATA}" />
+				</div>
+
+				<widgets:outputAdminContactDataFormFields />
+
+				<div class="table-footer">
+					<h:commandButton styleClass="reset divider-right" type="reset" value="#{msg.BUTTON_RESET_FORM}" />
+					<h:commandButton styleClass="submit" type="submit" id="add_contact" value="#{msg.BUTTON_ADMIN_ADD_CONTACT}" action="#{adminContactController.addContact()}" />
+				</div>
+			</h:panelGroup>
+		</h:form>
+	</ui:define>
+</ui:composition>
