mirror of
https://github.com/twisterarmy/twister-calm.git
synced 2025-02-04 19:14:30 +00:00
added fox and bit message buttons
added fox and bit message buttons
This commit is contained in:
Hedgehog
parent
759ac71d0c
commit
ca5b5ad186
BIN
css/img/clipboard.png
Normal file
BIN
css/img/clipboard.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 764 B |
@ -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: ";
|
||||
.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;
|
||||
}
|
||||
.profile-modal .profile-bitmessage:empty {
|
||||
display: none;
|
||||
.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 {
|
||||
|
||||
15
home.html
15
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"> </span><span class="label">Posts</span></a></li>
|
||||
<li><a href="#" class="open-following-modal"><span class="following-count"> </span><span class="label">Following</span></a></li>
|
||||
<li><a href="#"><span class="followers-count"> </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>
|
||||
|
||||
BIN
img/bm.png
Normal file
BIN
img/bm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
img/tox.png
Normal file
BIN
img/tox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 884 B |
9
js/ZeroClipboard.min.js
vendored
Normal file
9
js/ZeroClipboard.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
js/ZeroClipboard.swf
Normal file
BIN
js/ZeroClipboard.swf
Normal file
Binary file not shown.
@ -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'))
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
|
||||
@ -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) {
|
||||
|
||||
@ -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);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user