@@ -469,9 +561,31 @@
// Update the notes panel with current notes
function updateNotesPanel() {
const notesContent = document.getElementById('notes-content');
+ const searchTerm = document.getElementById('notes-search')?.value?.toLowerCase() || '';
+
+ // Get active category
+ const activeCategory = document.querySelector('.notes-category.active')?.dataset.category || 'all';
+
+ // Filter notes based on search and category
+ let filteredNotes = [...gameNotes];
+
+ // Apply category filter
+ if (activeCategory === 'important') {
+ filteredNotes = filteredNotes.filter(note => note.important);
+ } else if (activeCategory === 'unread') {
+ filteredNotes = filteredNotes.filter(note => !note.read);
+ }
+
+ // Apply search filter
+ if (searchTerm) {
+ filteredNotes = filteredNotes.filter(note =>
+ note.title.toLowerCase().includes(searchTerm) ||
+ note.text.toLowerCase().includes(searchTerm)
+ );
+ }
// Sort notes with important ones first, then by timestamp (newest first)
- const sortedNotes = [...gameNotes].sort((a, b) => {
+ filteredNotes.sort((a, b) => {
if (a.important !== b.important) {
return a.important ? -1 : 1;
}
@@ -482,29 +596,48 @@
notesContent.innerHTML = '';
// Add notes
- if (sortedNotes.length === 0) {
- notesContent.innerHTML = '
No notes yet.
';
+ if (filteredNotes.length === 0) {
+ if (searchTerm) {
+ notesContent.innerHTML = '
No notes match your search.
';
+ } else if (activeCategory !== 'all') {
+ notesContent.innerHTML = `
No ${activeCategory} notes found.
`;
+ } else {
+ notesContent.innerHTML = '
No notes yet.
';
+ }
} else {
- sortedNotes.forEach(note => {
+ filteredNotes.forEach(note => {
const noteElement = document.createElement('div');
noteElement.className = 'note-item';
noteElement.dataset.id = note.id;
- let noteContent = `
`;
+ // Format the timestamp
+ const timestamp = new Date(note.timestamp);
+ const formattedDate = timestamp.toLocaleDateString();
+ const formattedTime = timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+
+ let noteContent = `
+
${note.title}
+
`;
+
if (note.important) {
- noteContent += `⭐ `;
+ noteContent += `⭐`;
}
if (!note.read) {
- noteContent += `📌 `;
+ noteContent += `📌`;
}
- noteContent += `${note.title}
`;
+
+ noteContent += `
`;
noteContent += `
${note.text}
`;
+ noteContent += `
${formattedDate} ${formattedTime}
`;
noteElement.innerHTML = noteContent;
- // Mark as read when clicked
+ // Toggle expanded state when clicked
noteElement.addEventListener('click', () => {
- if (!note.read) {
+ noteElement.classList.toggle('expanded');
+
+ // Mark as read when expanded
+ if (!note.read && noteElement.classList.contains('expanded')) {
note.read = true;
updateNotesCount();
updateNotesPanel();
@@ -531,15 +664,6 @@
const isVisible = notesPanel.style.display === 'block';
notesPanel.style.display = isVisible ? 'none' : 'block';
-
- // Mark all as read when panel is opened
- if (!isVisible) {
- gameNotes.forEach(note => {
- note.read = true;
- });
- updateNotesCount();
- updateNotesPanel();
- }
}
// Replace alert with our custom notification system
@@ -640,6 +764,23 @@
const notesClose = document.getElementById('notes-close');
notesClose.addEventListener('click', toggleNotesPanel);
+ // Set up search functionality
+ const notesSearch = document.getElementById('notes-search');
+ notesSearch.addEventListener('input', updateNotesPanel);
+
+ // Set up category filters
+ const categories = document.querySelectorAll('.notes-category');
+ categories.forEach(category => {
+ category.addEventListener('click', () => {
+ // Remove active class from all categories
+ categories.forEach(c => c.classList.remove('active'));
+ // Add active class to clicked category
+ category.classList.add('active');
+ // Update notes panel
+ updateNotesPanel();
+ });
+ });
+
// Initialize notes count
updateNotesCount();
});
@@ -2058,32 +2199,59 @@
// Add readable text as a note
if (data.text.trim().length > 0) {
- addNote(data.name, data.text);
+ addNote(data.name, data.text, data.important || false);
+
+ // Show notification about adding to notes
+ gameAlert(`Added "${data.name}" to your notes.`, 'info', 'Note Added', 3000);
}
}
if (data.takeable) {
- message += `This item can be taken\n\n`;
+ // If it's a note type item that's already been read and added to notes,
+ // don't add it to inventory unless it has a special purpose
+ const isJustInformationalNote =
+ data.type === 'notes' &&
+ data.readable &&
+ data.text &&
+ !data.hasSpecialPurpose; // Add this flag to notes that need to be in inventory
- if (!inventory || !Array.isArray(inventory.items)) {
- console.error('Inventory not properly initialized');
- return;
- }
-
- const isInRoom = currentRoom &&
- rooms[currentRoom] &&
- rooms[currentRoom].objects &&
- rooms[currentRoom].objects[sprite.name];
+ if (!isJustInformationalNote) {
+ message += `This item can be taken\n\n`;
+
+ if (!inventory || !Array.isArray(inventory.items)) {
+ console.error('Inventory not properly initialized');
+ return;
+ }
+
+ const isInRoom = currentRoom &&
+ rooms[currentRoom] &&
+ rooms[currentRoom].objects &&
+ rooms[currentRoom].objects[sprite.name];
+
+ const itemIdentifier = createItemIdentifier(sprite.scenarioData);
+
+ const isInInventory = inventory.items.some(item =>
+ item && createItemIdentifier(item.scenarioData) === itemIdentifier
+ );
+
+ if (isInRoom && !isInInventory) {
+ console.log('Adding item to inventory:', itemIdentifier);
+ addToInventory(sprite);
+ }
+ } else {
+ // For informational notes, just remove them from the room after reading
+ if (currentRoom &&
+ rooms[currentRoom] &&
+ rooms[currentRoom].objects &&
+ rooms[currentRoom].objects[sprite.name]) {
- const itemIdentifier = createItemIdentifier(sprite.scenarioData);
+ const roomObj = rooms[currentRoom].objects[sprite.name];
+ roomObj.setVisible(false);
+ roomObj.active = false;
- const isInInventory = inventory.items.some(item =>
- item && createItemIdentifier(item.scenarioData) === itemIdentifier
- );
-
- if (isInRoom && !isInInventory) {
- console.log('Adding item to inventory:', itemIdentifier);
- addToInventory(sprite);
+ // Show notification about adding to notes instead of inventory
+ gameAlert(`Information recorded in your notes.`, 'success', 'Note Recorded', 3000);
+ }
}
}