thedesk/app/js/tl/src.js

//検索
//検索ボックストグル
function srcToggle() {
	$("#src-box").toggleClass("hide");
	$("#src-box").toggleClass("show");
	if($("#src-box").hasClass("show")){
		trend();
	}
	$("#src-box").css("bottom","40px");
	$("#src-box").css("left",$('#src-tgl').offset().left-$('#src-box').width()/2+"px");
	$('ul.tabs').tabs('select_tab', 'src-sta');
	$("#src-contents").html("");
}

//検索取得
function src(mode) {
	$("#src-contents").html("");
	var q = $("#src").val();
	var acct_id = $("#src-acct-sel").val();
	if(acct_id=="tootsearch"){
		tootsearch(q);
		return false;
	}
	localStorage.setItem("last-use", acct_id);
	var domain = localStorage.getItem("domain_" + acct_id);
	var at = localStorage.getItem("acct_"+ acct_id + "_at");
	var m = q.match(/^#(.+)$/);
	if(m){q=m[1];}
	if (user == "--now") {
		var user = $('#his-data').attr("user-id");
	}
	if(!mode){
		var start = "https://" + domain + "/api/v2/search?q=" + q
	}else{
		var start = "https://" + domain + "/api/v1/search?q=" + q
	}
	console.log(start)
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json',
			'Authorization': 'Bearer ' + at
		},
	}).then(function(response) {
		return response.json();
	}).catch(function(error) {
		src("v1")
		return false;
	}).then(function(json) {
		console.log(json);
		//ハッシュタグ
		if (json.hashtags[0]) {
			var tags = "";
			Object.keys(json.hashtags).forEach(function(key4) {
				var tag = json.hashtags[key4];
				if(mode){
					tags = tags + '<a onclick="tl(\'tag\',\'' + tag + '\',\'' + acct_id +
					'\',\'add\')" class="pointer">#' + tag + '</a><br> ';
				}else{
					tags=tags+graphDraw(tag);
				}
				
			});
			$("#src-contents").append("Tags<br>" + tags);
		}
		//トゥート
		if (json.statuses[0]) {
			var templete = parse(json.statuses,'',acct_id);
			$("#src-contents").append("Mentions<br>" + templete);
		}
		//アカウント
		if (json.accounts[0]) {
			var templete = userparse(json.accounts,'',acct_id);
			$("#src-contents").append("Accounts<br>" + templete);
		}
		jQuery("time.timeago").timeago();
	});
}
function tootsearch(q){
	var start = "https://tootsearch.chotto.moe/api/v1/search?from=0&sort=created_at%3Adesc&q=" + q
	console.log(start)
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json'
		},
	}).then(function(response) {
		return response.json();
	}).catch(function(error) {
		todo(error);
		console.error(error);
	}).then(function(raw) {
			var templete="";
			var json=raw.hits.hits;
			console.log(json);
			Object.keys(json).forEach(function(key5) {
				var toot = json[key5]["_source"];
				console.log(toot);
				if(toot && toot.account){
					templete = templete+parse([toot],'noauth');
				}
			});
			if(!templete){
				templete=lang_details_nodata[lang];
			}
			$("#src-contents").html("Tootsearch("+lang_src_ts[lang]+")<br>" + templete);
		jQuery("time.timeago").timeago();
	});
}
function trend(){
	$("#src-contents").html("");
	var acct_id = $("#src-acct-sel").val();
	if(acct_id=="tootsearch"){
		return false;
	}
	var domain = localStorage.getItem("domain_" + acct_id);
	var at = localStorage.getItem("acct_"+ acct_id + "_at");
	if (user == "--now") {
		var user = $('#his-data').attr("user-id");
	}
	var start = "https://" + domain + "/api/v1/trends"
	console.log(start)
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json',
			'Authorization': 'Bearer ' + at
		},
	}).then(function(response) {
		return response.json();
	}).catch(function(error) {
		//todo(error);
		console.error(error);
	}).then(function(json) {
		var tags = "";
			Object.keys(json).forEach(function(keye) {
				var tag = json[keye];
				var his=tag.history;
				var max=Math.max.apply(null, [his[0].uses,his[1].uses,his[2].uses,his[3].uses,his[4].uses,his[5].uses,his[6].uses]);
				var six=50-(his[6].uses/max*50);
				var five=50-(his[5].uses/max*50);
				var four=50-(his[4].uses/max*50);
				var three=50-(his[3].uses/max*50);
				var two=50-(his[2].uses/max*50);
				var one=50-(his[1].uses/max*50);
				var zero=50-(his[0].uses/max*50);
				tags = '<br><br><svg version="1.1" viewbox="0 0 60 50" width="60" height="50">'+
				'<g><path d="M0,'+six+' L10,'+five+' 20,'+four+' 30,'+three+' 40,'+two+' 50,'+one+' 60,'+zero+'" style="stroke: #9e9e9e; stroke-width: 1;fill: none;"></path></g>'+
			'</svg><span style="font-size:200%">'+his[0].uses+'</span>toots&nbsp;<a onclick="tl(\'tag\',\'' + tag.name + '\',\'' + acct_id +
					'\',\'add\')" class="pointer">#' + tag.name + '</a>&nbsp;'+his[0].accounts+lang_src_people[lang];
					
					$("#src-contents").append(tags);
			});
			
	});
}
function graphDraw(tag){
	var tags="";
		var his=tag.history;
		console.log(his);
		var max=Math.max.apply(null, [his[0].uses,his[1].uses,his[2].uses,his[3].uses,his[4].uses,his[5].uses,his[6].uses]);
		var six=50-(his[6].uses/max*50);
		var five=50-(his[5].uses/max*50);
		var four=50-(his[4].uses/max*50);
		var three=50-(his[3].uses/max*50);
		var two=50-(his[2].uses/max*50);
		var one=50-(his[1].uses/max*50);
		var zero=50-(his[0].uses/max*50);
		if(max==0){
			tags = '<br><br><svg version="1.1" viewbox="0 0 60 50" width="60" height="50">'+
	'</svg><span style="font-size:200%">'+his[0].uses+'</span>toots&nbsp;<a onclick="tl(\'tag\',\'' + tag.name + '\',\'' + acct_id +
			'\',\'add\')" class="pointer">#' + tag.name + '</a>&nbsp;'+his[0].accounts+lang_src_people[lang];
		}else{
			tags = '<br><br><svg version="1.1" viewbox="0 0 60 50" width="60" height="50">'+
			'<g><path d="M0,'+six+' L10,'+five+' 20,'+four+' 30,'+three+' 40,'+two+' 50,'+one+' 60,'+zero+'" style="stroke: #9e9e9e; stroke-width: 1;fill: none;"></path></g>'+
		'</svg><span style="font-size:200%">'+his[0].uses+'</span>toots&nbsp;<a onclick="tl(\'tag\',\'' + tag.name + '\',\'' + acct_id +
				'\',\'add\')" class="pointer">#' + tag.name + '</a>&nbsp;'+his[0].accounts+lang_src_people[lang];
		}
		
	return tags;
}
/*
<svg version="1.1" viewbox="0 0 50 300" width="100%" height="50">
	<path d="M0,0 L10,0 20,10 20,50" fill="#3F51B5"></path>
</svg>
*/