m2u-upass-admin / WebContent / jsp / ss103_group / ibssGroupCreateConfirm.jsp @ 94:6a7a9055eabc
History | View | Annotate | Download (11 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="viewBean" name="ibssGroupForm" property="ibssGroupAccessView" /> |
||
9 | <bean:define id="navigations" name="viewBean" property="navigationList" type="java.util.List"></bean:define> |
||
10 | |||
11 | <h3 class="title"><strong><c:out value="${sessionScope.displayDesc}"/> - <bean:message key="general.button.create" /></strong></h3> |
||
12 | |||
13 | <table id="errorTable"> |
||
14 | <tr> |
||
15 | <td><span id="serverSideError" class="error"><jsp:include |
||
16 | flush="true" page="/jsp/errorHandler.jsp"></jsp:include></span></td> |
||
17 | </tr> |
||
18 | </table> |
||
19 | |||
20 | <table class="stepTable"> |
||
21 | <tr> |
||
22 | <td> </td> |
||
23 | <td> |
||
24 | <div id="steps"><span> |
||
25 | <bean:message key="general.title.steps" arg0="2" arg1="3" /></span></div> |
||
26 | </td> |
||
27 | </tr> |
||
28 | </table> |
||
29 | <table class="tabularForm" width="517" border="1"> |
||
30 | <tr> |
||
31 | <td width="75"> </td> |
||
32 | <td class="success" width="140"><strong><bean:message key="user.desc.confirmation"/></strong></td> |
||
33 | <td width="93"> </td> |
||
34 | <td width="47"> </td> |
||
35 | </tr> |
||
36 | <tr> |
||
37 | |||
38 | <td height="28"> </td> |
||
39 | <td colspan="2"><bean:message key="group.word"/> <strong><bean:write name="ibssGroupForm" property="groupName"/></strong> |
||
40 | <bean:message key="general.status.create.confirm"/> |
||
41 | </td> |
||
42 | <td> </td> |
||
43 | </tr> |
||
44 | </table> |
||
45 | <htmlEL:form action="/ss103/createGroupResult.do"> |
||
46 | <table class="tabularForm"> |
||
47 | <tr> |
||
48 | <td width="72"> </td> |
||
49 | <td width="100"> </td> |
||
50 | <td width="145"> </td> |
||
51 | <td width="143"> </td> |
||
52 | <td width="144"> </td> |
||
53 | </tr> |
||
54 | |||
55 | <tr> |
||
56 | <td> </td> |
||
57 | <td width="140"><bean:message key="group.name"/>:</td> |
||
58 | <td width="345"><strong><bean:write property="groupName" name="ibssGroupForm" /></strong></td> |
||
59 | <td width="3"> </td> |
||
60 | <td width="44"> </td> |
||
61 | </tr> |
||
62 | <tr> |
||
63 | <td> </td> |
||
64 | <td width="140"><bean:message key="group.description"/></td> |
||
65 | <td width="345"><strong><bean:write property="groupDescription" name="ibssGroupForm" /></strong></td> |
||
66 | <td width="3"> </td> |
||
67 | <td width="44"> </td> |
||
68 | </tr> |
||
69 | 38:f00a28485f30 | weikuan | <%-- <tr> |
70 | 0:ea666cc7880e | hadi | <td> </td> |
71 | <td width="140"><bean:message key="group.mode"/>:</td> |
||
72 | <td width="345"><c:choose><c:when test="${ibssGroupForm.map.mode eq 1}"><strong><bean:message key="group.mode.1"/></strong></c:when> |
||
73 | <c:otherwise><strong><bean:message key="group.mode.3"/></strong></c:otherwise></c:choose></td> |
||
74 | <td width="3"> </td> |
||
75 | <td width="44"> </td> |
||
76 | 38:f00a28485f30 | weikuan | </tr> --%> |
77 | 0:ea666cc7880e | hadi | <tr> |
78 | <td> </td> |
||
79 | <td> </td> |
||
80 | <td> </td> |
||
81 | <td> </td> |
||
82 | <td> </td> |
||
83 | </tr> |
||
84 | |||
85 | <tr> |
||
86 | <td> </td> |
||
87 | <td><strong><bean:message key="group.access"/></strong>:</td> |
||
88 | <td> </td> |
||
89 | <td> </td> |
||
90 | <td> </td> |
||
91 | </tr> |
||
92 | <tr> |
||
93 | <td> </td> |
||
94 | <td colspan="4"> |
||
95 | <br/> |
||
96 | <ul class="treeHierarchy" class="right"> |
||
97 | <c:forEach var="item" items="${viewBean.map.navigationList}" varStatus="index"> |
||
98 | <c:set var="css" value=""/> |
||
99 | <c:if test="${index.last}"><c:set var="css" value="lastLine"/></c:if> |
||
100 | <li class="<c:out value="${css}"/>"> |
||
101 | <htmlEL:multibox styleClass="checkAll" property="selectedAccesses" disabled="true"><c:out value="${item.nodeId}"/></htmlEL:multibox> |
||
102 | <label class="nodeName"><c:out value="${item.nodeName}"/></label> |
||
103 | 85:b21ea78dfbb4 | weikuan | (<c:out value="${item.nodeCode}"/>) |
104 | 0:ea666cc7880e | hadi | <div class="<c:out value="${item.nodeId}"/>"> |
105 | <c:if test="${not empty item.subNavigations}"> |
||
106 | <ul> |
||
107 | <c:forEach var="subItem" items="${item.subNavigations}" varStatus="index1"> |
||
108 | <c:set var="css" value=""/> |
||
109 | <c:if test="${index1.last}"><c:set var="css" value="lastLine"/></c:if> |
||
110 | <li class="<c:out value="${css}"/>"> |
||
111 | <htmlEL:multibox styleClass="subAll" property="selectedAccesses" disabled="true"><c:out value="${subItem.nodeId}"/></htmlEL:multibox> |
||
112 | <label class="nodeName"><c:out value="${subItem.nodeName}"/></label> |
||
113 | 85:b21ea78dfbb4 | weikuan | (<c:out value="${subItem.nodeCode}"/>) |
114 | 0:ea666cc7880e | hadi | <div class="<c:out value="${subItem.nodeId}"/>"> |
115 | <c:if test="${not empty subItem.subNavigations}"> |
||
116 | <ul> |
||
117 | <c:forEach var="thirdItem" items="${subItem.subNavigations}" varStatus="index2"> |
||
118 | <c:set var="css" value=""/> |
||
119 | <c:if test="${index2.last}"><c:set var="css" value="lastLine"/></c:if> |
||
120 | <li class="<c:out value="${css}"/>"> |
||
121 | <htmlEL:multibox styleClass="sub2All" property="selectedAccesses" disabled="true"><c:out value="${thirdItem.nodeId}"/></htmlEL:multibox> |
||
122 | <label class="nodeName"><c:out value="${thirdItem.nodeName}"/></label> |
||
123 | (<c:out value="${thirdItem.nodeCode}"/>) |
||
124 | <div class="<c:out value="${thirdItem.nodeId}"/>"> |
||
125 | <c:if test="${not empty thirdItem.subNavigations}"> |
||
126 | <ul> |
||
127 | <c:forEach var="forthItem" items="${thirdItem.subNavigations}" varStatus="index3"> |
||
128 | <c:set var="css" value=""/> |
||
129 | <c:if test="${index3.last}"><c:set var="css" value="lastLine"/></c:if> |
||
130 | <li class="<c:out value="${css}"/>"> |
||
131 | <htmlEL:multibox onclick="SetAllCheckBoxes(${forthItem.nodeId}, 'selectedAccesses');" property="selectedAccesses" disabled="true"> |
||
132 | <c:out value="${forthItem.nodeId}"/> |
||
133 | </htmlEL:multibox> |
||
134 | <label class="nodeName"><c:out value="${forthItem.nodeName}"/></label> |
||
135 | (<c:out value="${forthItem.nodeCode}"/>) |
||
136 | <div class="<c:out value="${forthItem.nodeId}"/>"> |
||
137 | <c:if test="${not empty forthItem.subNavigations}"> |
||
138 | <ul> |
||
139 | <c:forEach var="fifthItem" items="${forthItem.subNavigations}" varStatus="index4"> |
||
140 | <c:set var="css" value=""/> |
||
141 | <c:if test="${index4.last}"><c:set var="css" value="lastLine"/></c:if> |
||
142 | <li class="<c:out value="${css}"/>"> |
||
143 | <htmlEL:multibox name="viewBean" property="selectedAccesses" disabled="true"><c:out value="${fifthItem.nodeId}"/></htmlEL:multibox> |
||
144 | <label class="nodeName"><c:out value="${fifthItem.nodeName}"/></label> |
||
145 | (<c:out value="${fifthItem.nodeCode}"/>) |
||
146 | </li> |
||
147 | </c:forEach> |
||
148 | </ul> |
||
149 | </c:if> |
||
150 | </div> |
||
151 | </li> |
||
152 | </c:forEach> |
||
153 | </ul> |
||
154 | </c:if> |
||
155 | </div> |
||
156 | </li> |
||
157 | </c:forEach> |
||
158 | </ul> |
||
159 | </c:if> |
||
160 | </div> |
||
161 | </li> |
||
162 | </c:forEach> |
||
163 | </ul> |
||
164 | </c:if> |
||
165 | </div> |
||
166 | </li> |
||
167 | </c:forEach> |
||
168 | </ul> |
||
169 | </td> |
||
170 | </tr> |
||
171 | <tr> |
||
172 | <td colspan="5"> </td> |
||
173 | </tr> |
||
174 | </table> |
||
175 | <div class="floatRight"> |
||
176 | <htmlEL:submit property="action" onclick="overlay();"> |
||
177 | <bean:message key="general.button.back"/> |
||
178 | </htmlEL:submit> |
||
179 | <htmlEL:submit property="action" onclick="overlay();"> |
||
180 | <bean:message key="general.button.confirm"/> |
||
181 | </htmlEL:submit> |
||
182 | </div> |
||
183 | </htmlEL:form> |
||
184 | |||
185 | |||
186 | <script type="text/javascript"> |
||
187 | function SetAllCheckBoxes(FieldName, name) |
||
188 | { |
||
189 | var objFormParent = document.forms[0].elements[name]; |
||
190 | var each; |
||
191 | for(var j = 0, maxJ = objFormParent.length; j < maxJ; ++j) |
||
192 | { |
||
193 | var el = objFormParent[j]; |
||
194 | if(el.value == FieldName) |
||
195 | { |
||
196 | each = el; |
||
197 | } |
||
198 | } |
||
199 | |||
200 | var objElement = document.getElementById(FieldName); |
||
201 | var objCheckBoxes = objElement.getElementsByTagName("*"); |
||
202 | for(var i = 0, maxI = objCheckBoxes.length; i < maxI; ++i) { |
||
203 | var elm = objCheckBoxes[i]; |
||
204 | switch(elm.type) { |
||
205 | case "checkbox": |
||
206 | if(each.checked == false && elm.name == name) |
||
207 | { |
||
208 | elm.checked = false; |
||
209 | } |
||
210 | if(each.checked == true && elm.name == name) |
||
211 | { |
||
212 | elm.checked = true; |
||
213 | } |
||
214 | } |
||
215 | } |
||
216 | } |
||
217 | </script> |
||
218 | <script type="text/javascript"> |
||
219 | var flag = true; |
||
220 | $('.selectAllCheck').click(function(){ |
||
221 | if(flag){ |
||
222 | $('.treeHierarchy input:checkbox[name|="accessibleArray"]').attr('checked','checked'); |
||
223 | var textMode1 = $('#fieldMode1').val(); |
||
224 | if(textMode1 != 'Observation'){ |
||
225 | $('.treeHierarchy input:checkbox[name|="editableArray"]').attr('checked','checked'); |
||
226 | } |
||
227 | flag = false; |
||
228 | } |
||
229 | else{ |
||
230 | $(".treeHierarchy input:checkbox").removeAttr("checked"); |
||
231 | flag = true; |
||
232 | } |
||
233 | }); |
||
234 | </script> |
||
235 | <script type="text/javascript"> |
||
236 | $(function() { |
||
237 | // 1st level select all child |
||
238 | function checkAll() |
||
239 | { |
||
240 | var singleValues = $(this).val(); |
||
241 | var selected = "."+singleValues; |
||
242 | $(selected).children("ul").find("input[type=checkbox]").prop("checked",this.checked); |
||
243 | } |
||
244 | // 2nd level select all child |
||
245 | function subAll() |
||
246 | { |
||
247 | var singleValues = $(this).val(); |
||
248 | var selected = "."+singleValues; |
||
249 | $(selected).find("input[type=checkbox]").prop("checked",this.checked); |
||
250 | |||
251 | var parentId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val(); |
||
252 | var parentValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]"; |
||
253 | var parentBox = $(this).parent("li").parent("ul").parent("div").parent("li").find(parentValue); |
||
254 | var parentLength = $(parentId).find("input[type=checkbox]").length; |
||
255 | var parentCheck = $(parentId).find("input[type=checkbox]:checked").length; |
||
256 | |||
257 | if(parentCheck != null) { |
||
258 | $(parentBox).attr("checked", "checked"); |
||
259 | } else { |
||
260 | $(parentBox).removeAttr("checked"); |
||
261 | } |
||
262 | } |
||
263 | // 3rd level select all child |
||
264 | function actionAll() |
||
265 | { |
||
266 | var parentId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val(); |
||
267 | var parentValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]"; |
||
268 | var parentBox = $(this).parent("li").parent("ul").parent("div").parent("li").find(parentValue); |
||
269 | var parentLength = $(parentId).find("input[type=checkbox]").length; |
||
270 | var parentCheck = $(parentId).find("input[type=checkbox]:checked").length; |
||
271 | |||
272 | if(parentCheck != null) { |
||
273 | $(parentBox).attr("checked", "checked"); |
||
274 | } else { |
||
275 | $(parentBox).removeAttr("checked"); |
||
276 | } |
||
277 | |||
278 | var ancestorId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val(); |
||
279 | var ancestorValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]"; |
||
280 | var ancestorBox = $(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find(ancestorValue); |
||
281 | var ancestorLength = $(ancestorId).find("input[type=checkbox]").length; |
||
282 | var ancestorCheck = $(ancestorId).find("input[type=checkbox]:checked").length; |
||
283 | |||
284 | if(ancestorCheck != null) { |
||
285 | $(ancestorBox).attr("checked", "checked"); |
||
286 | } else { |
||
287 | $(ancestorBox).removeAttr("checked"); |
||
288 | } |
||
289 | } |
||
290 | |||
291 | $(".checkAll").change(checkAll); |
||
292 | |||
293 | $(".subAll").change(subAll); |
||
294 | |||
295 | $(".sub2All").change(actionAll); |
||
296 | |||
297 | }); |
||
298 | </script> |