klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-07 13:23:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prettify rendering of org music results on Khoj web interface

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2022-07-29 04:28:22 +04:00
parent 7e5291a38e
commit ed181f47c9
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/interface/web/index.html
View File

@@ -16,13 +16,13 @@
</a>` </a>`
} }
function render_org(query, data) { function render_org(query, data, classPrefix="") {
var orgCode = `Query: ${query}\n` + data.map(function (item) { var orgCode = `Query: ${query}\n` + data.map(function (item) {
return `${item.entry}` return `${item.entry}`
}).join("\n") }).join("\n")
var orgParser = new Org.Parser(); var orgParser = new Org.Parser();
var orgDocument = orgParser.parse(orgCode); var orgDocument = orgParser.parse(orgCode);
var orgHTMLDocument = orgDocument.convert(Org.ConverterHTML); var orgHTMLDocument = orgDocument.convert(Org.ConverterHTML, { htmlClassPrefix: classPrefix });
return orgHTMLDocument.toString(); return orgHTMLDocument.toString();
} }
@@ -38,6 +38,8 @@
return render_markdown(query, data); return render_markdown(query, data);
} else if (type === "org") { } else if (type === "org") {
return render_org(query, data); return render_org(query, data);
} else if (type === "music") {
return render_org(query, data, "music-");
} else if (type === "image") { } else if (type === "image") {
return data.map(render_image).join(''); return data.map(render_image).join('');
} else { } else {
@@ -181,14 +183,17 @@
#results-markdown { #results-markdown {
text-align: left; text-align: left;
} }
#results-music,
#results-org { #results-org {
text-align: left; text-align: left;
white-space: pre-line; white-space: pre-line;
} }
#results-music h3,
#results-org h3 { #results-org h3 {
margin: 20px 0 0 0; margin: 20px 0 0 0;
font-size: larger; font-size: larger;
} }
span.music-task-status,
span.task-status { span.task-status {
color: white; color: white;
padding: 3.5px 3.5px 0; padding: 3.5px 3.5px 0;
@@ -197,12 +202,15 @@
background-color: #ed6f00; background-color: #ed6f00;
font-size: medium; font-size: medium;
} }
span.music-task-status.todo,
span.task-status.todo { span.task-status.todo {
background-color: #048ba8 background-color: #048ba8
} }
span.music-task-status.done,
span.task-status.done { span.task-status.done {
background-color: #06a77d; background-color: #06a77d;
} }
span.music-task-tag,
span.task-tag { span.task-tag {
color: white; color: white;
padding: 3.5px 3.5px 0; padding: 3.5px 3.5px 0;