user.js

var APP_ID = "h9cTIu8mfHTqw3eZdZG1ktMssxuDZcR8KAdVyEfi";
var JS_KEY = "0NpLp2dzfb6OrakMeOc8XNGfJuj6TOaeWDKv77hn";

$(document).ready(function(){
	Parse.initialize(APP_ID, JS_KEY);

	var userSignup = function(){
		var signup_user = new Parse.User();

		signup_user.set("username", $("#signup-username").val());
		signup_user.set("password", $("#signup-password").val());

		signup_user.signUp(null, {
			success: function(result_user){
				changeView('service');
			},
			error: function(result_user, error){
				alert("error" + error.message);
			}
		});
	}

	var userLogin = function(){
		var username = $("#login-username").val();
		var password = $("#login-password").val();

		Parse.User.logIn(username,password,{
			success: function(result_user) {
				changeView('service');
				showPic();
			},
			error: function(result_user, error) {
				alert("error");
			}
		});
	}

	var userLogout = function(){
		Parse.User.logOut();
		changeView('user-verify');
	}

	var upload_file = function(){
		var fileUpload = $("#FileUpload")[0];
		if (fileUpload.files.length > 0) {
			var file = fileUpload.files[0];
			var name = file.name;

			var parseFile = new Parse.File(name, file);

			parseFile.save().then(function(upload_info){
				$("#FileUpload")[0].files[0]=undefined;
				create_post(upload_info.url());
			});
		}
		else alert("File isn't selected!");
	}

	var create_post = function(upload_url){
		var Post = Parse.Object.extend("Post");
		var myPost = new Post();

		var title = $("#title").val();
		var comment = $("#comment").val();
		var user = Parse.User.current().get("username");

		myPost.set("Title",title);
		myPost.set("URL",upload_url);
		myPost.set("Comment",comment);
		myPost.set("User",user);

		myPost.save(null,{
			success: function(){
				// showPic();
				var temp  = $("#input_file").html();
				$("#input_file").html(temp);
				var item = '<tr><th><img src="' + upload_url + '"></th><th>' + user + '</th><th>' + title + '</th><th>' + comment + '</th></tr>';
				// $("tbody").append(item);
				$("tbody").prepend(item);
			}
		});
	}

	var showPic = function(){
		var query = new Parse.Query("Post");
		var user = Parse.User.current().get("username");

		query.equalTo("User", user);
		query.ascending("updatedAt");
		query.find({
			success:function(results){
				makeHtml(results);
			}
		});
	}

	var makeHtml = function(results){
		// $("#display").append("hoge");
		for(var i=0; i < results.length; i++){
			var entry = results[i];

			var title = entry.get("Title");
			var image = entry.get("URL");
			var comment = entry.get("Comment");
			var user = entry.get("User");

			var item = '<tr><th><img src="' + image + '"></th><th>' + user + '</th><th>' + title + '</th><th>' + comment + '</th></tr>';
			// $("tbody").append(item);
			$("tbody").prepend(item);

		}
	}

	var changeView = function(side){
		switch(side){
			case 'service':
				$("#user-verify").attr('style',"display:none");
				$("#user-info").removeAttr('style', 'display:none');
				$("#user-name").html("username : " + Parse.User.current().get("username"));
				break;
			case 'user-verify':
				$("#user-verify").removeAttr('style',"display:none");
				$("#user-info").attr('style', 'display:none');
				break;
			default:
				console.log("page switch error");

				break;
		}
	}
	
	$("#signup").on("click", function(){
		userSignup();
	})

	$("#login").on("click", function(){
		userLogin();
	})

	$("#logout").on("click", function(){
		userLogout();
	})

	$("#submit").on("click", function(){
		upload_file();
	})

})