Z-Archive » Maybank Projects » M2U UPASS Project

<%@ taglib uri="/WEB-INF/tld/struts-html-el" prefix="htmlEL" %>

<%@ taglib uri="/WEB-INF/tld/struts-bean" prefix="bean" %>

<%@ taglib uri="/WEB-INF/tld/struts-logic" prefix="logic" %>

<%@ taglib uri="/WEB-INF/tld/struts-logic-el" prefix="logicEL" %>

<%@ taglib uri="/WEB-INF/tld/c" prefix="c" %>

<bean:define id="detailBean" name="ibssGroupForm" property="ibssGroupDetailBean"/>

<bean:define id="viewBean" name="ibssGroupForm" property="ibssGroupView"/>

<bean:define id="accessibleArray" name="viewBean" property="accessibleArray"/>

<h3 class="title"><strong><c:out value="${sessionScope.displayDesc}"/> - <bean:message key="navigation.details.displayDesc.edit" /></strong></h3>

<table id="errorTable">

<tr>

	<td>

		<span id="serverSideError" class="error"><jsp:include flush="true" page="/jsp/errorHandler.jsp"></jsp:include></span>

	</td>

</tr>

</table>

<table class="stepTable">

<tr>

<td>&nbsp;</td>

<td><div id="steps"><span><bean:message key="general.title.steps" arg0="1" arg1="2"/></span></div></td>

</tr>

</table>

<htmlEL:form action="/ss113/groupEditResult.do">

<table class="tabularForm" width="517" height="97" border="1">

  <tr>

    <td width="69">&nbsp;</td>

    <td width="133">&nbsp;</td>

    <td colspan="2">&nbsp;</td>

    <td width="63">&nbsp;</td>

  </tr>

  <tr>

    <td width="69">&nbsp;</td>

    <td><bean:message key="group.id"/>:</td>

    <td colspan="2"><strong><c:out value="${detailBean.map.groupID}"/></strong></td>

    <td>&nbsp;</td>

    </tr>

    <tr>

    <td width="69">&nbsp;</td>

    <td><bean:message key="group.user.type"/>:</td>

    <td colspan="2"><strong><c:out value="${detailBean.map.userType}"/></strong></td>

    <td>&nbsp;</td>

    </tr>

  <tr>

    <td width="69">&nbsp;</td>

    <td><bean:message key="group.name"/>:</td>

    <td colspan="2"><strong><htmlEL:text name="ibssGroupForm" property="groupName" autocomplete="off"/></strong></td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td width="69">&nbsp;</td>

    <td><bean:message key="group.description"/>:</td>

    <td colspan="2"><strong><htmlEL:textarea name="ibssGroupForm" property="groupDescription"/></strong></td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td width="69">&nbsp;</td>

    <td><bean:message key="group.created.by"/>:</td>

    <td colspan="2"><strong>

    	<c:choose>

    		<c:when test="${not empty detailBean.map.groupCreatedBy}">

    			<c:out value="${detailBean.map.groupCreatedBy}"/>

    		</c:when>

    		<c:otherwise>-</c:otherwise>

    	</c:choose>

    </strong></td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td width="69">&nbsp;</td>

    <td><bean:message key="group.creation.date"/>:</td>

    <td colspan="2"><strong>

    	<c:choose>

    		<c:when test="${not empty detailBean.map.groupCreationDate}">

    			<c:out value="${detailBean.map.groupCreationDate}"/>

    		</c:when>

    		<c:otherwise>-</c:otherwise>

    	</c:choose>

    </strong></td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td width="69">&nbsp;</td>

    <td><bean:message key="group.updated.by"/>:</td>

    <td colspan="2"><strong>

    	<c:choose>

    		<c:when test="${not empty detailBean.map.groupUpdatedBy}">

    			<c:out value="${detailBean.map.groupUpdatedBy}"/>

    		</c:when>

    		<c:otherwise>-</c:otherwise>

    	</c:choose>

    </strong></td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td width="69">&nbsp;</td>

    <td><bean:message key="group.updated.date"/>:</td>

    <td colspan="2"><strong>

    	<c:choose>

    		<c:when test="${not empty detailBean.map.groupUpdatedDate}">

    			<c:out value="${detailBean.map.groupUpdatedDate}"/>

    		</c:when>

    		<c:otherwise>-</c:otherwise>

    	</c:choose>

    </strong></td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td colspan="2">&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td><strong><bean:message key="group.access"/></strong>:</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

	  <td>&nbsp;</td>

	  <td>&nbsp;</td>

	  <td colspan="4">

	  <br/>

		<ul class="treeHierarchy" class="right">

			<c:forEach var="item" items="${viewBean.map.navigationList}" varStatus="index">

				<c:set var="css" value=""/>

				<c:if test="${index.last}"><c:set var="css" value="lastLine"/></c:if>

				<li class="<c:out value="${css}"/>">

					<htmlEL:multibox name="viewBean" property="accessibleArray" disabled="false"><c:out value="${item.nodeId}"/></htmlEL:multibox>

				  	<bean:message key="general.button.view"/>

				  	<htmlEL:multibox name="viewBean" property="editableArray" disabled="false"><c:out value="${item.nodeId}"/></htmlEL:multibox>

				  	<bean:message key="general.button.edit"/>&nbsp; &nbsp; &nbsp;

					<label class="nodeName"><c:out value="${item.nodeName}"/></label>

					(<c:out value="${item.nodeCode}"/>)

					<c:if test="${not empty item.subNavigations}">

					<ul>

					<c:forEach var="subItem" items="${item.subNavigations}" varStatus="index1">

						<c:set var="css" value=""/>

						<c:if test="${index1.last}"><c:set var="css" value="lastLine"/></c:if>

						<li class="<c:out value="${css}"/>">

							<htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="accessibleArray" disabled="false"><c:out value="${subItem.nodeId}"/></htmlEL:multibox>

						  	<bean:message key="general.button.view"/>

						  	<htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="editableArray" disabled="false"><c:out value="${subItem.nodeId}"/></htmlEL:multibox>

						  	<bean:message key="general.button.edit"/>&nbsp; &nbsp; &nbsp;

							<label class="nodeName"><c:out value="${subItem.nodeName}"/></label>

							(<c:out value="${subItem.nodeCode}"/>)

							<c:if test="${not empty subItem.subNavigations}">

							<ul>

							<c:forEach var="thirdItem" items="${subItem.subNavigations}" varStatus="index2">

								<c:set var="css" value=""/>

								<c:if test="${index2.last}"><c:set var="css" value="lastLine"/></c:if>

								<li class="<c:out value="${css}"/>">

									<htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="accessibleArray" disabled="false"><c:out value="${thirdItem.nodeId}"/></htmlEL:multibox>

								  	<bean:message key="general.button.view"/>

								  	<htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="editableArray" disabled="false"><c:out value="${thirdItem.nodeId}"/></htmlEL:multibox>

								  	<bean:message key="general.button.edit"/>&nbsp; &nbsp; &nbsp;

									<label class="nodeName"><c:out value="${thirdItem.nodeName}"/></label>

									(<c:out value="${thirdItem.nodeCode}"/>)

									<c:if test="${not empty thirdItem.subNavigations}">

									<ul>

									<c:forEach var="forthItem" items="${thirdItem.subNavigations}" varStatus="index3">

										<c:set var="css" value=""/>

										<c:if test="${index3.last}"><c:set var="css" value="lastLine"/></c:if>

										<li class="<c:out value="${css}"/>">

											<htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="accessibleArray" disabled="false">

											<c:out value="${forthItem.nodeId}"/>

											</htmlEL:multibox>

											<bean:message key="general.button.view"/>

											<htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="editableArray" disabled="false"><c:out value="${forthItem.nodeId}"/>

											</htmlEL:multibox>

											<bean:message key="general.button.edit"/>&nbsp; &nbsp; &nbsp;

											<label class="nodeName"><c:out value="${forthItem.nodeName}"/></label>

											(<c:out value="${forthItem.nodeCode}"/>)

											<c:if test="${not empty forthItem.subNavigations}">

											<ul>

											<c:forEach var="fifthItem" items="${forthItem.subNavigations}" varStatus="index4">

												<c:set var="css" value=""/>

												<c:if test="${index4.last}"><c:set var="css" value="lastLine"/></c:if>

												<li class="<c:out value="${css}"/>">

													<htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="accessibleArray" disabled="false"><c:out value="${fifthItem.nodeId}"/></htmlEL:multibox>

												  	<bean:message key="general.button.view"/>

												  	<htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="editableArray" disabled="false"><c:out value="${fifthItem.nodeId}"/></htmlEL:multibox>

												  	<bean:message key="general.button.edit"/>&nbsp; &nbsp; &nbsp;

													<label class="nodeName"><c:out value="${fifthItem.nodeName}"/></label>

													(<c:out value="${fifthItem.nodeCode}"/>)

												</li>

											</c:forEach>

											</ul>

											</c:if>

										</li>

									</c:forEach>

									</ul>

									</c:if>

								</li>

							</c:forEach>

							</ul>

							</c:if>

						</li>

					</c:forEach>

					</ul>

					</c:if>

				</li>

			</c:forEach>

		</ul>

	  </td>

	</tr>

</table>

<div class="floatRight">

	<htmlEL:submit property="action" styleClass="button" onclick="overlay();">

		<bean:message key="general.button.confirm"/>

	</htmlEL:submit>

	<htmlEL:submit property="action" styleClass="button" onclick="overlay();">

		<bean:message key="general.button.back"/>

	</htmlEL:submit>

</div>

</htmlEL:form>

<script language="javascript">

var flag = true;

$('.selectAllCheck').click(function(){

	if(flag){

		$('.treeHierarchy input:checkbox').attr('checked','checked');

		flag = false;

	}

	else{

		$(".treeHierarchy input:checkbox").removeAttr("checked");

		flag = true;

	}

});

$('.treeHierarchy input:checkbox[name|="editableArray"]').click(function(){

	var parentBoxes = $(this).parent().parent().children().children('input[name="editableArray"]');

	var isCheck = false;

	$(parentBoxes).each(function(){

		if($(this).attr('checked') == 'checked'){

			isCheck = true;

			return;

		};

	});

	if(!isCheck){

		$(this).parents().children('input[name="editableArray"]').attr('checked', this.checked);

		isCheck = false;

	}

	else{

		$(this).parent().parent().parent().children('input[name="editableArray"]').attr('checked', 'checked');

	};

	var accessibleParentBoxes = $(this).parent().parent().children().children('input[name="accessibleArray"]');

	var isAccessibleAvailable = false;

	$(accessibleParentBoxes).each(function(){

		if($(this).attr('checked') == 'checked'){

			isAccessibleAvailable = true;

			return;

		};

	});

	if(isAccessibleAvailable){

		$(this).parent().parent().parent().children('input[name="accessibleArray"]').attr('checked', 'checked');

	}

	var childrenBoxes = $(this).parent().children().children().children('input[name="editableArray"]');

	var isChildChecked = false;

	if(childrenBoxes.size() > 0){

		$(childrenBoxes).each(function(){

			if($(this).attr('checked') == 'checked'){

				isChildChecked = true;

				return;

			};

		});

		if(isChildChecked){

			$(this).attr('checked', 'checked');

		}

		else{

			$(this).removeAttr('checked');

		};

	};

	if($(this).prev().is(":checked")){

	}

	else{

		if(childrenBoxes.size() == 0){

			$(this).prev().attr('checked','checked');

			$(this).prev().parent().parent().parent().children('input[name="accessibleArray"]').attr('checked','checked');

		};

	};

});

$('.treeHierarchy input:checkbox[name|="accessibleArray"]').click(function(){

	var childrenBoxes = $(this).parent().children().children().children('input[name="accessibleArray"]');

	var isChildChecked = false;

	if(childrenBoxes.size() > 0){

		$(childrenBoxes).each(function(){

			if($(this).attr('checked') == 'checked'){

				isChildChecked = true;

				return;

			};

		});

		if(isChildChecked){

			$(this).attr('checked', 'checked');

		}

		else{

			$(this).removeAttr('checked');

		};

	};

	if($(this).next().is(":checked") && !$(this).is(":checked")){

		$(this).next().removeAttr("checked");

	}

	var parentBoxes = $(this).parent().parent().children().children('input[name="accessibleArray"]');

	var isCheck = false;

	$(parentBoxes).each(function(){

		if($(this).attr('checked') == 'checked'){

			isCheck = true;

			return;

		};

	});

	if(!isCheck){

		$(this).parents().children('input[name="accessibleArray"]').attr('checked', this.checked);

		isCheck = false;

	}

	else{

		$(this).parent().parent().parent().children('input[name="accessibleArray"]').attr('checked', 'checked');

	};

	var editableParentBoxes = $(this).parent().parent().children().children('input[name="editableArray"]');

	var isEditableAvailable = false;

	$(editableParentBoxes).each(function(){

		if($(this).attr('checked') == 'checked'){

			isEditableAvailable = true;

			return;

		};

	});

	if(isEditableAvailable){

		$(this).parent().parent().parent().children('input[name="editableArray"]').attr('checked', 'checked');

	}

	else{

		$(this).parent().parent().parent().children('input[name="editableArray"]').removeAttr('checked');

	};

});

</script>