Skip to content

Implemented timestamps with auto-sorting across all views #45

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
swathiiie wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Implemented timestamps with auto-sorting across all views #45

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
85 changes: 63 additions & 22 deletions script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ const trashGrid = document.getElementById("trashGrid");
const darkModeBtn = document.getElementById("darkModeBtn");
const labelCheckboxes = document.querySelectorAll(".label-checkbox");
let trash = JSON.parse(localStorage.getItem("ultimateTrash")) || [];
let notes = JSON.parse(localStorage.getItem("ultimateNotes")) || [];
let notes = JSON.parse(localStorage.getItem("notestackNotes")) || [];
let currentFilter = "all"; // Track current category filter

function getSelectedLabels() {
Expand All @@ -24,9 +24,12 @@ function filterNotesByCategory(category) {
if (category === "all") {
renderNotes(searchInput.value);
} else {
const filtered = notes.filter(note =>
note.labels && note.labels.includes(category)
);
let filtered = notes.filter(note =>
note.labels && note.labels.includes(category)
);

// 🔥 Sort by most recent activity
filtered = filtered.sort((a, b) => b.updatedAt - a.updatedAt);

// Create a temporary filtered display
notesGrid.innerHTML = "";
Expand Down Expand Up @@ -95,17 +98,32 @@ function filterNotesByCategory(category) {
function saveNotes() {
localStorage.setItem("notestackNotes", JSON.stringify(notes));
}
// Migrate old notes to new format
// Migrate old notes to new format (add timestamps)
notes = notes.map(note => {

// If note is old string format
if (typeof note === 'string') {
return {
id: Date.now() + Math.random(),
text: note,
labels: []
labels: [],
createdAt: Date.now(),
updatedAt: Date.now()
};
}

// If note object but missing timestamps
if (!note.createdAt) {
note.createdAt = Date.now();
}

if (!note.updatedAt) {
note.updatedAt = note.createdAt;
}

return note;
});

saveNotes();

function saveTrash() {
Expand All @@ -121,17 +139,24 @@ function renderNotes(filter = "") {

notesGrid.innerHTML = "";

let filteredNotes = notes;
if (filter.startsWith('#')) {
const labelFilter = filter.substring(1).toLowerCase();
filteredNotes = notes.filter(note =>
note.labels && note.labels.some(label => label.toLowerCase().includes(labelFilter))
);
} else {
filteredNotes = notes.filter(note =>
note.text.toLowerCase().includes(filter.toLowerCase())
);
}
let filteredNotes = notes;

// Apply search filtering
if (filter.startsWith('#')) {
const labelFilter = filter.substring(1).toLowerCase();
filteredNotes = filteredNotes.filter(note =>
note.labels && note.labels.some(label =>
label.toLowerCase().includes(labelFilter)
)
);
} else {
filteredNotes = filteredNotes.filter(note =>
note.text.toLowerCase().includes(filter.toLowerCase())
);
}

// 🔥 NOW sort AFTER filtering
filteredNotes = filteredNotes.sort((a, b) => b.updatedAt - a.updatedAt);

if (filteredNotes.length === 0 && filter.trim() !== "") {
notesGrid.innerHTML = `<p style="text-align:center; margin-top:20px; color:#777;">
Expand Down Expand Up @@ -164,6 +189,12 @@ function renderNotes(filter = "") {

const content = document.createElement("p");
content.textContent = note.text;

const timestamp = document.createElement("p");
timestamp.className = "timestamp";

const date = new Date(note.updatedAt);
timestamp.textContent = "Last modified: " + date.toLocaleString();

const actions = document.createElement("div");
actions.className = "card-actions";
Expand All @@ -178,9 +209,12 @@ function renderNotes(filter = "") {
deleteBtn.className = "delete-btn";
deleteBtn.onclick = () => deleteNote(originalIndex);


actions.appendChild(editBtn);
actions.appendChild(deleteBtn);


card.appendChild(timestamp);
card.appendChild(content);
card.appendChild(actions);

Expand All @@ -196,7 +230,9 @@ function addNote() {
notes.push({
id: Date.now(),
text: text,
labels: selectedLabels
labels: selectedLabels,
createdAt: Date.now(),
updatedAt: Date.now()
});

noteInput.value = "";
Expand Down Expand Up @@ -225,6 +261,7 @@ function editNote(index) {
const updated = prompt("Edit note:", notes[index].text);
if (updated !== null && updated.trim() !== "") {
notes[index].text = updated.trim();
notes[index].updatedAt = Date.now();
saveNotes();
renderNotes(searchInput.value);
}
Expand All @@ -234,10 +271,14 @@ addNoteBtn.addEventListener("click", addNote);
searchInput.addEventListener("input", () => {
if (currentFilter !== "all") {
// If in category view, search within that category
const filtered = notes.filter(note =>
note.labels && note.labels.includes(currentFilter) &&
note.text.toLowerCase().includes(searchInput.value.toLowerCase())
);
let filtered = notes.filter(note =>
note.labels &&
note.labels.includes(currentFilter) &&
note.text.toLowerCase().includes(searchInput.value.toLowerCase())
);

// 🔥 Sort by most recent activity
filtered = filtered.sort((a, b) => b.updatedAt - a.updatedAt);

notesGrid.innerHTML = "";

Expand Down