oleh/astrolabe-nvc
1
0
Fork 0
mirror of https://github.com/olehomelchenko/astrolabe-nvc.git synced 2025-12-21 21:22:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: complete Alpine.js migration with reactive state management and UI updates

Browse Source
This commit is contained in:
Oleh Omelchenko
2025-11-24 23:29:29 +02:00
parent ba89c3bd3a
commit 86c9a81653
6 changed files with 177 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/js/app.js
View File

@@ -34,12 +34,6 @@ document.addEventListener('DOMContentLoaded', function () {
// Initialize snippet storage and render list (async)
initializeSnippetsStorage().then(() => {
// Initialize sort controls (now handled by Alpine)
initializeSortControls();
// Initialize search controls (now handled by Alpine)
initializeSearchControls();
// Render snippet list (now handled reactively by Alpine)
renderSnippetList();
@@ -211,8 +205,8 @@ document.addEventListener('DOMContentLoaded', function () {
// Edit dataset button
if (editDatasetBtn) {
editDatasetBtn.addEventListener('click', async function() {
if (window.currentDatasetId) {
await showEditDatasetForm(window.currentDatasetId);
if (Alpine.store('datasets').currentDatasetId) {
await showEditDatasetForm(Alpine.store('datasets').currentDatasetId);
}
});
}
@@ -260,8 +254,8 @@ document.addEventListener('DOMContentLoaded', function () {
const buildChartBtn = document.getElementById('build-chart-btn');
if (buildChartBtn) {
buildChartBtn.addEventListener('click', async () => {
if (window.currentDatasetId) {
openChartBuilder(window.currentDatasetId);
if (Alpine.store('datasets').currentDatasetId) {
openChartBuilder(Alpine.store('datasets').currentDatasetId);
}
});
}
@@ -283,15 +277,15 @@ document.addEventListener('DOMContentLoaded', function () {
const previewTableBtn = document.getElementById('preview-table-btn');
if (previewRawBtn) {
previewRawBtn.addEventListener('click', function() {
if (window.currentDatasetData) {
showRawPreview(window.currentDatasetData);
if (Alpine.store('datasets').currentDatasetData) {
showRawPreview(Alpine.store('datasets').currentDatasetData);
}
});
}
if (previewTableBtn) {
previewTableBtn.addEventListener('click', function() {
if (window.currentDatasetData) {
showTablePreview(window.currentDatasetData);
if (Alpine.store('datasets').currentDatasetData) {
showTablePreview(Alpine.store('datasets').currentDatasetData);
}
});
}
@@ -419,7 +413,7 @@ const KeyboardActions = {
},
publishDraft: function() {
if (Alpine.store('snippets').viewMode === 'draft' && window.currentSnippetId) {
if (Alpine.store('snippets').viewMode === 'draft' && Alpine.store('snippets').currentSnippetId) {
publishDraft();
}
},