guest mode browsing

home.html

@@ -53,7 +53,7 @@
             </div>
             <a class="dropdown-menu-item" href="options.html">Options</a>
             <a class="dropdown-menu-item" href="profile-edit.html">Setup account</a>
-            <a class="dropdown-menu-item" href="following.html">Following users</a>
+            <a class="dropdown-menu-item dropdown-menu-following" href="following.html">Following users</a>
             <a class="dropdown-menu-item" href="network.html">Network config</a>
             <a class="dropdown-menu-item" href="login.html">Change user</a>
             <a class="dropdown-menu-item promoted-posts-only" href="#">Switch to Promoted posts</a>
@@ -118,8 +118,8 @@
         </div>
         <ul class="module profile-data">
           <li><a href="#" class="open-profile-modal"><span class="posts-count">&nbsp;</span><span class="label">Posts</span></a></li>
-          <li><a href="following.html"><span class="following-count">&nbsp;</span><span class="label">Following</span></a></li>
+          <li><a href="following.html" class="open-following-page"><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="#" class="open-followers"><span class="followers-count">&nbsp;</span><span class="label">Followers</span> *</a></li>
         </ul>
       
         <div class="post-area">

js/interface_common.js

@@ -5,6 +5,8 @@
 // Profile, mentions and hashtag modal
 // Post actions: submit, count characters
 
+var preventSlide = false;
+
 //dispara o modal genérico
 //o modalClass me permite fazer tratamentos específicos de CSS para cada modal
 function openModal( modalClass )
@@ -104,6 +106,12 @@ function openProfileModal(e)
     var $this = $( this );
     var username = $.MAL.urlToUser( $this.attr("href") );
     
+    if(!username)
+    {
+	alert(polyglot.t("You don't have any profile because you are not logged in."));
+	return;
+    }
+
     var profileModalClass = "profile-modal";
     openModal( profileModalClass );
 
@@ -169,6 +177,11 @@ function openMentionsModal(e)
     e.stopPropagation();
     e.preventDefault();
 
+    if(!defaultScreenName)
+    {
+	alert(polyglot.t("No one can mention you because you are not logged in."));
+	return;
+    }
     // reuse the same hashtag modal to show mentions
     var hashtagModalClass = "hashtag-modal";
     openModal( hashtagModalClass );
@@ -224,6 +237,13 @@ function openFollowingModal(e)
 //dispara o modal de retweet
 var reTwistPopup = function( e )
 {
+    if(!defaultScreenName)
+    {
+	preventSlide=true;
+	alert(polyglot.t("You have to log in to retransmit messages."));
+	return;
+    }
+    
     var reTwistClass = "reTwist";
     openModal( reTwistClass );
 
@@ -296,7 +316,15 @@ var postExpandFunction = function( e, postLi )
     var $postsRelated = postLi.find(".related");
 
     var openClass = "open";
-    if( !postLi.hasClass( openClass ) ) {
+    
+    //This is used in "guest mode", when user gets an alert that he can't reply or retransmit
+    //when not logged in. Otherwise, this click would also be understood as a command to open/close
+    //the post, which would look weird.
+    if(preventSlide)
+    {
+	preventSlide=false;
+    }
+    else if( !postLi.hasClass( openClass ) ) {
         originalPost.detach();
         postLi.empty();
         postLi.addClass( openClass );
@@ -347,6 +375,12 @@ var postExpandFunction = function( e, postLi )
 
 var postReplyClick = function( e )
 {
+    if(!defaultScreenName)
+    {
+	preventSlide=true;
+	alert(polyglot.t("You have to log in to post replies."));
+	return;
+    }
     var post = $(this).closest(".post");
     if( !post.hasClass( "original" ) ) {
         replyInitPopup(e, post);

js/interface_home.js

@@ -31,15 +31,47 @@ var InterfaceFunctions = function()
     }
 
     function initHome(cbFunc, cbArg) {
-        if( !defaultScreenName ) {
-            alert(polyglot.t("username_undefined"));
-            $.MAL.goLogin();
-            return;
-        }
         checkNetworkStatusAndAskRedirect();
 
         //$("span.screen-name").text('@' + user);
         var $miniProfile = $(".mini-profile");
+        if(!defaultScreenName)
+        {
+            $(".userMenu-profile > a").text(polyglot.t("Login"));
+            $(".userMenu-profile > a").attr("href","login.html");
+            $(".post-area-new > textarea").attr("placeholder",polyglot.t("You have to log in to post messages."));
+            $(".post-area-new > textarea").attr("disabled","true");
+            $miniProfile.find(".mini-profile-name").text("guest");
+            $miniProfile.find(".posts-count").text("0");
+            $miniProfile.find(".following-count").text("0");
+            $miniProfile.find(".followers-count").text("0");
+            $miniProfile.find("a.open-following-page").attr("href","#");
+            $miniProfile.find("a.open-following-page").bind("click", function()
+            { alert(polyglot.t("You are not following anyone because you are not logged in."))} );
+            $miniProfile.find("a.open-followers").bind("click", function()
+            { alert(polyglot.t("You don't have any followers because you are not logged in."))} );
+            $(".dropdown-menu-following").attr("href","#");
+            $(".dropdown-menu-following").bind("click", function()
+            { alert(polyglot.t("You are not following anyone because you are not logged in."))} );
+            twisterRpc("gettrendinghashtags", [10],
+                                function(args, ret) {
+                                    for( var i = 0; i < ret.length; i++ ) {
+                                    
+                                       var $li = $("<li>");
+                                       var hashtagLinkTemplate = $("#hashtag-link-template").clone(true);
+                                       hashtagLinkTemplate.removeAttr("id");
+                                       hashtagLinkTemplate.attr("href",$.MAL.hashtagUrl(ret[i]));
+                                       hashtagLinkTemplate.text("#"+ret[i]);
+                                       $li.append(hashtagLinkTemplate);
+                                       $(".toptrends-list").append($li);
+                                    }
+                                }, {},
+                                function(args, ret) {
+                                   console.log("Error with gettrendinghashtags. Older twister daemon?");
+                                }, {});	    
+        }
+        else
+        {
             $miniProfile.find("a.mini-profile-name").attr("href",$.MAL.userUrl(defaultScreenName));
             $miniProfile.find("a.open-profile-modal").attr("href",$.MAL.userUrl(defaultScreenName));
             $miniProfile.find(".mini-profile-name").text(defaultScreenName);
@@ -91,6 +123,7 @@ var InterfaceFunctions = function()
                  }, {cbFunc:cbFunc, cbArg:cbArg});
         }
     }
+}
 
 //***********************************************
 //******************* INIT **************

js/interface_localization.js

@@ -165,7 +165,16 @@ if(preferredLanguage == "en"){
       "Terminate Daemon:": "Terminate Daemon:",
       "Exit": "Exit",
       "Save Changes": "Save Changes",
-      "Secret key:": "Secret key:"
+      "Secret key:": "Secret key:",
+      "You have to log in to post messages.": "You have to log in to post messages.",
+      "You have to log in to post replies.": "You have to log in to post replies.",
+      "You have to log in to retransmit messages.": "You have to log in to retransmit messages.",
+      "You have to log in to use direct messages.": "You have to log in to use direct messages.",
+      "You have to log in to follow users.": "You have to log in to follow users.",
+      "You are not following anyone because you are not logged in.": "You are not following anyone because you are not logged in.",
+      "You don't have any followers because you are not logged in.": "You don't have any followers because you are not logged in.",      
+      "No one can mention you because you are not logged in.": "No one can mention you because you are not logged in.",
+      "You don't have any profile because you are not logged in.": "You don't have any profile because you are not logged in."
     };
 }
 if(preferredLanguage == "es"){

js/interface_profile-edit.js

@@ -22,7 +22,7 @@ function initProfileEdit() {
 
     initUser( function() {
         if( !defaultScreenName ) {
-            alert("Username undefined, login required.");
+            alert(polyglot.t("username_undefined"));
             $.MAL.goLogin();
             return;
         }

js/twister_directmsg.js

@@ -110,6 +110,11 @@ function newDirectMsg(msg,  dm_screenname) {
 //dispara o modal de direct messages
 function directMessagesPopup()
 {
+    if(!defaultScreenName)
+    {
+      alert(polyglot.t("You have to log in to use direct messages."));
+      return;
+    }
     var directMessagesClass = "directMessages";
     openModal( directMessagesClass );
 
@@ -140,6 +145,11 @@ function hideDmSnippetShowDmThread()
 
 function directMessagesWithUserPopup()
 {
+    if(!defaultScreenName)
+    {
+      alert(polyglot.t("You have to log in to use direct messages."));
+      return;
+    }
     var $userInfo = $(this).closest("[data-screen-name]");
     var dm_screenname = $userInfo.attr("data-screen-name");
     openDmWithUserModal( dm_screenname );

js/twister_following.js

@@ -438,6 +438,12 @@ function userClickFollow(e) {
     var $userInfo = $this.closest("[data-screen-name]");
     var username = $userInfo.attr("data-screen-name");
     
+    if(!defaultScreenName)
+    {
+      alert(polyglot.t("You have to log in to follow users."));
+      return;
+    }
+
     follow(username, true, function() {
         // delay reload so dhtput may do it's job
         window.setTimeout("location.reload();",500);

js/twister_formatpost.js

@@ -90,7 +90,14 @@ function postToElem( post, kind ) {
             replyTo += "@" + mentions[i] + " ";
         }
     }
+    if(!defaultScreenName)
+    {
+	elem.find(".post-area-new textarea").attr("placeholder", polyglot.t("You have to log in to post replies."));
+    }
+    else
+    {
 	elem.find(".post-area-new textarea").attr("placeholder", polyglot.t("reply_to", { fullname: replyTo })+ "...");
+    }
     elem.find(".post-area-new textarea").attr("data-reply-to",replyTo);
     postData.attr("data-reply-to",replyTo);
 

js/twister_network.js

@@ -265,6 +265,11 @@ function initInterfaceNetwork() {
                 initDMsCount();
             });
         }
+        else
+	{
+	    $(".userMenu-profile > a").text(polyglot.t("Login"));
+	    $(".userMenu-profile > a").attr("href","login.html");
+	}
     });
     networkUpdate();
     setInterval("networkUpdate()", 2000);

js/twister_timeline.js

@@ -204,7 +204,7 @@ function processReceivedPosts(req, posts)
 // request timeline update for a given list of users
 function requestTimelineUpdate(mode, count, timelineUsers, getspam)
 {
-    if( _refreshInProgress )
+    if( _refreshInProgress || !defaultScreenName)
         return;
     $.MAL.postboardLoading();
     _refreshInProgress = true;