From aa3f8921161224fee7d62493424172dd6bc00f77 Mon Sep 17 00:00:00 2001
From: Utsob Roy <roy@utsob.me>
Date: Fri, 17 Mar 2023 01:35:49 +0600
Subject: [PATCH] note icon on backlinks (#104)

---
 src/helpers/linkUtils.js                  |  1 +
 src/site/_data/meta.js                    |  7 +++++++
 src/site/_includes/components/sidebar.njk |  4 ++--
 src/site/styles/digital-garden-base.scss  | 12 ++++++++----
 4 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/helpers/linkUtils.js b/src/helpers/linkUtils.js
index 68909d7..f2e4ccf 100644
--- a/src/helpers/linkUtils.js
+++ b/src/helpers/linkUtils.js
@@ -51,6 +51,7 @@ function getGraph(data) {
       outBound: extractLinks(v.template.frontMatter.content),
       neighbors: new Set(),
       backLinks: new Set(),
+      noteIcon: v.data.noteIcon || process.env.NOTE_ICON_DEFAULT
     };
     stemURLs[fpath] = v.url;
     if (v.data["dg-home"] || (v.data.tags && v.data.tags.indexOf("gardenEntry") > -1)) {
diff --git a/src/site/_data/meta.js b/src/site/_data/meta.js
index eaea91a..13d19df 100644
--- a/src/site/_data/meta.js
+++ b/src/site/_data/meta.js
@@ -38,6 +38,13 @@ module.exports = async () => {
     bodyClasses.push("links-note-icon");
     noteIconsSettings.links = true;
   }
+  if (
+    process.env.NOTE_ICON_BACK_LINKS &&
+    process.env.NOTE_ICON_BACK_LINKS == "true"
+  ) {
+    bodyClasses.push("backlinks-note-icon");
+    noteIconsSettings.backlinks = true;
+  }
   let timestampSettings = {
     timestampFormat: process.env.TIMESTAMP_FORMAT || "MMM dd, yyyy h:mm a",
     showCreated: process.env.SHOW_CREATED_TIMESTAMP == "true",
diff --git a/src/site/_includes/components/sidebar.njk b/src/site/_includes/components/sidebar.njk
index 4e5f6d5..6a91f7d 100644
--- a/src/site/_includes/components/sidebar.njk
+++ b/src/site/_includes/components/sidebar.njk
@@ -62,7 +62,7 @@
                                           {%- for backlink in graph.nodes[graph.homeAlias].backLinks -%}
                                                 {%- if graph.nodes[backlink].url != graph.homeAlias -%}
                                                 <div class="backlink-card">
-                                                      <i  icon-name="link"></i> <a href="{{graph.nodes[backlink].url}}">{{graph.nodes[backlink].title}}</a>
+                                                      {%- if not meta.noteIconsSettings.backlinks -%}<i  icon-name="link"></i> {%- endif -%}<a href="{{graph.nodes[backlink].url}}" data-note-icon="{{graph.nodes[backlink].noteIcon}}" class="backlink">{{graph.nodes[backlink].title}}</a>
                                                 </div>
                                                 {%- endif -%}
                                           {%- endfor -%}
@@ -75,7 +75,7 @@
                                           {%- for backlink in graph.nodes[page.url].backLinks -%}
                                                 {%- if graph.nodes[backlink].url != page.url -%}
                                                 <div class="backlink-card">
-                                                      <i  icon-name="link"></i> <a href="{{graph.nodes[backlink].url}}">{{graph.nodes[backlink].title}}</a>
+                                                      {%- if not meta.noteIconsSettings.backlinks -%}<i  icon-name="link"></i> {%- endif -%}<a href="{{graph.nodes[backlink].url}}" data-note-icon="{{graph.nodes[backlink].noteIcon}}" class="backlink">{{graph.nodes[backlink].title}}</a>
                                                 </div>
                                                 {%- endif -%}
                                           {%- endfor -%}
diff --git a/src/site/styles/digital-garden-base.scss b/src/site/styles/digital-garden-base.scss
index 856c7a3..99783a3 100644
--- a/src/site/styles/digital-garden-base.scss
+++ b/src/site/styles/digital-garden-base.scss
@@ -691,7 +691,8 @@ input[type="range"]::-webkit-slider-thumb {
 
 body.title-note-icon .cm-s-obsidian > header > h1[data-note-icon]::before,
 body.filetree-note-icon .filename[data-note-icon]::before,
-body.links-note-icon .internal-link[data-note-icon]::before {
+body.links-note-icon .internal-link[data-note-icon]::before,
+body.backlinks-note-icon .backlink[data-note-icon]::before {
     content: " ";
     display: inline-block;
     width: 0.9em;
@@ -704,19 +705,22 @@ body.links-note-icon .internal-link[data-note-icon]::before {
 
 body.title-note-icon .cm-s-obsidian > header > h1[data-note-icon="1"]::before,
 body.filetree-note-icon .filename[data-note-icon="1"]::before,
-body.links-note-icon .internal-link[data-note-icon="1"]::before {
+body.links-note-icon .internal-link[data-note-icon="1"]::before,
+body.backlinks-note-icon .backlink[data-note-icon="1"]::before {
     background-image: var(--note-icon-1);
 }
 
 body.title-note-icon .cm-s-obsidian > header > h1[data-note-icon="2"]::before,
 body.filetree-note-icon .filename[data-note-icon="2"]::before,
-body.links-note-icon .internal-link[data-note-icon="2"]::before {
+body.links-note-icon .internal-link[data-note-icon="2"]::before,
+body.backlinks-note-icon .backlink[data-note-icon="2"]::before {
     background-image: var(--note-icon-2);
 }
 
 body.title-note-icon .cm-s-obsidian > header > h1[data-note-icon="3"]::before,
 body.filetree-note-icon .filename[data-note-icon="3"]::before,
-body.links-note-icon .internal-link[data-note-icon="3"]::before {
+body.links-note-icon .internal-link[data-note-icon="3"]::before,
+body.backlinks-note-icon .backlink[data-note-icon="3"]::before {
     background-image: var(--note-icon-3);
 }