From 823a87d134cb4c93d7cbab47844dd6f462d6f48c Mon Sep 17 00:00:00 2001
From: =?utf8?q?Roland=20H=C3=A4der?= <roland@mxchange.org>
Date: Mon, 21 Aug 2017 01:36:16 +0200
Subject: [PATCH] Please cherry-pick: - converted mobile-numer, profile-mode
 and personal-title  selection box into   custom JSF tags (awsome stuff!) -
 added ERROR_PARAMETER_LABEL_MESSAGE_NOT_SET i18n string for JSF label
 messages - renamed generic.jsf.taglib.xml to widgets.jsf.taglib.xml, fitting
 previous   renamings
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: Roland Häder <roland@mxchange.org>
---
 .../localization/bundle_de_DE.properties      |   1 +
 .../localization/bundle_en_US.properties      |   1 +
 web/WEB-INF/generic.jsf.taglib.xml            |  57 -------
 .../columns}/admin_contact_data_columns.tpl   |   0
 .../admin_contact_data_columns_mini.tpl       |   1 -
 .../{generic => }/messages/message_box.tpl    |   4 +-
 .../messages/message_box_mini.tpl             |   4 +-
 .../table_rows/mobile_selection_table_row.tpl |  36 +++++
 .../user_personal_title_table_row.tpl         |  31 ++++
 .../user_profile_mode_table_row.tpl           |  32 ++++
 web/WEB-INF/templates/admin/admin_base.tpl    |   2 +-
 .../admin/contact/admin_form_contact_data.tpl |  34 +---
 .../admin/contact/admin_show_contact_data.tpl |   3 +-
 .../mobile/admin_form_add_contact_mobile.tpl  |  12 +-
 .../admin/user/admin_show_user_data.tpl       |   3 +-
 .../admin/user/admin_show_user_data_mini.tpl  |   3 +-
 .../templates/contact/form_contact_data.tpl   |  45 +-----
 web/WEB-INF/templates/guest/guest_base.tpl    |   2 +-
 .../input_fields/mobile_input_fields.tpl      |  16 --
 .../templates/login/user/user_base.tpl        |   4 +-
 .../selection_boxes/mobile_selection_box.tpl  |  22 ---
 .../personal_title_selection_box.tpl          |  17 --
 .../profile_mode_selection_box.tpl            |  11 --
 web/WEB-INF/web.xml                           |   2 +-
 web/WEB-INF/widgets.jsf.taglib.xml            | 148 ++++++++++++++++++
 .../login_user_change_email_address.xhtml     |   2 +-
 26 files changed, 273 insertions(+), 220 deletions(-)
 delete mode 100644 web/WEB-INF/generic.jsf.taglib.xml
 rename web/WEB-INF/{templates/admin/contact => resources/tags/admin/columns}/admin_contact_data_columns.tpl (100%)
 rename web/WEB-INF/{templates/admin/contact => resources/tags/admin/columns}/admin_contact_data_columns_mini.tpl (99%)
 rename web/WEB-INF/resources/tags/{generic => }/messages/message_box.tpl (89%)
 rename web/WEB-INF/resources/tags/{generic => }/messages/message_box_mini.tpl (89%)
 create mode 100644 web/WEB-INF/resources/tags/table_rows/mobile_selection_table_row.tpl
 create mode 100644 web/WEB-INF/resources/tags/table_rows/user_personal_title_table_row.tpl
 create mode 100644 web/WEB-INF/resources/tags/table_rows/user_profile_mode_table_row.tpl
 delete mode 100644 web/WEB-INF/templates/input_fields/mobile_input_fields.tpl
 delete mode 100644 web/WEB-INF/templates/selection_boxes/mobile_selection_box.tpl
 delete mode 100644 web/WEB-INF/templates/selection_boxes/personal_title_selection_box.tpl
 delete mode 100644 web/WEB-INF/templates/selection_boxes/profile_mode_selection_box.tpl
 create mode 100644 web/WEB-INF/widgets.jsf.taglib.xml

diff --git a/src/java/org/mxchange/localization/bundle_de_DE.properties b/src/java/org/mxchange/localization/bundle_de_DE.properties
index ceb66d4d..64745794 100644
--- a/src/java/org/mxchange/localization/bundle_de_DE.properties
+++ b/src/java/org/mxchange/localization/bundle_de_DE.properties
@@ -864,3 +864,4 @@ ERROR_GUEST_REGISTRATION_IN_INDEX_ENABLED=Fehler: Falscher Aufruf der Anmeldesei
 BUTTON_CHANGE_LOCALE=Aendern
 #@TODO Please fix German umlauts!
 BUTTON_CHANGE_LOCALE_TITLE=Aendern Sie hier in der aktuellen Sitzung die angezeigte Sprache.
+ERROR_PARAMETER_LABEL_MESSAGE_NOT_SET=Fehler: Parameter "labelMessage" nicht gesetzt.
diff --git a/src/java/org/mxchange/localization/bundle_en_US.properties b/src/java/org/mxchange/localization/bundle_en_US.properties
index 4f0ba0b6..4e8e94ac 100644
--- a/src/java/org/mxchange/localization/bundle_en_US.properties
+++ b/src/java/org/mxchange/localization/bundle_en_US.properties
@@ -842,3 +842,4 @@ BUTTON_ADMIN_CONTINUE_BUSINESS_CONTACT_PERSON=Add basic data
 ERROR_GUEST_REGISTRATION_IN_INDEX_ENABLED=Error: Wrong request on registration page as the index page serves as registration page.
 BUTTON_CHANGE_LOCALE=Change
 BUTTON_CHANGE_LOCALE_TITLE=Change here in your current session the used language for text output.
+ERROR_PARAMETER_LABEL_MESSAGE_NOT_SET=Error: Parameter "labelMessage" not set.
diff --git a/web/WEB-INF/generic.jsf.taglib.xml b/web/WEB-INF/generic.jsf.taglib.xml
deleted file mode 100644
index 519b1897..00000000
--- a/web/WEB-INF/generic.jsf.taglib.xml
+++ /dev/null
@@ -1,57 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-Copyright (C) 2017 Roland Häder
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU Affero General Public License as
-published by the Free Software Foundation, either version 3 of the
-License, or (at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU Affero General Public License for more details.
-
-You should have received a copy of the GNU Affero General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
--->
-<facelet-taglib version="2.2"
-				xmlns="http://xmlns.jcp.org/xml/ns/javaee"
-				xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-				xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-facelettaglibrary_2_2.xsd">
-	<namespace>http://mxchange.org/jsf/core/widgets</namespace>
-	<tag>
-		<tag-name>outputMessageBox</tag-name>
-		<description>This tag renders a style-able and customizable message for any kind of messages that the user should see.</description>
-		<source>resources/tags/generic/messages/message_box.tpl</source>
-		<attribute>
-			<name>message</name>
-			<description>The message that should be place into the message box. You may also use EL code here that resolves to a message string.</description>
-			<required>true</required>
-			<type>java.lang.String</type>
-		</attribute>
-		<attribute>
-			<name>styleClass</name>
-			<description>The optional CSS style class to be forwarded on the h:outputText's styleClass attribute of the message. The default is "okay" which normally renders as a green colored message.</description>
-			<required>false</required>
-			<type>java.lang.String</type>
-		</attribute>
-	</tag>
-	<tag>
-		<tag-name>outputMessageBoxMini</tag-name>
-		<description>This tag renders a style-able and customizable mini message for any kind of messages that the user should see. It is similar to outputMessageBox tag but it renders a smaller box instead.</description>
-		<source>resources/tags/generic/messages/message_box_mini.tpl</source>
-		<attribute>
-			<name>message</name>
-			<description>The message that should be place into the message box. You may also use EL code here that resolves to a message string.</description>
-			<required>true</required>
-			<type>java.lang.String</type>
-		</attribute>
-		<attribute>
-			<name>styleClass</name>
-			<description>The optional CSS style class to be forwarded on the h:outputText's styleClass attribute of the message. The default is "okay" which normally renders as a green colored message.</description>
-			<required>false</required>
-			<type>java.lang.String</type>
-		</attribute>
-	</tag>
-</facelet-taglib>
diff --git a/web/WEB-INF/templates/admin/contact/admin_contact_data_columns.tpl b/web/WEB-INF/resources/tags/admin/columns/admin_contact_data_columns.tpl
similarity index 100%
rename from web/WEB-INF/templates/admin/contact/admin_contact_data_columns.tpl
rename to web/WEB-INF/resources/tags/admin/columns/admin_contact_data_columns.tpl
diff --git a/web/WEB-INF/templates/admin/contact/admin_contact_data_columns_mini.tpl b/web/WEB-INF/resources/tags/admin/columns/admin_contact_data_columns_mini.tpl
similarity index 99%
rename from web/WEB-INF/templates/admin/contact/admin_contact_data_columns_mini.tpl
rename to web/WEB-INF/resources/tags/admin/columns/admin_contact_data_columns_mini.tpl
index 61e914a9..f510a317 100644
--- a/web/WEB-INF/templates/admin/contact/admin_contact_data_columns_mini.tpl
+++ b/web/WEB-INF/resources/tags/admin/columns/admin_contact_data_columns_mini.tpl
@@ -6,7 +6,6 @@
 	xmlns:h="http://xmlns.jcp.org/jsf/html"
 	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
 
-
 	<h:column>
 		<h:outputLabel for="contactPersonalTitle" styleClass="table_data_label" value="#{msg.ADMIN_CONTACT_PERSONAL_TITLE}" />
 
diff --git a/web/WEB-INF/resources/tags/generic/messages/message_box.tpl b/web/WEB-INF/resources/tags/messages/message_box.tpl
similarity index 89%
rename from web/WEB-INF/resources/tags/generic/messages/message_box.tpl
rename to web/WEB-INF/resources/tags/messages/message_box.tpl
index c32fdf7b..893620e2 100644
--- a/web/WEB-INF/resources/tags/generic/messages/message_box.tpl
+++ b/web/WEB-INF/resources/tags/messages/message_box.tpl
@@ -5,7 +5,7 @@
 	xmlns:h="http://xmlns.jcp.org/jsf/html"
 	xmlns:f="http://xmlns.jcp.org/jsf/core">
 
-	<div class="message_box">
+	<h:panelGroup styleClass="message_box_mini" layout="block" rendered="#{rendered}">
 		<div class="message_header">
 			<h:outputText value="#{msg.MESSAGE_BOX_TITLE}" />
 		</div>
@@ -29,5 +29,5 @@
 				<h:outputText value="#{msg.MESSAGE_BOX_PARAMETER_MESSAGE_EMPTY}" />
 			</div>
 		</ui:fragment>
-	</div>
+	</h:panelGroup>
 </ui:composition>
diff --git a/web/WEB-INF/resources/tags/generic/messages/message_box_mini.tpl b/web/WEB-INF/resources/tags/messages/message_box_mini.tpl
similarity index 89%
rename from web/WEB-INF/resources/tags/generic/messages/message_box_mini.tpl
rename to web/WEB-INF/resources/tags/messages/message_box_mini.tpl
index 35cd54ad..893620e2 100644
--- a/web/WEB-INF/resources/tags/generic/messages/message_box_mini.tpl
+++ b/web/WEB-INF/resources/tags/messages/message_box_mini.tpl
@@ -5,7 +5,7 @@
 	xmlns:h="http://xmlns.jcp.org/jsf/html"
 	xmlns:f="http://xmlns.jcp.org/jsf/core">
 
-	<div class="message_box_mini">
+	<h:panelGroup styleClass="message_box_mini" layout="block" rendered="#{rendered}">
 		<div class="message_header">
 			<h:outputText value="#{msg.MESSAGE_BOX_TITLE}" />
 		</div>
@@ -29,5 +29,5 @@
 				<h:outputText value="#{msg.MESSAGE_BOX_PARAMETER_MESSAGE_EMPTY}" />
 			</div>
 		</ui:fragment>
-	</div>
+	</h:panelGroup>
 </ui:composition>
diff --git a/web/WEB-INF/resources/tags/table_rows/mobile_selection_table_row.tpl b/web/WEB-INF/resources/tags/table_rows/mobile_selection_table_row.tpl
new file mode 100644
index 00000000..4436316a
--- /dev/null
+++ b/web/WEB-INF/resources/tags/table_rows/mobile_selection_table_row.tpl
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<ui:composition
+	xmlns="http://www.w3.org/1999/xhtml"
+	xmlns:widgets="http://mxchange.org/jsf/core/widgets"
+	xmlns:f="http://java.sun.com/jsf/core"
+	xmlns:h="http://java.sun.com/jsf/html"
+	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
+
+	<widgets:outputMessageBoxMini message="#{msg.ERROR_PARAMETER_TARGET_CONTROLLER_NOT_SET}" styleClass="errors" rendered="#{empty targetController}" />
+
+	<widgets:outputMessageBoxMini message="#{msg.ERROR_PARAMETER_LABEL_MESSAGE_NOT_SET}" styleClass="errors" rendered="#{empty labelMessage}" />
+
+	<ui:fragment rendered="#{not empty targetController and not empty labelMessage  and (empty rendered or rendered)}">
+		<h:panelGroup styleClass="table_row" layout="block">
+			<div class="table_left_medium">
+				<h:outputLabel for="mobileNumber" value="#{labelMessage}" />
+			</div>
+
+			<div class="table_right_medium">
+				<h:selectOneMenu styleClass="select" id="mobileProvider" value="#{targetController.mobileProvider}">
+					<f:converter converterId="MobileProviderConverter" />
+					<f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
+					<f:selectItems value="#{mobileProviderController.allMobileProviders()}" var="mobileProvider" itemValue="#{mobileProvider}" itemLabel="#{mobileProvider.providerCountry.countryExternalDialPrefix}#{mobileProvider.providerDialPrefix} (#{mobileProvider.providerName})" />
+				</h:selectOneMenu>
+
+				<h:inputText styleClass="input" id="mobileNumber" size="10" maxlength="20" value="#{targetController.mobileNumber}">
+					<f:validator for="mobileNumber" validatorId="PhoneNumberValidator" />
+				</h:inputText>
+			</div>
+		</h:panelGroup>
+
+		<h:panelGroup styleClass="error_container" layout="block">
+			<h:message for="mobileNumber" errorClass="errors" fatalClass="errors" warnClass="errors" />
+		</h:panelGroup>
+	</ui:fragment>
+</ui:composition>
diff --git a/web/WEB-INF/resources/tags/table_rows/user_personal_title_table_row.tpl b/web/WEB-INF/resources/tags/table_rows/user_personal_title_table_row.tpl
new file mode 100644
index 00000000..adce3cb0
--- /dev/null
+++ b/web/WEB-INF/resources/tags/table_rows/user_personal_title_table_row.tpl
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<ui:composition
+	xmlns="http://www.w3.org/1999/xhtml"
+	xmlns:widgets="http://mxchange.org/jsf/core/widgets"
+	xmlns:f="http://java.sun.com/jsf/core"
+	xmlns:h="http://java.sun.com/jsf/html"
+	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
+
+	<widgets:outputMessageBoxMini message="#{msg.ERROR_PARAMETER_TARGET_CONTROLLER_NOT_SET}" styleClass="errors" rendered="#{empty targetController}" />
+
+	<ui:fragment rendered="#{not empty targetController  and (empty rendered or rendered)}">
+		<h:panelGroup styleClass="table_row" layout="block">
+			<div class="table_left_medium">
+				<h:outputLabel for="userPersonalTitle" value="#{msg.PERSONAL_DATA_PERSONAL_TITLE}" />
+			</div>
+
+			<div class="table_right_medium">
+				<h:selectOneMenu styleClass="select" id="userPersonalTitle" value="#{targetController.personalTitle}" required="#{featureController.isFeatureEnabled(targetController.controllerType.concat('_personal_title'))}" requiredMessage="#{msg.FIELD_PERSONAL_TITLE_REQUIRED}">
+					<f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" noSelectionOption="true" />
+					<f:selectItems value="#{genderController.selectableGenders}" var="personalTitle" itemValue="#{personalTitle}" itemLabel="#{msg[personalTitle.messageKey]}" />
+				</h:selectOneMenu>
+			</div>
+
+			<div class="clear"></div>
+		</h:panelGroup>
+
+		<h:panelGroup styleClass="error_container" layout="block">
+			<h:message for="userPersonalTitle" errorClass="errors" fatalClass="errors" warnClass="errors" />
+		</h:panelGroup>
+	</ui:fragment>
+</ui:composition>
diff --git a/web/WEB-INF/resources/tags/table_rows/user_profile_mode_table_row.tpl b/web/WEB-INF/resources/tags/table_rows/user_profile_mode_table_row.tpl
new file mode 100644
index 00000000..132e28db
--- /dev/null
+++ b/web/WEB-INF/resources/tags/table_rows/user_profile_mode_table_row.tpl
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<ui:composition
+	xmlns="http://www.w3.org/1999/xhtml"
+	xmlns:widgets="http://mxchange.org/jsf/core/widgets"
+	xmlns:f="http://java.sun.com/jsf/core"
+	xmlns:h="http://java.sun.com/jsf/html"
+	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
+
+	<widgets:outputMessageBoxMini message="#{msg.ERROR_PARAMETER_TARGET_CONTROLLER_NOT_SET}" styleClass="errors" rendered="#{empty targetController}" />
+
+	<widgets:outputMessageBoxMini message="#{msg.ERROR_PARAMETER_LABEL_MESSAGE_NOT_SET}" styleClass="errors" rendered="#{empty labelMessage}" />
+
+	<ui:fragment rendered="#{not empty targetController and not empty labelMessage and (empty rendered or rendered)}">
+		<h:panelGroup styleClass="table_row" layout="block">
+			<div class="table_left_medium">
+				<h:outputLabel for="profileMode" value="#{labelMessage}" />
+			</div>
+
+			<div class="table_right_medium">
+				<h:selectOneMenu styleClass="select" id="profileMode" value="#{targetController.userProfileMode}">
+					<f:selectItems value="#{profileModeController.allProfileModes}" var="mode" itemValue="#{mode}" itemLabel="#{msg[mode.messageKey]}" />
+				</h:selectOneMenu>
+			</div>
+
+			<div class="clear"></div>
+		</h:panelGroup>
+
+		<h:panelGroup styleClass="error_container" layout="block">
+			<h:message for="personalTitle" errorClass="errors" fatalClass="errors" warnClass="errors" />
+		</h:panelGroup>
+	</ui:fragment>
+</ui:composition>
diff --git a/web/WEB-INF/templates/admin/admin_base.tpl b/web/WEB-INF/templates/admin/admin_base.tpl
index 1fd16dda..b0e99e81 100644
--- a/web/WEB-INF/templates/admin/admin_base.tpl
+++ b/web/WEB-INF/templates/admin/admin_base.tpl
@@ -20,6 +20,6 @@ TODO: Add something here that should be displayed on all admin pages
 	</ui:define>
 
 	<ui:define name="footer">
-		<ui:include id="footer" src="/WEB-INF/templates/admin/admin_footer.tpl" />
+		<ui:include src="/WEB-INF/templates/admin/admin_footer.tpl" />
 	</ui:define>
 </ui:composition>
diff --git a/web/WEB-INF/templates/admin/contact/admin_form_contact_data.tpl b/web/WEB-INF/templates/admin/contact/admin_form_contact_data.tpl
index ddc82a43..dd1aea7f 100644
--- a/web/WEB-INF/templates/admin/contact/admin_form_contact_data.tpl
+++ b/web/WEB-INF/templates/admin/contact/admin_form_contact_data.tpl
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <ui:composition
 	xmlns="http://www.w3.org/1999/xhtml"
+	xmlns:widgets="http://mxchange.org/jsf/core/widgets"
 	xmlns:f="http://xmlns.jcp.org/jsf/core"
 	xmlns:h="http://xmlns.jcp.org/jsf/html"
 	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
@@ -14,24 +15,7 @@
 				<h:outputText value="#{msg.ADMIN_CONTACT_PERSONAL_DATA_LEGEND}" />
 			</legend>
 
-			<h:panelGroup styleClass="table_row" layout="block">
-				<div class="table_left_medium">
-					<h:outputLabel for="personalTitle" value="#{msg.ADMIN_PERSONAL_DATA_PERSONAL_TITLE}" />
-				</div>
-
-				<div class="table_right_medium">
-					<ui:include src="/WEB-INF/templates/selection_boxes/personal_title_selection_box.tpl">
-						<ui:param name="targetController" value="#{adminContactController}" />
-						<ui:param name="allowEmptyRequiredData" value="#{allowEmptyRequiredData}" rendered="#{not empty allowEmptyRequiredData}" />
-					</ui:include>
-				</div>
-
-				<div class="clear"></div>
-			</h:panelGroup>
-
-			<h:panelGroup styleClass="error_container" layout="block">
-				<h:message for="personalTitle" errorClass="errors" fatalClass="errors" warnClass="errors" />
-			</h:panelGroup>
+			<widgets:outputPersonalTitleTableRow targetController="#{adminContactController}" allowEmptyRequiredData="#{allowEmptyRequiredData}" />
 
 			<h:panelGroup styleClass="table_row" layout="block">
 				<div class="table_left_medium">
@@ -233,19 +217,7 @@
 				<div class="clear"></div>
 			</h:panelGroup>
 
-			<h:panelGroup styleClass="table_row" layout="block">
-				<div class="table_left_medium">
-					<h:outputLabel for="mobileNumber" value="#{msg.ADMIN_PERSONAL_DATA_MOBILE_NUMBER}" />
-				</div>
-
-				<div class="table_right_medium">
-					<ui:include src="/WEB-INF/templates/selection_boxes/mobile_selection_box.tpl">
-						<ui:param name="targetController" value="#{adminContactController}" />
-					</ui:include>
-				</div>
-
-				<div class="clear"></div>
-			</h:panelGroup>
+			<widgets:outputMobileNumberTableRow targetController="#{adminContactController}" labelMessage="#{msg.ADMIN_PERSONAL_DATA_MOBILE_NUMBER}" />
 
 			<h:panelGroup styleClass="table_row" layout="block">
 				<div class="table_left_medium">
diff --git a/web/WEB-INF/templates/admin/contact/admin_show_contact_data.tpl b/web/WEB-INF/templates/admin/contact/admin_show_contact_data.tpl
index 774bcff8..5fb4f0c7 100644
--- a/web/WEB-INF/templates/admin/contact/admin_show_contact_data.tpl
+++ b/web/WEB-INF/templates/admin/contact/admin_show_contact_data.tpl
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <ui:composition
 	xmlns="http://www.w3.org/1999/xhtml"
+	xmlns:widgets="http://mxchange.org/jsf/core/widgets"
 	xmlns:f="http://java.sun.com/jsf/core"
 	xmlns:h="http://java.sun.com/jsf/html"
 	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
@@ -12,6 +13,6 @@
 			</h:outputFormat>
 		</f:facet>
 
-		<ui:include src="/WEB-INF/templates/admin/contact/admin_contact_data_columns.tpl" />
+		<widgets:outputContactDataGridColumns />
 	</h:panelGrid>
 </ui:composition>
diff --git a/web/WEB-INF/templates/admin/mobile/admin_form_add_contact_mobile.tpl b/web/WEB-INF/templates/admin/mobile/admin_form_add_contact_mobile.tpl
index ec1e8c0a..2e62ae93 100644
--- a/web/WEB-INF/templates/admin/mobile/admin_form_add_contact_mobile.tpl
+++ b/web/WEB-INF/templates/admin/mobile/admin_form_add_contact_mobile.tpl
@@ -36,17 +36,7 @@
 				<h:outputText value="#{msg.ADMIN_OR_ENTER_CONTACT_NEW_MOBILE_DATA}" />
 			</div>
 
-			<h:panelGroup styleClass="table_row" layout="block">
-				<div class="table_left_medium">
-					<h:outputLabel for="mobileNumber" value="#{msg.ADMIN_PERSONAL_DATA_MOBILE_NUMBER}" />
-				</div>
-
-				<div class="table_right_medium">
-					<ui:include src="/WEB-INF/templates/input_fields/mobile_input_fields.tpl">
-						<ui:param name="targetController" value="#{adminPhoneController}" />
-					</ui:include>
-				</div>
-			</h:panelGroup>
+			<widgets:outputMobileNumberTableRow targetController="#{adminPhoneController}" labelMessage="#{msg.ADMIN_PERSONAL_DATA_MOBILE_NUMBER}" />
 
 			<div class="table_footer">
 				<h:commandButton styleClass="reset right_space" type="reset" value="#{msg.BUTTON_RESET_FORM}" />
diff --git a/web/WEB-INF/templates/admin/user/admin_show_user_data.tpl b/web/WEB-INF/templates/admin/user/admin_show_user_data.tpl
index 53c83f28..5eda467a 100644
--- a/web/WEB-INF/templates/admin/user/admin_show_user_data.tpl
+++ b/web/WEB-INF/templates/admin/user/admin_show_user_data.tpl
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <ui:composition
 	xmlns="http://www.w3.org/1999/xhtml"
+	xmlns:widgets="http://mxchange.org/jsf/core/widgets"
 	xmlns:f="http://java.sun.com/jsf/core"
 	xmlns:h="http://java.sun.com/jsf/html"
 	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
@@ -69,6 +70,6 @@
 			<h:outputText id="userLastLockedReason" styleClass="table_data_field" value="#{beanHelper.user.userLastLockedReason}" />
 		</h:column>
 
-		<ui:include src="/WEB-INF/templates/admin/contact/admin_contact_data_columns.tpl" />
+		<widgets:outputContactDataGridColumns />
 	</h:panelGrid>
 </ui:composition>
diff --git a/web/WEB-INF/templates/admin/user/admin_show_user_data_mini.tpl b/web/WEB-INF/templates/admin/user/admin_show_user_data_mini.tpl
index c3a137cd..9748ffef 100644
--- a/web/WEB-INF/templates/admin/user/admin_show_user_data_mini.tpl
+++ b/web/WEB-INF/templates/admin/user/admin_show_user_data_mini.tpl
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <ui:composition
 	xmlns="http://www.w3.org/1999/xhtml"
+	xmlns:widgets="http://mxchange.org/jsf/core/widgets"
 	xmlns:f="http://java.sun.com/jsf/core"
 	xmlns:h="http://java.sun.com/jsf/html"
 	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
@@ -45,6 +46,6 @@
 			<h:outputText id="userAccountStatus" styleClass="table_data_field #{beanHelper.user.userAccountStatus.styleClass}" value="#{msg[beanHelper.user.userAccountStatus.messageKey]}" />
 		</h:column>
 
-		<ui:include src="/WEB-INF/templates/admin/contact/admin_contact_data_columns_mini.tpl" />
+		<widgets:outputContactDataGridColumns />
 	</h:panelGrid>
 </ui:composition>
diff --git a/web/WEB-INF/templates/contact/form_contact_data.tpl b/web/WEB-INF/templates/contact/form_contact_data.tpl
index 8fe9094c..d946bd98 100644
--- a/web/WEB-INF/templates/contact/form_contact_data.tpl
+++ b/web/WEB-INF/templates/contact/form_contact_data.tpl
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <ui:composition
 	xmlns="http://www.w3.org/1999/xhtml"
+	xmlns:widgets="http://mxchange.org/jsf/core/widgets"
 	xmlns:f="http://java.sun.com/jsf/core"
 	xmlns:h="http://java.sun.com/jsf/html"
 	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
@@ -16,23 +17,7 @@
 				<h:outputText value="#{msg.PERSONAL_DATA_LEGEND}" />
 			</legend>
 
-			<h:panelGroup styleClass="table_row" layout="block">
-				<div class="table_left_medium">
-					<h:outputLabel for="personalTitle" value="#{msg.PERSONAL_DATA_PERSONAL_TITLE}" />
-				</div>
-
-				<div class="table_right_medium">
-					<ui:include src="/WEB-INF/templates/selection_boxes/personal_title_selection_box.tpl">
-						<ui:param  name="targetController" value="#{contactController}" />
-					</ui:include>
-				</div>
-
-				<div class="clear"></div>
-
-				<h:panelGroup styleClass="error_container" layout="block">
-					<h:message for="personalTitle" errorClass="errors" fatalClass="errors" warnClass="errors" />
-				</h:panelGroup>
-			</h:panelGroup>
+			<widgets:outputPersonalTitleTableRow targetController="#{contactController}" />
 
 			<h:panelGroup styleClass="table_row" layout="block">
 				<div class="table_left_medium">
@@ -260,19 +245,7 @@
 				<h:message for="faxNumber" errorClass="errors" fatalClass="errors" warnClass="errors" />
 			</h:panelGroup>
 
-			<h:panelGroup styleClass="table_row" layout="block">
-				<div class="table_left_medium">
-					<h:outputLabel for="mobileNumber" value="#{msg.PERSONAL_DATA_MOBILE_NUMBER}" />
-				</div>
-
-				<div class="table_right_medium">
-					<ui:include src="/WEB-INF/templates/selection_boxes/mobile_selection_box.tpl">
-						<ui:param name="targetController" value="#{adminContactController}" />
-					</ui:include>
-				</div>
-
-				<div class="clear"></div>
-			</h:panelGroup>
+			<widgets:outputMobileNumberTableRow targetController="#{contactController}" labelMessage="#{msg.PERSONAL_DATA_MOBILE_NUMBER}" />
 		</fieldset>
 	</div>
 
@@ -283,17 +256,7 @@
 					<h:outputText value="#{msg.USER_PROFILE_LEGEND}" />
 				</legend>
 
-				<h:panelGroup styleClass="table_row" layout="block">
-					<div class="table_left_medium">
-						<h:outputLabel for="profileMode" value="#{msg.USER_PROFILE_MODE}" />
-					</div>
-
-					<div class="table_right_medium">
-						<ui:include src="/WEB-INF/templates/selection_boxes/profile_mode_selection_box.tpl" />
-					</div>
-
-					<div class="clear"></div>
-				</h:panelGroup>
+				<widgets:outputProfileModeTableRow targetController="#{userController}" labelMessage="#{msg.USER_PROFILE_MODE}" />
 
 				<h:panelGroup styleClass="table_row" layout="block">
 					<div class="para notice">
diff --git a/web/WEB-INF/templates/guest/guest_base.tpl b/web/WEB-INF/templates/guest/guest_base.tpl
index 6310e131..16077409 100644
--- a/web/WEB-INF/templates/guest/guest_base.tpl
+++ b/web/WEB-INF/templates/guest/guest_base.tpl
@@ -18,6 +18,6 @@
 	</ui:define>
 
 	<ui:define name="footer">
-		<ui:include id="footer" src="/WEB-INF/templates/guest/guest_footer.tpl" />
+		<ui:include src="/WEB-INF/templates/guest/guest_footer.tpl" />
 	</ui:define>
 </ui:composition>
diff --git a/web/WEB-INF/templates/input_fields/mobile_input_fields.tpl b/web/WEB-INF/templates/input_fields/mobile_input_fields.tpl
deleted file mode 100644
index 5e4449b4..00000000
--- a/web/WEB-INF/templates/input_fields/mobile_input_fields.tpl
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ui:composition
-	xmlns="http://www.w3.org/1999/xhtml"
-	xmlns:widgets="http://mxchange.org/jsf/core/widgets"
-	xmlns:f="http://java.sun.com/jsf/core"
-	xmlns:h="http://java.sun.com/jsf/html"
-	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
-
-	<widgets:outputMessageBoxMini message="#{msg.ERROR_PARAMETER_TARGET_CONTROLLER_NOT_SET}" styleClass="errors" rendered="#{empty targetController}" />
-
-	<ui:fragment rendered="#{not empty targetController}">
-		<ui:include src="/WEB-INF/templates/selection_boxes/mobile_selection_box.tpl">
-			<ui:param name="targetController" value="#{targetController}" />
-		</ui:include>
-	</ui:fragment>
-</ui:composition>
diff --git a/web/WEB-INF/templates/login/user/user_base.tpl b/web/WEB-INF/templates/login/user/user_base.tpl
index ab40468a..db2d0675 100644
--- a/web/WEB-INF/templates/login/user/user_base.tpl
+++ b/web/WEB-INF/templates/login/user/user_base.tpl
@@ -18,13 +18,13 @@
 		<widgets:outputMessageBoxMini message="#{msg.USER_NOT_LOGGED_IN}" styleClass="errors" rendered="#{not userLoginController.isUserLoggedIn()}" />
 
 		<ui:fragment rendered="#{userLoginController.isUserLoggedIn()}">
-			<ui:include id="menu" src="/WEB-INF/templates/login/user/user_menu.tpl" />
+			<ui:include src="/WEB-INF/templates/login/user/user_menu.tpl" />
 		</ui:fragment>
 	</ui:define>
 
 	<ui:define name="footer">
 		<ui:fragment rendered="#{userLoginController.isUserLoggedIn()}">
-			<ui:include id="footer" src="/WEB-INF/templates/login/user/user_footer.tpl" />
+			<ui:include src="/WEB-INF/templates/login/user/user_footer.tpl" />
 		</ui:fragment>
 	</ui:define>
 </ui:composition>
diff --git a/web/WEB-INF/templates/selection_boxes/mobile_selection_box.tpl b/web/WEB-INF/templates/selection_boxes/mobile_selection_box.tpl
deleted file mode 100644
index 8feffcf4..00000000
--- a/web/WEB-INF/templates/selection_boxes/mobile_selection_box.tpl
+++ /dev/null
@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ui:composition
-	xmlns="http://www.w3.org/1999/xhtml"
-	xmlns:widgets="http://mxchange.org/jsf/core/widgets"
-	xmlns:f="http://java.sun.com/jsf/core"
-	xmlns:h="http://java.sun.com/jsf/html"
-	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
-
-	<widgets:outputMessageBoxMini message="#{msg.ERROR_PARAMETER_TARGET_CONTROLLER_NOT_SET}" styleClass="errors" rendered="#{empty targetController}" />
-
-	<ui:fragment rendered="#{not empty targetController}">
-		<h:selectOneMenu styleClass="select" id="mobileProvider" value="#{targetController.mobileProvider}">
-			<f:converter converterId="MobileProviderConverter" />
-			<f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" />
-			<f:selectItems value="#{mobileProviderController.allMobileProviders()}" var="mobileProvider" itemValue="#{mobileProvider}" itemLabel="#{mobileProvider.providerCountry.countryExternalDialPrefix}#{mobileProvider.providerDialPrefix} (#{mobileProvider.providerName})" />
-		</h:selectOneMenu>
-
-		<h:inputText styleClass="input" id="mobileNumber" size="10" maxlength="20" value="#{targetController.mobileNumber}">
-			<f:validator for="mobileNumber" validatorId="PhoneNumberValidator" />
-		</h:inputText>
-	</ui:fragment>
-</ui:composition>
diff --git a/web/WEB-INF/templates/selection_boxes/personal_title_selection_box.tpl b/web/WEB-INF/templates/selection_boxes/personal_title_selection_box.tpl
deleted file mode 100644
index 3c59718d..00000000
--- a/web/WEB-INF/templates/selection_boxes/personal_title_selection_box.tpl
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ui:composition
-	xmlns="http://www.w3.org/1999/xhtml"
-	xmlns:widgets="http://mxchange.org/jsf/core/widgets"
-	xmlns:f="http://java.sun.com/jsf/core"
-	xmlns:h="http://java.sun.com/jsf/html"
-	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
-
-	<widgets:outputMessageBoxMini message="#{msg.ERROR_PARAMETER_TARGET_CONTROLLER_NOT_SET}" styleClass="errors" rendered="#{empty targetController}" />
-
-	<ui:fragment rendered="#{not empty targetController}">
-		<h:selectOneMenu styleClass="select" id="personalTitle" value="#{targetController.personalTitle}" required="#{featureController.isFeatureEnabled(targetController.controllerType.concat('_personal_title'))}" requiredMessage="#{msg.FIELD_PERSONAL_TITLE_REQUIRED}">
-			<f:selectItem itemValue="" itemLabel="#{msg.NONE_SELECTED}" noSelectionOption="true" />
-			<f:selectItems value="#{genderController.selectableGenders}" var="personalTitle" itemValue="#{personalTitle}" itemLabel="#{msg[personalTitle.messageKey]}" />
-		</h:selectOneMenu>
-	</ui:fragment>
-</ui:composition>
diff --git a/web/WEB-INF/templates/selection_boxes/profile_mode_selection_box.tpl b/web/WEB-INF/templates/selection_boxes/profile_mode_selection_box.tpl
deleted file mode 100644
index 680c63eb..00000000
--- a/web/WEB-INF/templates/selection_boxes/profile_mode_selection_box.tpl
+++ /dev/null
@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ui:composition
-	xmlns="http://www.w3.org/1999/xhtml"
-	xmlns:f="http://java.sun.com/jsf/core"
-	xmlns:h="http://java.sun.com/jsf/html"
-	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
-
-	<h:selectOneMenu styleClass="select" id="profileMode" value="#{userController.userProfileMode}">
-		<f:selectItems value="#{profileModeController.allProfileModes}" var="mode" itemValue="#{mode}" itemLabel="#{msg[mode.messageKey]}" />
-	</h:selectOneMenu>
-</ui:composition>
diff --git a/web/WEB-INF/web.xml b/web/WEB-INF/web.xml
index 29ffd3f9..f6aae47a 100644
--- a/web/WEB-INF/web.xml
+++ b/web/WEB-INF/web.xml
@@ -5,7 +5,7 @@
     <context-param>
         <description>Generic custom JSF tags library</description>
         <param-name>javax.faces.FACELETS_LIBRARIES</param-name>
-        <param-value>/WEB-INF/generic.jsf.taglib.xml</param-value>
+        <param-value>/WEB-INF/widgets.jsf.taglib.xml</param-value>
     </context-param>
     <context-param>
         <description>Project stage</description>
diff --git a/web/WEB-INF/widgets.jsf.taglib.xml b/web/WEB-INF/widgets.jsf.taglib.xml
new file mode 100644
index 00000000..61d3769b
--- /dev/null
+++ b/web/WEB-INF/widgets.jsf.taglib.xml
@@ -0,0 +1,148 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Copyright (C) 2017 Roland Häder
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+-->
+<facelet-taglib version="2.2"
+				xmlns="http://xmlns.jcp.org/xml/ns/javaee"
+				xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+				xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-facelettaglibrary_2_2.xsd">
+	<namespace>http://mxchange.org/jsf/core/widgets</namespace>
+	<tag>
+		<tag-name>outputMessageBox</tag-name>
+		<description>This tag renders a style-able and customizable message for any kind of messages that the user should see.</description>
+		<source>resources/tags/messages/message_box.tpl</source>
+		<attribute>
+			<name>message</name>
+			<description>The message that should be place into the message box. You may also use EL code here that resolves to a message string.</description>
+			<required>true</required>
+			<type>java.lang.String</type>
+		</attribute>
+		<attribute>
+			<name>rendered</name>
+			<description>Whether this tag is being rendered by JSF engine.</description>
+			<required>false</required>
+			<type>java.lang.Boolean</type>
+		</attribute>
+		<attribute>
+			<name>styleClass</name>
+			<description>The optional CSS style class to be forwarded on the h:outputText's styleClass attribute of the message. The default is "okay" which normally renders as a green colored message.</description>
+			<required>false</required>
+			<type>java.lang.String</type>
+		</attribute>
+	</tag>
+	<tag>
+		<tag-name>outputMessageBoxMini</tag-name>
+		<description>This tag renders a style-able and customizable mini message for any kind of messages that the user should see. It is similar to outputMessageBox tag but it renders a smaller box instead.</description>
+		<source>resources/tags/messages/message_box_mini.tpl</source>
+		<attribute>
+			<name>message</name>
+			<description>The message that should be place into the message box. You may also use EL code here that resolves to a message string.</description>
+			<required>true</required>
+			<type>java.lang.String</type>
+		</attribute>
+		<attribute>
+			<name>rendered</name>
+			<description>Whether this tag is being rendered by JSF engine.</description>
+			<required>false</required>
+			<type>java.lang.Boolean</type>
+		</attribute>
+		<attribute>
+			<name>styleClass</name>
+			<description>The optional CSS style class to be forwarded on the h:outputText's styleClass attribute of the message. The default is "okay" which normally renders as a green colored message.</description>
+			<required>false</required>
+			<type>java.lang.String</type>
+		</attribute>
+	</tag>
+	<tag>
+		<tag-name>outputContactDataGridColumns</tag-name>
+		<description>This tag renders columns for displaying contact data for administrative views.</description>
+		<source>resources/tags/admin/columns/admin_contact_data_columns.tpl</source>
+	</tag>
+	<tag>
+		<tag-name>outputPersonalTitleTableRow</tag-name>
+		<description>This tag renders a selection box for user contact's personal title (Mr./Mrs.).</description>
+		<source>resources/tags/table_rows/user_personal_title_table_row.tpl</source>
+		<attribute>
+			<name>allowEmptyRequiredData</name>
+			<description>Whether allow the personal title to be left empty. This might be the case when you create a user and want to select a contact from a selection box. EL code resolving to a boolean may be allowed here.</description>
+			<required>false</required>
+			<type>java.lang.Boolean</type>
+		</attribute>
+		<attribute>
+			<name>rendered</name>
+			<description>Whether this tag is being rendered by JSF engine.</description>
+			<required>false</required>
+			<type>java.lang.Boolean</type>
+		</attribute>
+		<attribute>
+			<name>targetController</name>
+			<description>A target backing bean (EL code resolving into it) extending at least BaseFacesBean where to set the data in.</description>
+			<required>true</required>
+			<!-- @TODO Find an interface for BaseFacesBean and set it here instead -->
+			<type>org.mxchange.jcoreee.bean.faces.BaseFacesBean</type>
+		</attribute>
+	</tag>
+	<tag>
+		<tag-name>outputMobileNumberTableRow</tag-name>
+		<description>This tag renders a selection box for contact's personal title (Mr./Mrs.).</description>
+		<source>resources/tags/table_rows/mobile_selection_table_row.tpl</source>
+		<attribute>
+			<name>labelMessage</name>
+			<description>A localized message for the rendered label tag. You should use EL code here to add a label message from your bundle.</description>
+			<required>true</required>
+			<!-- @TODO Find an interface for BaseFacesBean and set it here instead -->
+			<type>org.mxchange.jcoreee.bean.faces.BaseFacesBean</type>
+		</attribute>
+		<attribute>
+			<name>rendered</name>
+			<description>Whether this tag is being rendered by JSF engine.</description>
+			<required>false</required>
+			<type>java.lang.Boolean</type>
+		</attribute>
+		<attribute>
+			<name>targetController</name>
+			<description>A target backing bean (EL code resolving into it) extending at least BaseFacesBean where to set the data in.</description>
+			<required>true</required>
+			<!-- @TODO Find an interface for BaseFacesBean and set it here instead -->
+			<type>org.mxchange.jcoreee.bean.faces.BaseFacesBean</type>
+		</attribute>
+	</tag>
+	<tag>
+		<tag-name>outputProfileModeTableRow</tag-name>
+		<description>This tag renders a selection box for user's profile mode.</description>
+		<source>resources/tags/table_rows/user_profile_mode_table_row.tpl</source>
+		<attribute>
+			<name>labelMessage</name>
+			<description>A localized message for the rendered label tag. You should use EL code here to add a label message from your bundle.</description>
+			<required>true</required>
+			<!-- @TODO Find an interface for BaseFacesBean and set it here instead -->
+			<type>org.mxchange.jcoreee.bean.faces.BaseFacesBean</type>
+		</attribute>
+		<attribute>
+			<name>rendered</name>
+			<description>Whether this tag is being rendered by JSF engine.</description>
+			<required>false</required>
+			<type>java.lang.Boolean</type>
+		</attribute>
+		<attribute>
+			<name>targetController</name>
+			<description>A target backing bean (EL code resolving into it) extending at least BaseFacesBean where to set the data in.</description>
+			<required>true</required>
+			<!-- @TODO Find an interface for BaseFacesBean and set it here instead -->
+			<type>org.mxchange.jcoreee.bean.faces.BaseFacesBean</type>
+		</attribute>
+	</tag>
+</facelet-taglib>
diff --git a/web/user/login_user_change_email_address.xhtml b/web/user/login_user_change_email_address.xhtml
index fb18d2f6..03674f1c 100644
--- a/web/user/login_user_change_email_address.xhtml
+++ b/web/user/login_user_change_email_address.xhtml
@@ -55,7 +55,7 @@
 		</h:panelGroup>
 
 		<ui:fragment rendered="#{not userLoginController.isUserLoggedIn()}">
-			<ui:include id="login_only" src="/WEB-INF/templates/user/user_not_logged_in.tpl" />
+			<ui:include src="/WEB-INF/templates/user/user_not_logged_in.tpl" />
 		</ui:fragment>
 	</ui:define>
 </ui:composition>
-- 
2.39.5