Author: wesleyhales Date: 2008-03-20 22:36:35 -0400 (Thu, 20 Mar 2008) New Revision: 10359 Added: modules/portlet/trunk/portal/src/main/resources/simple-portal-war/css/debugger.css modules/portlet/trunk/portal/src/main/resources/simple-portal-war/images/debug/ modules/portlet/trunk/portal/src/main/resources/simple-portal-war/images/debug/alert-small.gif modules/portlet/trunk/portal/src/main/resources/simple-portal-war/images/debug/arrow-elbow.gif modules/portlet/trunk/portal/src/main/resources/simple-portal-war/images/debug/arrow.gif modules/portlet/trunk/portal/src/main/resources/simple-portal-war/js/debugger.js Modified: modules/portlet/trunk/portal/src/main/java/org/jboss/portal/portlet/portal/admin/ui/DebuggerPortlet.java modules/portlet/trunk/portal/src/main/resources/simple-portal-war/demo/demo4.jsp Log: event debugger portlet ui Modified: modules/portlet/trunk/portal/src/main/java/org/jboss/portal/portlet/portal/admin/ui/DebuggerPortlet.java =================================================================== --- modules/portlet/trunk/portal/src/main/java/org/jboss/portal/portlet/portal/admin/ui/DebuggerPortlet.java 2008-03-20 22:07:52 UTC (rev 10358) +++ modules/portlet/trunk/portal/src/main/java/org/jboss/portal/portlet/portal/admin/ui/DebuggerPortlet.java 2008-03-21 02:36:35 UTC (rev 10359) @@ -31,6 +31,7 @@ import javax.portlet.PortletException; import java.io.IOException; import java.io.PrintWriter; +import java.util.Random; /** * @author <a href="mailto:julien@jboss-portal.org">Julien Viet</a> @@ -47,32 +48,59 @@ if (eventCC != null) { PrintWriter writer = resp.getWriter(); - writer.print("<ul>\n"); + writer.print("" + + "<a href=\"javascript:showAllDetails()\" >Show All Details</a><br/>" + + "<div class=\"debug-container\">"); + int id; for (EventRoute route : eventCC.getRoots()) { - writer.println("<li>\n"); - printRoute(route, writer); - writer.println("</li>\n"); + id = rand(1,1000); + writer.println("<div class=\"event\" id=\"event-" + id + "\">\n"); + printRoute(route, writer, id, ""); + writer.println("</div>\n"); } - writer.println("</ul>\n"); + writer.println("</div>\n"); } } - private void printRoute(EventRoute route, PrintWriter writer) + private void printRoute(EventRoute route, PrintWriter writer, int id, String cid) { - writer.print("<div>Event name: " + route.getName().getLocalPart() + "</div>\n"); - writer.print("<div>Event payload: " + route.getPayload() + "</div>\n"); - writer.print("<div>Source: " + route.getSource() + "</div>\n"); - writer.print("<div>Destination: " + route.getDestination() + "</div>\n"); - writer.print("<div>Acknowledgement: " + route.getAcknowledgement() + "</div>\n"); - writer.print("<ul>\n"); + writer.print("<div onmouseover=\"showDetails(this,'details-" + id + cid + "')\" onmouseout=\"hideDetails(this,'details-" + id + cid + "')\">" + + "<div class=\"event-header\">\n" + + " <h4>" + route.getName().getLocalPart() + "</h4>\n" + + " </div>\n"); + + writer.print("<div class=\"event-body\">" + + "<p><label>Source: </label>" + route.getSource() + "<img src=\"/simple-portal/images/debug/arrow.gif\" alt=\"\"/>"); + writer.print("<label>Destination: </label>" + route.getDestination() + "</p>\n" + + " <div class=\"details\" id=\"details-" + id + cid + "\">\n" + + " <div class=\"details-frame\">\n" + + " " + route.getAcknowledgement() + "\n" + + " <div class=\"dotted-white\"></div>\n" + + " <label>Payload: " + route.getPayload() + "</label>\n" + + " </div>\n" + + " </div></div>" + + ""); + writer.print("</div>"); + for (EventRoute child : route.getChildren()) { - writer.println("<li>\n"); - printRoute(child, writer); - writer.println("</li>\n"); + id = rand(1,1000); + writer.println("<div class=\"children\">"); + printRoute(child, writer, id, "a"); + writer.println("</div>"); } - writer.println("</ul>\n"); + } + + public static int rand(int lo, int hi) + { + Random rn2 = new Random(); + int n = hi - lo + 1; + int i = rn2.nextInt() % n; + if (i < 0) + i = -i; + return lo + i; + } } Added: modules/portlet/trunk/portal/src/main/resources/simple-portal-war/css/debugger.css =================================================================== --- modules/portlet/trunk/portal/src/main/resources/simple-portal-war/css/debugger.css (rev 0) +++ modules/portlet/trunk/portal/src/main/resources/simple-portal-war/css/debugger.css 2008-03-21 02:36:35 UTC (rev 10359) @@ -0,0 +1,70 @@ +div.debug-container { + padding: 10px 0 0 0; +} + +div.debug-container div.event { + +} + +div.debug-container div.event div.event-header { + padding: 0 0 0 20px; + +} + +div.debug-container div.event div.event-header h4 { + font-size: 1em; + padding: 0; + margin: 0; +} + +div.debug-container div.event div.event-body { + padding: 0 0 0 20px; + font-size: .95em; +} + +div.debug-container div.event div.event-body p { + border-bottom: 1px solid #aaa; +} + +div.debug-container div.event div.event-body label { + font-weight: bold; + color: #222; +} + +div.debug-container div.event div.event-body div.details label { + color: #555; +} + +div.debug-container div.event div.event-body div.details { + background-color: #eee; + padding: 2px; + color:#000; + font-size: .9em; +} + +div.debug-container div.event div.event-body div.details div.details-frame { + border: 1px solid #fff; + padding: 2px +} + +div.dotted-white { + border-bottom: 1px dotted #fff; + height: 1px; + line-height: 1px; +} + +div.debug-container div.event div.event-body img { + +} + +div.debug-container div.event div.children { + padding: 0 0 0 20px; +} + +div.debug-container div.event div.children div.event-header { + background: url(/simple-portal/images/debug/arrow-elbow.gif) no-repeat top left +} + +div.debug-container div.event div.error { + background: url(/simple-portal/images/debug/alert-small.gif) no-repeat 7px 3px +} \ No newline at end of file Modified: modules/portlet/trunk/portal/src/main/resources/simple-portal-war/demo/demo4.jsp =================================================================== --- modules/portlet/trunk/portal/src/main/resources/simple-portal-war/demo/demo4.jsp 2008-03-20 22:07:52 UTC (rev 10358) +++ modules/portlet/trunk/portal/src/main/resources/simple-portal-war/demo/demo4.jsp 2008-03-21 02:36:35 UTC (rev 10359) @@ -5,7 +5,8 @@ <%@ page isELIgnored="false" %> <%@ include file="/layouts/header.jsp" %> - +<link rel="stylesheet" href="${pageContext.request.contextPath}/css/debugger.css" type="text/css"/> +<script type="text/javascript" src="${pageContext.request.contextPath}/js/debugger.js"></script> <portal:page> <xportal:2columns> Added: modules/portlet/trunk/portal/src/main/resources/simple-portal-war/images/debug/alert-small.gif =================================================================== (Binary files differ) Property changes on: modules/portlet/trunk/portal/src/main/resources/simple-portal-war/images/debug/alert-small.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/portlet/trunk/portal/src/main/resources/simple-portal-war/images/debug/arrow-elbow.gif =================================================================== (Binary files differ) Property changes on: modules/portlet/trunk/portal/src/main/resources/simple-portal-war/images/debug/arrow-elbow.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/portlet/trunk/portal/src/main/resources/simple-portal-war/images/debug/arrow.gif =================================================================== (Binary files differ) Property changes on: modules/portlet/trunk/portal/src/main/resources/simple-portal-war/images/debug/arrow.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: modules/portlet/trunk/portal/src/main/resources/simple-portal-war/js/debugger.js =================================================================== --- modules/portlet/trunk/portal/src/main/resources/simple-portal-war/js/debugger.js (rev 0) +++ modules/portlet/trunk/portal/src/main/resources/simple-portal-war/js/debugger.js 2008-03-21 02:36:35 UTC (rev 10359) @@ -0,0 +1,43 @@ +function showDetails(element,target) { + try{ + element.style.backgroundColor = '#ffffdd'; + $(target).style.display = ''; + }catch(e){ + + } +} + +function hideDetails(element,target) { + try{ + element.style.backgroundColor = '#fff'; + $(target).style.display = 'none'; + //Effect.BlindUp(target); + //return true; + }catch(e){ + + } +} + +function showAllDetails() { + var targets = document.getElementsByClassName('details'); + for (var i=0; i < targets.length; i++){ + try{ + targets[i].style.display = ''; + targets[i].onmouseover = ''; + }catch(e){ +// alert(e); + } + } +} + +window.onload = function(){ + + var targets = document.getElementsByClassName('details'); + for (var i=0; i < targets.length; i++){ + try{ + targets[i].style.display = 'none'; + }catch(e){ +// alert(e); + } + } +}; \ No newline at end of file