ComfyUI-Lora-Manager/templates/components/modals/update_modal.html

<!-- Update Modal -->
<div id="updateModal" class="modal">
    <div class="modal-content update-modal">
        <button class="close" onclick="modalManager.closeModal('updateModal')">&times;</button>
        <div class="update-header">
            <i class="fas fa-bell update-icon"></i>
            <h2>Check for Updates</h2>
        </div>
        <div class="update-content">
            <div class="update-info">
                <div class="version-info">
                    <div class="current-version">
                        <span class="label">Current Version:</span>
                        <span class="version-number">v0.0.0</span>
                    </div>
                    <div class="git-info" style="display:none;">Commit: unknown</div>
                    <div class="new-version">
                        <span class="label">New Version:</span>
                        <span class="version-number">v0.0.0</span>
                    </div>
                </div>
                
                <div class="update-actions">
                    <a href="https://github.com/willmiao/ComfyUI-Lora-Manager" target="_blank" class="update-link">
                        <i class="fas fa-external-link-alt"></i> View on GitHub
                    </a>
                    <button id="updateBtn" class="primary-btn disabled">
                        <i class="fas fa-download"></i>
                        <span id="updateBtnText">Update Now</span>
                    </button>
                </div>
            </div>
            
            <!-- Update Progress Section -->
            <div class="update-progress" id="updateProgress" style="display: none;">
                <div class="progress-info">
                    <div class="progress-text" id="updateProgressText">Preparing update...</div>
                    <div class="progress-bar">
                        <div class="progress-fill" id="updateProgressFill"></div>
                    </div>
                </div>
            </div>
            
            <div class="changelog-section">
                <h3>Changelog</h3>
                <div class="changelog-content">
                    <!-- Dynamic changelog content will be inserted here -->
                    <div class="changelog-item">
                        <h4>Checking for updates...</h4>
                        <p>Please wait while we check for the latest version.</p>
                    </div>
                </div>
            </div>
            
            <div class="update-preferences">
                <label class="toggle-switch">
                    <input type="checkbox" id="updateNotifications" checked>
                    <span class="toggle-slider"></span>
                    <span class="toggle-label">Show update notifications</span>
                </label>
            </div>
        </div>
    </div>
</div>