more graphical integration for the tweetsWidget. popcorn-port
authorhamidouk
Wed, 30 Nov 2011 16:54:02 +0100
branchpopcorn-port
changeset 367 277a9f5f342c
parent 366 82363c149ee8
child 368 0d7326fe77e7
more graphical integration for the tweetsWidget.
src/css/LdtPlayer.css
src/js/widgets/tweetsWidget.js
src/templates/tweetWidget.html
--- a/src/css/LdtPlayer.css	Wed Nov 30 16:15:57 2011 +0100
+++ b/src/css/LdtPlayer.css	Wed Nov 30 16:54:02 2011 +0100
@@ -385,6 +385,14 @@
       margin-right: 5px;
     }
 
+    .Ldt-tweet_userHandle {
+       float: left;
+    }
+
+    .Ldt-tweet_realName {
+      float: left;
+      margin-left: 3px;
+    }
 
     .Ldt-tweetContents {
     }
--- a/src/js/widgets/tweetsWidget.js	Wed Nov 30 16:15:57 2011 +0100
+++ b/src/js/widgets/tweetsWidget.js	Wed Nov 30 16:54:02 2011 +0100
@@ -25,13 +25,17 @@
     if (typeof(annotation.meta["dc:source"].content) !== "undefined") {
       var tweetContents = JSON.parse(annotation.meta["dc:source"].content);
       var creator = tweetContents.user.screen_name;
-      
+      var real_name = tweetContents.user.name;
+
       imageMarkup = IriSP.templToHTML("<a href='http://twitter.com/{{creator}}'><img src='{{src}}' alt='user image'></img></a>", 
                                        {src : img, creator: creator});
             
       var formatted_date = new Date(tweetContents.created_at).toLocaleDateString();
-      title = IriSP.templToHTML("<div class='Ldt-tweet_tweetContents'>{{{ contents }}}</div><div class='Ldt-tweet_date'>{{ date }}</div>", 
-                                {contents : title, date : formatted_date});
+      title = IriSP.templToHTML("<a class='Ldt-tweet_userHandle' href='http://twitter.com/{{creator}}'>@{{creator}}</a> - " + 
+                                "<div class='Ldt-tweet_realName'>{{real_name}}</div>" +
+                                "<div class='Ldt-tweet_tweetContents'>{{{ contents }}}</div>" +
+                                "<div class='Ldt-tweet_date'>{{ date }}</div>", 
+                                {creator: creator, real_name: real_name, contents : title, date : formatted_date});
     }
 
     this.selector.find(".Ldt-tweetContents").html(title);
--- a/src/templates/tweetWidget.html	Wed Nov 30 16:15:57 2011 +0100
+++ b/src/templates/tweetWidget.html	Wed Nov 30 16:54:02 2011 +0100
@@ -4,7 +4,6 @@
   <div class='Ldt-tweetAvatar'></div>
   <img src='{{img_dir}}/profile_arrow.png' class='Ldt-tweetAvatar-profileArrow'></img>
   <div class='Ldt-tweetContents'>
-
   </div>
   <div class='Ldt-Retweet'><div class='Ldt-RetweetIcon'></div> - Retweet </div>
   <div class='Ldt-TweetReply'><div class='Ldt-TweetReplyIcon'></div> - Reply</div>