From 7e6294a705a578183f7d3a93dd751488b68ebe1f Mon Sep 17 00:00:00 2001
From: Devin Howard <devin@callysto.com>
Date: Wed, 2 Jan 2013 21:49:00 -0500
Subject: [PATCH] Getting closer to working in-place editing. TODO: Fix the way
 the links work, fix click-dragging on text, run callbacks on change of the
 metacode or link, and organize the metacode list

---
 app/assets/javascripts/Jit/graphsettings.js | 45 ++++++++++++---------
 app/assets/stylesheets/topics.css.scss      |  8 +++-
 2 files changed, 34 insertions(+), 19 deletions(-)

diff --git a/app/assets/javascripts/Jit/graphsettings.js b/app/assets/javascripts/Jit/graphsettings.js
index 01933f44..1fcfad10 100644
--- a/app/assets/javascripts/Jit/graphsettings.js
+++ b/app/assets/javascripts/Jit/graphsettings.js
@@ -535,20 +535,26 @@ function onCreateLabelHandler(domElement, node) {
          data-collection=$_metacode_choices_$                                 \
          data-attribute="metacode"                                            \
          data-type="select">$_metacode_$</p>                                  \
-      <a href="/topics/$_id_$">                                               \
-        <img alt="$_metacode_$"                                               \
-             class="icon"                                                     \
-             height="50"                                                      \
-             width="50"                                                       \
+      <img alt="$_metacode_$"                                                 \
+           class="icon"                                                       \
+           height="50"                                                        \
+           width="50"                                                         \
            src="$_imgsrc_$" />                                                \
-      </a>                                                                    \
       <div class="scroll">                                                    \
-        <span class="title best_in_place"                                     \
-              id="best_in_place_name"                                         \
-              data-url="/topics/$_id_$"                                       \
-              data-object="topic"                                             \
-              data-attribute="name"                                           \
-              data-type="input">$_name_$</span>                               \
+        <span class="title">                                                  \
+          <span class="best_in_place"                                         \
+                id="best_in_place_name"                                       \
+                data-url="/topics/$_id_$"                                     \
+                data-object="topic"                                           \
+                data-attribute="name"                                         \
+                data-type="input">                                            \
+          $_name_$</span>                                                     \
+          <a href="/topics/$_id_$">                                           \
+            <img class="topic-go-arrow"                                       \
+                 title="Go to the topic page"                                 \
+                 src="/assets/go-arrow.png" />                                \
+          </a>                                                                \
+        </span>                                                               \
         <div class="contributor">                                             \
           Added by: <a href="/users/$_userid_$">$_username_$</a>              \
         </div>                                                                \
@@ -561,13 +567,16 @@ function onCreateLabelHandler(domElement, node) {
                 data-type="textarea">$_desc_$</span>                          \
         </div>                                                                \
       </div>                                                                  \
+      <span class="best_in_place"                                             \
+            id="best_in_place_link"                                           \
+            data-url="/topics/$_id_$"                                         \
+            data-object="topic"                                               \
+            data-attribute="link"                                             \
+            data-type="input">$_link_$</span>                                 \
       <a href="$_link_$" class="link" target="_blank">                        \
-        <span class="best_in_place"                                           \
-              id="best_in_place_link"                                         \
-              data-url="/topics/$_id_$"                                       \
-              data-object="topic"                                             \
-              data-attribute="link"                                           \
-              data-type="input">$_link_$</span>                               \
+        <img class="topic-go-arrow link"                                      \
+             title="Visit $_link_$"                                           \
+             src="/assets/go-arrow.png" />                                    \
       </a>                                                                    \
     </div>';
 
diff --git a/app/assets/stylesheets/topics.css.scss b/app/assets/stylesheets/topics.css.scss
index 7fbc6738..2d6af234 100644
--- a/app/assets/stylesheets/topics.css.scss
+++ b/app/assets/stylesheets/topics.css.scss
@@ -34,4 +34,10 @@ line-height: 24px;}
 .topic .desc { font-size:15px; font-family:Arial, Helvetica, sans-serif; }
 .topic .desc h3 { font-style:normal; margin-top:5px; }
 
-.topic .link { position:absolute; width:170px; top:295px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
\ No newline at end of file
+.topic .link { position:absolute; width:170px; top:295px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+
+.topic-go-arrow {
+  width: 1em;
+  height: 1em;
+  float: right;
+}