busya/ss-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(translate): restore datasource display name on job page load

Browse Source 
When opening a saved translation job, the datasource search input was empty
because datasourceSearch was never populated from the loaded job data.
The raw datasourceId was loaded correctly, but the display name
("table_name (database · dialect)") was missing.

Added fetchDatasources lookup in loadInitialData after environmentId is set:
finds the matching datasource by ID in the list and sets datasourceSearch
to the same format used in selectDatasource().
This commit is contained in:
busya
2026-06-03 11:52:38 +03:00
parent 399eb2ada7
commit ebbbd51230
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/lib/models/TranslationJobModel.svelte.ts
View File

@@ -24,7 +24,7 @@ import { api } from '$lib/api.js';
import { log } from '$lib/cot-logger';
import { addToast } from '$lib/toasts.svelte.js';
import { _, getT } from '$lib/i18n/index.svelte.js';
import { triggerRun, fetchRunHistory, cancelRun, fetchDatasourceColumns } from '$lib/api/translate.js';
import { triggerRun, fetchRunHistory, cancelRun, fetchDatasourceColumns, fetchDatasources } from '$lib/api/translate.js';
import { startTranslationRun, resetTranslationRun, translationRunStore } from '$lib/stores/translationRun.svelte.js';
type UxState = 'idle' | 'loading' | 'configured' | 'saving' | 'validation_error' | 'datasource_unavailable';
@@ -222,7 +222,19 @@ export class TranslationJobModel {
this.targetTable = (job.target_table as string) || '';
this.targetDatabaseId = (job.target_database_id as string) || '';
this.environmentId = (job.environment_id as string) || '';
if (this.environmentId) { this.loadDatabases(); this.loadDatasourceColumns(); }
if (this.environmentId) {
this.loadDatabases();
this.loadDatasourceColumns();
// Look up datasource name to populate search input on page load
if (this.datasourceId) {
fetchDatasources<Record<string, unknown>[]>(this.environmentId, '').then((list) => {
const ds = (Array.isArray(list) ? list : []).find((d) => String(d.id) === String(this.datasourceId));
if (ds) {
this.datasourceSearch = `${ds.table_name} (${ds.database_name} · ${ds.database_dialect})`;
}
}).catch(() => {});
}
}
this.loadRunHistory();
}
this.uxState = 'configured';