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

refactor: enhance URL state management for dataset modal and improve snippet creation with tooltip support

Browse Source
This commit is contained in:
Oleh Omelchenko
2025-11-17 00:39:35 +02:00
parent 11c876f74b
commit c03860d789
3 changed files with 45 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/js/dataset-manager.js
View File

@@ -509,18 +509,7 @@ function showURLPreviewPrompt(dataset) {
previewBox.style.display = 'block';
tableContainer.style.display = 'none';
const promptHTML = `
<div style="text-align: center; padding: 20px;">
<div style="margin-bottom: 12px; font-size: 11px; color: #606060;">
URL: ${dataset.data}<br/>
Format: ${dataset.format.toUpperCase()}
</div>
<button class="btn btn-standard primary" id="load-preview-btn">Load Preview</button>
<div style="margin-top: 8px; font-size: 10px; color: #808080; font-style: italic;">
Data will be fetched but not saved
</div>
</div>
`;
const promptHTML = `<div style="text-align: center;"><div style="margin-bottom: 8px; font-size: 11px; color: #606060;">URL: ${dataset.data}<br/>Format: ${dataset.format.toUpperCase()}</div><button class="btn btn-standard primary" id="load-preview-btn">Load Preview</button><div style="margin-top: 6px; font-size: 10px; color: #808080; font-style: italic;">Data will be fetched but not saved</div></div>`;
previewBox.innerHTML = promptHTML;
@@ -877,6 +866,12 @@ function closeDatasetManager(updateURL = true) {
modal.style.display = 'none';
window.currentDatasetId = null;
// Hide dataset form if it's open (without updating URL to avoid double update)
const formView = document.getElementById('dataset-form-view');
if (formView && formView.style.display !== 'none') {
hideNewDatasetForm(false);
}
// Update URL state - restore snippet if one is selected
if (updateURL) {
if (window.currentSnippetId) {
@@ -1336,13 +1331,18 @@ function checkSchemaChanges() {
}
// Hide new dataset form
function hideNewDatasetForm() {
function hideNewDatasetForm(updateURL = true) {
document.getElementById('dataset-list-view').style.display = 'block';
document.getElementById('dataset-form-view').style.display = 'none';
window.datasetFormMode = null;
window.editingDatasetId = null;
window.originalSchema = null;
hideSchemaWarning();
// Update URL to dataset list view
if (updateURL) {
URLState.update({ view: 'datasets', snippetId: null, datasetId: null });
}
}
// Save new dataset (handles both create and edit modes)
@@ -1444,6 +1444,11 @@ async function saveNewDataset() {
Toast.success('Dataset updated successfully');
// Refresh visualization if a snippet is open
if (window.currentSnippetId && typeof renderVisualization === 'function') {
await renderVisualization();
}
// Track event
Analytics.track('dataset-update', `Update dataset (${source})`);
} else {
@@ -1466,6 +1471,14 @@ async function saveNewDataset() {
hideNewDatasetForm();
await renderDatasetList();
await selectDataset(dataset.id);
Toast.success('Dataset created successfully');
// Refresh visualization if a snippet is open
if (window.currentSnippetId && typeof renderVisualization === 'function') {
await renderVisualization();
}
// Track event
Analytics.track('dataset-create', `Create dataset (${source})`);
@@ -1532,6 +1545,11 @@ async function refreshDatasetMetadata() {
await selectDataset(dataset.id);
await renderDatasetList();
// Refresh visualization if a snippet is open
if (window.currentSnippetId && typeof renderVisualization === 'function') {
await renderVisualization();
}
// Brief success indicator
refreshBtn.textContent = '✓';
setTimeout(() => {
@@ -1839,6 +1857,11 @@ async function autoSaveDatasetMeta() {
if (selectedItem) {
selectedItem.classList.add('selected');
}
// Refresh visualization if a snippet is open
if (window.currentSnippetId && typeof renderVisualization === 'function') {
await renderVisualization();
}
}
// Debounced auto-save for dataset metadata