TheDesk Miho (ver.8)

app/js/login/instance.js

@@ -0,0 +1,49 @@
+//入力時にハッシュタグと@をサジェスト
+var timer = null;
+
+var input = document.getElementById("url");
+
+var prev_val = input.value;
+var oldSuggest;
+var suggest;
+input.addEventListener("focus", function() {
+	$("#ins-suggest").html("");
+	window.clearInterval(timer);
+	timer = window.setInterval(function() {
+		var new_val = input.value;
+		if (prev_val != new_val) {
+			if(new_val.length > 3){
+			var start = "https://instances.social/api/1.0/instances/search?q=" + new_val;
+		fetch(start, {
+			method: 'GET',
+			headers: {
+				'content-type': 'application/json',
+				'Authorization': 'Bearer tC8F6xWGWBUwGScyNevYlx62iO6fdQ4oIK0ad68Oo7ZKB8GQdGpjW9TKxBnIh8grAhvd5rw3iyP9JPamoDpeLQdz62EToPJUW99hDx8rfuJfGdjQuimZPTbIOx0woA5M'
+			},
+		}).then(function(response) {
+			return response.json();
+		}).catch(function(error) {
+			todo(error);
+			console.error(error);
+		}).then(function(json) {
+			console.log(json);
+			if (!json.error) {
+				
+				var urls="もしかして:";
+				Object.keys(json.instances).forEach(function(key) {
+					var url = json.instances[key];
+					urls = urls + '　<a onclick="login(\'' + url.name + '\')" class="pointer">' + url.name + '</a>  ';
+				});
+				$("#ins-suggest").html(urls);
+			}
+		});
+			}
+		oldSuggest = suggest;
+		prev_value = new_val;
+		}
+	}, 1000);
+}, false);
+
+input.addEventListener("blur", function() {
+	window.clearInterval(timer);
+}, false);