ComunicWeb/assets/js/pages/userPage/posts.js

/**
 * Posts function
 * 
 * @author Pierre HUBERT
 */

ComunicWeb.pages.userPage.posts = {

	/**
	 * Last displayed post ID
	 */
	_last_post_id: 0,

	/**
	 * Specify if post loading is locked
	 */
	_load_post_locked: false,

	/**
	 * Display the posts
	 * 
	 * @param {Object} userInfos Informations about the user
	 * @param {Object} params Additionnal parametres passed with the request
	 * @param {HTMLElement} target The target where the posts will be applied
	 */
	display: function(userInfos, params, target){

		//Reset last post id
		this._last_post_id = 0;
		this._load_post_locked = true;

		//Create posts blocks
		var postsBlock = createElem2({
			appendTo: target,
			type: "div",
			class: "box box-primary"
		});

		var postsBody = createElem2({
			appendTo: postsBlock,
			type: "div",
			class: "box-body",
		});

		//Display loading message
		var loadingMsg = createElem2({
			appendTo: postsBody,
			type: "p",
			innerHTML: "Loading posts..."
		});
		loadingMsg.style.textAlign = "center";

		//Trigger an event the the user reach the end of the page
		$(window).scroll(function(){
			
			//Cancel event if it came by error
			if(!postsBlock.isConnected)
				return false;
			
			//Cancel event if the page is locked
			if(ComunicWeb.pages.userPage.posts._load_post_locked !== false)
				return;
		
			//Check if we reached the bottom of the page
			if($(window).scrollTop() + $(window).height() < $(document).height() - 50){
				return;
			}

			//Lock the loading state
			ComunicWeb.pages.userPage.posts._load_post_locked = true;

			//Load next posts
			ComunicWeb.pages.userPage.posts._load_posts(userInfos, postsBody);
		});

		//Load the posts
		this._load_posts(userInfos, postsBody, function(){
			loadingMsg.remove();
		});
		
	},

	/**
	 * Load the posts for the user
	 * 
	 * @param {Object} userInfos Informations about the user to load
	 * @param {HTMLElement} target The target for the posts
	 * @param {function} callback What to do once the posts have been loaded
	 */
	_load_posts: function(userInfos, target, callback){

		//Get the posts from the API
		ComunicWeb.components.posts.interface.get_user(userInfos.userID, this._last_post_id, function(result){

			//Check for errors
			if(result.error){
				//Display notification
				ComunicWeb.common.notificationSystem.showNotification("Couldn't get user posts!", "danger", 4, "Error");
			}
			else {

				//Show the posts
				ComunicWeb.pages.userPage.posts._show(result, target);

			}

			//Unlock posts loading 
			ComunicWeb.pages.userPage.posts._load_post_locked = false;

			//Call callback (if any)
			if(callback)
				callback();

		});

	},

	/**
	 * Show user posts
	 * 
	 * @param {Object} posts The list of posts to display
	 * @param {HTMLElement} target The rendering target
	 */
	_show: function(posts, target){

		//Process each post
		var i;
		for(i in posts){
			
			//Display post
			ComunicWeb.components.posts.ui.display_post(posts[i], target);

			//Update last post ID (if small than previous one or if it has not been initialized yet)
			this._last_post_id = posts[i].ID;

		}

		//Check if there is not any posts
		if(this._last_post_id == 0){
			this._no_posts_msg(target);
		}

	},

	/**
	 * Display a message to inform user that there is not any post
	 * on the page he is visiting
	 * 
	 * @param {HTMLElement} target The target for the message
	 */
	_no_posts_msg: function(target){
		
		var msgContainer = createElem2({
			appendTo: target,
			type: "div"
		});

		var msgTitle = createElem2({
			appendTo: msgContainer,
			type: "h2",
			innerHTML: "No post yet"
		});
		msgTitle.style.textAlign = "center";

		var msgContent = createElem2({
			appendTo: msgContainer,
			type: "p",
			innerHTML: "Nobody has posted a message on this page yet."
		}).style.textAlign = "center";
	}



};