mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-03-22 13:42:12 -03:00
104 lines
4.5 KiB
HTML
104 lines
4.5 KiB
HTML
<!-- Checkpoint Modals -->
|
|
<!-- Delete Confirmation Modal -->
|
|
<div id="deleteConfirmModal" class="modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h2>Confirm Delete</h2>
|
|
<span class="close">×</span>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p id="deleteConfirmMessage">Are you sure you want to delete this checkpoint?</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button id="cancelDeleteBtn" class="btn btn-secondary">Cancel</button>
|
|
<button id="confirmDeleteBtn" class="btn btn-danger">Delete</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Checkpoint Details Modal (to be implemented in the future) -->
|
|
<div id="checkpointModal" class="modal" style="display: none;">
|
|
<div class="modal-content modal-large">
|
|
<div class="modal-header">
|
|
<h2 id="checkpointModalTitle">Checkpoint Details</h2>
|
|
<span class="close">×</span>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div id="checkpointModalContent">
|
|
<!-- Content will be dynamically added here -->
|
|
<div class="placeholder-message">
|
|
<p>Checkpoint details will be displayed here.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Download Checkpoint from URL Modal -->
|
|
<div id="checkpointDownloadModal" class="modal">
|
|
<div class="modal-content">
|
|
<button class="close" onclick="modalManager.closeModal('checkpointDownloadModal')">×</button>
|
|
<h2>Download Checkpoint from URL</h2>
|
|
|
|
<!-- Step 1: URL Input -->
|
|
<div class="download-step" id="cpUrlStep">
|
|
<div class="input-group">
|
|
<label for="checkpointUrl">Civitai URL:</label>
|
|
<input type="text" id="checkpointUrl" placeholder="https://civitai.com/models/..." />
|
|
<div class="error-message" id="cpUrlError"></div>
|
|
</div>
|
|
<div class="modal-actions">
|
|
<button class="primary-btn" onclick="checkpointDownloadManager.validateAndFetchVersions()">Next</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 2: Version Selection -->
|
|
<div class="download-step" id="cpVersionStep" style="display: none;">
|
|
<div class="version-list" id="cpVersionList">
|
|
<!-- Versions will be inserted here dynamically -->
|
|
</div>
|
|
<div class="modal-actions">
|
|
<button class="secondary-btn" onclick="checkpointDownloadManager.backToUrl()">Back</button>
|
|
<button class="primary-btn" onclick="checkpointDownloadManager.proceedToLocation()">Next</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 3: Location Selection -->
|
|
<div class="download-step" id="cpLocationStep" style="display: none;">
|
|
<div class="location-selection">
|
|
<!-- Move path preview to top -->
|
|
<div class="path-preview">
|
|
<label>Download Location Preview:</label>
|
|
<div class="path-display" id="cpTargetPathDisplay">
|
|
<span class="path-text">Select a Checkpoint root directory</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<label>Select Checkpoint Root:</label>
|
|
<select id="checkpointRoot"></select>
|
|
</div>
|
|
<div class="input-group">
|
|
<label>Target Folder:</label>
|
|
<div class="folder-browser" id="cpFolderBrowser">
|
|
{% for folder in folders %}
|
|
{% if folder %}
|
|
<div class="folder-item" data-folder="{{ folder }}">
|
|
{{ folder }}
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div class="input-group">
|
|
<label for="cpNewFolder">New Folder (optional):</label>
|
|
<input type="text" id="cpNewFolder" placeholder="Enter folder name" />
|
|
</div>
|
|
</div>
|
|
<div class="modal-actions">
|
|
<button class="secondary-btn" onclick="checkpointDownloadManager.backToVersions()">Back</button>
|
|
<button class="primary-btn" onclick="checkpointDownloadManager.startDownload()">Download</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |