m2u-upass-admin / WebContent / jsp / ss103_group / ibssGroupEditConfirm.jsp @ 122:464d27830931
History | View | Annotate | Download (9.99 KB)
1 | 0:ea666cc7880e | hadi | <%@ 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> </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"> </td> |
||
33 | <td class="success" width="140"><strong><bean:message key="user.desc.confirmation"/></strong></td> |
||
34 | <td width="93"> </td> |
||
35 | <td width="47"> </td> |
||
36 | </tr> |
||
37 | <tr> |
||
38 | |||
39 | <td height="28"> </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> </td> |
||
45 | </tr> |
||
46 | </table> |
||
47 | <htmlEL:form action="/ss103/groupEditResult.do"> |
||
48 | <table class="tabularForm"> |
||
49 | <tr> |
||
50 | <td width="72"> </td> |
||
51 | <td width="100"> </td> |
||
52 | <td width="145"> </td> |
||
53 | <td width="143"> </td> |
||
54 | <td width="144"> </td> |
||
55 | </tr> |
||
56 | |||
57 | <tr> |
||
58 | <td> </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"> </td> |
||
62 | <td width="44"> </td> |
||
63 | </tr> |
||
64 | <tr> |
||
65 | <td> </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"> </td> |
||
69 | <td width="44"> </td> |
||
70 | </tr> |
||
71 | <tr> |
||
72 | <td> </td> |
||
73 | <td> </td> |
||
74 | <td> </td> |
||
75 | <td> </td> |
||
76 | <td> </td> |
||
77 | </tr> |
||
78 | |||
79 | <tr> |
||
80 | <td> </td> |
||
81 | <td><strong><bean:message key="group.access"/></strong>:</td> |
||
82 | <td> </td> |
||
83 | <td> </td> |
||
84 | <td> </td> |
||
85 | </tr> |
||
86 | <tr> |
||
87 | <td> </td> |
||
88 | <td> </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 | <label class="nodeName"><c:out value="${item.nodeName}"/></label> |
||
97 | (<c:out value="${item.nodeCode}"/>) |
||
98 | <div class="<c:out value="${item.nodeId}"/>"> |
||
99 | <c:if test="${not empty item.subNavigations}"> |
||
100 | <ul> |
||
101 | <c:forEach var="subItem" items="${item.subNavigations}" varStatus="index1"> |
||
102 | <c:set var="css" value=""/> |
||
103 | <c:if test="${index1.last}"><c:set var="css" value="lastLine"/></c:if> |
||
104 | <li class="<c:out value="${css}"/>"> |
||
105 | 57:a56d6d60e738 | weikuan | <htmlEL:multibox styleClass="subAll" name="ibssGroupForm" property="viewableAccesses" disabled="true" ><c:out value="${subItem.nodeId}"/></htmlEL:multibox> |
106 | <bean:message key="general.button.view"/> |
||
107 | 50:096de0e44504 | weikuan | <htmlEL:multibox styleClass="subAll" name="ibssGroupForm" property="editableAccesses" disabled="true" ><c:out value="${subItem.nodeId}"/></htmlEL:multibox> |
108 | 57:a56d6d60e738 | weikuan | <bean:message key="general.button.edit"/> |
109 | 0:ea666cc7880e | hadi | <label class="nodeName"><c:out value="${subItem.nodeName}"/></label> |
110 | (<c:out value="${subItem.nodeCode}"/>) |
||
111 | <div class="<c:out value="${subItem.nodeId}"/>"> |
||
112 | <c:if test="${not empty subItem.subNavigations}"> |
||
113 | <ul> |
||
114 | <c:forEach var="thirdItem" items="${subItem.subNavigations}" varStatus="index2"> |
||
115 | <c:set var="css" value=""/> |
||
116 | <c:if test="${index2.last}"><c:set var="css" value="lastLine"/></c:if> |
||
117 | <li class="<c:out value="${css}"/>"> |
||
118 | <htmlEL:multibox styleClass="sub2All" name="ibssGroupForm" property="selectedAccesses" disabled="true"><c:out value="${thirdItem.nodeId}"/></htmlEL:multibox> |
||
119 | <label class="nodeName"><c:out value="${thirdItem.nodeName}"/></label> |
||
120 | (<c:out value="${thirdItem.nodeCode}"/>) |
||
121 | <div class="<c:out value="${thirdItem.nodeId}"/>"> |
||
122 | <c:if test="${not empty thirdItem.subNavigations}"> |
||
123 | <ul> |
||
124 | <c:forEach var="forthItem" items="${thirdItem.subNavigations}" varStatus="index3"> |
||
125 | <c:set var="css" value=""/> |
||
126 | <c:if test="${index3.last}"><c:set var="css" value="lastLine"/></c:if> |
||
127 | <li class="<c:out value="${css}"/>"> |
||
128 | <htmlEL:multibox name="ibssGroupForm" property="selectedAccesses" disabled="true"><c:out value="${forthItem.nodeId}"/></htmlEL:multibox> |
||
129 | <label class="nodeName"><c:out value="${forthItem.nodeName}"/></label> |
||
130 | (<c:out value="${forthItem.nodeCode}"/>) |
||
131 | </li> |
||
132 | </c:forEach> |
||
133 | </ul> |
||
134 | </c:if> |
||
135 | </li> |
||
136 | </c:forEach> |
||
137 | </ul> |
||
138 | </c:if> |
||
139 | </li> |
||
140 | </c:forEach> |
||
141 | </ul> |
||
142 | </c:if> |
||
143 | </li> |
||
144 | </c:forEach> |
||
145 | </ul> |
||
146 | </td> |
||
147 | </tr> |
||
148 | <tr> |
||
149 | <td colspan="5"> </td> |
||
150 | </tr> |
||
151 | </table> |
||
152 | <div class="floatRight"> |
||
153 | <htmlEL:submit property="action" onclick="overlay();"> |
||
154 | <bean:message key="general.button.back"/> |
||
155 | </htmlEL:submit> |
||
156 | <htmlEL:submit property="action" onclick="overlay();"> |
||
157 | <bean:message key="general.button.confirm"/> |
||
158 | </htmlEL:submit> |
||
159 | </div> |
||
160 | </htmlEL:form> |
||
161 | |||
162 | |||
163 | <script type="text/javascript"> |
||
164 | function SetAllCheckBoxes(FieldName, name) |
||
165 | { |
||
166 | var objFormParent = document.forms[0].elements[name]; |
||
167 | var each; |
||
168 | for(var j = 0, maxJ = objFormParent.length; j < maxJ; ++j) |
||
169 | { |
||
170 | var el = objFormParent[j]; |
||
171 | if(el.value == FieldName) |
||
172 | { |
||
173 | each = el; |
||
174 | } |
||
175 | } |
||
176 | |||
177 | var objElement = document.getElementById(FieldName); |
||
178 | var objCheckBoxes = objElement.getElementsByTagName("*"); |
||
179 | for(var i = 0, maxI = objCheckBoxes.length; i < maxI; ++i) { |
||
180 | var elm = objCheckBoxes[i]; |
||
181 | switch(elm.type) { |
||
182 | case "checkbox": |
||
183 | if(each.checked == false && elm.name == name) |
||
184 | { |
||
185 | elm.checked = false; |
||
186 | } |
||
187 | if(each.checked == true && elm.name == name) |
||
188 | { |
||
189 | elm.checked = true; |
||
190 | } |
||
191 | } |
||
192 | } |
||
193 | } |
||
194 | </script> |
||
195 | <script type="text/javascript"> |
||
196 | var flag = true; |
||
197 | $('.selectAllCheck').click(function(){ |
||
198 | if(flag){ |
||
199 | $('.treeHierarchy input:checkbox[name|="accessibleArray"]').attr('checked','checked'); |
||
200 | var textMode1 = $('#fieldMode1').val(); |
||
201 | if(textMode1 != 'Observation'){ |
||
202 | $('.treeHierarchy input:checkbox[name|="editableArray"]').attr('checked','checked'); |
||
203 | } |
||
204 | flag = false; |
||
205 | } |
||
206 | else{ |
||
207 | $(".treeHierarchy input:checkbox").removeAttr("checked"); |
||
208 | flag = true; |
||
209 | } |
||
210 | }); |
||
211 | </script> |
||
212 | <script type="text/javascript"> |
||
213 | $(function() { |
||
214 | // 1st level select all child |
||
215 | function checkAll() |
||
216 | { |
||
217 | var singleValues = $(this).val(); |
||
218 | var selected = "."+singleValues; |
||
219 | $(selected).children("ul").find("input[type=checkbox]").prop("checked",this.checked); |
||
220 | } |
||
221 | // 2nd level select all child |
||
222 | function subAll() |
||
223 | { |
||
224 | var singleValues = $(this).val(); |
||
225 | var selected = "."+singleValues; |
||
226 | $(selected).find("input[type=checkbox]").prop("checked",this.checked); |
||
227 | |||
228 | var parentId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val(); |
||
229 | var parentValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]"; |
||
230 | var parentBox = $(this).parent("li").parent("ul").parent("div").parent("li").find(parentValue); |
||
231 | var parentLength = $(parentId).find("input[type=checkbox]").length; |
||
232 | var parentCheck = $(parentId).find("input[type=checkbox]:checked").length; |
||
233 | |||
234 | if(parentCheck != null) { |
||
235 | $(parentBox).attr("checked", "checked"); |
||
236 | } else { |
||
237 | $(parentBox).removeAttr("checked"); |
||
238 | } |
||
239 | } |
||
240 | // 3rd level select all child |
||
241 | function actionAll() |
||
242 | { |
||
243 | var parentId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val(); |
||
244 | var parentValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]"; |
||
245 | var parentBox = $(this).parent("li").parent("ul").parent("div").parent("li").find(parentValue); |
||
246 | var parentLength = $(parentId).find("input[type=checkbox]").length; |
||
247 | var parentCheck = $(parentId).find("input[type=checkbox]:checked").length; |
||
248 | |||
249 | if(parentCheck != null) { |
||
250 | $(parentBox).attr("checked", "checked"); |
||
251 | } else { |
||
252 | $(parentBox).removeAttr("checked"); |
||
253 | } |
||
254 | |||
255 | var ancestorId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val(); |
||
256 | var ancestorValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]"; |
||
257 | var ancestorBox = $(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find(ancestorValue); |
||
258 | var ancestorLength = $(ancestorId).find("input[type=checkbox]").length; |
||
259 | var ancestorCheck = $(ancestorId).find("input[type=checkbox]:checked").length; |
||
260 | |||
261 | if(ancestorCheck != null) { |
||
262 | $(ancestorBox).attr("checked", "checked"); |
||
263 | } else { |
||
264 | $(ancestorBox).removeAttr("checked"); |
||
265 | } |
||
266 | } |
||
267 | |||
268 | $(".checkAll").change(checkAll); |
||
269 | |||
270 | $(".subAll").change(subAll); |
||
271 | |||
272 | $(".sub2All").change(actionAll); |
||
273 | |||
274 | }); |
||
275 | </script> |