feat: Update initialization component with loading progress and tips carousel

This commit is contained in:
Will Miao
2025-04-13 14:03:02 +08:00
parent 5918f35b8b
commit 72c6f91130
4 changed files with 85 additions and 79 deletions

View File

@@ -59,7 +59,6 @@ class CheckpointScanner(ModelScanner):
# Sort for consistent order # Sort for consistent order
sorted_paths = sorted(all_paths, key=lambda p: p.lower()) sorted_paths = sorted(all_paths, key=lambda p: p.lower())
logger.info(f"Found checkpoint roots: {sorted_paths}")
return sorted_paths return sorted_paths

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 MiB

View File

@@ -3,7 +3,8 @@
<div class="initialization-content"> <div class="initialization-content">
<div class="initialization-header"> <div class="initialization-header">
<h2 id="initTitle">{% block init_title %}Initializing{% endblock %}</h2> <h2 id="initTitle">{% block init_title %}Initializing{% endblock %}</h2>
<p class="init-subtitle" id="initSubtitle">{% block init_message %}Preparing your workspace...{% endblock %}</p> <p class="init-subtitle" id="initSubtitle">{% block init_message %}Preparing your workspace...{% endblock %}
</p>
</div> </div>
<div class="loading-content"> <div class="loading-content">
@@ -27,16 +28,19 @@
<div class="tip-carousel" id="tipCarousel"> <div class="tip-carousel" id="tipCarousel">
<div class="tip-item active"> <div class="tip-item active">
<div class="tip-image"> <div class="tip-image">
<img src="/static/images/tips/drag-drop.png" alt="Drag and Drop" onerror="this.src='/static/images/no-preview.png'"> <img src="/loras_static/images/tips/civitai-api.png" alt="Civitai API Setup"
onerror="this.src='/loras_static/images/no-preview.png'">
</div> </div>
<div class="tip-text"> <div class="tip-text">
<h4>Quick Import</h4> <h4>Civitai Integration</h4>
<p>You can drag and drop LoRA files into your folders to automatically import them.</p> <p>Connect your Civitai account: Visit Profile Avatar → Settings → API Keys → Add API Key,
then paste it in Lora Manager settings.</p>
</div> </div>
</div> </div>
<div class="tip-item"> <div class="tip-item">
<div class="tip-image"> <div class="tip-image">
<img src="/static/images/tips/civitai-download.png" alt="Civitai Download" onerror="this.src='/static/images/no-preview.png'"> <img src="/loras_static/images/tips/civitai-download.png" alt="Civitai Download"
onerror="this.src='/loras_static/images/no-preview.png'">
</div> </div>
<div class="tip-text"> <div class="tip-text">
<h4>Easy Download</h4> <h4>Easy Download</h4>
@@ -45,7 +49,8 @@
</div> </div>
<div class="tip-item"> <div class="tip-item">
<div class="tip-image"> <div class="tip-image">
<img src="/static/images/tips/recipes.png" alt="Recipes" onerror="this.src='/static/images/no-preview.png'"> <img src="/loras_static/images/tips/recipes.png" alt="Recipes"
onerror="this.src='/loras_static/images/no-preview.png'">
</div> </div>
<div class="tip-text"> <div class="tip-text">
<h4>Save Recipes</h4> <h4>Save Recipes</h4>
@@ -54,7 +59,8 @@
</div> </div>
<div class="tip-item"> <div class="tip-item">
<div class="tip-image"> <div class="tip-image">
<img src="/static/images/tips/filter.png" alt="Filter Models" onerror="this.src='/static/images/no-preview.png'"> <img src="/loras_static/images/tips/filter.png" alt="Filter Models"
onerror="this.src='/loras_static/images/no-preview.png'">
</div> </div>
<div class="tip-text"> <div class="tip-text">
<h4>Fast Filtering</h4> <h4>Fast Filtering</h4>
@@ -63,7 +69,8 @@
</div> </div>
<div class="tip-item"> <div class="tip-item">
<div class="tip-image"> <div class="tip-image">
<img src="/static/images/tips/search.png" alt="Quick Search" onerror="this.src='/static/images/no-preview.png'"> <img src="/loras_static/images/tips/search.webp" alt="Quick Search"
onerror="this.src='/loras_static/images/no-preview.png'">
</div> </div>
<div class="tip-text"> <div class="tip-text">
<h4>Quick Search</h4> <h4>Quick Search</h4>