web/admin/mobile_provider/admin_mobile_provider_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:links="http://mxchange.org/jsf/core/links"
   6         xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
   7         xmlns:h="http://xmlns.jcp.org/jsf/html"
   8         xmlns:f="http://xmlns.jcp.org/jsf/core"
   9         xmlns:p="http://primefaces.org/ui"
  10         >
  11
  12         <ui:define name="document_admin_title">
  13                 <h:outputText value="#{msg.PAGE_TITLE_ADMIN_MOBILE_PROVIDER_LIST}" />
  14         </ui:define>
  15
  16         <ui:define name="content_header">
  17                 <h:outputText value="#{msg.CONTENT_TITLE_ADMIN_MOBILE_PROVIDER_LIST}" />
  18         </ui:define>
  19
  20         <ui:define name="content">
  21                 <h:form id="form-list-mobile-providers">
  22                         <p:dataTable
  23                                 id="mobileProviderList"
  24                                 var="mobileProvider"
  25                                 value="#{mobileProviderListController.allMobileProviders}"
  26                                 paginator="true"
  27                                 paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
  28                                 filteredValue="#{mobileProviderListController.filteredMobileProviders}"
  29                                 rows="10"
  30                                 rowKey="#{mobileProvider.providerId}"
  31                                 reflow="true"
  32                                 resizableColumns="true"
  33                                 rowsPerPageTemplate="5,10,20,50,100"
  34                                 sortMode="multiple"
  35                                 summary="#{msg.TABLE_SUMMARY_ADMIN_LIST_MOBILE_PROVIDERS}"
  36                                 emptyMessage="#{msg.ADMIN_EMPTY_LIST_MOBILE_PROVIDERS}"
  37                                 widgetVar="mobileProviderList"
  38                                 selectionMode="single"
  39                                 selection="#{mobileProviderListController.selectedMobileProvider}"
  40                                 skipChildren="true"
  41                                 >
  42
  43                                 <f:facet name="header">
  44                                         <p:panelGrid
  45                                                 columns="3"
  46                                                 layout="grid"
  47                                                 columnClasses="ui-grid-col-4,ui-grid-col-6,ui-grid-col-2"
  48                                                 >
  49                                                 <p:spacer />
  50
  51                                                 <p:panelGrid
  52                                                         columns="2"
  53                                                         columnClasses="ui-grid-4,ui-grid-8"
  54                                                         layout="grid"
  55                                                         styleClass="ui-noborder"
  56                                                         >
  57                                                         <p:outputLabel
  58                                                                 for="globalFilter"
  59                                                                 value="#{msg.SEARCH_ALL_FIELDS}"
  60                                                                 style="float: right"
  61                                                                 />
  62
  63                                                         <p:inputText
  64                                                                 id="globalFilter"
  65                                                                 onkeyup="PF('mobileProviderList').filter()"
  66                                                                 placeholder="#{msg.ENTER_KEYWORD}"
  67                                                                 />
  68                                                 </p:panelGrid>
  69
  70                                                 <p:outputPanel>
  71                                                         <p:spacer height="4" />
  72
  73                                                         <p:commandButton
  74                                                                 id="toggler"
  75                                                                 type="button"
  76                                                                 value="#{msg.SELECT_SHOWN_COLUMNS}"
  77                                                                 styleClass="column-selector"
  78                                                                 />
  79
  80                                                         <p:columnToggler datasource="mobileProviderList" trigger="toggler" />
  81                                                 </p:outputPanel>
  82                                         </p:panelGrid>
  83                                 </f:facet>
  84
  85                                 <p:ajax
  86                                         event="rowSelect"
  87                                         update="form-list-mobile-providers:mobile-provider-details"
  88                                         oncomplete="PF('mobileProviderDialog').show()"
  89                                         />
  90
  91                                 <p:column
  92                                         headerText="#{msg.ID_HEADER}"
  93                                         sortBy="#{mobileProvider.providerId}"
  94                                         filterBy="#{mobileProvider.providerId}"
  95                                         >
  96                                         <p:link
  97                                                 outcome="admin_show_mobile_provider"
  98                                                 value="#{mobileProvider.providerId}"
  99                                                 title="#{msg.ADMIN_LINK_SHOW_MOBILE_PROVIDER_TITLE}"
 100                                                 >
 101                                                 <f:param name="providerId" value="#{mobileProvider.providerId}" />
 102                                         </p:link>
 103                                 </p:column>
 104
 105                                 <p:column
 106                                         headerText="#{msg.ADMIN_LIST_MOBILE_PROVIDER_NAME}"
 107                                         sortBy="#{mobileProvider.providerName}"
 108                                         filterBy="#{mobileProvider.providerName}"
 109                                         filterMatchMode="contains"
 110                                         >
 111                                         <h:outputText value="#{mobileProvider.providerName}" />
 112                                 </p:column>
 113
 114                                 <p:column
 115                                         headerText="#{msg.ADMIN_LIST_MOBILE_PROVIDER_DIAL_PREFIX}"
 116                                         sortBy="#{mobileProvider.providerDialPrefix}"
 117                                         filterBy="#{mobileProvider.providerDialPrefix}"
 118                                         filterMatchMode="contains"
 119                                         >
 120                                         <h:outputText value="#{mobileProvider.providerDialPrefix}" />
 121                                 </p:column>
 122
 123                                 <p:column
 124                                         headerText="#{msg.ADMIN_LIST_MOBILE_PROVIDER_COUNTRY}"
 125                                         sortBy="#{mobileProvider.providerCountry.countryPhoneCode}"
 126                                         filterBy="#{mobileProvider.providerCountry}"
 127                                         filterMatchMode="in"
 128                                         >
 129                                         <f:facet name="filter">
 130                                                 <p:selectCheckboxMenu
 131                                                         filter="true"
 132                                                         filterMatchMode="contains"
 133                                                         dynamic="true"
 134                                                         label="#{msg.LABEL_COUNTRIES}"
 135                                                         onchange="PF('mobileProviderList').filter()"
 136                                                         updateLabel="true"
 137                                                         title="#{msg.FILTER_BY_MULTIPLE_COUNTRY_TITLE}"
 138                                                         >
 139                                                         <f:converter converterId="CountryConverter" />
 140                                                         <f:selectItems
 141                                                                 value="#{countryListController.allCountries}"
 142                                                                 var="country"
 143                                                                 itemValue="#{country}"
 144                                                                 itemLabel="#{msg[country.countryI18nKey]}"
 145                                                                 />
 146                                                 </p:selectCheckboxMenu>
 147                                         </f:facet>
 148
 149                                         <h:outputText value="#{msg[mobileProvider.providerCountry.countryI18nKey]}" />
 150                                 </p:column>
 151
 152                                 <p:column
 153                                         headerText="#{msg.ENTRY_CREATED_HEADER}"
 154                                         sortBy="#{mobileProvider.providerEntryCreated}"
 155                                         >
 156                                         <h:outputText value="#{mobileProvider.providerEntryCreated}">
 157                                                 <f:convertDateTime type="both" timeStyle="short" dateStyle="short" />
 158                                         </h:outputText>
 159                                 </p:column>
 160
 161                                 <p:column
 162                                         headerText="#{msg.ENTRY_UPDATED_HEADER}"
 163                                         sortBy="#{mobileProvider.providerEntryUpdated}"
 164                                         >
 165                                         <h:outputText value="#{mobileProvider.providerEntryUpdated}">
 166                                                 <f:convertDateTime type="both" timeStyle="short" dateStyle="short" />
 167                                         </h:outputText>
 168                                 </p:column>
 169
 170                                 <p:column
 171                                         headerText="#{msg.ADMIN_ACTION_LINKS_HEADER}"
 172                                         sortable="false"
 173                                         >
 174                                         <p:menuButton value="#{msg.OPTIONS}">
 175                                                 <p:menuitem
 176                                                         outcome="admin_show_mobile_provider"
 177                                                         value="#{msg.ADMIN_LINK_SHOW_SHORT}"
 178                                                         title="#{msg.ADMIN_LINK_SHOW_MOBILE_PROVIDER_TITLE}"
 179                                                         >
 180                                                         <f:param name="providerId" value="#{mobileProvider.providerId}" />
 181                                                 </p:menuitem>
 182
 183                                                 <p:menuitem
 184                                                         outcome="admin_edit_mobile_provider"
 185                                                         value="#{msg.ADMIN_LINK_EDIT_SHORT}"
 186                                                         title="#{msg.ADMIN_LINK_EDIT_MOBILE_PROVIDER_TITLE}"
 187                                                         >
 188                                                         <f:param name="providerId" value="#{mobileProvider.providerId}" />
 189                                                 </p:menuitem>
 190
 191                                                 <p:menuitem outcome="admin_delete_mobile_provider">
 192                                                         <h:outputText
 193                                                                 styleClass="link-danger"
 194                                                                 value="#{msg.ADMIN_LINK_DELETE_SHORT}"
 195                                                                 title="#{msg.ADMIN_LINK_DELETE_MOBILE_PROVIDER_TITLE}"
 196                                                                 />
 197                                                         <f:param name="providerId" value="#{mobileProvider.providerId}" />
 198                                                 </p:menuitem>
 199                                         </p:menuButton>
 200                                 </p:column>
 201                         </p:dataTable>
 202
 203                         <p:dialog
 204                                 dynamic="true"
 205                                 modal="true"
 206                                 resizable="false"
 207                                 header="#{msg.ADMIN_SINGLE_MOBILE_PROVIDER_DETAILS_HEADER}"
 208                                 hideEffect="fade"
 209                                 showEffect="fade"
 210                                 widgetVar="mobileProviderDialog"
 211                                 position="top"
 212                                 responsive="true"
 213                                 closeOnEscape="true"
 214                                 >
 215                                 <p:outputPanel id="mobile-provider-details">
 216                                         <p:panelGrid columns="2" rendered="#{not empty mobileProviderListController.selectedMobileProvider}">
 217                                                 <f:facet name="header">
 218                                                         <h:outputFormat value="#{msg.ADMIN_MOBILE_PROVIDER_DETAILS_HEADER}">
 219                                                                 <f:param value="#{mobileProviderListController.selectedMobileProvider.providerName}" />
 220                                                                 <f:param value="#{mobileProviderListController.selectedMobileProvider.providerId}" />
 221                                                         </h:outputFormat>
 222                                                 </f:facet>
 223
 224                                                 <p:outputLabel value="#{msg.ID_HEADER}" title="#{msg.MOBILE_PROVIDER_ID_NUMBER_TITLE}" />
 225                                                 <h:outputText value="#{mobileProviderListController.selectedMobileProvider.providerId}" />
 226                                         </p:panelGrid>
 227                                 </p:outputPanel>
 228                         </p:dialog>
 229                 </h:form>
 230
 231                 <h:form>
 232                         <h:panelGroup layout="block">
 233                                 <div class="table-header">
 234                                         <h:outputText value="#{msg.ADMIN_ADD_MOBILE_PROVIDER_TITLE}" />
 235                                 </div>
 236
 237                                 <ui:include src="/WEB-INF/templates/admin/mobile_provider/admin_form_mobile_provider.tpl" />
 238
 239                                 <p:panelGrid columns="2" layout="grid">
 240                                         <p:commandButton
 241                                                 type="reset"
 242                                                 value="#{msg.BUTTON_RESET_FORM}"
 243                                                 />
 244
 245                                         <p:commandButton
 246                                                 type="submit"
 247                                                 value="#{msg.BUTTON_ADMIN_ADD_MOBILE_PROVIDER}"
 248                                                 action="#{adminMobileProviderController.addMobileProvider()}"
 249                                                 update="form-list-mobile-providers:mobileProviderList"
 250                                                 />
 251                                 </p:panelGrid>
 252                         </h:panelGroup>
 253
 254                         <h:panelGroup styleClass="para notice" layout="block">
 255                                 <h:outputText value="#{msg.ADMIN_ADD_MOBILE_PROVIDER_NOTICES}" />
 256                                 <ul>
 257                                         <li><h:outputText value="#{msg.ADMIN_ADD_MOBILE_PROVIDER_PATTERN}" /></li>
 258                                 </ul>
 259                         </h:panelGroup>
 260                 </h:form>
 261         </ui:define>
 262 </ui:composition>