Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor Journals UI and enhance CodeMirror editor

Browse Source 
- Added formatting toolbar to journal entry editor with support for bold, italic, headers, and lists.
- Standardized iconography to Lucide across Journals module, removing legacy FontAwesome.
- Improved responsiveness and dark mode compatibility in layout and list views.
- Refactored CodeMirror component to support external control via editorView binding.
- Hardened security by removing unnecessary @html tags in journal names.
This commit is contained in:
Scott Idem
2026-01-08 14:39:26 -05:00
parent 480094305c
commit 01ced00f78
6 changed files with 122 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/routes/journals/+layout.svelte
View File

@@ -7,7 +7,7 @@
import { goto } from '$app/navigation';
// *** Import other supporting libraries
import { House, RefreshCw, Satellite } from '@lucide/svelte';
import { ArrowDownUp, House, RefreshCw, Satellite } from '@lucide/svelte';
// *** Import Aether specific variables and functions
import { ae_loc, ae_sess, ae_api, slct } from '$lib/stores/ae_stores';
@@ -271,10 +271,6 @@
`Scroll to top button clicked. yScroll: ${yScroll} scrollTop: ${scroll_container().scrollTop}`,
scroll_container()
);
// document.getElementById('ae_idaa')?.scrollTo(0, 0);
// document.documentElement?.scrollTo(0, 0);
// document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
// document.body.scrollTop = 0; // For Safari
}
});
@@ -284,11 +280,11 @@
behavior: 'smooth'
});
window.parent.postMessage({ scroll_to: 0 }, '*'); // This should be
window.parent.postMessage({ scroll_to: 0 }, '*');
}}
title="Scroll to top"
>
<span class="fas fa-arrow-up"></span>
<ArrowDownUp class="rotate-180" />
Scroll to Top
</button>
@@ -345,10 +341,6 @@
`Scroll to bottom button clicked. yScroll: ${yScroll} scrollTop: ${scroll_container().scrollTop}`,
scroll_container()
);
// document.getElementById('ae_idaa')?.scrollTo(0, 0);
// document.documentElement?.scrollTo(0, 0);
// document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
// document.body.scrollTop = 0; // For Safari
}
});
@@ -358,13 +350,12 @@
behavior: 'smooth'
});
window.parent.postMessage({ scroll_to: yScroll }, '*'); // This should be
window.parent.postMessage({ scroll_to: yScroll }, '*');
}}
title="Scroll to bottom"
>
<span class="fas fa-arrow-down"></span>
<ArrowDownUp />
Scroll to Bottom
<!-- yTop={yTop} yScroll={yScroll} yHeight={yHeight} yScroll={yScroll} scrollTop={scroll_container().scrollTop} total={scroll_container().scrollTop + yHeight} -->
</button>
</div>