X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=web%2Fuser%2Flogin_user_change_password.xhtml;h=490c7a442a2936d2548e01d4e8548b5174796d03;hb=88344c201dccb8ccc2dec09190ab3efd596ef210;hp=d55eb2be395803aef716b4968e9f8cb2768fcab5;hpb=0e227fe95ceb3a1eb1f022317a174ede84543f96;p=jjobs-war.git

diff --git a/web/user/login_user_change_password.xhtml b/web/user/login_user_change_password.xhtml
index d55eb2be..490c7a44 100644
--- a/web/user/login_user_change_password.xhtml
+++ b/web/user/login_user_change_password.xhtml
@@ -1,96 +1,81 @@
 <?xml version="1.0" encoding="UTF-8" ?>
-<!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/login/user/user_base.tpl">
-		<ui:define name="login_title">
-			<h:outputText value="#{msg.PAGE_TITLE_USER_LOGIN_CHANGE_PASSWORD}" />
-		</ui:define>
-
-		<ui:define name="content_header">
-			<h:outputText value="#{msg.CONTENT_TITLE_LOGIN_USER_CHANGE_PASSWORD}" />
-		</ui:define>
-
-		<ui:define name="content">
-			<ui:fragment rendered="#{userLoginController.loggedInUser.userMustChangePassword == true}">
-				<ui:include src="/WEB-INF/templates/generic/message_box.tpl">
-					<ui:param name="message" value="#{msg.USER_MUST_CHANGE_PASSWORD_NOTICE}" />
-				</ui:include>
-			</ui:fragment>
-
-			<ui:fragment rendered="#{userLoginController.isUserLoggedIn()}">
+<ui:composition template="/WEB-INF/templates/login/user/user_base.tpl"
+				xmlns="http://www.w3.org/1999/xhtml"
+				xmlns:core="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"
+				xmlns:p="http://primefaces.org/ui">
+
+	<ui:define name="document_login_title">
+		<h:outputText value="#{msg.PAGE_TITLE_USER_LOGIN_CHANGE_PASSWORD}" />
+	</ui:define>
+
+	<ui:define name="login_content_header">
+		<h:outputText value="#{msg.CONTENT_TITLE_LOGIN_USER_CHANGE_PASSWORD}" />
+	</ui:define>
+
+	<ui:define name="content">
+		<core:outputMessageBox id="login-user-must-change-password" message="#{msg.USER_MUST_CHANGE_PASSWORD_NOTICE}" rendered="#{userLoginController.loggedInUser.userMustChangePassword == true}" />
+
+		<core:outputMessageBox id="error-user-edit-data-disabled" message="#{msg.ERROR_LOGIN_USER_EDIT_DATA_DISABLED}" messageStyleClass="alert-danger" rendered="#{not featureController.isFeatureEnabled('change_user_password')}" />
+
+		<ui:fragment rendered="#{not userLoginController.isUserLoggedIn()}">
+			<ui:include src="/WEB-INF/templates/user/user_not_logged_in.tpl" />
+		</ui:fragment>
+
+		<ui:fragment rendered="#{userLoginController.isUserLoggedIn()}">
+			<h:form id="form_user_change_password">
 				<h:panelGroup styleClass="table" layout="block" rendered="#{featureController.isFeatureEnabled('change_user_password')}">
-					<div class="table_header">
+					<div class="table-header">
 						<h:outputText value="#{msg.LOGIN_CHANGE_PASSWORD_TITLE}" />
 					</div>
 
-					<h:form id="form_user_change_password">
-						<div class="para">
-							<fieldset class="fieldset" id="change_password">
-								<legend title="#{msg.LOGIN_CHANGE_PASSWORD_LEGEND_TITLE}">
-									<h:outputText value="#{msg.LOGIN_CHANGE_PASSWORD_LEGEND}" />
-								</legend>
-
-								<div class="table_row">
-									<div class="table_left">
-										<h:outputLabel for="userPassword" value="#{msg.USER_ENTER_NEW_PASSWORD}" />
-									</div>
-
-									<div class="table_right">
-										<h:inputSecret styleClass="input" id="userPassword" size="10" maxlength="255" value="#{userPasswordController.userPassword}" required="true" requiredMessage="#{msg.USER_NEW_PASSWORD_REQUIRED}" />
-									</div>
-
-									<div class="clear"></div>
-								</div>
-
-								<h:panelGroup styleClass="error_container" layout="block">
-									<h:message for="userPassword" errorClass="errors" fatalClass="errors" warnClass="errors" />
-								</h:panelGroup>
-
-								<div class="table_row">
-									<div class="table_left">
-										<h:outputLabel for="userPasswordRepeat" value="#{msg.USER_ENTER_NEW_PASSWORD_REPEAT}" />
-									</div>
-
-									<div class="table_right">
-										<h:inputSecret styleClass="input" id="userPasswordRepeat" size="10" maxlength="255" value="#{userPasswordController.userPasswordRepeat}" required="true" requiredMessage="#{msg.USER_NEW_PASSWORD_REPEAT_REQUIRED}" />
-									</div>
-
-									<div class="clear"></div>
-								</div>
-
-								<h:panelGroup styleClass="error_container" layout="block">
-									<h:message for="userPasswordRepeat" errorClass="errors" fatalClass="errors" warnClass="errors" />
-								</h:panelGroup>
-							</fieldset>
-						</div>
-
-						<ui:include src="/WEB-INF/templates/login/user/user_enter_current_password.tpl" />
-
-						<div class="table_footer">
-							<h:commandButton styleClass="reset right_space" type="reset" value="#{msg.BUTTON_RESET_FORM}" />
-							<h:commandButton styleClass="submit" type="submit" id="change_password" value="#{msg.BUTTON_USER_CHANGE_PASSWORD}" action="#{userPasswordController.doChangePassword()}" />
-						</div>
-					</h:form>
+					<fieldset class="fieldset">
+						<legend title="#{msg.LOGIN_CHANGE_PASSWORD_LEGEND_TITLE}">
+							<h:outputText value="#{msg.LOGIN_CHANGE_PASSWORD_LEGEND}" />
+						</legend>
+
+						<h:panelGroup styleClass="table-row" layout="block">
+							<div class="table-left">
+								<p:outputLabel for="userPassword" value="#{msg.USER_ENTER_NEW_PASSWORD}" />
+							</div>
+
+							<div class="table-right">
+								<p:inputText type="secret" id="userPassword" size="10" maxlength="255" value="#{userPasswordController.userPassword}" required="true" requiredMessage="#{msg.USER_NEW_PASSWORD_REQUIRED}" />
+							</div>
+						</h:panelGroup>
+
+						<h:panelGroup styleClass="error-container" layout="block">
+							<p:message for="userPassword" />
+						</h:panelGroup>
+
+						<h:panelGroup styleClass="table-row" layout="block">
+							<div class="table-left">
+								<p:outputLabel for="userPasswordRepeat" value="#{msg.USER_ENTER_NEW_PASSWORD_REPEAT}" />
+							</div>
+
+							<div class="table-right">
+								<p:inputText type="secret" id="userPasswordRepeat" size="10" maxlength="255" value="#{userPasswordController.userPasswordRepeat}" required="true" requiredMessage="#{msg.USER_NEW_PASSWORD_REPEAT_REQUIRED}" />
+							</div>
+						</h:panelGroup>
+
+						<h:panelGroup styleClass="error-container" layout="block">
+							<p:message for="userPasswordRepeat" />
+						</h:panelGroup>
+					</fieldset>
+
+					<!-- @TODO Get rid of this ugly class=para abuse -->
+					<div class="para"></div>
+
+					<ui:include src="/WEB-INF/templates/login/user/user_enter_current_password.tpl" />
+
+					<div class="table-footer">
+						<p:commandButton styleClass="reset" type="reset" value="#{msg.BUTTON_RESET_FORM}" />
+						<p:commandButton styleClass="submit" type="submit" id="submit_change_password" value="#{msg.BUTTON_USER_CHANGE_PASSWORD}" action="#{userPasswordController.doChangePassword()}" />
+					</div>
 				</h:panelGroup>
-			</ui:fragment>
-
-			<ui:fragment rendered="#{not featureController.isFeatureEnabled('change_user_password')}">
-				<ui:include src="/WEB-INF/templates/generic/message_box.tpl">
-					<ui:param name="message" value="#{msg.ERROR_LOGIN_USER_EDIT_DATA_DISABLED}" />
-					<ui:param name="styleClass" value="errors" />
-				</ui:include>
-			</ui:fragment>
-
-			<ui:fragment rendered="#{not userLoginController.isUserLoggedIn()}">
-				<ui:include src="/WEB-INF/templates/user/user_not_logged_in.tpl" />
-			</ui:fragment>
-		</ui:define>
-	</ui:composition>
-</html>
+			</h:form>
+		</ui:fragment>
+	</ui:define>
+</ui:composition>
