From 57addc0af857b5052a1d9005e1efd8452d4fbe3a Mon Sep 17 00:00:00 2001
From: Peter Hedenskog <peter@soulgalore.com>
Date: Thu, 23 Aug 2012 15:46:22 +0200
Subject: [PATCH] #17 long urls breaks td, temporary solution

---
 report/velocity/header.vm |  5 +++++
 report/velocity/page.vm   | 22 +++++++++++-----------
 report/velocity/pages.vm  | 14 ++++++++------
 3 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/report/velocity/header.vm b/report/velocity/header.vm
index 24a6190e1..ec5832206 100644
--- a/report/velocity/header.vm
+++ b/report/velocity/header.vm
@@ -27,6 +27,11 @@
       line-height: 38px;
       font-weight:bold;
     }
+    .nobreak {
+    overflow: hidden;
+    text-overflow:ellipsis;
+    white-space: nowrap;
+    }
     </style>
 
   <link rel="shortcut icon" href="img/favicon.png">
diff --git a/report/velocity/page.vm b/report/velocity/page.vm
index 53231abad..04ba1c11c 100644
--- a/report/velocity/page.vm
+++ b/report/velocity/page.vm
@@ -1,4 +1,3 @@
-
 #parse("report/velocity/header.vm")
 <div class="row">
 	<div class="span12">
@@ -9,6 +8,7 @@
 		</h2>
 
 		<h3>Yslow scores below 100</h3>
+
 		<table class="table table-condensed table-striped table-bordered" >
 			<thead>
 				<tr>
@@ -27,7 +27,7 @@
 		    				<td>$message.getName()</td>
 		    				<td>$message.getChild("score").getValue()</td>
 		    				<td>$message.getChild("message").getValue()</td>
-		    				<td>
+		    				<td class="nobreak" style="max-width: 450px;">
 		    					#foreach ($item in $message.getChild("components").getChildren("item"))
 		    					<p>$item.getValue()</p>
 		    					#end
@@ -39,6 +39,7 @@
 				</tbody>
 			</table>
 
+
 			<h3>Page assets</h3>
 			<table class="table table-condensed table-striped table-bordered">
 				<thead>
@@ -52,17 +53,16 @@
 					#foreach ($asset in $document.getRootElement().getChild("comps").getChildren())
 					<tr>
 
-						<td>
-							<a href="$asset.getChild("url").getValue()" target="_blank">$asset.getChild("url").getValue()</a>
-							<a rel="tooltip" target="_blank" data-placement="right" data-html="true" href="$asset.getChild("url").getValue()" data-original-title="Response headers: <br/>
-							#foreach ($response in $asset.getChild("headers").getChild("response").getChildren())
+						<td class="nobreak" style="max-width: 500px;">
+							
+<a rel="tooltip" target="_blank" data-placement="right" data-html="true" href="$asset.getChild("url").getValue()" data-original-title="Response headers: <br/>
+                                                        #foreach ($response in $asset.getChild("headers").getChild("response").getChildren())
                                 $esc.html($response.getName()) : $esc.html($response.getValue())
-							<br/>
-							#end 
-                        "> <i class="icon-info-sign"></i>
-						</a>
+                                                        <br/>
+                                                        #end
+                        "><i class="icon-zoom-in"></i></a>
 
-					</td>
+<a href="$asset.getChild("url").getValue()" title="$asset.getChild("url").getValue()" target="_blank">$asset.getChild("url").getValue()</a></td>
 					<td>$asset.getChild("type").getValue()</td>
 					<td>$asset.getChild("size").getValue()</td>
 
diff --git a/report/velocity/pages.vm b/report/velocity/pages.vm
index 038094f34..62588c70b 100644
--- a/report/velocity/pages.vm
+++ b/report/velocity/pages.vm
@@ -79,18 +79,20 @@
 	    #set($yslow = $results.getChild("o").getValue())
 
             <tr>
-                <td>
+                <td class="nobreak" style="max-width: 280px;">
                     #set($file = $results.getAttribute("filename").getValue())
                      #set($file = $file.concat(".html"))
-                    <a href="pages/$file" title="See all page data ">$results.getChild("u").getValue()</a>
-                    <a rel="tooltip" data-placement="right" data-html="true" href="pages/$file" data-original-title="Response headers: <br/>
+
+		     <a rel="tooltip" data-placement="right" data-html="true" href="pages/$file" data-original-title="Response headers: <br/>
                     #foreach ($response in $results.getChild("comps").getChild("item").getChild("headers").getChild("response").getChildren())
                             $esc.html($response.getName()) : $esc.html($response.getValue())
                     <br/>
-                    #end 
+                    #end
                         "> <i class="icon-zoom-in"></i>
-                </a>
-            </td>
+                    </a>
+
+                    <a href="pages/$file" title="$results.getChild("u").getValue()">$results.getChild("u").getValue()</a>
+                </td>
             <td>
                 #if($!{results.getChild("stats").getChild("js").getChild("r")})
                         $results.getChild("stats").getChild("js").getChild("r").getValue()