diff options
Diffstat (limited to 'ecomp-sdk-app/src/main/webapp/WEB-INF/fusion/raptor/tree/testTree.jsp')
| -rw-r--r-- | ecomp-sdk-app/src/main/webapp/WEB-INF/fusion/raptor/tree/testTree.jsp | 248 |
1 files changed, 248 insertions, 0 deletions
diff --git a/ecomp-sdk-app/src/main/webapp/WEB-INF/fusion/raptor/tree/testTree.jsp b/ecomp-sdk-app/src/main/webapp/WEB-INF/fusion/raptor/tree/testTree.jsp new file mode 100644 index 000000000..951bf379c --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/WEB-INF/fusion/raptor/tree/testTree.jsp @@ -0,0 +1,248 @@ +<%-- + ================================================================================ + eCOMP Portal SDK + ================================================================================ + Copyright (C) 2017 AT&T Intellectual Property + ================================================================================ + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + ================================================================================ + --%> +<%@page import="org.openecomp.portalsdk.analytics.system.AppUtils" %> + + +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <jsp:include page="header.jsp" flush="true" /> +<head> + <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> + <title>Folder tree with Drag and Drop capabilities</title> + <script> + var imgFolder = '<%=AppUtils.getImgFolderURL()%>'; + </script> + <script type="text/javascript" src="<%= AppUtils.getBaseFolderURL() %>js/tree/ajax.js"></script> + <script type="text/javascript" src="<%= AppUtils.getBaseFolderURL() %>js/tree/context-menu.js"></script> + <script type="text/javascript" src="<%= AppUtils.getBaseFolderURL() %>js/tree/drag-drop-folder-tree.js"> + + /************************************************************************************************************ + (C) www.dhtmlgoodies.com, July 2006 + + Update log: + + + This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. + + Terms of use: + You are free to use this script as long as the copyright message is kept intact. + + For more detailed license information, see http://www.dhtmlgoodies.com/index.html?page=termsOfUse + + Thank you! + + www.dhtmlgoodies.com + Alf Magne Kalleland + + ************************************************************************************************************/ + </script> + <link rel="stylesheet" type="text/css" href="<%= AppUtils.getBaseFolderURL() %>css/raptor.css"> + <link rel="stylesheet" type="text/css" href="<%= AppUtils.getBaseFolderURL() %>css/tree/drag-drop-folder-tree.css"> + <link rel="stylesheet" type="text/css" href="<%= AppUtils.getBaseFolderURL() %>css/tree/context-menu.css"> + + <style type="text/css"> + /* CSS for the demo */ + img{ + border:0px; + } + </style> + <script type="text/javascript"> + //-------------------------------- + // Save functions + //-------------------------------- + var ajaxObjects = new Array(); + + // Use something like this if you want to save data by Ajax. + function saveMyTree() + { + saveString = treeObj.getNodeOrders(); + alert(saveString); + var ajaxIndex = ajaxObjects.length; + ajaxObjects[ajaxIndex] = new sack(); + var url = 'tree'; + //var url = 'tree'; + ajaxObjects[ajaxIndex].requestFile = url; // Specifying which file to get + ajaxObjects[ajaxIndex].onCompletion = function() { saveComplete(ajaxIndex); } ; // Specify function that will be executed after file has been found + ajaxObjects[ajaxIndex].runAJAX(url); // Execute AJAX function + + } + function saveComplete(index) + { + alert(ajaxObjects[index].response); + } + + + // Call this function if you want to save it by a form. + function saveMyTree_byForm() + { + document.myForm.elements['saveString'].value = treeObj.getNodeOrders(); + document.myForm.elements['task'].value = 'save'; + document.myForm.submit(); + } + + function cancelMyTree_byForm(){ + document.myForm.elements['task'].value = ''; + document.myForm.submit(); + } + + function deleteMyTree_byForm() + { + document.myForm.elements['task'].value = 'delete'; + document.myForm.submit(); + } + + function addMyTree_byForm() + { + document.myForm.elements['task'].value = 'new'; + document.myForm.submit(); + } + + function runReport() + { + var id = JSTreeObj.selectedItem.parentNode.id.replace(/[^0-9]/gi,''); + alert("123" + id); + //document.myForm.action='<%=AppUtils.getReportExecuteActionURL()%>'+JSTreeObj.selectedItem; + document.myForm.action='dispatcher?action=raptor&r_action=report.run&c_master=' + id + '&PAGE_ID=HOME&refresh=Y'; + + document.myForm.submit(); + } + + function editReport() + { + var id = JSTreeObj.selectedItem.parentNode.id.replace(/[^0-9]/gi,''); + alert("123" + id); + document.myForm.action='dispatcher?action=raptor&r_action=report.edit&c_master=' + id + '&PAGE_ID=HOME&refresh=Y'; + document.myForm.submit(); + } + + function expandTree(){ + document.getElementById('expandedTree').style.display='block'; + document.getElementById('expandedTreeHeader').style.display='block'; + document.getElementById('collapsedTree').style.display='none'; + } + function collapseTree(){ + document.getElementById('expandedTree').style.display='none'; + document.getElementById('expandedTreeHeader').style.display='none'; + document.getElementById('collapsedTree').style.display='block'; + } + </script> + +</head> +<body> + <form name="reportForm" method="post"> + <table width="94%" border="0" cellspacing="1" align="center"> + <tr><td> + <div id="collapsedTree" style="position:absoulte;top:0;width:100%;height:25px;display:none;"> + <table width="94%" border="0" cellspacing="1" align="left"> + <tr> + <td class=rtabletext align=left> + <img border="0" src="<%= AppUtils.getImgFolderURL() %>tree/dhtmlgoodies_plus.gif" onClick="javascript:expandTree()" alt='Show Folder Tree'> + Root Node + </td> + </tr> + </table> + </div> + </td></tr> + + + <tr><td> + <div id="expandedTreeHeader" style="position:absoulte;top:0;width:100%;height:25px;display:block;"> + <table width="94%" border="0" cellspacing="1" align="left"> + <tr> + <td class=rtabletext > + <img border="0" src="<%= AppUtils.getImgFolderURL() %>tree/dhtmlgoodies_minus.gif" onClick="javascript:collapseTree()" alt='Hide Folder Tree'> + + <!--<input type='button' class=rsmallbutton id='createFolder' value='Create Folder' onclick='javascript:JSTreeObj.addItem(JSTreeObj.selectedItem, JSTreeObj.selectedItem);'/> + <input type='button' class=rsmallbutton id='createFolder' value='Run' onclick='javascript:JSTreeObj.addItem(JSTreeObj.selectedItem, JSTreeObj.selectedItem);'/> + <input type='button' class=rsmallbutton id='createFolder' value='Edit' onclick='javascript:JSTreeObj.addItem(JSTreeObj.selectedItem, JSTreeObj.selectedItem);'/>--> + <a href="#" onclick='javascript:JSTreeObj.addItem(JSTreeObj.selectedItem, JSTreeObj.selectedItem);'>Create Folder</a> | + <a href="#" onclick='javascript:JSTreeObj.deleteItem(JSTreeObj.selectedItem, JSTreeObj.selectedItem);'>Delete Fodler</a> | + <a href="#" onclick='javascript:runReport();'>Run Report</a> | + <a href="#" onclick='javascript:editReport();'>Edit Report</a> + </td> + </tr> + </table> + </div> + </td></tr> + <tr> + <td> + <div id="expandedTree" style="position:absoulte;top:0;width:100%;height:160px;display:block"> + <table> + <tr> + + <td width="50%"> + <div id="scrollableTable" class="scrollableTable" style="position:absoulte;top:0;width:100%;height:150px;display:block"> + <table width="94%" border="0" cellspacing="1" align="center"> + <tr> + <td > + <%=request.getAttribute("folderList")%> + </td> + </tr> + </table> + </div> + </td> + <td width="50%" valign="bottom"> + <table> + <tr><td width="100%" class=rtabletext > + <a href="#" onclick="treeObj.collapseAll()">Collapse all</a> | + <a href="#" onclick="treeObj.expandAll()">Expand all</a> + </td></tr> + <tr><td width="100%"> + <input type="button" class=rsmallbutton onclick="saveMyTree_byForm()" value="Save"> + <input type="button" class=rsmallbutton onclick="cancelMyTree_byForm()" value="Cancel"> + </td></tr> + </table> + + </td> + </tr> + + </table> + </div> + </td> + </tr> + <tr><td colspan=2> + <div class="scrollableTable" style="width:100%;height:400px;"> + <iframe id="reportFrame" name="reportFrame" width="100%" height="100%"> + + </iframe> + </div> + </td></tr> + </table> + </Form> + <script type="text/javascript"> + treeObj = new JSDragDropTree(); + treeObj.setTreeId('reportFolderTree'); + treeObj.setMaximumDepth(7); + treeObj.setMessageMaximumDepthReached('Maximum depth reached'); // If you want to show a message when maximum depth is reached, i.e. on drop. + treeObj.initTree(); + treeObj.expandAll(); + + </script> + + <!-- Form - if you want to save it by form submission and not Ajax --> + <form name="myForm" action="tree" method="post"> + <input type="hidden" name="saveString"> + <input type="hidden" name="task"> + <input type="hidden" name="newName"> + <input type="hidden" name="deleteIds"> + </form> + +</body> +</html> |