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="viewBean" name="ibssGroupForm" property="ibssGroupAccessView" />

<bean:define id="navigations" name="viewBean" property="navigationList" type="java.util.List"></bean:define>

<h3 class="title"><strong><c:out value="${sessionScope.displayDesc}"/> - <bean:message key="general.button.create" /></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/createGroupConfrim.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><bean:message key="group.name"/>:</td>

		<td><htmlEL:text property="groupName" name="ibssGroupForm" maxlength="64" autocomplete="off"/></td>

		<td>&nbsp;</td>

		<td>&nbsp;</td>

	</tr>

	<tr>

		<td>&nbsp;</td>

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

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

		<td>&nbsp;</td>

	</tr>

	<tr>

		<td>&nbsp;</td>

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

		<td class="valignTop" colspan="2">

			<htmlEL:select property="mode" name="ibssGroupForm" onchange="this.form.submit();overlay();" >

				<htmlEL:option value="1"><bean:message key="group.mode.1"/></htmlEL:option>

				<htmlEL:option value="3"><bean:message key="group.mode.3"/></htmlEL:option>

			</htmlEL:select>

		</td>

		<td>&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 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" property="selectedAccesses" disabled="false"><c:out value="${item.nodeId}"/></htmlEL:multibox>				  	

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

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

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

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

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

							<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" property="selectedAccesses" 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 onclick="SetAllCheckBoxes(${forthItem.nodeId}, 'selectedAccesses');" property="selectedAccesses" disabled="false">

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

											</htmlEL:multibox>

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

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

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

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

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

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

												</li>

											</c:forEach>

											</ul>

											</c:if>

											</div>

										</li>

									</c:forEach>

									</ul>

									</c:if>

									</div>

								</li>

							</c:forEach>

							</ul>

							</c:if>

							</div>

						</li>

					</c:forEach>

					</ul>

					</c:if>				

					</div>

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

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