bsodfather/crank
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: harden wizard upstream rendering

Browse Source
This commit is contained in:
a.tolmachev
2026-05-02 11:49:29 +00:00
parent f0d875ffa9
commit f4799d1c7e
1 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/ui/js/wizard.js
+26 -8
View File
@@ -344,6 +344,22 @@ function updateUpstreamAuthUi() {
updateAuthProfileCreateUi(); updateAuthProfileCreateUi();
} }
function buildUpstreamTriggerContent(name, url) {
var fragment = document.createDocumentFragment();
fragment.appendChild(createDivWithClass('upstream-trigger-name', name));
fragment.appendChild(createDivWithClass('upstream-trigger-url', url));
return fragment;
}
function setUpstreamComboboxPlaceholder(container) {
if (!container) return;
container.innerHTML = '';
var placeholder = document.createElement('span');
placeholder.className = 'upstream-combobox-placeholder';
placeholder.textContent = tKey('wizard.step2.upstream_placeholder');
container.appendChild(placeholder);
}
function renderDropdownList(filter) { function renderDropdownList(filter) {
var list = document.getElementById('upstream-dropdown-list'); var list = document.getElementById('upstream-dropdown-list');
if (!list) return; if (!list) return;
@@ -353,7 +369,11 @@ function renderDropdownList(filter) {
}); });
if (filtered.length === 0) { if (filtered.length === 0) {
list.innerHTML = '<div class="upstream-dropdown-empty">' + tfKey('agents.drawer.ops_no_match', { query: escapeHtml(filter) }) + '</div>'; list.innerHTML = '';
var empty = document.createElement('div');
empty.className = 'upstream-dropdown-empty';
empty.textContent = tfKey('agents.drawer.ops_no_match', { query: filter || '' });
list.appendChild(empty);
return; return;
} }
@@ -428,9 +448,8 @@ function pickUpstream(id) {
trigNode.querySelector('.upstream-trigger-url').textContent = u.url; trigNode.querySelector('.upstream-trigger-url').textContent = u.url;
val.appendChild(trigNode); val.appendChild(trigNode);
} else { } else {
val.innerHTML = val.innerHTML = '';
'<div class="upstream-trigger-name">' + escapeHtml(u.name) + '</div>' + val.appendChild(buildUpstreamTriggerContent(u.name, u.url));
'<div class="upstream-trigger-url">' + escapeHtml(u.url) + '</div>';
} }
} }
@@ -477,7 +496,7 @@ function startNewUpstream() {
// Clear combobox trigger & hide preview // Clear combobox trigger & hide preview
var val = document.getElementById('upstream-combobox-value'); var val = document.getElementById('upstream-combobox-value');
if (val) val.innerHTML = '<span class="upstream-combobox-placeholder">' + tKey('wizard.step2.upstream_placeholder') + '</span>'; if (val) setUpstreamComboboxPlaceholder(val);
var preview = document.getElementById('upstream-preview'); var preview = document.getElementById('upstream-preview');
if (preview) preview.style.display = 'none'; if (preview) preview.style.display = 'none';
selectedUpstreamId = null; selectedUpstreamId = null;
@@ -1889,9 +1908,8 @@ function prefillUpstream(baseUrl, headers, authProfileRef) {
var valueEl = document.getElementById('upstream-combobox-value'); var valueEl = document.getElementById('upstream-combobox-value');
if (valueEl) { if (valueEl) {
valueEl.innerHTML = valueEl.innerHTML = '';
'<div class="upstream-trigger-name">imported-upstream</div>' + valueEl.appendChild(buildUpstreamTriggerContent('imported-upstream', baseUrl));
'<div class="upstream-trigger-url">' + escapeHtml(baseUrl) + '</div>';
} }
} }