imcp 0.1.7 → 0.1.8-dev

package/dist/web/public/js/modal/loadingModal.js

@@ -1,182 +1,2 @@
-// import { delayedAppendInstallLoadingMessage } from './messageQueue.js'; // Not directly used here anymore for appending
-
-const ICONS = {
-    IN_PROGRESS: '<div class="status-spinner"></div>',
-    COMPLETED: '<div class="status-icon-circled icon-check-container"><span class="status-icon icon-check">✓</span></div>',
-    FAILED: '<span class="status-icon icon-cross">✗</span>', // Assuming cross doesn't need a circle for now
-    CANCELED: '<span class="status-icon icon-minus">–</span>', // Simple minus for canceled
-};
-
-let overallStatusIconEl, overallStatusTextEl, installStepDetailsListEl;
-
-/**
- * Display the installation loading modal and prepare it for messages.
- * @param {string} [initialOperationText='Installing'] - The initial overall operation text.
- */
-export function showInstallLoadingModal(initialOperationText = 'Installing') {
-    const loadingModal = document.getElementById('installLoadingModal');
-    // Assuming modal-content is the direct child where content should be placed.
-    const modalContent = loadingModal ? loadingModal.querySelector('.modal-content') : null;
-
-    if (loadingModal && modalContent) {
-        modalContent.innerHTML = `
-            <button id="installLoadingModalCloseBtn" class="modal-close-btn">&times;</button>
-            <div class="installation-status-header">
-                <div id="overallStatusIconContainer" class="overall-status-icon">
-                    ${ICONS.IN_PROGRESS}
-                </div>
-                <h3 id="overallStatusText" class="overall-status-text">${initialOperationText}...</h3>
-            </div>
-            <div class="installation-steps-container">
-                <ul id="installStepDetailsList" class="install-step-details-list"></ul>
-            </div>
-        `;
-
-        overallStatusIconEl = modalContent.querySelector('#overallStatusIconContainer');
-        overallStatusTextEl = modalContent.querySelector('#overallStatusText');
-        installStepDetailsListEl = modalContent.querySelector('#installStepDetailsList');
-
-        const closeButton = modalContent.querySelector('#installLoadingModalCloseBtn');
-        if (closeButton) {
-            closeButton.addEventListener('click', hideInstallLoadingModal);
-        }
-
-        loadingModal.style.display = 'block';
-    } else {
-        console.error('[LoadingModal] Required elements not found: #installLoadingModal or .modal-content');
-    }
-}
-
-/**
- * Updates the overall status display in the loading modal.
- * @param {'in-progress' | 'completed' | 'failed'} status - The overall status.
- * @param {string} message - The message to display for the overall status.
- */
-export function updateOverallInstallStatus(status, message) {
-    if (!overallStatusIconEl || !overallStatusTextEl) {
-        // console.warn('[LoadingModal] Overall status elements not initialized or found.');
-        return;
-    }
-
-    let iconHtml = ICONS.IN_PROGRESS;
-    let statusClass = 'in-progress';
-
-    switch (status) {
-        case 'completed':
-            iconHtml = ICONS.COMPLETED;
-            statusClass = 'completed';
-            break;
-        case 'failed':
-            iconHtml = ICONS.FAILED;
-            statusClass = 'failed';
-            break;
-        case 'in-progress':
-        default:
-            // iconHtml and statusClass already set
-            break;
-    }
-
-    overallStatusIconEl.innerHTML = iconHtml;
-    overallStatusIconEl.className = `overall-status-icon ${statusClass}`; // Update class for styling
-    overallStatusTextEl.textContent = message || (status.charAt(0).toUpperCase() + status.slice(1));
-}
-
-/**
- * Adds a step to the installation details list.
- * @param {string} stepName - The name/title of the step.
- * @param {string} message - The message associated with the step.
- * @param {'pending'|'in-progress'|'completed'|'failed'|'canceled'} status - The status of the step.
- * @param {string} timestamp - ISO timestamp string for the step.
- */
-export function addInstallationStep(stepName, message, status, timestamp) {
-    if (!installStepDetailsListEl) {
-        return;
-    }
-
-    // Use stepName as a unique identifier for the step
-    const stepId = `install-step-${stepName.replace(/[^a-zA-Z0-9_-]/g, '_')}`;
-    let listItem = document.getElementById(stepId);
-
-    let statusClass = '';
-    let stepIcon = '';
-
-    switch (status) {
-        case 'completed':
-            statusClass = 'success';
-            stepIcon = '<span class="step-icon icon-check-small">✓</span>';
-            break;
-        case 'failed':
-            statusClass = 'error';
-            stepIcon = '<span class="step-icon icon-cross-small">✗</span>';
-            break;
-        case 'canceled':
-            statusClass = 'canceled';
-            stepIcon = '<span class="step-icon icon-minus-small">–</span>';
-            break;
-        case 'in-progress':
-        case 'pending':
-        default:
-            statusClass = 'in-progress';
-            stepIcon = '<div class="status-spinner step-spinner"></div>';
-            break;
-    }
-
-    let timeString = '';
-    if (timestamp) {
-        try {
-            timeString = new Date(timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false });
-        } catch (e) { /* ignore */ }
-    }
-
-    const innerHTML = `
-        ${stepIcon}
-        <div class="step-info">
-            <span class="step-name">${stepName}</span>
-            <span class="step-message">${message || (
-                status === 'completed' ? 'Completed' :
-                status === 'failed' ? 'Failed' :
-                status === 'canceled' ? 'Canceled' :
-                'In Progress'
-            )}</span>
-        </div>
-        <span class="step-timestamp">${timeString}</span>
-    `;
-
-    if (listItem) {
-        // Update existing step
-        listItem.className = `step-detail-item ${statusClass}`;
-        listItem.innerHTML = innerHTML;
-    } else {
-        // Create new step
-        listItem = document.createElement('li');
-        listItem.id = stepId;
-        listItem.className = `step-detail-item ${statusClass}`;
-        listItem.innerHTML = innerHTML;
-        installStepDetailsListEl.appendChild(listItem);
-        // Scroll to the bottom of the list
-        installStepDetailsListEl.scrollTop = installStepDetailsListEl.scrollHeight;
-    }
-}
-
-
-/**
- * Hide the install loading modal.
- */
-export function hideInstallLoadingModal() {
-    console.log('[LoadingModal] Hiding installation modal');
-    const loadingModal = document.getElementById('installLoadingModal');
-    if (loadingModal) {
-        loadingModal.style.display = 'none';
-
-        // Clear references to avoid stale elements if modal is reshown
-        overallStatusIconEl = null;
-        overallStatusTextEl = null;
-        installStepDetailsListEl = null;
-
-        // Dispatch an event to signal that the main modal content should be refreshed
-        document.dispatchEvent(new CustomEvent('refreshMainModalContent'));
-        console.log('[LoadingModal] Dispatched refreshMainModalContent event.');
-    } else {
-        console.error('[LoadingModal] loading modal DOM not found');
-    }
-}
+const ICONS={IN_PROGRESS:'<div class="status-spinner"></div>',COMPLETED:'<div class="status-icon-circled icon-check-container"><span class="status-icon icon-check">✓</span></div>',FAILED:'<span class="status-icon icon-cross">✗</span>',CANCELED:'<span class="status-icon icon-minus">–</span>'};let overallStatusIconEl,overallStatusTextEl,installStepDetailsListEl;export function showInstallLoadingModal(t="Installing"){const l=document.getElementById("installLoadingModal"),s=l?l.querySelector(".modal-content"):null;if(l&&s){s.innerHTML=`\n            <button id="installLoadingModalCloseBtn" class="modal-close-btn">&times;</button>\n            <div class="installation-status-header">\n                <div id="overallStatusIconContainer" class="overall-status-icon">\n                    ${ICONS.IN_PROGRESS}\n                </div>\n                <h3 id="overallStatusText" class="overall-status-text">${t}...</h3>\n            </div>\n            <div class="installation-steps-container">\n                <ul id="installStepDetailsList" class="install-step-details-list"></ul>\n            </div>\n        `,overallStatusIconEl=s.querySelector("#overallStatusIconContainer"),overallStatusTextEl=s.querySelector("#overallStatusText"),installStepDetailsListEl=s.querySelector("#installStepDetailsList");const e=s.querySelector("#installLoadingModalCloseBtn");e&&e.addEventListener("click",hideInstallLoadingModal),l.style.display="block"}}export function updateOverallInstallStatus(t,l){if(!overallStatusIconEl||!overallStatusTextEl)return;let s=ICONS.IN_PROGRESS,e="in-progress";switch(t){case"completed":s=ICONS.COMPLETED,e="completed";break;case"failed":s=ICONS.FAILED,e="failed"}overallStatusIconEl.innerHTML=s,overallStatusIconEl.className=`overall-status-icon ${e}`,overallStatusTextEl.textContent=l||t.charAt(0).toUpperCase()+t.slice(1)}export function addInstallationStep(t,l,s,e){if(!installStepDetailsListEl)return;const a=`install-step-${t.replace(/[^a-zA-Z0-9_-]/g,"_")}`;let n=document.getElementById(a),i="",o="";switch(s){case"completed":i="success",o='<span class="step-icon icon-check-small">✓</span>';break;case"failed":i="error",o='<span class="step-icon icon-cross-small">✗</span>';break;case"canceled":i="canceled",o='<span class="step-icon icon-minus-small">–</span>';break;default:i="in-progress",o='<div class="status-spinner step-spinner"></div>'}let c="";if(e)try{c=new Date(e).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})}catch(t){}const d=`\n        ${o}\n        <div class="step-info">\n            <span class="step-name">${t}</span>\n            <span class="step-message">${l||("completed"===s?"Completed":"failed"===s?"Failed":"canceled"===s?"Canceled":"In Progress")}</span>\n        </div>\n        <span class="step-timestamp">${c}</span>\n    `;n?(n.className=`step-detail-item ${i}`,n.innerHTML=d):(n=document.createElement("li"),n.id=a,n.className=`step-detail-item ${i}`,n.innerHTML=d,installStepDetailsListEl.appendChild(n),installStepDetailsListEl.scrollTop=installStepDetailsListEl.scrollHeight)}export function hideInstallLoadingModal(){const t=document.getElementById("installLoadingModal");t&&(t.style.display="none",overallStatusIconEl=null,overallStatusTextEl=null,installStepDetailsListEl=null,document.dispatchEvent(new CustomEvent("refreshMainModalContent")))}
+//# sourceMappingURL=loadingModal.js.map

package/dist/web/public/js/modal/loadingModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}