Use icons instead of words for search result types

zyphlar · zyphlar · commit 1fa0abee3b77 · 2024-02-17T00:14:43.000-08:00
diff --git a/src/htmlgen.cpp b/src/htmlgen.cpp
@@ -420,6 +420,8 @@ static QCString substituteHtmlKeywords(const QCString &str,
     if (!serverBasedSearch)
     {
       searchCssJs += "<script type=\"text/javascript\" src=\"$relpath^search/searchdata.js\"></script>\n";
+    } else {
+      searchCssJs += "<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" />";
     }
     searchCssJs += "<script type=\"text/javascript\" src=\"$relpath^search/search.js\"></script>\n";
 
diff --git a/templates/html/extsearch.js b/templates/html/extsearch.js
@@ -78,16 +78,60 @@ function searchFor(query,page,count) {
       $.each(data.items, function(i,item){
         let prefix = tagMap[item.tag];
         if (prefix) prefix+='/'; else prefix='';
+
+        icon = "asterisk";
+
+        if (item.type == "dir")
+          icon = "folder";
+        else if (item.type == "package")
+          icon = "folder_zip";
+        else if (item.type == "namespace")
+          icon = "clarify";
+
+        else if (item.type == "file")
+          icon = "description";
+        else if (item.type == "page")
+          icon = "article";
+        else if (item.type == "group")
+          icon = "full_coverage";
+        else if (item.type == "source")
+          icon = "code";
+
+        else if (item.type == "function")
+          icon = "data_object";
+        else if (item.type == "variable")
+          icon = "variables";
+        else if (item.type == "property")
+          icon = "list_alt";
+        else if (item.type == "typedef")
+          icon = "numbers";
+        else if (item.type == "define")
+          icon = "numbers";
+        else if (item.type == "enum")
+          icon = "data_array";
+        else if (item.type == "enumvalue")
+          icon = "data_array";
+
+        else if (item.type == "event")
+          icon = "overview";
+        else if (item.type == "related")
+          icon = "read_more";
+        else if (item.type == "friend")
+          icon = "contact_page";
+        else if (item.type == "slot")
+          icon = "location_chip";
+        else if (item.type == "signal")
+          icon = "data_alert";
+
         r+='<tr class="searchresult">'+
            '<td align="right">'+(data.first+i+1)+'.</td>'+
-           '<td>'+escapeHtml(item.type)+'&#160;'+
-                '<a href="'+escapeHtml(prefix+item.url)+
+           '<td><a href="'+escapeHtml(prefix+item.url)+
                 '">'+escapeHtml(item.name)+'</a>';
         if (item.type=="source") {
           const l=item.url.match(/[1-9][0-9]*$/);
           if (l) r+=' at line '+parseInt(l[0]);
         }
-        r+='</td>';
+        r+='<span class="material-symbols-outlined">'+icon+'</span></td>';
         for (let i=0;i<item.fragments.length;i++) {
           r+='<tr><td></td><td>'+item.fragments[i]+'</td></tr>';
         }

Original file line number	Diff line number	Diff line change
`@@ -420,6 +420,8 @@ static QCString substituteHtmlKeywords(const QCString &str,`
`420`	`420`	`if (!serverBasedSearch)`
`421`	`421`	`{`
`422`	`422`	`searchCssJs += "<script type=\"text/javascript\" src=\"$relpath^search/searchdata.js\"></script>\n";`
	`423`	`+ } else {`
	`424`	`+ searchCssJs += "<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" />";`
`423`	`425`	`}`
`424`	`426`	`searchCssJs += "<script type=\"text/javascript\" src=\"$relpath^search/search.js\"></script>\n";`
`425`	`427`