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

<!-- Delete Confirmation Modal -->
<div id="deleteModal" class="modal delete-modal">
    <div class="modal-content delete-modal-content">
        <h2>{{ t('modals.deleteModel.title') }}</h2>
        <p class="delete-message">{{ t('modals.deleteModel.message') }}</p>
        <div class="delete-model-info"></div>
        <div class="modal-actions">
            <button class="cancel-btn" onclick="closeDeleteModal()">{{ t('common.actions.cancel') }}</button>
            <button class="delete-btn" onclick="confirmDelete()">{{ t('common.actions.delete') }}</button>
        </div>
    </div>
</div>

<!-- Exclude Confirmation Modal -->
<div id="excludeModal" class="modal delete-modal">
    <div class="modal-content delete-modal-content">
        <h2>{{ t('modals.excludeModel.title') }}</h2>
        <p class="delete-message">{{ t('modals.excludeModel.message') }}</p>
        <div class="exclude-model-info"></div>
        <div class="modal-actions">
            <button class="cancel-btn" onclick="closeExcludeModal()">{{ t('common.actions.cancel') }}</button>
            <button class="exclude-btn" onclick="confirmExclude()">{{ t('modals.exclude.confirm') }}</button>
        </div>
    </div>
</div>

<!-- Recipes Duplicate Delete Confirmation Modal -->
<div id="duplicateDeleteModal" class="modal delete-modal">
    <div class="modal-content delete-modal-content">
        <h2>{{ t('modals.deleteDuplicateRecipes.title') }}</h2>
        <p class="delete-message">{{ t('modals.deleteDuplicateRecipes.message') }}</p>
        <div class="delete-model-info">
            <p><span id="duplicateDeleteCount">0</span> {{ t('modals.deleteDuplicateRecipes.countMessage') }}</p>
        </div>
        <div class="modal-actions">
            <button class="cancel-btn" onclick="modalManager.closeModal('duplicateDeleteModal')">{{ t('common.actions.cancel') }}</button>
            <button class="delete-btn" onclick="recipeManager.confirmDeleteDuplicates()">{{ t('common.actions.delete') }}</button>
        </div>
    </div>
</div>

<!-- Models Duplicate Delete Confirmation Modal -->
<div id="modelDuplicateDeleteModal" class="modal delete-modal">
    <div class="modal-content delete-modal-content">
        <h2>{{ t('modals.deleteDuplicateModels.title') }}</h2>
        <p class="delete-message">{{ t('modals.deleteDuplicateModels.message') }}</p>
        <div class="delete-model-info">
            <p><span id="modelDuplicateDeleteCount">0</span> {{ t('modals.deleteDuplicateModels.countMessage') }}</p>
        </div>
        <div class="modal-actions">
            <button class="cancel-btn" onclick="modalManager.closeModal('modelDuplicateDeleteModal')">{{ t('common.actions.cancel') }}</button>
            <button class="delete-btn" onclick="modelDuplicatesManager.confirmDeleteDuplicates()">{{ t('common.actions.delete') }}</button>
        </div>
    </div>
</div>

<!-- Bulk Delete Confirmation Modal -->
<div id="bulkDeleteModal" class="modal delete-modal">
    <div class="modal-content delete-modal-content">
        <h2>{{ t('modals.bulkDelete.title') }}</h2>
        <p class="delete-message">{{ t('modals.bulkDelete.message') }}</p>
        <div class="delete-model-info">
            <p><span id="bulkDeleteCount">0</span> {{ t('modals.bulkDelete.countMessage') }}</p>
        </div>
        <div class="modal-actions">
            <button class="cancel-btn" onclick="modalManager.closeModal('bulkDeleteModal')">{{ t('common.actions.cancel') }}</button>
            <button class="delete-btn" onclick="bulkManager.confirmBulkDelete()">{{ t('modals.bulkDelete.action') }}</button>
        </div>
    </div>
</div>

<!-- Check Updates Confirmation Modal -->
<div id="checkUpdatesConfirmModal" class="modal delete-modal">
    <div class="modal-content delete-modal-content">
        <h2 data-role="title"></h2>
        <p class="confirmation-message" data-role="message"></p>
        <p class="confirmation-tip" data-role="tip"></p>
        <div class="modal-actions">
            <button class="cancel-btn" data-action="cancel-check-updates">{{ t('common.actions.cancel') }}</button>
            <button class="primary-btn" data-action="confirm-check-updates">{{ t('modals.checkUpdates.action') }}</button>
        </div>
    </div>
</div>

<!-- Filename Template Apply/Revert Confirmation Modal
     Self-managed by SettingsManager (NOT registered with ModalManager): it
     stacks above the settings modal, like the directory picker. -->
<div id="filenameTemplateConfirmModal" class="modal delete-modal">
    <div class="modal-content delete-modal-content">
        <h2 data-role="title"></h2>
        <p class="delete-message" data-role="message"></p>
        <div class="modal-actions">
            <button class="cancel-btn" data-action="cancel-filename-template">{{ t('common.actions.cancel') }}</button>
            <button class="primary-btn" data-action="confirm-filename-template"></button>
        </div>
    </div>
</div>

<!-- Sidebar Folder Delete Confirmation Modal -->
<!-- Shared by two states: 'confirm' (model-free folder) and 'blocked' (the
     subtree still holds models, so a cascade delete is refused). -->
<div id="deleteFolderModal" class="modal delete-modal">
    <div class="modal-content delete-modal-content">
        <h2 data-role="title">{{ t('sidebar.deleteFolderModal.title') }}</h2>
        <p class="delete-message" data-role="message">{{ t('sidebar.deleteFolderModal.message') }}</p>
        <div class="delete-model-info" data-role="info"></div>
        <div class="modal-actions">
            <button class="cancel-btn" data-action="cancel-delete-folder">{{ t('common.actions.cancel') }}</button>
            <button class="delete-btn" data-action="confirm-delete-folder">{{ t('sidebar.deleteFolderModal.confirm') }}</button>
        </div>
    </div>
</div>

<!-- Bulk Download Missing LoRAs Confirmation Modal -->
<div id="bulkDownloadMissingLorasModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>{{ t('modals.bulkDownloadMissingLoras.title') }}</h2>
            <span class="close" onclick="modalManager.closeModal('bulkDownloadMissingLorasModal')">&times;</span>
        </div>
        <div class="modal-body">
            <p class="confirmation-message" id="bulkDownloadMissingLorasMessage"></p>
            <div class="bulk-download-loras-preview" id="bulkDownloadMissingLorasPreview">
                <p class="preview-title">{{ t('modals.bulkDownloadMissingLoras.previewTitle') }}</p>
                <ul class="bulk-download-loras-list" id="bulkDownloadMissingLorasList"></ul>
            </div>
            <p class="confirmation-note">
                <i class="fas fa-info-circle"></i>
                {{ t('modals.bulkDownloadMissingLoras.note') }}
            </p>
        </div>
        <div class="modal-actions">
            <button class="secondary-btn" onclick="modalManager.closeModal('bulkDownloadMissingLorasModal')">{{ t('common.actions.cancel') }}</button>
            <button class="primary-btn" id="bulkDownloadMissingLorasConfirmBtn" onclick="bulkMissingLoraDownloadManager.confirmDownload()">
                <i class="fas fa-download"></i>
                {{ t('modals.bulkDownloadMissingLoras.downloadButton') }}
            </button>
        </div>
    </div>
</div>

<!-- Resolve Filename Conflicts Confirmation Modal -->
<div id="resolveFilenameConflictsModal" class="modal delete-modal">
    <div class="modal-content delete-modal-content">
        <h2>{{ t('conflictConfirm.title') }}</h2>
        <p class="confirmation-message">{{ t('conflictConfirm.message') }}</p>
        <p class="resolve-conflicts-detail" id="resolveConflictsDetail"></p>
        <div class="resolve-conflicts-impact" id="resolveConflictsImpact"></div>
        <div class="modal-actions">
            <button class="cancel-btn" onclick="modalManager.closeModal('resolveFilenameConflictsModal')">{{ t('common.actions.cancel') }}</button>
            <button class="primary-btn" id="resolveConflictsConfirmBtn" onclick="doctorManager.confirmResolveConflicts()">
                <i class="fas fa-check"></i>
                {{ t('conflictConfirm.confirm') }}
            </button>
        </div>
    </div>
</div>

<!-- Recipe Rematch Options Modal -->
<div id="rematchOptionsModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>{{ t('modals.rematchOptions.title') }}</h2>
            <span class="close" onclick="rematchModalManager.cancelOptions()">&times;</span>
        </div>
        <div class="modal-body">
            <p class="confirmation-message" id="rematchOptionsMessage"></p>
            <label class="rematch-option-card" for="rematchOptionsRelaxed">
                <input type="checkbox" id="rematchOptionsRelaxed">
                <span class="rematch-option-checkmark" aria-hidden="true"></span>
                <span class="rematch-option-text">
                    <span class="rematch-option-title">{{ t('modals.rematchOptions.relaxedLabel') }}</span>
                    <span class="rematch-option-caveat">
                        <i class="fas fa-info-circle" aria-hidden="true"></i>
                        {{ t('modals.rematchOptions.relaxedDescription') }}
                    </span>
                </span>
            </label>
        </div>
        <div class="modal-actions">
            <button class="secondary-btn" onclick="rematchModalManager.cancelOptions()">{{ t('common.actions.cancel') }}</button>
            <button class="primary-btn" id="rematchOptionsConfirmBtn" onclick="rematchModalManager.confirmOptions()">
                <i class="fas fa-sync-alt"></i>
                {{ t('modals.rematchOptions.confirmButton') }}
            </button>
        </div>
    </div>
</div>