profile.php

<?php 
  include("includes/header.php");
  $message_obj = new Message($con, $userLoggedIn);

  if(isset($_GET['profile_username'])) {
    $username = $_GET['profile_username'];
    $user_details_query = mysqli_query($con, "SELECT * FROM users WHERE username='$username'");
    $user_array = mysqli_fetch_array($user_details_query);

    $num_friends = (substr_count($user_array['friend_array'], ",")) - 1;
  }

  if(isset($_POST['remove_friend'])) {
    $user = new User($con, $userLoggedIn);
    $user->removeFriend($username);
  }

  if(isset($_POST['add_friend'])) {
    $user = new User($con, $userLoggedIn);
    $user->sendRequest($username);
  }
  if(isset($_POST['respond_request'])) {
    header("Location: requests.php");
  }

  if(isset($_POST['post_message'])) {
    if(isset($_POST['message_body'])) {
      $body = mysqli_real_escape_string($con, $_POST['message_body']);
      $date = date("Y-m-d H:i:s");
      $message_obj->sendMessage($username, $body, $date);
    }
    $link = '#profileTabs a[href="#messages_div"]';
    echo "<script> 
            $(function() {
                $('" . $link ."').tab('show');
            });
          </script>";
    }
?>
  
  <div class="profile-page-container">
    <div class="profile_left">
      <div class="profile_details">
        <img src="<?php echo $user_array['profile_pic']; ?>">
        <div class="profile_info">
          <p><?php echo "Posts: " . $user_array['num_posts']; ?></p>
          <p><?php echo "Likes: " . $user_array['num_likes']; ?></p>
          <p><?php echo "Friends: " . $num_friends ?></p>
        </div>
      </div>
      <div class="profile_btn">
        <form action="<?php echo $username; ?>" method="POST">
          <?php 
            $profile_user_obj = new User($con, $username); 
            if($profile_user_obj->isClosed()) {
              header("Location: user_closed.php");
            }
            $logged_in_user_obj = new User($con, $userLoggedIn); 
            if($userLoggedIn != $username) {
              if($logged_in_user_obj->isFriend($username)) {
                echo '<input type="submit" name="remove_friend" class="danger" value="Remove Friend"><br>';
              }
              else if ($logged_in_user_obj->didReceiveRequest($username)) {
                echo '<input type="submit" name="respond_request" class="warning" value="Respond to Request"><br>';
              }
              else if ($logged_in_user_obj->didSendRequest($username)) {
                echo '<input type="submit" name="" class="default" value="Request Sent"><br>';
              }
              else 
                echo '<input type="submit" name="add_friend" class="success" value="Add Friend"><br>';
            }
          ?>
        </form>
        <input type="submit" class="deep_blue" data-toggle="modal" data-target="#post_form" value="Post Something">
      </div>
      <?php  
        if($userLoggedIn != $username) {
          echo '<div class="profile_info_bottom">';
            echo "<p>" . $logged_in_user_obj->getMutualFriends($username) . " Mutual friends</p>";
          echo '</div>';
        }
      ?>
    </div>

    <div class="profile_main_column column">
      <div class="tab-content">
        <h4>Messages</h4>
        <div role="tabpanel" class="tab-pane" id="messages_div">
            <?php  
              echo "<h4>You and <a href='" . $username ."'>" . $profile_user_obj->getFirstAndLastName() . "</a></h4>";
              echo "<div class='loaded_messages' id='scroll_messages'>";
                echo $message_obj->getMessages($username);
              echo "</div>";
            ?>
            <div class="message_post">
              <form action="" method="POST">
                  <textarea name='message_body' id='message_textarea' placeholder='Write your message..'></textarea>
                  <input type='submit' name='post_message' class='btn' value='Send'>
              </form>
            </div>
            <script>
              $('a[data-toggle="tab"]').on('shown.bs.tab', function () {
                  var div = document.getElementById("scroll_messages");
                  div.scrollTop = div.scrollHeight;
              });
            </script>
          </div>

          <h4>Newsfeed</h4>
          <div role="tabpanel" class="tab-pane active" id="newsfeed_div">
            <div class="posts_area"></div>
            <img id="loading" src="assets/images/icons/loading.gif">
          </div>
      </div>
    </div>

    <!-- Modal -->
    <div class="post_user_profile" id="post_form" tabindex="-1" role="dialog" aria-labelledby="postModalLabel" aria-hidden="true">
      <div class="post_header">
        <h4 class="post_header_title" id="postModalLabel">Post something!</h4>
      </div>

      <div class="post-body">
        <p>This will appear on the user's profile page and also their newsfeed for your friends to see!</p>
        <form class="profile_post" action="" method="POST">
          <div class="form-group">
            <textarea class="form-control" name="post_body"></textarea>
            <input class="btn" type="hidden" name="user_from" value="<?php echo $userLoggedIn; ?>">
            <input class="btn" type="hidden" name="user_to" value="<?php echo $username; ?>">
          </div>
        </form>
      </div>

      <div class="post_user_footer">
        <button type="button" class="btn" data-dismiss="modal">Close</button>
        <button type="button" class="btn" name="post_button" id="submit_profile_post">Post</button>
      </div>
    </div>
  </div>

  <script>
    var userLoggedIn = '<?php echo $userLoggedIn; ?>';
    var profileUsername = '<?php echo $username; ?>';
    $(document).ready(function() {
      $('#loading').show();
      //Original ajax request for loading first posts 
      $.ajax({
        url: "includes/handlers/ajax_load_profile_posts.php",
        type: "POST",
        data: "page=1&userLoggedIn=" + userLoggedIn + "&profileUsername=" + profileUsername,
        cache:false,
        success: function(data) {
          $('#loading').hide();
          $('.posts_area').html(data);
        }
      });

      $(window).scroll(function() {
        var height = $('.posts_area').height(); //Div containing posts
        var scroll_top = $(this).scrollTop();
        var page = $('.posts_area').find('.nextPage').val();
        var noMorePosts = $('.posts_area').find('.noMorePosts').val();

        if ((document.body.scrollHeight == document.body.scrollTop + window.innerHeight) && noMorePosts == 'false') {
          $('#loading').show();
          var ajaxReq = $.ajax({
            url: "includes/handlers/ajax_load_profile_posts.php",
            type: "POST",
            data: "page=" + page + "&userLoggedIn=" + userLoggedIn + "&profileUsername=" + profileUsername,
            cache:false,
            success: function(response) {
              $('.posts_area').find('.nextPage').remove(); //Removes current .nextpage 
              $('.posts_area').find('.noMorePosts').remove(); //Removes current .nextpage 
              $('.posts_area').find('.noMorePostsText').remove(); //Removes current .nextpage 
              $('#loading').hide();
              $('.posts_area').append(response);
            }
          });
        } //End if 
        return false;
      }); //End (window).scroll(function())
  });
  </script>
</body>
</html>