added fox and bit message buttons

added fox and bit message buttons

css/profile.css

@@ -53,11 +53,8 @@
     color: #fff;
 }
 .profile-card-main h2 {
-    display: block;
-    position: absolute;
-    left: 17%;
-    top: 16%;
     color: #7691ce;
+    font-size: 14px;
 }
 .forEdition .profile-card-main h2 {
     left: 20%;
@@ -229,15 +226,15 @@
     border-radius: 5px;
     overflow: hidden;
     position: absolute;
-    top:10%;
-    height: 80%;
+    top:5%;
+    height: 90%;
     margin-left: -300px;
 
 }
 .profile-modal .modal-content
 {
     padding: 3px;
-    height: 90%;
+    height: 100%;
 }
 .profile-modal h1.profile-name {
     color: #43464d;
@@ -245,23 +242,73 @@
 .profile-modal .profile-location {
     color: #48577d;
 }
-.profile-modal .profile-tox:before {
-    content: "Tox: ";
+#msngrswr {
+    position: absolute;
+    left: 10px;
+    margin-top: 10px;
 }
-.profile-modal .profile-tox:empty {
+#toxbtnwr, #bmbtnwr {
+    float: left;
     display: none;
 }
-.profile-modal .profile-bitmessage:before {
-    content: "Bitmessage: ";
-}
-.profile-modal .profile-bitmessage:empty {
-    display: none;
+.bitmessage-ctc, .tox-ctc {
+    height: 35px;
+    width: 30px;
+    display: inline-block;
+    margin-right: 10px;
+    border: 1px solid #c0c2c6;
+    background: #e3e5ea url(img/clipboard.png) center no-repeat;
+    opacity: .8;
+    -webkit-border-radius: 0 5px 5px 0;
+    -moz-border-radius: 0 5px 5px 0;
+    border-radius: 0 5px 5px 0;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.bitmessage-ctc:hover, .tox-ctc:hover {
+    background-color: #f0f2f8;
+    opacity: 1;
+}
+.bitmessage-ctc:active, .tox-ctc:active {
+    background-color: #edfced;
+}
+.profile-modal .profile-tox, .profile-modal .profile-bitmessage {
+    display: inline-block;
+    width: 80px;
+    height: 35px;
+    margin-right: 2px;
+    border: 1px solid #c0c2c6;
+    opacity: .8;
+    -webkit-border-radius: 5px 0 0 5px;
+    -moz-border-radius: 5px 0 0 5px;
+    border-radius: 5px 0 0 5px;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.profile-modal .profile-tox:hover, .profile-modal .profile-bitmessage:hover {
+    opacity: 1;
+    background-color: #f0f2f8;
+}
+.profile-modal .profile-tox:active, .profile-modal .profile-bitmessage:active {
+    background-color: #fff0f0;
+}
+.profile-modal .profile-tox {
+    background: #e3e5ea url(../img/tox.png) center no-repeat;
+}
+.profile-modal .profile-bitmessage {
+    background: #e3e5ea url(../img/bm.png) center no-repeat;
 }
-
 .profile-modal .profile-data
 {
     display: inline-block;
     margin-left: -4px;
+    margin-top: 40px;
     border-bottom: 0;
 }
 button.follow:hover {
@@ -341,6 +388,7 @@ h1.profile-name {
 }
 h2.profile-screen-name {
     display: inline;
+    bottom: 0;
 }
 
 .profile-modal .modal-buttons {

home.html

@@ -26,6 +26,7 @@
     <script src="js/interface_common.js"></script>
     <script src="js/interface_home.js"></script>
     <script src="js/jquery.animate-colors-min.js"></script>
+    <script src="js/ZeroClipboard.min.js"></script>
     <script src="js/jquery.textcomplete.js"></script>
     <script src="js/calm.js"></script>
     <script src="js/options.js"></script>
@@ -432,7 +433,7 @@
                  style="background: url(img/imgBack.png) no-repeat center center;"-->
             <div class="profile-card-main">
               <img class="profile-card-photo" src="img/grayed_avatar_placeholder_24.png"/>
-              <h1 class="profile-name"></h1>
+              <h1 class="profile-name"></h1><br>
               <h2 class="profile-screen-name">@<b></b></h2>
               <div>
                 <span class="profile-location"></span>
@@ -440,15 +441,21 @@
               </div>
               <div class="profile-bio">
               </div>
-              <div class="profile-tox"></div>
-              <div class="profile-bitmessage"></div>
+              <div id="msngrswr">
+                <div id="toxbtnwr">
+                  <a class="profile-tox"></a><a class="tox-ctc"></a>
+                </div>
+                <div id="bmbtnwr">
+                  <a class="profile-bitmessage"></a><a class="bitmessage-ctc"></a>
+                </div>
+              </div>
             </div>
             <ul class="module profile-data">
               <li><a href="#"><span class="posts-count">&nbsp;</span><span class="label">Posts</span></a></li>
               <li><a href="#" class="open-following-modal"><span class="following-count">&nbsp;</span><span class="label">Following</span></a></li>
               <li><a href="#"><span class="followers-count">&nbsp;</span><span class="label">Followers</span></a></li>
             </ul>
-            <button class="follow" href="#">Follow</button>
+            <button class="followButton follow" href="#">Follow</button>
             <button class="direct-messages-with-user" href="#">Direct Messages</button>
 
           </div>

js/calm.js

@@ -11,6 +11,12 @@ $(function(){
          var skey = document.getElementById('skey').innerText;
          new QRCode(document.getElementById("qrcode"), skey);
     });
+    $('.tox-ctc').on('click', function(){
+    	window.prompt('Press Ctrl/Cmd+C to copy then Enter to close', $(this).attr('data'))
+    })
+    $('.bitmessage-ctc').on('click', function(){
+    	window.prompt('Press Ctrl/Cmd+C to copy then Enter to close', $(this).attr('data'))
+    })
 })
 
 

js/interface_common.js

@@ -115,10 +115,14 @@ function openProfileModal(e)
     
     //hed//add dinamic follow button in profile modal window
     if(followingUsers.indexOf(username) != -1){
-        $('.profile-card button').first().removeClass('follow').addClass('profileUnfollow').text(polyglot.t('Unfollow')).on('click', function(){
+        $('.profile-card button.followButton').first().removeClass('follow').addClass('profileUnfollow').text(polyglot.t('Unfollow')).on('click', function(){
             unfollow(username);
         });
     };
+    $mc = $('.modal-content');
+    $mch = parseInt($('.modal-content').css('height'));//
+    $pch = parseInt($('.profile-card').css('height'));//
+    $mc.css('height', $mch - ($pch + Math.floor($mch/50)));//hed//fix .modal-content height
 }
 
 function newHashtagModal(hashtag) {

js/twister_io.js

@@ -224,7 +224,12 @@ function getTox( username, item ){
     getProfileResource( username, "tox", false, function(item, text){
         item.empty();
         if(text) {
-            item.append($('<a></a>').attr('href', 'tox:'+text).text(text));
+            item.attr('href', 'tox:'+text);
+            
+            setTimeout(function(){
+              $('#toxbtnwr').show()
+              $('.tox-ctc').attr('data', text);
+            }, 0);
         }
     }, item);
 }
@@ -234,7 +239,11 @@ function getBitmessage( username, item ){
     getProfileResource( username, "bitmessage", false, function(item, text){
         item.empty();
         if(text) {
-            item.append($('<a></a>').attr('href', 'bitmsg:'+text).text(text));
+            item.attr('href', 'bitmsg:'+text);
+            setTimeout(function(){
+              $('#bmbtnwr').show();
+              $('.bitmessage-ctc').attr('data', text);
+            }, 0);
         }
     }, item);
 }