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" %>

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

<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="3"/></span></div></td>

</tr>

</table>

<htmlEL:form action="/ss103/groupEditConfirm.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.name"/>:</td>

    <td colspan="2"><strong><htmlEL:text name="ibssGroupForm" property="groupName" autocomplete="off" maxlength="64"/></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:out value="${detailBean.map.groupCreatedBy}"/></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:out value="${detailBean.map.groupCreationDate}"/></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:out value="${detailBean.map.groupUpdatedBy}"/></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:out value="${detailBean.map.groupUpdatedDate}"/></strong></td>

    <td>&nbsp;</td>

 <%--  </tr>

    <tr>

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

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

    <td colspan="2"><bean:define id="mode" name="detailBean" property="mode" />

        <strong><bean:message key='<%="group.mode." + String.valueOf( mode )%>' /></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 styleClass="checkAll" name="viewBean" property="accessibleArray" disabled="false"><c:out value="${item.nodeId}"/></htmlEL:multibox> --%>

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

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

					<div class="<c:out value="${item.nodeId}"/>">

					<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 name="viewBean" property="viewableArray" disabled="false" ><c:out value="${subItem.nodeId}"/></htmlEL:multibox>

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

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

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

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

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

							<div class="<c:out value="${subItem.nodeId}"/>">

							<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 styleClass="sub2All" name="viewBean" property="accessibleArray" disabled="false"><c:out value="${thirdItem.nodeId}"/></htmlEL:multibox>

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

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

									<div class="<c:out value="${thirdItem.nodeId}"/>">

									<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 name="viewBean" property="accessibleArray" disabled="false"><c:out value="${forthItem.nodeId}"/></htmlEL:multibox>

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

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

										</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.back"/>						

	</htmlEL:submit>

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

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

	</htmlEL:submit>

</div>

</htmlEL:form>

<script type="text/javascript">

$(function() {

	  // 1st level select all child

	  function checkAll()

	  {

		var singleValues = $(this).val();

		var selected = "."+singleValues;

		$(selected).children("ul").find("input[type=checkbox]").prop("checked",this.checked);

	  }

	  // 2nd level select all child

	  function subAll()

	  {

		var singleValues = $(this).val();

		var selected = "."+singleValues;

		$(selected).find("input[type=checkbox]").prop("checked",this.checked);

		var parentId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val();

		var parentValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]";

		var parentBox = $(this).parent("li").parent("ul").parent("div").parent("li").find(parentValue);

		var parentLength = $(parentId).find("input[type=checkbox]").length;

		var parentCheck = $(parentId).find("input[type=checkbox]:checked").length;

		if(parentCheck != null) {

			$(parentBox).attr("checked", "checked");

		} else {

		    $(parentBox).removeAttr("checked");

		}

	  }

	  // 3rd level select all child

	  function actionAll()

	  {

		var parentId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val();

		var parentValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]";

		var parentBox = $(this).parent("li").parent("ul").parent("div").parent("li").find(parentValue);

		var parentLength = $(parentId).find("input[type=checkbox]").length;

		var parentCheck = $(parentId).find("input[type=checkbox]:checked").length;

		if(parentCheck != null) {

			$(parentBox).attr("checked", "checked");

		} else {

		   	$(parentBox).removeAttr("checked");

		}

		var ancestorId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val();

		var ancestorValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]";

		var ancestorBox = $(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find(ancestorValue);

		var ancestorLength = $(ancestorId).find("input[type=checkbox]").length;

		var ancestorCheck = $(ancestorId).find("input[type=checkbox]:checked").length;

		if(ancestorCheck != null) {

			$(ancestorBox).attr("checked", "checked");

		} else {

			$(ancestorBox).removeAttr("checked");

		}     

	  }

	  $(".checkAll").change(checkAll);

	  $(".subAll").change(subAll);

	  $(".sub2All").change(actionAll);

});

</script>