Z-Archive » Maybank Projects » M2U UPASS Project

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

<%@ 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.confirm" /></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="2" arg1="3" /></span></div>

		</td>

	</tr>

</table>

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

  <tr>

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

    <td class="success" width="140"><strong><bean:message key="user.desc.confirmation"/></strong></td>

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

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

  </tr>

  <tr>

    <td height="28">&nbsp;</td>

    <td colspan="2"><bean:message key="group.word"/>

    <strong><bean:write name="ibssGroupForm" property="groupName"/></strong>

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

    </td>

    <td>&nbsp;</td>

  </tr>

</table>

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

<table class="tabularForm">

	<tr>

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

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

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

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

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

	</tr>

 	<tr>

    	<td>&nbsp;</td>

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

    	<td width="345"><strong><bean:write property="groupName" name="ibssGroupForm" /></strong></td>

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

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

  	</tr>

  	<tr>

    	<td>&nbsp;</td>

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

    	<td width="345"><strong><bean:write property="groupDescription" name="ibssGroupForm" /></strong></td>

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

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

  	</tr>

  	<tr>

		<td>&nbsp;</td>

		<td>&nbsp;</td>

		<td>&nbsp;</td>

		<td>&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}"/>">

					<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 styleClass="subAll" name="ibssGroupForm" property="viewableAccesses" disabled="true" ><c:out value="${subItem.nodeId}"/></htmlEL:multibox>

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

							<htmlEL:multibox styleClass="subAll" name="ibssGroupForm" property="editableAccesses" disabled="true" ><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="ibssGroupForm" property="selectedAccesses" disabled="true"><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="ibssGroupForm" property="selectedAccesses" disabled="true"><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>

	<tr>

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

	</tr>

</table>

<div class="floatRight">

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

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

	</htmlEL:submit>

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

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

	</htmlEL:submit>

</div>

</htmlEL:form>

<script type="text/javascript">

function SetAllCheckBoxes(FieldName, name)

{

	var objFormParent = document.forms[0].elements[name];

	var each;

	for(var j = 0, maxJ = objFormParent.length; j < maxJ; ++j)

	{

		var el = objFormParent[j];

		if(el.value == FieldName)

		{

			each = el;

		}

	}

	var objElement = document.getElementById(FieldName);

	var objCheckBoxes = objElement.getElementsByTagName("*");

	for(var i = 0, maxI = objCheckBoxes.length; i < maxI; ++i) {

        var elm = objCheckBoxes[i];

        switch(elm.type) {

        case "checkbox":

            if(each.checked == false && elm.name == name)

            {

                elm.checked = false;

            }

            if(each.checked == true && elm.name == name)

            {

                elm.checked = true;

            }

      }

	}

}

</script>

<script type="text/javascript">

var flag = true;

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

	if(flag){

		$('.treeHierarchy input:checkbox[name|="accessibleArray"]').attr('checked','checked');

		var textMode1 = $('#fieldMode1').val();

		if(textMode1 != 'Observation'){

			$('.treeHierarchy input:checkbox[name|="editableArray"]').attr('checked','checked');

		}

		flag = false;

	}

	else{

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

		flag = true;

	}

});

</script>

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