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

Render each file, folder to index row with icon in desktop app

Browse Source 
Make the file, folders to index look less like an editable field
This commit is contained in:
Debanjum Singh Solanky
2023-11-03 00:16:11 -07:00
parent 80ae132cad
commit 126d3f4563
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/interface/desktop/renderer.js
View File

@@ -61,6 +61,13 @@ toggleFoldersButton.addEventListener('click', () => {
function makeFileElement(file) {
let fileElement = document.createElement("div");
fileElement.classList.add("file-element");
let fileIconElement = document.createElement("img");
fileIconElement.classList.add("card-icon");
fileIconElement.src = "./assets/icons/plaintext.svg";
fileIconElement.alt = "File";
fileElement.appendChild(fileIconElement);
let fileNameElement = document.createElement("div");
fileNameElement.classList.add("content-name");
fileNameElement.innerHTML = file.path;
@@ -82,6 +89,13 @@ function makeFileElement(file) {
function makeFolderElement(folder) {
let folderElement = document.createElement("div");
folderElement.classList.add("folder-element");
let folderIconElement = document.createElement("img");
folderIconElement.classList.add("card-icon");
folderIconElement.src = "./assets/icons/folder.svg";
folderIconElement.alt = "File";
folderElement.appendChild(folderIconElement);
let folderNameElement = document.createElement("div");
folderNameElement.classList.add("content-name");
folderNameElement.innerHTML = folder.path;