handler.php

@@ -35,6 +35,17 @@ else if (isset($_POST['action']))
 			}
 		break;
 
+		case 'title':
+			$result = array();
+			$str = file_get_contents($_POST['data']);
+			if(strlen($str) > 0)
+			{
+				preg_match("/\<title\>(.*)\<\/title\>/", $str, $title);
+				$result['title'] = $title[1];
+			}
+			echo json_encode($result);
+		break;
+
 		default:
 			echo '{"error": "unknown action ' . $action . '"}';
 		break;

main.js

@@ -34,6 +34,7 @@ var lastsaved = "";
 var pending = false;
 var settings = null;
 var tags = null;
+var titlemap = {};
 
 var stat =
 {
@@ -772,7 +773,32 @@ function showlinkdialog(link)
 		a.setAttribute("href", link);
 		a.setAttribute("target", "_blank");
 		div.onclick = removelinkdialog;
-		a.innerText = link;
+
+		if (settings.sync)
+		{
+			if (titlemap[link])
+			{
+				a.innerHTML = titlemap[link];
+			}
+			else
+			{
+				a.innerText = link;
+				queryremote({action: "title", data: link})
+				.then(res =>
+				{
+					if (res.title)
+					{
+						a.innerHTML = res.title;
+						titlemap[link] = res.title;
+						localStorage.setItem("titlemap", JSON.stringify(titlemap));
+					}
+				});
+			}
+		}
+		else
+		{
+			a.innerText = link;
+		}
 	}
 	else
 	{
@@ -1295,6 +1321,7 @@ function init()
 
 	if (settings.sync)
 	{
+		titlemap = JSON.parse(localStorage.getItem("titlemap")) || {};
 		if (localStorage.getItem("pgpkeys") && localStorage.getItem("pgpkeys").startsWith("-----BEGIN PGP PUBLIC KEY BLOCK-----"))
 		{
 			queryremote({action: "fetch"})

style.css

@@ -128,7 +128,6 @@ body::-webkit-scrollbar-thumb {
 /* search file dialog */
 
 #filter {
-	font-family: inherit;
 	color: black;
 	width:  100%;
 }