Deploy Application
@@ -338,7 +354,7 @@
if (isWidget) {
option.onclick = () => toggleDashboardWidget(app, option);
} else {
- option.onclick = () => showDeployConfig(app);
+ option.onclick = () => checkAndShowDeployConfig(app);
}
grid.appendChild(option);
});
@@ -375,6 +391,93 @@
showNotification(`${app.name} widget ${newState ? 'enabled' : 'disabled'}`, 'success', 2000);
}
+ // Check declared dependencies for an app before opening the deploy modal.
+ // If any are missing, show the dep-warning-modal so the user can pick which to auto-deploy.
+ async function checkAndShowDeployConfig(appTemplate) {
+ // Reset any leftover dep selection from a previous flow
+ delete appTemplate._deployDeps;
+
+ let depResult = null;
+ try {
+ const resp = await secureFetch('/api/v1/apps/check-dependencies', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ appId: appTemplate.id })
+ });
+ depResult = await resp.json();
+ } catch (e) {
+ // Network/server error — fall through to normal deploy flow
+ console.warn('Dep check failed, continuing without it:', e);
+ return showDeployConfig(appTemplate);
+ }
+
+ // No deps declared, or all already deployed
+ if (!depResult || !Array.isArray(depResult.missing) || depResult.missing.length === 0) {
+ return showDeployConfig(appTemplate);
+ }
+
+ // Show warning modal
+ const depModal = document.getElementById('dep-warning-modal');
+ const titleEl = document.getElementById('dep-warning-title');
+ const subtitleEl = document.getElementById('dep-warning-subtitle');
+ const listEl = document.getElementById('dep-warning-list');
+ const cancelBtn = document.getElementById('dep-warning-cancel');
+ const skipBtn = document.getElementById('dep-warning-skip');
+ const confirmBtn = document.getElementById('dep-warning-confirm');
+
+ titleEl.textContent = `${appTemplate.name} has missing dependencies`;
+ subtitleEl.textContent = `${appTemplate.name} works best when these apps are deployed first:`;
+
+ // Render checkboxes for each missing dep
+ listEl.innerHTML = depResult.missingDetails.map(d => `
+
+ `).join('');
+
+ // Close the app selector behind it
+ modal.classList.remove('show');
+ depModal.classList.add('show');
+
+ // Helper to clean up event listeners after one of the buttons is pressed
+ const cleanup = () => {
+ cancelBtn.onclick = null;
+ skipBtn.onclick = null;
+ confirmBtn.onclick = null;
+ };
+
+ cancelBtn.onclick = () => {
+ cleanup();
+ depModal.classList.remove('show');
+ // Re-open app selector so user can pick something else
+ modal.classList.add('show');
+ };
+
+ skipBtn.onclick = () => {
+ cleanup();
+ depModal.classList.remove('show');
+ // Continue to normal deploy flow without any deps
+ showDeployConfig(appTemplate);
+ };
+
+ confirmBtn.onclick = () => {
+ // Collect checked deps
+ const chosen = Array.from(listEl.querySelectorAll('.dep-warning-checkbox'))
+ .filter(cb => cb.checked)
+ .map(cb => cb.value);
+ cleanup();
+ depModal.classList.remove('show');
+ // Stash chosen deps on the template; addAppToGrid will pick them up
+ if (chosen.length > 0) appTemplate._deployDeps = chosen;
+ showDeployConfig(appTemplate);
+ };
+ }
+
// Show deployment configuration modal
async function showDeployConfig(appTemplate) {
const deployModal = document.getElementById('app-deploy-modal');
@@ -765,6 +868,11 @@
}
};
+ // Include user-selected dependencies (from dep warning modal)
+ if (Array.isArray(appTemplate._deployDeps) && appTemplate._deployDeps.length > 0) {
+ apiDeployConfig.deployDependencies = appTemplate._deployDeps;
+ }
+
// Add existing container info if using existing
if (usingExisting) {
apiDeployConfig.config.useExisting = true;