X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;ds=sidebyside;f=web%2Fadmin%2Fcontact%2Fadmin_contact_list.xhtml;h=9eb72bd3cff854172765616106c550adc9106370;hb=5846335593436ab8813782a8970a654d21d6aa60;hp=3024149a01020af6d31b8ce228d625a3f83dd195;hpb=f52334904bbcfa2062ee1b40cc4a4529b40bcf00;p=jjobs-war.git

diff --git a/web/admin/contact/admin_contact_list.xhtml b/web/admin/contact/admin_contact_list.xhtml
index 3024149a..9eb72bd3 100644
--- a/web/admin/contact/admin_contact_list.xhtml
+++ b/web/admin/contact/admin_contact_list.xhtml
@@ -1,12 +1,16 @@
 <?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">
+<ui:composition
+	template="/WEB-INF/templates/admin/admin_base.tpl"
+	xmlns="http://www.w3.org/1999/xhtml"
+	xmlns:core="http://mxchange.org/jsf/core/widgets"
+	xmlns:links="http://mxchange.org/jsf/core/links"
+	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+	xmlns:h="http://xmlns.jcp.org/jsf/html"
+	xmlns:f="http://xmlns.jcp.org/jsf/core"
+	xmlns:p="http://primefaces.org/ui"
+	>
+
+	<ui:define name="document_admin_title">
 		<h:outputText value="#{msg.PAGE_TITLE_ADMIN_LIST_CONTACT}" />
 	</ui:define>
 
@@ -15,81 +19,218 @@
 	</ui:define>
 
 	<ui:define name="content">
-		<widgets:outputMessageBox message="#{msg.ADMIN_CONTACT_LIST_EMPTY}" styleClass="errors" rendered="#{contactController.allContacts().isEmpty()}" />
+		<h:form id="form-list-contacts">
+			<p:dataTable
+				id="contactList"
+				var="contact"
+				value="#{contactListController.allContacts}"
+				paginator="true"
+				paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
+				filteredValue="#{contactListController.filteredContacts}"
+				rows="10"
+				rowKey="#{contact.contactId}"
+				reflow="true"
+				resizableColumns="true"
+				rowsPerPageTemplate="5,10,20,50,100"
+				sortMode="multiple"
+				summary="#{msg.TABLE_SUMMARY_ADMIN_LIST_CONTACT}"
+				emptyMessage="#{msg.ADMIN_EMPTY_LIST_CONTACT}"
+				widgetVar="contactList"
+				selectionMode="single"
+				selection="#{contactListController.selectedContact}"
+				skipChildren="true"
+				>
 
-		<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}" />
+					<p:panelGrid
+						columns="3"
+						layout="grid"
+						columnClasses="ui-grid-col-4,ui-grid-col-6,ui-grid-col-2"
+						>
+						<p:spacer />
+
+						<p:panelGrid
+							columns="2"
+							columnClasses="ui-grid-4,ui-grid-8"
+							layout="grid"
+							styleClass="ui-noborder"
+							>
+							<p:outputLabel for="globalFilter" value="#{msg.SEARCH_ALL_FIELDS}" style="float: right" />
+							<p:inputText id="globalFilter" onkeyup="PF('contactList').filter()" placeholder="#{msg.ENTER_KEYWORD}"/>
+						</p:panelGrid>
+
+						<p:outputPanel>
+							<p:spacer height="4" />
+
+							<p:commandButton
+								id="toggler"
+								type="button"
+								value="#{msg.SELECT_SHOWN_COLUMNS}"
+								styleClass="column-selector"
+								/>
+
+							<p:columnToggler datasource="contactList" trigger="toggler" />
+						</p:outputPanel>
+					</p:panelGrid>
 				</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>
+				<p:ajax
+					event="rowSelect"
+					update=":master:form-list-contacts:contact-details"
+					oncomplete="PF('contactDialog').show()"
+					/>
+
+				<p:column
+					headerText="#{msg.ID_HEADER}"
+					sortBy="#{contact.contactId}"
+					filterable="false"
+					>
+					<p:link
+						outcome="admin_show_contact"
+						value="#{contact.contactId}"
+						title="#{msg.ADMIN_LINK_SHOW_CONTACT_DATA_TITLE}"
+						>
+						<f:param name="contactId" value="#{contact.contactId}" />
+					</p:link>
+				</p:column>
+
+				<p:column
+					headerText="#{msg.ADMIN_CONTACT_PERSONAL_TITLE}"
+					sortBy="#{contact.contactPersonalTitle}"
+					filterBy="#{contact.contactPersonalTitle}"
+					filterMatchMode="exact"
+					>
+					<f:facet name="filter">
+						<p:selectOneMenu onchange="PF('contactList').filter()">
+							<f:converter converterId="PersonalTitleConverter" />
+							<f:selectItem itemLabel="#{msg.CHOICE_ALL}" itemValue="#{null}" />
+							<f:selectItems
+								value="#{dataController.personalTitles}"
+								var="personalTitle"
+								itemValue="#{personalTitle}"
+								itemLabel="#{msg[personalTitle.messageKey]}"
+								/>
+						</p:selectOneMenu>
+					</f:facet>
+					<h:outputText value="#{msg[contact.contactPersonalTitle.messageKey]}" />
+				</p:column>
+
+				<p:column
+					headerText="#{msg.ADMIN_CONTACT_FIRST_NAME}"
+					sortBy="#{contact.contactFirstName}"
+					filterBy="#{contact.contactFirstName}"
+					filterMatchMode="contains"
+					>
+					<h:outputText value="#{contact.contactFirstName}" />
+				</p:column>
+
+				<p:column
+					headerText="#{msg.ADMIN_CONTACT_FAMILY_NAME}"
+					sortBy="#{contact.contactFamilyName}"
+					filterBy="#{contact.contactFamilyName}"
+					filterMatchMode="contains"
+					>
+					<h:outputText value="#{contact.contactFamilyName}" />
+				</p:column>
+
+				<p:column
+					headerText="#{msg.ENTRY_CREATED_HEADER}"
+					sortBy="#{contact.contactCreated}"
+					filterBy="#{contact.contactCreated}"
+					filterMatchMode="contains"
+					>
+					<h:outputText value="#{contact.contactCreated}">
+						<f:convertDateTime type="both" timeStyle="short" dateStyle="short" />
+					</h:outputText>
+				</p:column>
+
+				<p:column
+					headerText="#{msg.ENTRY_UPDATED_HEADER}"
+					sortBy="#{contact.contactUpdated}"
+					filterBy="#{contact.contactUpdated}"
+					filterMatchMode="contains"
+					>
+					<h:outputText value="#{contact.contactUpdated}">
+						<f:convertDateTime type="both" timeStyle="short" dateStyle="short" />
+					</h:outputText>
+				</p:column>
+
+				<p:column
+					headerText="#{msg.ADMIN_CONTACT_USAGE}"
+					sortable="false"
+					filterable="false"
+					>
+					<h:outputText value="#{msg[beanHelper.getContactUsageMessageKey(contact)]}" />
+				</p:column>
+
+				<p:column
+					headerText="#{msg.ADMIN_ACTION_LINKS_HEADER}"
+					sortable="false"
+					filterable="false"
+					>
+					<links:outputContactAdminDropdownMenu contact="#{contact}" />
+				</p:column>
+			</p:dataTable>
+
+			<p:dialog
+				dynamic="true"
+				modal="true"
+				resizable="false"
+				header="#{msg.ADMIN_SINGLE_CONTACT_DETAILS_HEADER}"
+				hideEffect="fade"
+				showEffect="fade"
+				widgetVar="contactDialog"
+				position="top"
+				responsive="true"
+				closeOnEscape="true"
+				>
+				<p:outputPanel id="contact-details">
+					<p:panelGrid columns="2" rendered="#{not empty contactListController.selectedContact}">
+						<f:facet name="header">
+							<h:outputFormat value="#{msg.ADMIN_CONTACT_DETAILS_HEADER}">
+								<f:param value="#{msg[contactListController.selectedContact.contactPersonalTitle.messageKey]}" />
+								<f:param value="#{contactListController.selectedContact.contactFirstName}" />
+								<f:param value="#{contactListController.selectedContact.contactFamilyName}" />
+								<f:param value="#{contactListController.selectedContact.contactId}" />
+							</h:outputFormat>
+						</f:facet>
+
+						<p:outputLabel value="#{msg.ID_HEADER}" title="#{msg.CONTACT_ID_NUMBER_TITLE}" />
+						<h:outputText value="#{contactListController.selectedContact.contactId}" />
+					</p:panelGrid>
+				</p:outputPanel>
+			</p:dialog>
+		</h:form>
 
-			<h:column>
+		<h:form>
+			<p:panelGrid
+				columns="1"
+				layout="grid"
+				>
 				<f:facet name="header">
-					<h:outputText value="#{msg.ADMIN_CONTACT_USAGE}" />
+					<h:outputText value="#{msg.ADMIN_ADD_CONTACT_TITLE}" />
 				</f:facet>
 
-				<h:outputText value="#{msg[beanHelper.getContactUsageMessageKey(contact)]}" />
-			</h:column>
-
-			<h:column>
-				<f:facet name="header">
-					<h:outputText value="#{msg.ADMIN_CONTACT_CREATED}" />
+				<h:outputText value="#{msg.ADMIN_ADD_CONTACT_MINIMUM_DATA}" />
+
+				<core:outputAdminContactDataFormFields allowEmptyRequiredData="true" />
+
+				<f:facet name="footer">
+					<p:panelGrid columns="2" layout="grid">
+						<p:commandButton
+							styleClass="reset"
+							type="reset"
+							value="#{msg.BUTTON_RESET_FORM}"
+							/>
+						<p:commandButton
+							type="submit"
+							value="#{msg.BUTTON_ADMIN_ADD_CONTACT}"
+							action="#{adminContactController.addContact()}"
+							update=":master:form-list-contacts:contactList"
+							/>
+					</p:panelGrid>
 				</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_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>
-
-				<ui:include src="/WEB-INF/templates/admin/contact/admin_form_contact_data.tpl">
-					<ui:param name="allowEmptyRequiredData" value="true" />
-				</ui:include>
-
-				<div class="table_footer">
-					<h:commandButton styleClass="reset right_space" 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>
+			</p:panelGrid>
 		</h:form>
 	</ui:define>
 </ui:composition>