Iaphetes/Apographe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactoring and work on file search

Browse source
This commit is contained in:
Iaphetes 2025-01-08 07:17:39 +01:00
parent 4def21c97d
commit 7f2685d328
9 changed files with 181 additions and 155 deletions
Download patch file Download diff file Expand all files Collapse all files

0
src/filesearch.js Normal file
View file

4
src/index.html
View file

@ -18,9 +18,9 @@
</head>
<body>
<dialog id="search_dialog">
<dialog id="file-search-dialog">
<div id="search_dialog_input" contenteditable></div>
<div id="file-search-dialog-input" contenteditable></div>
</dialog>

4
src/shortcuts.js
View file

@ -1,11 +1,11 @@
import { showGlobalSearch, escape } from "./ui.js";
import { showFileSearch, escape } from "./ui.js";
document
.addEventListener("keydown",
function(event) {
if (event.ctrlKey && event.key === "k") {
event.preventDefault();
showGlobalSearch();
showFileSearch();
}
if (event.key == "Escape"){

2
src/styles.css
View file

@ -214,7 +214,7 @@ dialog {
height: 20%;
margin: auto;
}
#search_dialog_input{
#file-search-dialog-input{
border: solid;
border-color: var(--accent-color);
border-top-right-radius:10px;

10
src/ui.js
View file

@ -23,16 +23,18 @@ document.addEventListener("keydown", handleShortcut);
document.getElementById("hide-sidebar").onclick = function () {
toggle_visibility("sidebar");
};
const global_search_dialog = document.querySelector("dialog");
export function showGlobalSearch() {
topmost_element = "global-search";
const global_search_dialog = document.getElementById("file-search-dialog");
export function showFileSearch() {
topmost_element = "file-search";
global_search_dialog.show();
}
let topmost_element = "";
export function escape(){
if (topmost_element === "global-search"){
if (topmost_element === "file-search"){
global_search_dialog.close();
}
}