more graphical integration for the tweetsWidget.
--- 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>