mint/app/widget/like.js

var arrElement = new Array();
function Like (){
	$("like").each(function(){
		if($(this).attr("init")!="true"){
			arrElement.push({
							like_type:$(this).attr("liketype"),
							resource_type:$(this).attr("restype"),
							resource_id:$(this).attr("resid"),
							like:0,
							me:0,
							init:false
						});
		}
	});
	$("like").on("click",function(){
			let liketype = $(this).attr("liketype");
			let rettype = $(this).attr("restype");
			let resid = $(this).attr("resid");		
		let e = arrElement.find(function(item){

			if(liketype===item.like_type && rettype===item.resource_type && resid===item.resource_id){
				return true;
			}
			else{
				return false;
			}
		});
		if(e.me==0 ){
			add(e.like_type,e.resource_type,e.resource_id);				
		}else{
			remove(e.like_type,e.resource_type,e.resource_id);	
		}
	})
	LikeRefreshAll();
}
function add(liketype,restype,resid) {
	$.ajaxSetup({contentType: "application/json; charset=utf-8"});
	$.post(
		"../api/like.php?_method=create",
		JSON.stringify({
			like_type:liketype,
			resource_type:restype,
			resource_id:resid
		})
		
	).done(function (data) {
		console.log(data);
		let result = JSON.parse(data);
		if(result.ok==true){
			for (let it of arrElement) {
				if(result["data"].resource_type===it.resource_type &&
				result["data"].resource_id===it.resource_id &&
				result["data"].like_type===it.like_type){
					it.like++;
					it.me=1;
				}
			}
			Render();
		}
		
	});
}
function remove(liketype,restype,resid) {
	$.getJSON(
		"../api/like.php",
		{
			_method:"delete",
			like_type:liketype,
			resource_type:restype,
			resource_id:resid
		}
	).done(function (data) {
		console.log("delete",data);
		if(data.ok){
			LikeRefresh(data.data);
		}
	}).fail(function(jqXHR, textStatus, errorThrown){
		switch (textStatus) {
			case "timeout":
				break;
			case "error":
				switch (jqXHR.status) {
					case 404:
						break;
					case 500:
						break;				
					default:
						break;
				}
				break;
			case "abort":
				break;
			case "parsererror":
				console.log("delete-parsererror",jqXHR.responseText);
				break;
			default:
				break;
		}
		
	});
}
function LikeRefresh(data){
	$.ajaxSetup({contentType: "application/json; charset=utf-8"});
	$.post(
		"../api/like.php?_method=list",
		JSON.stringify([data])
	).done(function (data) {
		console.log(data);
		let result = JSON.parse(data);
		for (let it of arrElement) {
			if(result["data"][0].resource_type===it.resource_type &&
			result["data"][0].resource_id===it.resource_id &&
			result["data"][0].like_type===it.like_type){
				it.like=result["data"][0].like;
				it.me=result["data"][0].me;
			}
		}
		Render();
	});
}

function LikeRefreshAll(){
	$.ajaxSetup({contentType: "application/json; charset=utf-8"});
	$.post(
		"../api/like.php?_method=list",
		JSON.stringify(arrElement)
	).done(function (data) {
		console.log(data);
		arrElement = JSON.parse(data).data;
		Render();
	});
}

function Render(){
	for (const it of arrElement) {
		let html=" ";
		let meClass="";
		let likeIcon="";
		switch (it.like_type) {
			case "like":
				likeIcon = "👍";
				break;
			case "favorite":
				likeIcon = "⭐";
				break;
			case "watch":
				likeIcon = "👁️";
				break;
			default:
				break;
		}
		if(it.me>0){
			meClass = " like_mine";
		}
		html +="<div class='like_inner "+meClass+"'>"+likeIcon+it.like+"</div>";

		$("like[liketype='"+it.like_type+"'][restype='"+it.resource_type+"'][resid='"+it.resource_id+"']").html(html);
	}
}