klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-02 21:19:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Highlight all org-mode task states in HTML. Not just TODO, DONE.

Browse Source 
- Make logic to extract, mark todo state in org.js more generic
- Add default todo state styling to html
This commit is contained in:
Debanjum Singh Solanky
2022-07-28 19:04:42 +04:00
parent f040b3f65c
commit 9f59897eeb
2 changed files with 15 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -163,13 +163,15 @@
span.task-status {
color: white;
padding: 3.5px 3.5px 0;
margin: 5px;
margin-right: 5px;
border-radius: 5px;
background-color: #ed6f00;
}
span.task-status.todo {
background-color: rgb(39, 149, 182);
background-color: #048ba8
}
span.task-status.done {
background-color: rgb(81, 143, 31);
background-color: #06a77d;
}
</style>

23
src/interface/web/org.js
View File

@@ -1124,13 +1124,6 @@ var Org = (function () {
switch (node.type) {
case Node.types.header:
// Parse task status
var taskStatus = null;
if (childText.indexOf("TODO ") === 0)
taskStatus = "todo";
else if (childText.indexOf("DONE ") === 0)
taskStatus = "done";
// Compute section number
var sectionNumberText = null;
if (recordHeader) {
@@ -1150,8 +1143,7 @@ var Org = (function () {
node.sectionNumberText = sectionNumberText; // Can be used in ToC
}
text = this.convertHeader(node, childText, auxData,
taskStatus, sectionNumberText);
text = this.convertHeader(node, childText, auxData, sectionNumberText);
if (recordHeader)
this.headers.push(node);
@@ -1493,14 +1485,19 @@ var Org = (function () {
// Node conversion
// ----------------------------------------------------
convertHeader: function (node, childText, auxData,
taskStatus, sectionNumberText) {
convertHeader: function (node, childText, auxData, sectionNumberText) {
var headerAttributes = {};
// Parse task status
taskStatusRegex = /^\s*([A-Z]+) /
taskStatusMatch = childText.match(taskStatusRegex);
taskStatus = taskStatusMatch && taskStatusMatch[1];
childText = childText.replace(taskStatusRegex, "");
if (taskStatus) {
childText = this.inlineTag("span", childText.substring(0, 4), {
childText = this.inlineTag("span", taskStatus, {
"class": "task-status " + taskStatus
}) + childText.substring(5);
}) + childText;
}
if (sectionNumberText) {