Browse Source

added fox and bit message buttons

added fox and bit message buttons
master
Hedgehog 11 years ago
parent
commit
ca5b5ad186
  1. BIN
      css/img/clipboard.png
  2. 80
      css/profile.css
  3. 15
      home.html
  4. BIN
      img/bm.png
  5. BIN
      img/tox.png
  6. 9
      js/ZeroClipboard.min.js
  7. BIN
      js/ZeroClipboard.swf
  8. 6
      js/calm.js
  9. 6
      js/interface_common.js
  10. 13
      js/twister_io.js

BIN
css/img/clipboard.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 764 B

80
css/profile.css

@ -53,11 +53,8 @@
color: #fff; color: #fff;
} }
.profile-card-main h2 { .profile-card-main h2 {
display: block;
position: absolute;
left: 17%;
top: 16%;
color: #7691ce; color: #7691ce;
font-size: 14px;
} }
.forEdition .profile-card-main h2 { .forEdition .profile-card-main h2 {
left: 20%; left: 20%;
@ -229,15 +226,15 @@
border-radius: 5px; border-radius: 5px;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top:10%; top:5%;
height: 80%; height: 90%;
margin-left: -300px; margin-left: -300px;
} }
.profile-modal .modal-content .profile-modal .modal-content
{ {
padding: 3px; padding: 3px;
height: 90%; height: 100%;
} }
.profile-modal h1.profile-name { .profile-modal h1.profile-name {
color: #43464d; color: #43464d;
@ -245,23 +242,73 @@
.profile-modal .profile-location { .profile-modal .profile-location {
color: #48577d; color: #48577d;
} }
.profile-modal .profile-tox:before { #msngrswr {
content: "Tox: "; position: absolute;
left: 10px;
margin-top: 10px;
} }
.profile-modal .profile-tox:empty { #toxbtnwr, #bmbtnwr {
float: left;
display: none; display: none;
} }
.profile-modal .profile-bitmessage:before { .bitmessage-ctc, .tox-ctc {
content: "Bitmessage: "; height: 35px;
} width: 30px;
.profile-modal .profile-bitmessage:empty { display: inline-block;
display: none; 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 .profile-modal .profile-data
{ {
display: inline-block; display: inline-block;
margin-left: -4px; margin-left: -4px;
margin-top: 40px;
border-bottom: 0; border-bottom: 0;
} }
button.follow:hover { button.follow:hover {
@ -341,6 +388,7 @@ h1.profile-name {
} }
h2.profile-screen-name { h2.profile-screen-name {
display: inline; display: inline;
bottom: 0;
} }
.profile-modal .modal-buttons { .profile-modal .modal-buttons {

15
home.html

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

BIN
img/bm.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
img/tox.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 884 B

9
js/ZeroClipboard.min.js vendored

File diff suppressed because one or more lines are too long

BIN
js/ZeroClipboard.swf

Binary file not shown.

6
js/calm.js

@ -11,6 +11,12 @@ $(function(){
var skey = document.getElementById('skey').innerText; var skey = document.getElementById('skey').innerText;
new QRCode(document.getElementById("qrcode"), skey); 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'))
})
}) })

6
js/interface_common.js

@ -115,10 +115,14 @@ function openProfileModal(e)
//hed//add dinamic follow button in profile modal window //hed//add dinamic follow button in profile modal window
if(followingUsers.indexOf(username) != -1){ 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); 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) { function newHashtagModal(hashtag) {

13
js/twister_io.js

@ -224,7 +224,12 @@ function getTox( username, item ){
getProfileResource( username, "tox", false, function(item, text){ getProfileResource( username, "tox", false, function(item, text){
item.empty(); item.empty();
if(text) { 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); }, item);
} }
@ -234,7 +239,11 @@ function getBitmessage( username, item ){
getProfileResource( username, "bitmessage", false, function(item, text){ getProfileResource( username, "bitmessage", false, function(item, text){
item.empty(); item.empty();
if(text) { 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); }, item);
} }

Loading…
Cancel
Save