m2u-upass-admin / WebContent / jsp / ss103_group / ibssGroupEdit.jsp @ 142:9f1591b1f4b7
History | View | Annotate | Download (9.54 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 | <%@ taglib uri="/WEB-INF/tld/struts-html" prefix="html"%> |
||
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 | <h3 class="title"><strong><c:out value="${sessionScope.displayDesc}"/> - <bean:message key="navigation.details.displayDesc.edit" /></strong></h3> |
||
12 | |||
13 | <table id="errorTable"> |
||
14 | <tr> |
||
15 | <td> |
||
16 | <span id="serverSideError" class="error"><jsp:include flush="true" page="/jsp/errorHandler.jsp"></jsp:include></span> |
||
17 | </td> |
||
18 | </tr> |
||
19 | </table> |
||
20 | <table class="stepTable"> |
||
21 | <tr> |
||
22 | <td> </td> |
||
23 | <td><div id="steps"><span><bean:message key="general.title.steps" arg0="1" arg1="3"/></span></div></td> |
||
24 | |||
25 | </tr> |
||
26 | </table> |
||
27 | <htmlEL:form action="/ss103/groupEditConfirm.do"> |
||
28 | <table class="tabularForm" width="517" height="97" border="1"> |
||
29 | <tr> |
||
30 | <td width="69"> </td> |
||
31 | <td width="133"> </td> |
||
32 | <td colspan="2"> </td> |
||
33 | <td width="63"> </td> |
||
34 | </tr> |
||
35 | <tr> |
||
36 | <td width="69"> </td> |
||
37 | <td><bean:message key="group.id"/>:</td> |
||
38 | <td colspan="2"><strong><c:out value="${detailBean.map.groupID}"/></strong></td> |
||
39 | <td> </td> |
||
40 | </tr> |
||
41 | <tr> |
||
42 | <td width="69"> </td> |
||
43 | <td><bean:message key="group.name"/>:</td> |
||
44 | <td colspan="2"><strong><htmlEL:text name="ibssGroupForm" property="groupName" autocomplete="off" maxlength="64"/></strong></td> |
||
45 | <td> </td> |
||
46 | </tr> |
||
47 | <tr> |
||
48 | <td width="69"> </td> |
||
49 | <td><bean:message key="group.description"/>:</td> |
||
50 | <td colspan="2"><strong><htmlEL:textarea name="ibssGroupForm" property="groupDescription" /></strong></td> |
||
51 | <td> </td> |
||
52 | </tr> |
||
53 | <tr> |
||
54 | <td width="69"> </td> |
||
55 | <td><bean:message key="group.created.by"/>:</td> |
||
56 | <td colspan="2"><strong><c:out value="${detailBean.map.groupCreatedBy}"/></strong></td> |
||
57 | <td> </td> |
||
58 | </tr> |
||
59 | <tr> |
||
60 | <td width="69"> </td> |
||
61 | <td><bean:message key="group.creation.date"/>:</td> |
||
62 | <td colspan="2"><strong><c:out value="${detailBean.map.groupCreationDate}"/></strong></td> |
||
63 | <td> </td> |
||
64 | </tr> |
||
65 | <tr> |
||
66 | <td width="69"> </td> |
||
67 | <td><bean:message key="group.updated.by"/>:</td> |
||
68 | <td colspan="2"><strong><c:out value="${detailBean.map.groupUpdatedBy}"/></strong></td> |
||
69 | <td> </td> |
||
70 | </tr> |
||
71 | <tr> |
||
72 | <td width="69"> </td> |
||
73 | <td><bean:message key="group.updated.date"/>:</td> |
||
74 | <td colspan="2"><strong><c:out value="${detailBean.map.groupUpdatedDate}"/></strong></td> |
||
75 | <td> </td> |
||
76 | 38:f00a28485f30 | weikuan | <%-- </tr> |
77 | 0:ea666cc7880e | hadi | <tr> |
78 | <td width="69"> </td> |
||
79 | <td><bean:message key="group.mode"/>:</td> |
||
80 | <td colspan="2"><bean:define id="mode" name="detailBean" property="mode" /> |
||
81 | <strong><bean:message key='<%="group.mode." + String.valueOf( mode )%>' /></strong></td> |
||
82 | <td> </td> |
||
83 | 38:f00a28485f30 | weikuan | </tr> --%> |
84 | 0:ea666cc7880e | hadi | <tr> |
85 | <td> </td> |
||
86 | <td> </td> |
||
87 | <td colspan="2"> </td> |
||
88 | <td> </td> |
||
89 | </tr> |
||
90 | <tr> |
||
91 | <td> </td> |
||
92 | <td><strong><bean:message key="group.access"/></strong>:</td> |
||
93 | <td> </td> |
||
94 | <td> </td> |
||
95 | <td> </td> |
||
96 | </tr> |
||
97 | <tr> |
||
98 | <td> </td> |
||
99 | <td> </td> |
||
100 | <td colspan="4"> |
||
101 | <br/> |
||
102 | <ul class="treeHierarchy" class="right"> |
||
103 | <c:forEach var="item" items="${viewBean.map.navigationList}" varStatus="index"> |
||
104 | <c:set var="css" value=""/> |
||
105 | <c:if test="${index.last}"><c:set var="css" value="lastLine"/></c:if> |
||
106 | <li class="<c:out value="${css}"/>"> |
||
107 | 50:096de0e44504 | weikuan | <%-- <htmlEL:multibox styleClass="checkAll" name="viewBean" property="accessibleArray" disabled="false"><c:out value="${item.nodeId}"/></htmlEL:multibox> --%> |
108 | 0:ea666cc7880e | hadi | <label class="nodeName"><c:out value="${item.nodeName}"/></label> |
109 | (<c:out value="${item.nodeCode}"/>) |
||
110 | <div class="<c:out value="${item.nodeId}"/>"> |
||
111 | <c:if test="${not empty item.subNavigations}"> |
||
112 | <ul> |
||
113 | <c:forEach var="subItem" items="${item.subNavigations}" varStatus="index1"> |
||
114 | <c:set var="css" value=""/> |
||
115 | <c:if test="${index1.last}"><c:set var="css" value="lastLine"/></c:if> |
||
116 | <li class="<c:out value="${css}"/>"> |
||
117 | 57:a56d6d60e738 | weikuan | <htmlEL:multibox name="viewBean" property="viewableArray" disabled="false" ><c:out value="${subItem.nodeId}"/></htmlEL:multibox> |
118 | <bean:message key="general.button.view"/> |
||
119 | 50:096de0e44504 | weikuan | <htmlEL:multibox name="viewBean" property="editableArray" disabled="false" ><c:out value="${subItem.nodeId}"/></htmlEL:multibox> |
120 | 57:a56d6d60e738 | weikuan | <bean:message key="general.button.edit"/> |
121 | 0:ea666cc7880e | hadi | <label class="nodeName"><c:out value="${subItem.nodeName}"/></label> |
122 | (<c:out value="${subItem.nodeCode}"/>) |
||
123 | <div class="<c:out value="${subItem.nodeId}"/>"> |
||
124 | <c:if test="${not empty subItem.subNavigations}"> |
||
125 | <ul> |
||
126 | <c:forEach var="thirdItem" items="${subItem.subNavigations}" varStatus="index2"> |
||
127 | <c:set var="css" value=""/> |
||
128 | <c:if test="${index2.last}"><c:set var="css" value="lastLine"/></c:if> |
||
129 | <li class="<c:out value="${css}"/>"> |
||
130 | <htmlEL:multibox styleClass="sub2All" name="viewBean" property="accessibleArray" disabled="false"><c:out value="${thirdItem.nodeId}"/></htmlEL:multibox> |
||
131 | <label class="nodeName"><c:out value="${thirdItem.nodeName}"/></label> |
||
132 | (<c:out value="${thirdItem.nodeCode}"/>) |
||
133 | <div class="<c:out value="${thirdItem.nodeId}"/>"> |
||
134 | <c:if test="${not empty thirdItem.subNavigations}"> |
||
135 | <ul> |
||
136 | <c:forEach var="forthItem" items="${thirdItem.subNavigations}" varStatus="index3"> |
||
137 | <c:set var="css" value=""/> |
||
138 | <c:if test="${index3.last}"><c:set var="css" value="lastLine"/></c:if> |
||
139 | <li class="<c:out value="${css}"/>"> |
||
140 | <htmlEL:multibox name="viewBean" property="accessibleArray" disabled="false"><c:out value="${forthItem.nodeId}"/></htmlEL:multibox> |
||
141 | <label class="nodeName"><c:out value="${forthItem.nodeName}"/></label> |
||
142 | (<c:out value="${forthItem.nodeCode}"/>) |
||
143 | </li> |
||
144 | </c:forEach> |
||
145 | </ul> |
||
146 | </c:if> |
||
147 | </li> |
||
148 | </c:forEach> |
||
149 | </ul> |
||
150 | </c:if> |
||
151 | </li> |
||
152 | </c:forEach> |
||
153 | </ul> |
||
154 | </c:if> |
||
155 | </li> |
||
156 | </c:forEach> |
||
157 | </ul> |
||
158 | </td> |
||
159 | </tr> |
||
160 | </table> |
||
161 | <div class="floatRight"> |
||
162 | <htmlEL:submit property="action" styleClass="button" onclick="overlay();"> |
||
163 | <bean:message key="general.button.back"/> |
||
164 | </htmlEL:submit> |
||
165 | <htmlEL:submit property="action" styleClass="button" onclick="overlay();"> |
||
166 | <bean:message key="general.button.next"/> |
||
167 | </htmlEL:submit> |
||
168 | </div> |
||
169 | </htmlEL:form> |
||
170 | |||
171 | <script type="text/javascript"> |
||
172 | $(function() { |
||
173 | // 1st level select all child |
||
174 | function checkAll() |
||
175 | { |
||
176 | var singleValues = $(this).val(); |
||
177 | var selected = "."+singleValues; |
||
178 | $(selected).children("ul").find("input[type=checkbox]").prop("checked",this.checked); |
||
179 | } |
||
180 | // 2nd level select all child |
||
181 | function subAll() |
||
182 | { |
||
183 | var singleValues = $(this).val(); |
||
184 | var selected = "."+singleValues; |
||
185 | $(selected).find("input[type=checkbox]").prop("checked",this.checked); |
||
186 | |||
187 | var parentId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val(); |
||
188 | var parentValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]"; |
||
189 | var parentBox = $(this).parent("li").parent("ul").parent("div").parent("li").find(parentValue); |
||
190 | var parentLength = $(parentId).find("input[type=checkbox]").length; |
||
191 | var parentCheck = $(parentId).find("input[type=checkbox]:checked").length; |
||
192 | |||
193 | if(parentCheck != null) { |
||
194 | $(parentBox).attr("checked", "checked"); |
||
195 | } else { |
||
196 | $(parentBox).removeAttr("checked"); |
||
197 | } |
||
198 | } |
||
199 | // 3rd level select all child |
||
200 | function actionAll() |
||
201 | { |
||
202 | var parentId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val(); |
||
203 | var parentValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]"; |
||
204 | var parentBox = $(this).parent("li").parent("ul").parent("div").parent("li").find(parentValue); |
||
205 | var parentLength = $(parentId).find("input[type=checkbox]").length; |
||
206 | var parentCheck = $(parentId).find("input[type=checkbox]:checked").length; |
||
207 | |||
208 | if(parentCheck != null) { |
||
209 | $(parentBox).attr("checked", "checked"); |
||
210 | } else { |
||
211 | $(parentBox).removeAttr("checked"); |
||
212 | } |
||
213 | |||
214 | var ancestorId = "."+$(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val(); |
||
215 | var ancestorValue = "input[value="+$(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find("input[type=checkbox]").val()+"]"; |
||
216 | var ancestorBox = $(this).parent("li").parent("ul").parent("div").parent("li").parent("ul").parent("div").parent("li").find(ancestorValue); |
||
217 | var ancestorLength = $(ancestorId).find("input[type=checkbox]").length; |
||
218 | var ancestorCheck = $(ancestorId).find("input[type=checkbox]:checked").length; |
||
219 | |||
220 | if(ancestorCheck != null) { |
||
221 | $(ancestorBox).attr("checked", "checked"); |
||
222 | } else { |
||
223 | $(ancestorBox).removeAttr("checked"); |
||
224 | } |
||
225 | } |
||
226 | |||
227 | $(".checkAll").change(checkAll); |
||
228 | |||
229 | $(".subAll").change(subAll); |
||
230 | |||
231 | $(".sub2All").change(actionAll); |
||
232 | |||
233 | }); |
||
234 | </script> |