2 new revisions:

Revision: 72d969242721
Branch:   default
Author:   Pekka Klärck
Date:     Sat Nov  2 00:03:16 2013 UTC
Log: log.html: Organized suite/test/kw header elements same order in source...
http://code.google.com/p/robotframework/source/detail?r=72d969242721

Revision: 011947f4d2b5
Branch:   default
Author:   Pekka Klärck
Date:     Sat Nov  2 00:19:10 2013 UTC
Log:      log.html: Visible links to tests, suites, and kws...
http://code.google.com/p/robotframework/source/detail?r=011947f4d2b5

==============================================================================
Revision: 72d969242721
Branch:   default
Author:   Pekka Klärck
Date:     Sat Nov  2 00:03:16 2013 UTC
Log: log.html: Organized suite/test/kw header elements same order in source as they are shown.
http://code.google.com/p/robotframework/source/detail?r=72d969242721

Modified:
 /src/robot/htmldata/rebot/log.html

=======================================
--- /src/robot/htmldata/rebot/log.html  Sat Oct 12 17:33:44 2013 UTC
+++ /src/robot/htmldata/rebot/log.html  Sat Nov  2 00:03:16 2013 UTC
@@ -192,10 +192,10 @@
 <script type="text/x-jquery-tmpl" id="suiteTemplate">
   <div id="${id}" class="suite">
<div class="element-header closed" onclick="toggleSuite('${id}')" title="${fullName}">
+      <span class="${status.toLowerCase()}">TEST SUITE: </span>
+      <span class="name">{{html name}}</span>
       <a class="expand" href="javascript:expandAllChildren('${id}')"
          onclick="stopPropagation(event)">Expand All</a>
-      <span class="${status.toLowerCase()}">TEST SUITE: </span>
-      <span class="name">{{html name}}</span>
     </div>
     <div class="children">
       <table class="metadata">
@@ -247,11 +247,11 @@
 <script type="text/x-jquery-tmpl" id="testTemplate">
   <div id="${id}" class="test">
<div class="element-header closed" onclick="toggleTest('${id}')" title="${fullName}">
-      <a class="expand" href="javascript:expandAllChildren('${id}')"
-         onclick="stopPropagation(event)">Expand All</a>
       <span class="${status.toLowerCase()}">TEST CASE: </span>
       <span class="name">{{html name}}</span>
       {{if !isCritical}}(non-critical){{/if}}
+      <a class="expand" href="javascript:expandAllChildren('${id}')"
+         onclick="stopPropagation(event)">Expand All</a>
     </div>
     <div class="children">
       <table class="metadata">
@@ -299,11 +299,11 @@
 <script type="text/x-jquery-tmpl" id="keywordTemplate">
   <div id="${id}" class="keyword">
<div class="element-header closed" onclick="toggleKeyword('${id}')" title="${name}">
-      <a class="expand" href="javascript:expandAllChildren('${id}')"
-         onclick="stopPropagation(event)">Expand All</a>
       <span class="${status.toLowerCase()}">${type}: </span>
       <span class="name">{{html name}}</span>
       <span class="arg">{{html arguments}}</span>
+      <a class="expand" href="javascript:expandAllChildren('${id}')"
+         onclick="stopPropagation(event)">Expand All</a>
     </div>
     <div class="children">
       <table class="metadata keyword-metadata">

==============================================================================
Revision: 011947f4d2b5
Branch:   default
Author:   Pekka Klärck
Date:     Sat Nov  2 00:19:10 2013 UTC
Log:      log.html: Visible links to tests, suites, and kws

Update issue 1403
Status: Started
Owner: pekka.klarck
Implementing this turned out to be pretty simple. The link is now added
as hidden and made visible when suite/test/kw header is hovered. Idea
how to visualize the link was gotten from Python docs such as
http://docs.python.org/2.7/install/index.html.

Clicking the link always updates the address bar, opens that item, tries
to scroll it top (fails if there isn't enough content below), and
highlights the item. Link target can also be copied using the right
click menu.

I'm pretty happy about the end results both visually and functionally.
Review and comments from others would be nice, though. Easiest way to
check how these new links look like is opening this example:
http://robotframework.googlecode.com/hg/src/robot/htmldata/rebot/log.html
http://code.google.com/p/robotframework/source/detail?r=011947f4d2b5

Modified:
 /src/robot/htmldata/rebot/log.css
 /src/robot/htmldata/rebot/log.html

=======================================
--- /src/robot/htmldata/rebot/log.css   Mon Feb 25 10:40:10 2013 UTC
+++ /src/robot/htmldata/rebot/log.css   Sat Nov  2 00:19:10 2013 UTC
@@ -24,7 +24,7 @@
 .element-header {
     border: 1px solid transparent;
     border-radius: 2px;
-    padding: 0.3em 6em 0.3em 1.4em;
+    padding: 0.3em 6.5em 0.3em 1.4em;
     background-repeat: no-repeat;
     background-position: left center;
background-image: url(data:image/gif;base64,R0lGODlhDQALAIAAAAAAAAAAACH5BAEKAAEALAAAAAANAAsAAAIZTICpYGz/nIOxUShvPU1ZroHTlYWlJi1LAQA7);
@@ -42,7 +42,7 @@
 }
 .expand {
     float: right;
-    margin-right: -7em;
+    margin-right: -6em;
     font-size: 0.8em;
     width: 7em;
     padding: 0.3em 0 0.1em 0;
@@ -55,6 +55,21 @@
     background-color: #BBBBFF;
     color: black !important;
 }
+.ext-link, .ext-link:link, .ext-link:visited {
+    float: right;
+    margin-right: -7em;
+    padding: 0 0.3em;
+    color: #C60F0F;
+    text-decoration: none;
+    visibility: hidden;
+}
+.element-header:hover .ext-link {
+    visibility: visible;
+}
+.ext-link:hover {
+    background: #C60F0F;
+    color: #ECECF7;
+}
 /* Messages and errors */
 .messages {
     font-family: monospace;
=======================================
--- /src/robot/htmldata/rebot/log.html  Sat Nov  2 00:03:16 2013 UTC
+++ /src/robot/htmldata/rebot/log.html  Sat Nov  2 00:19:10 2013 UTC
@@ -196,6 +196,8 @@
       <span class="name">{{html name}}</span>
       <a class="expand" href="javascript:expandAllChildren('${id}')"
          onclick="stopPropagation(event)">Expand All</a>
+      <a class="ext-link" href="#${id}" title="Link to this suite"
+ onclick="makeElementVisible('${id}'); stopPropagation(event)">&para;</a>
     </div>
     <div class="children">
       <table class="metadata">
@@ -252,6 +254,8 @@
       {{if !isCritical}}(non-critical){{/if}}
       <a class="expand" href="javascript:expandAllChildren('${id}')"
          onclick="stopPropagation(event)">Expand All</a>
+      <a class="ext-link" href="#${id}" title="Link to this test"
+ onclick="makeElementVisible('${id}'); stopPropagation(event)">&para;</a>
     </div>
     <div class="children">
       <table class="metadata">
@@ -304,6 +308,8 @@
       <span class="arg">{{html arguments}}</span>
       <a class="expand" href="javascript:expandAllChildren('${id}')"
          onclick="stopPropagation(event)">Expand All</a>
+      <a class="ext-link" href="#${id}" title="Link to this keyword"
+ onclick="makeElementVisible('${id}'); stopPropagation(event)">&para;</a>
     </div>
     <div class="children">
       <table class="metadata keyword-metadata">

--

--- You received this message because you are subscribed to the Google Groups "robotframework-commit" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to robotframework-commit+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to