m2u-upass-admin / WebContent / jsp / ss103_group / ibssGroupCreateConfirm.jsp @ 21:8c0f58f8fdd4
History | View | Annotate | Download (11 KB)
1 |
<%@ 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 |
<tr> |
70 |
<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 |
</tr> |
77 |
<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 |
(<c:out value="${item.nodeCode}"/>) 1 |
104 |
<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 |
(<c:out value="${subItem.nodeCode}"/>) 2 |
114 |
<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> |