twisterarmy
/
twister-html
mirror of https://github.com/twisterarmy/twister-html.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

various fixes around follow button

master
Simon Grim 10 years ago
parent
baf1060030
commit
44462098ef
5 changed files with 79 additions and 31 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      css/style.css
  2. 54
      js/interface_common.js
  3. 23
      js/twister_following.js
  4. 9
      theme_calm/css/style.css
  5. 13
      theme_nin/css/style.css

9
css/style.css
Unescape View File

@ -748,17 +748,18 @@ textarea.splited-post {
.twister-user-remove:hover{ .twister-user-remove:hover{
opacity: 1; opacity: 1;
} }
.follow
{ .follow, .unfollow {
background: none; background: none;
border: solid 1px rgba( 0, 0, 0 ,.2 ); border: solid 1px rgba( 0, 0, 0 ,.2 );
padding: 3px 15px; padding: 3px 15px;
color: rgba( 0, 0, 0 ,.4 ); color: rgba( 0, 0, 0 ,.4 );
} }
.follow:hover
{ .follow:hover, .unfollow:hover {
color: rgba( 0, 0, 0 ,.7 ); color: rgba( 0, 0, 0 ,.7 );
} }
.refresh-users, .refresh-users,
.view-all-users .view-all-users
{ {

54
js/interface_common.js
Unescape View File

@ -549,18 +549,49 @@ var replyInitPopup = function(e, post)
} }
//abre o menu dropdown de configurações //abre o menu dropdown de configurações
var dropDownMenu = function( e ) function dropDownMenu() {
{ $( ".config-menu" ).slideToggle( "fast" );
var $configMenu = $( ".config-menu" );
$configMenu.slideToggle( "fast" );
e.stopPropagation();
} }
//fecha o config menu ao clicar em qualquer lugar da tela //fecha o config menu ao clicar em qualquer lugar da tela
var closeThis = function() function closeThis() {
{
$( this ).slideUp( "fast" ); $( this ).slideUp( "fast" );
}; }
function toggleFollowButton(button, followingUser) {
if (!button || !followingUser)
return;
button
.removeClass("follow")
.addClass("unfollow")
.unbind("click")
.bind("click",
(function(e) {
unfollow(this.toString(),
(function() {
this
.removeClass("unfollow")
.addClass("follow")
.unbind("click")
.bind("click", userClickFollow);
if ($.Options.getTheme() === 'nin') {
this.attr('title', polyglot.t('Follow'));
} else {
this.text(polyglot.t('Follow'));
}
}).bind($(e.target))
);
}).bind(followingUser)
);
if ($.Options.getTheme() === 'nin') {
button.attr('title', polyglot.t('Unfollow'));
} else {
button.text(polyglot.t('Unfollow'));
}
}
var postExpandFunction = function( e, postLi ) var postExpandFunction = function( e, postLi )
{ {
@ -1435,7 +1466,8 @@ function initInterfaceCommon() {
$('.mark-all-as-read').css('display', 'none'); $('.mark-all-as-read').css('display', 'none');
}); });
$(".prompt-close").on('click', function(event){ $(".prompt-close").on('click', function(e){
e.stopPropagation();
closePrompt(); closePrompt();
}); });
@ -1456,8 +1488,8 @@ function initInterfaceCommon() {
}); });
$( ".post-reply" ).bind( "click", postReplyClick ); $( ".post-reply" ).bind( "click", postReplyClick );
$( ".post-propagate" ).bind( "click", reTwistPopup ); $( ".post-propagate" ).bind( "click", reTwistPopup );
$( ".userMenu-config-dropdown" ).bind( "click", dropDownMenu ); $( ".userMenu-config" ).clickoutside( closeThis.bind($( ".config-menu" )) );
$( ".config-menu" ).clickoutside( closeThis ); $( ".userMenu-config-dropdown" ).click( dropDownMenu );
$( ".module.post" ).bind( "click", function(e) { $( ".module.post" ).bind( "click", function(e) {
if(e.button === 0 && window.getSelection() == 0) postExpandFunction(e,$(this)); if(e.button === 0 && window.getSelection() == 0) postExpandFunction(e,$(this));
}); });

23
js/twister_following.js
Unescape View File

@ -353,6 +353,9 @@ function updateFollowing(cbFunc, cbArg) {
function follow(user, publicFollow, cbFunc, cbArg) { function follow(user, publicFollow, cbFunc, cbArg) {
if( followingUsers.indexOf(user) < 0 ) { if( followingUsers.indexOf(user) < 0 ) {
followingUsers.push(user); followingUsers.push(user);
twisterFollowingO.update(user);
$(".following-count").text(followingUsers.length-1);
setTimeout('requestTimelineUpdate("latest",postsPerRefresh,["'+user+'"],promotedPostsOnly)', 1000);
} }
if( publicFollow == undefined || publicFollow ) if( publicFollow == undefined || publicFollow )
_isFollowPublic[user] = true; _isFollowPublic[user] = true;
@ -367,6 +370,7 @@ function unfollow(user, cbFunc, cbArg) {
if( i >= 0 ) { if( i >= 0 ) {
followingUsers.splice(i,1); followingUsers.splice(i,1);
twisterFollowingO.update(user); twisterFollowingO.update(user);
$(".following-count").text(followingUsers.length-1);
} }
delete _isFollowPublic[user]; delete _isFollowPublic[user];
saveFollowing(); saveFollowing();
@ -570,8 +574,7 @@ function processSuggestion(arg, suggestion, followedBy) {
function closeSearchDialog() function closeSearchDialog()
{ {
var $this = $(".userMenu-search-field");//$( this ); $(".userMenu-search-field").siblings().slideUp( "fast" );
$( this ).siblings().slideUp( "fast" );
removeUsersFromDhtgetQueue( _lastSearchUsersResults ); removeUsersFromDhtgetQueue( _lastSearchUsersResults );
_lastSearchUsersResults = []; _lastSearchUsersResults = [];
} }
@ -654,6 +657,8 @@ function processDropdownUserResults(partialName, results){
resItem.find("a.open-profile-modal").attr("href",$.MAL.userUrl(results[i])); resItem.find("a.open-profile-modal").attr("href",$.MAL.userUrl(results[i]));
getAvatar(results[i],resItem.find(".mini-profile-photo")); getAvatar(results[i],resItem.find(".mini-profile-photo"));
getFullname(results[i],resItem.find(".mini-profile-name")); getFullname(results[i],resItem.find(".mini-profile-name"));
if (followingUsers.indexOf(results[i]) >= 0)
toggleFollowButton(resItem.find(".follow"), results[i]);
resItem.appendTo(typeaheadAccounts); resItem.appendTo(typeaheadAccounts);
} }
@ -677,6 +682,7 @@ function newFollowingConfigModal(username) {
function userClickFollow(e) { function userClickFollow(e) {
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
$(e.target).addClass("followingInitiator");
var $this = $(this); var $this = $(this);
var $userInfo = $this.closest("[data-screen-name]"); var $userInfo = $this.closest("[data-screen-name]");
@ -702,7 +708,7 @@ function initUserSearch() {
var $userSearchField = $( ".userMenu-search-field" ); var $userSearchField = $( ".userMenu-search-field" );
$userSearchField.keyup( userSearchKeypress ); $userSearchField.keyup( userSearchKeypress );
$userSearchField.bind( "click", userSearchKeypress ); $userSearchField.bind( "click", userSearchKeypress );
$userSearchField.clickoutside( closeSearchDialog ); $(".userMenu-search").clickoutside( closeSearchDialog );
$("button.follow").bind( "click", userClickFollow ); $("button.follow").bind( "click", userClickFollow );
@ -710,7 +716,7 @@ function initUserSearch() {
$(".following-config-method-buttons .public-following").click( function() { $(".following-config-method-buttons .public-following").click( function() {
closePrompt(); closePrompt();
// delay reload so dhtput may do it's job // delay reload so dhtput may do it's job
window.setTimeout("loadModalFromHash();",500); window.setTimeout("loadModalFromHash();",500);
}); });
} }
@ -754,9 +760,14 @@ function setFollowingMethod(e) {
if( !$this.hasClass("private") ) { if( !$this.hasClass("private") ) {
publicFollow = true; publicFollow = true;
} }
//console.log("start following @" +username +" by method "+publicFollow); //console.log("start following @" +username +" by method "+publicFollow);
follow(username, publicFollow); follow(username, publicFollow,
(function() {
var followingInitiator = $(".followingInitiator");
if (followingInitiator)
toggleFollowButton(followingInitiator, this);
}).bind(username)
);
} }

9
theme_calm/css/style.css
Unescape View File

@ -920,17 +920,18 @@ textarea.splited-post {
opacity: 1; opacity: 1;
text-decoration: none; text-decoration: none;
} }
.follow
{ .follow, .unfollow {
background: none; background: none;
border: solid 1px rgba( 0, 0, 0 ,.2 ); border: solid 1px rgba( 0, 0, 0 ,.2 );
padding: 3px 15px; padding: 3px 15px;
color: rgba( 0, 0, 0 ,.4 ); color: rgba( 0, 0, 0 ,.4 );
} }
.follow:hover
{ .follow:hover, .unfollow:hover {
color: rgba( 0, 0, 0 ,.7 ); color: rgba( 0, 0, 0 ,.7 );
} }
.refresh-users, .refresh-users,
.view-all-users .view-all-users
{ {

13
theme_nin/css/style.css
Unescape View File

@ -121,13 +121,13 @@
/* '' */ /* '' */
/* line 120, ../sass/_fonts.sass */ /* line 120, ../sass/_fonts.sass */
.icon-plus:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before { .icon-plus:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button.follow:before {
content: ""; content: "";
} }
/* '' */ /* '' */
/* line 125, ../sass/_fonts.sass */ /* line 125, ../sass/_fonts.sass */
.icon-minus:before { .icon-minus:before, ul.userMenu-search-profiles button.unfollow:before {
content: ""; content: "";
} }
@ -1855,10 +1855,13 @@ ul.userMenu-search-profiles .mini-profile-info {
float: none; float: none;
} }
/* line 119, ../sass/style.sass */ /* line 119, ../sass/style.sass */
ul.userMenu-search-profiles button, ul.userMenu-search-profiles .mini-profile-actions span, .mini-profile-actions ul.userMenu-search-profiles span { ul.userMenu-search-profiles button.unfollow, ul.userMenu-search-profiles .mini-profile-actions span, .mini-profile-actions ul.userMenu-search-profiles span {
background-color: #66686B; background-color: #66686B;
padding: 3px; padding: 3px;
} }
ul.userMenu-search-profiles button {
padding: 3px;
}
/* line 124, ../sass/style.sass */ /* line 124, ../sass/style.sass */
ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .mini-profile-actions span:after, .mini-profile-actions ul.userMenu-search-profiles span:after { ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .mini-profile-actions span:after, .mini-profile-actions ul.userMenu-search-profiles span:after {
content: ""; content: "";
@ -2316,14 +2319,14 @@ textarea.splited-post {
} }
/* line 491, ../sass/style.sass */ /* line 491, ../sass/style.sass */
button.follow, .mini-profile-actions span.follow { button.follow, .mini-profile-actions span.follow, button.unfollow, .mini-profile-actions span.unfollow {
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
right: 10px; right: 10px;
background: #B4C669; background: #B4C669;
} }
/* line 496, ../sass/style.sass */ /* line 496, ../sass/style.sass */
button.follow:hover, .mini-profile-actions span.follow:hover { button.follow:hover, .mini-profile-actions span.follow:hover, button.unfollow, .mini-profile-actions span.unfollow {
background: #aaa; background: #aaa;
} }

Write Preview
Loading…
Cancel
Save