message number dialog

2 files changed, 46 insertions, 0 deletions

diff --git a/web/scripts3.js b/web/scripts3.js
index 1a5ffd66..a1afb433 100644
--- a/web/scripts3.js
+++ b/web/scripts3.js
@@ -63,6 +63,39 @@ function unfoldReply() {
     }
 }
 
+function showMessageLinksDialog(mid,rid) {
+    var hlink="http://juick.com/"+mid;
+    var mlink="#"+mid;
+    if(rid>0) {
+        hlink+="#"+rid;
+        mlink+="/"+rid;
+    }
+    $('#dialogl').html(hlink);
+    $('#dialogn').html(mlink);
+    
+    $('#dialogw li>a').click(function(event) {
+        event.preventDefault();
+        openSocialWindow($(this).attr('href'));
+    });
+    var hlinkenc=encodeURIComponent(hlink);
+    $('#sharefb').attr('href','https://www.facebook.com/sharer/sharer.php?u='+hlinkenc);
+    $('#sharetw').attr('href','https://twitter.com/intent/tweet?url='+hlinkenc);
+    $('#sharevk').attr('href','https://vk.com/share.php?url='+hlinkenc);
+    $('#sharegp').attr('href','https://plus.google.com/share?url='+hlinkenc);
+   
+    var w=$('#dialogw');
+    var b=$('#dialogb');
+    w.css("top", Math.max(0, ((b.height() - w.outerHeight()) / 2) + b.scrollTop()) + "px");
+    w.css("left", Math.max(0, ((b.width() - w.outerWidth()) / 2) + b.scrollLeft()) + "px");
+    b.show();
+    w.show();
+}
+
+function openSocialWindow(url) {
+    var w=window.open(url,'juickshare','width=640,height=400');
+    if(window.focus) w.focus();
+}
+
 /*
  * jQuery.fn.autoResize 1.14
 */ 
diff --git a/web/style3.css b/web/style3.css
index 2649de77..d04c5487 100644
--- a/web/style3.css
+++ b/web/style3.css
@@ -45,6 +45,8 @@ img { border: none; }
 #content .msg-avatar { float: left; }
 #content .msg-avatar img { width: 48px; height: 48px; vertical-align: top; }
 #content .msg-ts { float: right; font-size: small; vertical-align: top; }
+#content .msg-menu { margin: 0 0 0 6px; padding: 2px 0; }
+#content .msg-menu img { vertical-align: top; }
 #content .msg-header { margin-left: 58px; overflow: hidden; }
 #content .msg-place { font-size: small; margin: 8px 0 8px 58px; }
 #content .msg-txt { margin: 8px 0 8px 58px; overflow: hidden; }
@@ -97,6 +99,17 @@ table.users img { width: 32px; height: 32px; vertical-align: middle; margin-righ
 
 /********/
 
+#dialogb { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; }
+#dialogw { display: none; position: fixed; top: 40%; left: 30%; width: 350px; padding: 20px; background: #EEEEE5; border: 1px solid #999; }
+#dialogl,#dialogn { padding: 5px; margin: 3px 0 20px; border: 1px solid #DDD; background: #F5F5E9; }
+#dialogw li { float: left; margin: 5px 10px 0 0; }
+#dialogw li>a { display: block; width: 32px; height: 32px; background-image: url(//static.juick.com/sharesocial.png); }
+#sharetw { background-position: -32px 0; }
+#sharevk { background-position: -64px 0; }
+#sharegp { background-position: -96px 0; }
+
+/********/
+
 #footer { clear: both; width: 600px; margin: 0 auto; font-size: small; padding: 15px 0 10px 0; }
 #footer-right { float: right; }