m2u-upass-admin / WebContent / jsp / ss113_group / ibssIbGroupEdit.jsp @ 128:f0d43a7bcfff
History | View | Annotate | Download (12.8 KB)
1 | 0:ea666cc7880e | hadi | <%@ taglib uri="/WEB-INF/tld/struts-html-el" prefix="htmlEL" %> |
---|---|---|---|
2 | <%@ taglib uri="/WEB-INF/tld/struts-bean" prefix="bean" %> |
||
3 | <%@ taglib uri="/WEB-INF/tld/struts-logic" prefix="logic" %> |
||
4 | <%@ taglib uri="/WEB-INF/tld/struts-logic-el" prefix="logicEL" %> |
||
5 | <%@ taglib uri="/WEB-INF/tld/c" prefix="c" %> |
||
6 | |||
7 | <bean:define id="detailBean" name="ibssGroupForm" property="ibssGroupDetailBean"/> |
||
8 | <bean:define id="viewBean" name="ibssGroupForm" property="ibssGroupView"/> |
||
9 | <bean:define id="accessibleArray" name="viewBean" property="accessibleArray"/> |
||
10 | <h3 class="title"><strong><c:out value="${sessionScope.displayDesc}"/> - <bean:message key="navigation.details.displayDesc.edit" /></strong></h3> |
||
11 | <table id="errorTable"> |
||
12 | <tr> |
||
13 | <td> |
||
14 | <span id="serverSideError" class="error"><jsp:include flush="true" page="/jsp/errorHandler.jsp"></jsp:include></span> |
||
15 | </td> |
||
16 | </tr> |
||
17 | </table> |
||
18 | <table class="stepTable"> |
||
19 | <tr> |
||
20 | <td> </td> |
||
21 | <td><div id="steps"><span><bean:message key="general.title.steps" arg0="1" arg1="2"/></span></div></td> |
||
22 | |||
23 | </tr> |
||
24 | </table> |
||
25 | <htmlEL:form action="/ss113/groupEditResult.do"> |
||
26 | <table class="tabularForm" width="517" height="97" border="1"> |
||
27 | <tr> |
||
28 | <td width="69"> </td> |
||
29 | <td width="133"> </td> |
||
30 | <td colspan="2"> </td> |
||
31 | <td width="63"> </td> |
||
32 | </tr> |
||
33 | <tr> |
||
34 | <td width="69"> </td> |
||
35 | <td><bean:message key="group.id"/>:</td> |
||
36 | <td colspan="2"><strong><c:out value="${detailBean.map.groupID}"/></strong></td> |
||
37 | <td> </td> |
||
38 | </tr> |
||
39 | <tr> |
||
40 | <td width="69"> </td> |
||
41 | <td><bean:message key="group.user.type"/>:</td> |
||
42 | <td colspan="2"><strong><c:out value="${detailBean.map.userType}"/></strong></td> |
||
43 | <td> </td> |
||
44 | </tr> |
||
45 | <tr> |
||
46 | <td width="69"> </td> |
||
47 | <td><bean:message key="group.name"/>:</td> |
||
48 | <td colspan="2"><strong><htmlEL:text name="ibssGroupForm" property="groupName" autocomplete="off"/></strong></td> |
||
49 | <td> </td> |
||
50 | </tr> |
||
51 | <tr> |
||
52 | <td width="69"> </td> |
||
53 | <td><bean:message key="group.description"/>:</td> |
||
54 | <td colspan="2"><strong><htmlEL:textarea name="ibssGroupForm" property="groupDescription"/></strong></td> |
||
55 | <td> </td> |
||
56 | </tr> |
||
57 | <tr> |
||
58 | <td width="69"> </td> |
||
59 | <td><bean:message key="group.created.by"/>:</td> |
||
60 | <td colspan="2"><strong> |
||
61 | <c:choose> |
||
62 | <c:when test="${not empty detailBean.map.groupCreatedBy}"> |
||
63 | <c:out value="${detailBean.map.groupCreatedBy}"/> |
||
64 | </c:when> |
||
65 | <c:otherwise>-</c:otherwise> |
||
66 | </c:choose> |
||
67 | </strong></td> |
||
68 | <td> </td> |
||
69 | </tr> |
||
70 | <tr> |
||
71 | <td width="69"> </td> |
||
72 | <td><bean:message key="group.creation.date"/>:</td> |
||
73 | <td colspan="2"><strong> |
||
74 | <c:choose> |
||
75 | <c:when test="${not empty detailBean.map.groupCreationDate}"> |
||
76 | <c:out value="${detailBean.map.groupCreationDate}"/> |
||
77 | </c:when> |
||
78 | <c:otherwise>-</c:otherwise> |
||
79 | </c:choose> |
||
80 | </strong></td> |
||
81 | <td> </td> |
||
82 | </tr> |
||
83 | <tr> |
||
84 | <td width="69"> </td> |
||
85 | <td><bean:message key="group.updated.by"/>:</td> |
||
86 | <td colspan="2"><strong> |
||
87 | <c:choose> |
||
88 | <c:when test="${not empty detailBean.map.groupUpdatedBy}"> |
||
89 | <c:out value="${detailBean.map.groupUpdatedBy}"/> |
||
90 | </c:when> |
||
91 | <c:otherwise>-</c:otherwise> |
||
92 | </c:choose> |
||
93 | </strong></td> |
||
94 | <td> </td> |
||
95 | </tr> |
||
96 | <tr> |
||
97 | <td width="69"> </td> |
||
98 | <td><bean:message key="group.updated.date"/>:</td> |
||
99 | <td colspan="2"><strong> |
||
100 | <c:choose> |
||
101 | <c:when test="${not empty detailBean.map.groupUpdatedDate}"> |
||
102 | <c:out value="${detailBean.map.groupUpdatedDate}"/> |
||
103 | </c:when> |
||
104 | <c:otherwise>-</c:otherwise> |
||
105 | </c:choose> |
||
106 | </strong></td> |
||
107 | <td> </td> |
||
108 | </tr> |
||
109 | <tr> |
||
110 | <td> </td> |
||
111 | <td> </td> |
||
112 | <td colspan="2"> </td> |
||
113 | <td> </td> |
||
114 | </tr> |
||
115 | <tr> |
||
116 | <td> </td> |
||
117 | <td><strong><bean:message key="group.access"/></strong>:</td> |
||
118 | <td> </td> |
||
119 | <td> </td> |
||
120 | <td> </td> |
||
121 | </tr> |
||
122 | <tr> |
||
123 | <td> </td> |
||
124 | <td> </td> |
||
125 | <td colspan="4"> |
||
126 | <br/> |
||
127 | <ul class="treeHierarchy" class="right"> |
||
128 | <c:forEach var="item" items="${viewBean.map.navigationList}" varStatus="index"> |
||
129 | <c:set var="css" value=""/> |
||
130 | <c:if test="${index.last}"><c:set var="css" value="lastLine"/></c:if> |
||
131 | <li class="<c:out value="${css}"/>"> |
||
132 | <htmlEL:multibox name="viewBean" property="accessibleArray" disabled="false"><c:out value="${item.nodeId}"/></htmlEL:multibox> |
||
133 | <bean:message key="general.button.view"/> |
||
134 | <htmlEL:multibox name="viewBean" property="editableArray" disabled="false"><c:out value="${item.nodeId}"/></htmlEL:multibox> |
||
135 | <bean:message key="general.button.edit"/> |
||
136 | <label class="nodeName"><c:out value="${item.nodeName}"/></label> |
||
137 | (<c:out value="${item.nodeCode}"/>) |
||
138 | |||
139 | <c:if test="${not empty item.subNavigations}"> |
||
140 | <ul> |
||
141 | <c:forEach var="subItem" items="${item.subNavigations}" varStatus="index1"> |
||
142 | <c:set var="css" value=""/> |
||
143 | <c:if test="${index1.last}"><c:set var="css" value="lastLine"/></c:if> |
||
144 | <li class="<c:out value="${css}"/>"> |
||
145 | <htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="accessibleArray" disabled="false"><c:out value="${subItem.nodeId}"/></htmlEL:multibox> |
||
146 | <bean:message key="general.button.view"/> |
||
147 | <htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="editableArray" disabled="false"><c:out value="${subItem.nodeId}"/></htmlEL:multibox> |
||
148 | <bean:message key="general.button.edit"/> |
||
149 | <label class="nodeName"><c:out value="${subItem.nodeName}"/></label> |
||
150 | (<c:out value="${subItem.nodeCode}"/>) |
||
151 | |||
152 | <c:if test="${not empty subItem.subNavigations}"> |
||
153 | <ul> |
||
154 | <c:forEach var="thirdItem" items="${subItem.subNavigations}" varStatus="index2"> |
||
155 | <c:set var="css" value=""/> |
||
156 | <c:if test="${index2.last}"><c:set var="css" value="lastLine"/></c:if> |
||
157 | <li class="<c:out value="${css}"/>"> |
||
158 | <htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="accessibleArray" disabled="false"><c:out value="${thirdItem.nodeId}"/></htmlEL:multibox> |
||
159 | <bean:message key="general.button.view"/> |
||
160 | <htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="editableArray" disabled="false"><c:out value="${thirdItem.nodeId}"/></htmlEL:multibox> |
||
161 | <bean:message key="general.button.edit"/> |
||
162 | <label class="nodeName"><c:out value="${thirdItem.nodeName}"/></label> |
||
163 | (<c:out value="${thirdItem.nodeCode}"/>) |
||
164 | |||
165 | <c:if test="${not empty thirdItem.subNavigations}"> |
||
166 | <ul> |
||
167 | <c:forEach var="forthItem" items="${thirdItem.subNavigations}" varStatus="index3"> |
||
168 | <c:set var="css" value=""/> |
||
169 | <c:if test="${index3.last}"><c:set var="css" value="lastLine"/></c:if> |
||
170 | <li class="<c:out value="${css}"/>"> |
||
171 | <htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="accessibleArray" disabled="false"> |
||
172 | <c:out value="${forthItem.nodeId}"/> |
||
173 | </htmlEL:multibox> |
||
174 | <bean:message key="general.button.view"/> |
||
175 | |||
176 | <htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="editableArray" disabled="false"><c:out value="${forthItem.nodeId}"/> |
||
177 | </htmlEL:multibox> |
||
178 | <bean:message key="general.button.edit"/> |
||
179 | <label class="nodeName"><c:out value="${forthItem.nodeName}"/></label> |
||
180 | (<c:out value="${forthItem.nodeCode}"/>) |
||
181 | |||
182 | <c:if test="${not empty forthItem.subNavigations}"> |
||
183 | <ul> |
||
184 | <c:forEach var="fifthItem" items="${forthItem.subNavigations}" varStatus="index4"> |
||
185 | <c:set var="css" value=""/> |
||
186 | <c:if test="${index4.last}"><c:set var="css" value="lastLine"/></c:if> |
||
187 | <li class="<c:out value="${css}"/>"> |
||
188 | <htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="accessibleArray" disabled="false"><c:out value="${fifthItem.nodeId}"/></htmlEL:multibox> |
||
189 | <bean:message key="general.button.view"/> |
||
190 | <htmlEL:multibox onclick="SelectChildren(this);" name="viewBean" property="editableArray" disabled="false"><c:out value="${fifthItem.nodeId}"/></htmlEL:multibox> |
||
191 | <bean:message key="general.button.edit"/> |
||
192 | <label class="nodeName"><c:out value="${fifthItem.nodeName}"/></label> |
||
193 | (<c:out value="${fifthItem.nodeCode}"/>) |
||
194 | </li> |
||
195 | </c:forEach> |
||
196 | </ul> |
||
197 | </c:if> |
||
198 | </li> |
||
199 | </c:forEach> |
||
200 | </ul> |
||
201 | </c:if> |
||
202 | </li> |
||
203 | </c:forEach> |
||
204 | </ul> |
||
205 | </c:if> |
||
206 | </li> |
||
207 | </c:forEach> |
||
208 | </ul> |
||
209 | </c:if> |
||
210 | </li> |
||
211 | </c:forEach> |
||
212 | </ul> |
||
213 | </td> |
||
214 | </tr> |
||
215 | </table> |
||
216 | <div class="floatRight"> |
||
217 | <htmlEL:submit property="action" styleClass="button" onclick="overlay();"> |
||
218 | <bean:message key="general.button.confirm"/> |
||
219 | </htmlEL:submit> |
||
220 | <htmlEL:submit property="action" styleClass="button" onclick="overlay();"> |
||
221 | <bean:message key="general.button.back"/> |
||
222 | </htmlEL:submit> |
||
223 | </div> |
||
224 | </htmlEL:form> |
||
225 | |||
226 | <script language="javascript"> |
||
227 | var flag = true; |
||
228 | $('.selectAllCheck').click(function(){ |
||
229 | if(flag){ |
||
230 | $('.treeHierarchy input:checkbox').attr('checked','checked'); |
||
231 | flag = false; |
||
232 | } |
||
233 | else{ |
||
234 | $(".treeHierarchy input:checkbox").removeAttr("checked"); |
||
235 | flag = true; |
||
236 | } |
||
237 | }); |
||
238 | $('.treeHierarchy input:checkbox[name|="editableArray"]').click(function(){ |
||
239 | var parentBoxes = $(this).parent().parent().children().children('input[name="editableArray"]'); |
||
240 | var isCheck = false; |
||
241 | $(parentBoxes).each(function(){ |
||
242 | if($(this).attr('checked') == 'checked'){ |
||
243 | isCheck = true; |
||
244 | return; |
||
245 | }; |
||
246 | }); |
||
247 | if(!isCheck){ |
||
248 | $(this).parents().children('input[name="editableArray"]').attr('checked', this.checked); |
||
249 | isCheck = false; |
||
250 | } |
||
251 | else{ |
||
252 | $(this).parent().parent().parent().children('input[name="editableArray"]').attr('checked', 'checked'); |
||
253 | }; |
||
254 | |||
255 | var accessibleParentBoxes = $(this).parent().parent().children().children('input[name="accessibleArray"]'); |
||
256 | var isAccessibleAvailable = false; |
||
257 | $(accessibleParentBoxes).each(function(){ |
||
258 | if($(this).attr('checked') == 'checked'){ |
||
259 | isAccessibleAvailable = true; |
||
260 | return; |
||
261 | }; |
||
262 | }); |
||
263 | if(isAccessibleAvailable){ |
||
264 | $(this).parent().parent().parent().children('input[name="accessibleArray"]').attr('checked', 'checked'); |
||
265 | } |
||
266 | |||
267 | var childrenBoxes = $(this).parent().children().children().children('input[name="editableArray"]'); |
||
268 | var isChildChecked = false; |
||
269 | if(childrenBoxes.size() > 0){ |
||
270 | $(childrenBoxes).each(function(){ |
||
271 | if($(this).attr('checked') == 'checked'){ |
||
272 | isChildChecked = true; |
||
273 | return; |
||
274 | }; |
||
275 | }); |
||
276 | if(isChildChecked){ |
||
277 | $(this).attr('checked', 'checked'); |
||
278 | } |
||
279 | else{ |
||
280 | $(this).removeAttr('checked'); |
||
281 | }; |
||
282 | }; |
||
283 | |||
284 | if($(this).prev().is(":checked")){ |
||
285 | } |
||
286 | else{ |
||
287 | if(childrenBoxes.size() == 0){ |
||
288 | $(this).prev().attr('checked','checked'); |
||
289 | $(this).prev().parent().parent().parent().children('input[name="accessibleArray"]').attr('checked','checked'); |
||
290 | }; |
||
291 | }; |
||
292 | }); |
||
293 | $('.treeHierarchy input:checkbox[name|="accessibleArray"]').click(function(){ |
||
294 | var childrenBoxes = $(this).parent().children().children().children('input[name="accessibleArray"]'); |
||
295 | var isChildChecked = false; |
||
296 | if(childrenBoxes.size() > 0){ |
||
297 | $(childrenBoxes).each(function(){ |
||
298 | if($(this).attr('checked') == 'checked'){ |
||
299 | isChildChecked = true; |
||
300 | return; |
||
301 | }; |
||
302 | }); |
||
303 | if(isChildChecked){ |
||
304 | $(this).attr('checked', 'checked'); |
||
305 | } |
||
306 | else{ |
||
307 | $(this).removeAttr('checked'); |
||
308 | }; |
||
309 | }; |
||
310 | if($(this).next().is(":checked") && !$(this).is(":checked")){ |
||
311 | $(this).next().removeAttr("checked"); |
||
312 | } |
||
313 | |||
314 | var parentBoxes = $(this).parent().parent().children().children('input[name="accessibleArray"]'); |
||
315 | var isCheck = false; |
||
316 | $(parentBoxes).each(function(){ |
||
317 | if($(this).attr('checked') == 'checked'){ |
||
318 | isCheck = true; |
||
319 | return; |
||
320 | }; |
||
321 | }); |
||
322 | if(!isCheck){ |
||
323 | $(this).parents().children('input[name="accessibleArray"]').attr('checked', this.checked); |
||
324 | isCheck = false; |
||
325 | } |
||
326 | else{ |
||
327 | $(this).parent().parent().parent().children('input[name="accessibleArray"]').attr('checked', 'checked'); |
||
328 | }; |
||
329 | |||
330 | var editableParentBoxes = $(this).parent().parent().children().children('input[name="editableArray"]'); |
||
331 | var isEditableAvailable = false; |
||
332 | $(editableParentBoxes).each(function(){ |
||
333 | if($(this).attr('checked') == 'checked'){ |
||
334 | isEditableAvailable = true; |
||
335 | return; |
||
336 | }; |
||
337 | }); |
||
338 | if(isEditableAvailable){ |
||
339 | $(this).parent().parent().parent().children('input[name="editableArray"]').attr('checked', 'checked'); |
||
340 | } |
||
341 | else{ |
||
342 | $(this).parent().parent().parent().children('input[name="editableArray"]').removeAttr('checked'); |
||
343 | }; |
||
344 | }); |
||
345 | </script> |