update for easier drag-drop to renkan
authorRaphael Velt <raph.velt@gmail.com>
Fri, 29 Mar 2013 18:08:26 +0100
changeset 827 288135d65fc2
parent 826 906cfccd24c3
child 828 6030bef81a51
update for easier drag-drop to renkan
web/res/css/tweetcast.css
web/res/js/live-polemic.js
--- a/web/res/css/tweetcast.css	Wed Mar 27 15:49:22 2013 +0100
+++ b/web/res/css/tweetcast.css	Fri Mar 29 18:08:26 2013 +0100
@@ -414,7 +414,7 @@
 }
 
 .full p.tweet_text {
-	font-size: 12px; margin: 5px 0 5px 58px; height: 108px; width: 207px; color: #000000;
+	font-size: 11px; margin: 0 0 0 58px; color: #000000;
 }
 
 .half p.tweet_text {
@@ -426,7 +426,7 @@
 }
 
 .full .profile_image {
-    margin: 5px 5px 0 5px; width: 48px; height: 48px;
+    margin: 5px 5px 0; width: 48px; height: 48px;
 }
 
 .half .profile_image {
@@ -441,7 +441,7 @@
 	font-size: 12px; text-align: center; font-style: italic; color: #999999; width: 58px; overflow: hidden;
 }
 
-.annotations {
+.annotations, .twmain {
     position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; 
 }
 
@@ -453,10 +453,6 @@
     float: left; height: 100%;
 }
 
-div.twmain {
-    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden;
-}
-
 div.tweet_actions {
     position: absolute; bottom : 2px; right: 4px; font-size: 11px;
 }
--- a/web/res/js/live-polemic.js	Wed Mar 27 15:49:22 2013 +0100
+++ b/web/res/js/live-polemic.js	Fri Mar 29 18:08:26 2013 +0100
@@ -464,7 +464,21 @@
         return placeHolder(className);
     }
     var el = (elName ? elName : 'li');
-    var html = '<' + el + ' class="tweet ' + className + '" id="tweet_' + tweet.id + '"';
+    var html = '<'
+    	+ el
+    	+ ' draggable="true" class="tweet '
+    	+ className
+    	+ '" id="tweet_'
+    	+ tweet.id
+    	+ '" data-title="Tweet by '
+    	+ _(tweet.from_user_name).escape()
+    	+ '" data-description="'
+    	+ _(tweet.text).escape()
+    	+ '" data-uri="http://twitter.com/'
+    	+ tweet.from_user
+    	+ '/status/'
+    	+ tweet.id
+    	+ '"';
     if (className != 'full') {
         html += ' onclick="selectTweet(\'' + tweet.id + '\'); return false;"';
     }
@@ -1085,6 +1099,16 @@
         }
         return false;
     });
+    $("#tweetlist").delegate(".tweet", "dragstart", function(e) {
+    	var div = document.createElement('div');
+    	div.appendChild(this.cloneNode(true));
+		try {
+			e.originalEvent.dataTransfer.setData("text/html",div.innerHTML);
+		}
+		catch(err) {
+			e.originalEvent.dataTransfer.setData("text",div.innerHTML);
+		}
+    });
     $("#timeline").mousewheel(function(e, d) {
         twCx.wheelDelta += d;
         if (Math.abs(twCx.wheelDelta) >= 1) {