/WebContent/jsp/ss223_application/ibssAppUserEditConfirm.jsp - Annotate - M2U UPASS Project - Penril Support System

weikuan

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

2

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

3

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

4

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

5

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

6

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

7

8

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

9

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

10

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

11

12

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

13

14

<table id="errorTable">

15

	<tr>

16

		<td><span id="serverSideError" class="error"><jsp:include

17

			flush="true" page="/jsp/errorHandler.jsp"></jsp:include></span></td>

18

	</tr>

19

</table>

20

21

<table class="stepTable">

22

	<tr>

23

		<td>&nbsp;</td>

24

		<td>

25

		<div id="steps"><span>

26

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

27

		</td>

28

	</tr>

29

</table>

30

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

31

  <tr>

32

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

33

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

34

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

35

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

36

  </tr>

37

  <tr>

38

39

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

40

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

41

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

42

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

43

    </td>

44

    <td>&nbsp;</td>

45

  </tr>

46

</table>

47

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

48

<table class="tabularForm">

49

	<tr>

50

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

51

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

52

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

53

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

54

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

55

	</tr>

56

57

 	<tr>

58

    	<td>&nbsp;</td>

59

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

60

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

61

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

62

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

63

  	</tr>

64

  	<tr>

65

    	<td>&nbsp;</td>

66

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

67

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

68

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

69

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

70

  	</tr>

71

  	<tr>

72

		<td>&nbsp;</td>

73

		<td>&nbsp;</td>

74

		<td>&nbsp;</td>

75

		<td>&nbsp;</td>

76

		<td>&nbsp;</td>

77

	</tr>

78

79

	<tr>

80

		<td>&nbsp;</td>

81

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

82

		<td>&nbsp;</td>

83

		<td>&nbsp;</td>

84

		<td>&nbsp;</td>

85

	</tr>

86

	<tr>

87

	  <td>&nbsp;</td>

88

	  <td>&nbsp;</td>

89

	  <td colspan="4">

90

	  <br/>

91

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

92

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

93

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

94

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

95

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

96

					<htmlEL:multibox styleClass="checkAll" name="ibssGroupForm" property="selectedAccesses" disabled="true"><c:out value="${item.nodeId}"/></htmlEL:multibox>

97

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

98

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

99

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

100

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

101

					<ul>

102

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

103

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

104

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

105

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

106

							<htmlEL:multibox styleClass="subAll" name="ibssGroupForm" property="selectedAccesses" disabled="true"><c:out value="${subItem.nodeId}"/></htmlEL:multibox>

107

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

108

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

109

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

110

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

111

							<ul>

112

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

113

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

114

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

115

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

116

									<htmlEL:multibox styleClass="sub2All" name="ibssGroupForm" property="selectedAccesses" disabled="true"><c:out value="${thirdItem.nodeId}"/></htmlEL:multibox>

117

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

118

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

119

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

120

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

121

									<ul>

122

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

123

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

124

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

125

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

126

											<htmlEL:multibox name="ibssGroupForm" property="selectedAccesses" disabled="true"><c:out value="${forthItem.nodeId}"/></htmlEL:multibox>

127

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

128

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

129

										</li>

130

									</c:forEach>

131

									</ul>

132

									</c:if>

133

								</li>

134

							</c:forEach>

135

							</ul>

136

							</c:if>

137

						</li>

138

					</c:forEach>

139

					</ul>

140

					</c:if>

141

				</li>

142

			</c:forEach>

143

		</ul>

144

	  </td>

145

	</tr>

146

	<tr>

147

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

148

	</tr>

149

</table>

150

<div class="floatRight">

151

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

152

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

153

	</htmlEL:submit>

154

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

155

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

156

	</htmlEL:submit>

157

</div>

158

</htmlEL:form>

159

160

161

<script type="text/javascript">

162

function SetAllCheckBoxes(FieldName, name)

163

164

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

165

	var each;

166

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

167

168

		var el = objFormParent[j];

169

		if(el.value == FieldName)

170

171

			each = el;

	var objElement = document.getElementById(FieldName);

176

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

177

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

178

        var elm = objCheckBoxes[i];

179

        switch(elm.type) {

180

        case "checkbox":

181

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

182

183

                elm.checked = false;

184

185

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

186

187

                elm.checked = true;

</script>

193

<script type="text/javascript">

194

var flag = true;

195

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

196

	if(flag){

197

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

198

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

199

		if(textMode1 != 'Observation'){

200

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

201

202

		flag = false;

203

204

	else{

205

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

206

		flag = true;

207

208

});

209

</script>

210

<script type="text/javascript">

211

$(function() {

212

	  // 1st level select all child

213

	  function checkAll()

214

215

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

216

		var selected = "."+singleValues;

217

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

218

219

	  // 2nd level select all child

220

	  function subAll()

221

222

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

223

		var selected = "."+singleValues;

224

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

225

226

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

227

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

228

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

229

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

230

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

231

232

		if(parentCheck != null) {

233

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

234

		} else {

235

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

236

237

238

	  // 3rd level select all child

239

	  function actionAll()

240

241

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

242

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

243

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

244

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

245

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

246

247

		if(parentCheck != null) {

248

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

249

		} else {

250

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

251

252

253

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

254

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

255

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

256

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

257

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

258

259

		if(ancestorCheck != null) {

260

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

261

		} else {

262

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

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

267

268

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

269

270

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

271

272

});

273

</script>

Z-Archive » Maybank Projects » M2U UPASS Project

m2u-upass-admin / WebContent / jsp / ss223_application / ibssAppUserEditConfirm.jsp @ 124:4a2b001a3331