m2u-upass-admin / WebContent / jsp / ss103_group / ibssGroupCreateConfirm.jsp @ 96:c2afcaa3dd4b
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> |