web/admin/contact/admin_contact_list.xhtml

   1 <?xml version="1.0" encoding="UTF-8" ?>
   2 <ui:composition
   3         template="/WEB-INF/templates/admin/admin_base.tpl"
   4         xmlns="http://www.w3.org/1999/xhtml"
   5         xmlns:core="http://mxchange.org/jsf/core/widgets"
   6         xmlns:links="http://mxchange.org/jsf/core/links"
   7         xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
   8         xmlns:h="http://xmlns.jcp.org/jsf/html"
   9         xmlns:f="http://xmlns.jcp.org/jsf/core"
  10         xmlns:p="http://primefaces.org/ui"
  11         >
  12
  13         <ui:define name="document_admin_title">
  14                 <h:outputText value="#{msg.PAGE_TITLE_ADMIN_LIST_CONTACT}" />
  15         </ui:define>
  16
  17         <ui:define name="content_header">
  18                 <h:outputText value="#{msg.CONTENT_TITLE_ADMIN_LIST_CONTACT}" />
  19         </ui:define>
  20
  21         <ui:define name="content">
  22                 <h:form id="form-list-contacts">
  23                         <p:dataTable
  24                                 id="contactList"
  25                                 var="contact"
  26                                 value="#{contactListController.allContacts}"
  27                                 paginator="true"
  28                                 paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
  29                                 filteredValue="#{contactListController.filteredContacts}"
  30                                 rows="10"
  31                                 rowKey="#{contact.contactId}"
  32                                 reflow="true"
  33                                 resizableColumns="true"
  34                                 rowsPerPageTemplate="5,10,20,50,100"
  35                                 sortMode="multiple"
  36                                 summary="#{msg.TABLE_SUMMARY_ADMIN_LIST_CONTACT}"
  37                                 emptyMessage="#{msg.ADMIN_EMPTY_LIST_CONTACT}"
  38                                 widgetVar="contactList"
  39                                 selectionMode="single"
  40                                 selection="#{contactListController.selectedContact}"
  41                                 skipChildren="true"
  42                                 >
  43
  44                                 <f:facet name="header">
  45                                         <p:panelGrid
  46                                                 columns="3"
  47                                                 layout="grid"
  48                                                 columnClasses="ui-grid-col-4,ui-grid-col-6,ui-grid-col-2"
  49                                                 >
  50                                                 <p:spacer />
  51
  52                                                 <p:panelGrid
  53                                                         columns="2"
  54                                                         columnClasses="ui-grid-4,ui-grid-8"
  55                                                         layout="grid"
  56                                                         styleClass="ui-noborder"
  57                                                         >
  58                                                         <p:outputLabel
  59                                                                 for="globalFilter"
  60                                                                 value="#{msg.SEARCH_ALL_FIELDS}"
  61                                                                 style="float: right"
  62                                                                 />
  63
  64                                                         <p:inputText
  65                                                                 id="globalFilter"
  66                                                                 onkeyup="PF('contactList').filter()"
  67                                                                 placeholder="#{msg.ENTER_KEYWORD}"
  68                                                                 />
  69                                                 </p:panelGrid>
  70
  71                                                 <p:outputPanel>
  72                                                         <p:spacer height="4" />
  73
  74                                                         <p:commandButton
  75                                                                 id="toggler"
  76                                                                 type="button"
  77                                                                 value="#{msg.SELECT_SHOWN_COLUMNS}"
  78                                                                 styleClass="column-selector"
  79                                                                 />
  80
  81                                                         <p:columnToggler datasource="contactList" trigger="toggler" />
  82                                                 </p:outputPanel>
  83                                         </p:panelGrid>
  84                                 </f:facet>
  85
  86                                 <p:ajax
  87                                         event="rowSelect"
  88                                         update="form-list-contacts:contact-details"
  89                                         oncomplete="PF('contactDialog').show()"
  90                                         />
  91
  92                                 <p:column
  93                                         headerText="#{msg.ID_HEADER}"
  94                                         sortBy="#{contact.contactId}"
  95                                         filterable="false"
  96                                         >
  97                                         <p:link
  98                                                 outcome="admin_show_contact"
  99                                                 value="#{contact.contactId}"
 100                                                 title="#{msg.ADMIN_LINK_SHOW_CONTACT_DATA_TITLE}"
 101                                                 >
 102                                                 <f:param name="contactId" value="#{contact.contactId}" />
 103                                         </p:link>
 104                                 </p:column>
 105
 106                                 <p:column
 107                                         headerText="#{msg.ADMIN_CONTACT_PERSONAL_TITLE}"
 108                                         sortBy="#{contact.contactPersonalTitle}"
 109                                         filterBy="#{contact.contactPersonalTitle}"
 110                                         filterMatchMode="exact"
 111                                         >
 112                                         <f:facet name="filter">
 113                                                 <p:selectOneMenu onchange="PF('contactList').filter()">
 114                                                         <f:converter converterId="PersonalTitleConverter" />
 115                                                         <f:selectItem itemLabel="#{msg.CHOICE_ALL}" itemValue="#{null}" />
 116                                                         <f:selectItems
 117                                                                 value="#{dataController.personalTitles}"
 118                                                                 var="personalTitle"
 119                                                                 itemValue="#{personalTitle}"
 120                                                                 itemLabel="#{msg[personalTitle.messageKey]}"
 121                                                                 />
 122                                                 </p:selectOneMenu>
 123                                         </f:facet>
 124                                         <h:outputText value="#{msg[contact.contactPersonalTitle.messageKey]}" />
 125                                 </p:column>
 126
 127                                 <p:column
 128                                         headerText="#{msg.ADMIN_CONTACT_FIRST_NAME}"
 129                                         sortBy="#{contact.contactFirstName}"
 130                                         filterBy="#{contact.contactFirstName}"
 131                                         filterMatchMode="contains"
 132                                         >
 133                                         <h:outputText value="#{contact.contactFirstName}" />
 134                                 </p:column>
 135
 136                                 <p:column
 137                                         headerText="#{msg.ADMIN_CONTACT_FAMILY_NAME}"
 138                                         sortBy="#{contact.contactFamilyName}"
 139                                         filterBy="#{contact.contactFamilyName}"
 140                                         filterMatchMode="contains"
 141                                         >
 142                                         <h:outputText value="#{contact.contactFamilyName}" />
 143                                 </p:column>
 144
 145                                 <p:column
 146                                         headerText="#{msg.ENTRY_CREATED_HEADER}"
 147                                         sortBy="#{contact.contactEntryCreated}"
 148                                         filterBy="#{contact.contactEntryCreated}"
 149                                         filterMatchMode="contains"
 150                                         >
 151                                         <h:outputText value="#{contact.contactEntryCreated}">
 152                                                 <f:convertDateTime type="both" timeStyle="short" dateStyle="short" />
 153                                         </h:outputText>
 154                                 </p:column>
 155
 156                                 <p:column
 157                                         headerText="#{msg.ENTRY_UPDATED_HEADER}"
 158                                         sortBy="#{contact.contactEntryUpdated}"
 159                                         filterBy="#{contact.contactEntryUpdated}"
 160                                         filterMatchMode="contains"
 161                                         >
 162                                         <h:outputText value="#{contact.contactEntryUpdated}">
 163                                                 <f:convertDateTime type="both" timeStyle="short" dateStyle="short" />
 164                                         </h:outputText>
 165                                 </p:column>
 166
 167                                 <p:column
 168                                         headerText="#{msg.ADMIN_CONTACT_USAGE}"
 169                                         sortable="false"
 170                                         filterable="false"
 171                                         >
 172                                         <h:outputText value="#{msg[beanHelper.getContactUsageMessageKey(contact)]}" />
 173                                 </p:column>
 174
 175                                 <p:column
 176                                         headerText="#{msg.ADMIN_ACTION_LINKS_HEADER}"
 177                                         sortable="false"
 178                                         filterable="false"
 179                                         >
 180                                         <p:menuButton value="#{msg.OPTIONS}">
 181                                                 <p:menuitem outcome="admin_show_contact" value="#{msg.ADMIN_LINK_SHOW_SHORT}" title="#{msg.ADMIN_LINK_SHOW_USER_TITLE}" rendered="#{empty renderShowLink or renderShowLink}">
 182                                                         <f:param name="contactId" value="#{contact.contactId}" />
 183                                                 </p:menuitem>
 184
 185                                                 <p:menuitem outcome="admin_edit_contact" value="#{msg.ADMIN_LINK_EDIT_SHORT}" title="#{msg.ADMIN_LINK_EDIT_USER_TITLE}">
 186                                                         <f:param name="contactId" value="#{contact.contactId}" />
 187                                                 </p:menuitem>
 188
 189                                                 <p:menuitem outcome="admin_delete_contact">
 190                                                         <h:outputText styleClass="link-danger" value="#{msg.ADMIN_LINK_DELETE_SHORT}" title="#{msg.ADMIN_LINK_DELETE_CONTACT_TITLE}" />
 191                                                         <f:param name="contactId" value="#{contact.contactId}" />
 192                                                 </p:menuitem>
 193                                         </p:menuButton>
 194                                 </p:column>
 195                         </p:dataTable>
 196
 197                         <p:dialog
 198                                 dynamic="true"
 199                                 modal="true"
 200                                 resizable="false"
 201                                 header="#{msg.ADMIN_SINGLE_CONTACT_DETAILS_HEADER}"
 202                                 hideEffect="fade"
 203                                 showEffect="fade"
 204                                 widgetVar="contactDialog"
 205                                 position="top"
 206                                 responsive="true"
 207                                 closeOnEscape="true"
 208                                 >
 209                                 <p:outputPanel id="contact-details">
 210                                         <p:panelGrid columns="2" rendered="#{not empty contactListController.selectedContact}">
 211                                                 <f:facet name="header">
 212                                                         <h:outputFormat value="#{msg.ADMIN_CONTACT_DETAILS_HEADER}">
 213                                                                 <f:param value="#{msg[contactListController.selectedContact.contactPersonalTitle.messageKey]}" />
 214                                                                 <f:param value="#{contactListController.selectedContact.contactFirstName}" />
 215                                                                 <f:param value="#{contactListController.selectedContact.contactFamilyName}" />
 216                                                                 <f:param value="#{contactListController.selectedContact.contactId}" />
 217                                                         </h:outputFormat>
 218                                                 </f:facet>
 219
 220                                                 <p:outputLabel value="#{msg.ID_HEADER}" title="#{msg.CONTACT_ID_NUMBER_TITLE}" />
 221                                                 <h:outputText value="#{contactListController.selectedContact.contactId}" />
 222                                         </p:panelGrid>
 223                                 </p:outputPanel>
 224                         </p:dialog>
 225                 </h:form>
 226
 227                 <h:form>
 228                         <p:panelGrid
 229                                 columns="1"
 230                                 layout="grid"
 231                                 >
 232                                 <f:facet name="header">
 233                                         <h:outputText value="#{msg.ADMIN_ADD_CONTACT_TITLE}" />
 234                                 </f:facet>
 235
 236                                 <h:outputText value="#{msg.ADMIN_ADD_CONTACT_MINIMUM_DATA}" />
 237
 238                                 <ui:include src="/WEB-INF/templates/admin/contact/admin_form_contact_data.tpl" />
 239
 240                                 <f:facet name="footer">
 241                                         <p:panelGrid columns="2" layout="grid">
 242                                                 <p:commandButton
 243                                                         styleClass="reset"
 244                                                         type="reset"
 245                                                         value="#{msg.BUTTON_RESET_FORM}"
 246                                                         />
 247
 248                                                 <p:commandButton
 249                                                         type="submit"
 250                                                         value="#{msg.BUTTON_ADMIN_ADD_CONTACT}"
 251                                                         action="#{adminContactController.addContact()}"
 252                                                         update="form-list-contacts:contactList"
 253                                                         />
 254                                         </p:panelGrid>
 255                                 </f:facet>
 256                         </p:panelGrid>
 257                 </h:form>
 258         </ui:define>
 259 </ui:composition>