searchbar state
This commit is contained in:
parent
012e86a155
commit
c9e2a0eb7f
|
@ -23,7 +23,6 @@
|
||||||
<div class="menu" id="contextMenu">
|
<div class="menu" id="contextMenu">
|
||||||
<button id="deleteButton">Delete</button>
|
<button id="deleteButton">Delete</button>
|
||||||
</div>
|
</div>
|
||||||
<h1>Maid Notes</h1>
|
|
||||||
|
|
||||||
<div id="button-row">
|
<div id="button-row">
|
||||||
<button class="row" id="show-notes-button">Refresh Notes</button>
|
<button class="row" id="show-notes-button">Refresh Notes</button>
|
||||||
|
|
43
src/main.ts
43
src/main.ts
|
@ -9,6 +9,7 @@ let createNoteTagEl: HTMLInputElement | null;
|
||||||
|
|
||||||
let searchbarEl: HTMLInputElement | null;
|
let searchbarEl: HTMLInputElement | null;
|
||||||
let noteSidebarContainerEl: HTMLDivElement | null;
|
let noteSidebarContainerEl: HTMLDivElement | null;
|
||||||
|
let searchbarContents = "";
|
||||||
|
|
||||||
let noteArray: Note[] = []
|
let noteArray: Note[] = []
|
||||||
|
|
||||||
|
@ -21,8 +22,14 @@ enum EditorState {
|
||||||
EDITING
|
EDITING
|
||||||
}
|
}
|
||||||
|
|
||||||
|
enum SearchState {
|
||||||
|
EMPTY,
|
||||||
|
RESULTS
|
||||||
|
}
|
||||||
|
|
||||||
/** Editor always initializes in the NEW state */
|
/** Editor always initializes in the NEW state */
|
||||||
let editorState = EditorState.NEW
|
let editorState = EditorState.NEW;
|
||||||
|
let searchState = SearchState.EMPTY;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Saves the note.
|
* Saves the note.
|
||||||
|
@ -59,22 +66,28 @@ async function saveNote() {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Retrieve Notes from DB and fill the sidebar with them
|
* Retrieve Notes from DB and fill the sidebar with them.
|
||||||
|
*
|
||||||
|
* If there's something in the searchbar, do not clear that.
|
||||||
*/
|
*/
|
||||||
async function showNotes() {
|
async function showNotes() {
|
||||||
if (notesMsgEl) {
|
if (notesMsgEl) {
|
||||||
const array: Array<any> = await retrieveNotes();
|
if (searchState == SearchState.EMPTY) {
|
||||||
|
const array: Array<any> = await retrieveNotes();
|
||||||
|
|
||||||
noteArray = array.map((jsonObj) => ({
|
noteArray = array.map((jsonObj) => ({
|
||||||
id: jsonObj.id,
|
id: jsonObj.id,
|
||||||
content: jsonObj.content,
|
content: jsonObj.content,
|
||||||
date: jsonObj.date,
|
date: jsonObj.date,
|
||||||
tag: jsonObj.tag
|
tag: jsonObj.tag
|
||||||
}));
|
}));
|
||||||
|
|
||||||
console.log(noteArray[0])
|
console.log(noteArray[0])
|
||||||
|
|
||||||
fillNoteSidebar(noteArray);
|
fillNoteSidebar(noteArray);
|
||||||
|
} else {
|
||||||
|
searchNote(searchbarContents);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -136,6 +149,14 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||||
const target = event.target as HTMLInputElement;
|
const target = event.target as HTMLInputElement;
|
||||||
const input = target.value;
|
const input = target.value;
|
||||||
|
|
||||||
|
if (target.value == "") {
|
||||||
|
searchState = SearchState.EMPTY;
|
||||||
|
} else {
|
||||||
|
searchState = SearchState.RESULTS;
|
||||||
|
}
|
||||||
|
|
||||||
|
searchbarContents = input;
|
||||||
|
|
||||||
searchNote(input);
|
searchNote(input);
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
|
@ -13,6 +13,8 @@
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
-webkit-text-size-adjust: 100%;
|
-webkit-text-size-adjust: 100%;
|
||||||
|
|
||||||
|
margin-top: 0.5em;
|
||||||
|
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue