feat: Enhance sidebar navigation with dropdowns and refactor breadcrumb structure

This commit is contained in:
Will Miao
2025-08-26 16:44:01 +08:00
parent 6df083a1d5
commit d7949fbc30
10 changed files with 294 additions and 56 deletions

View File

@@ -31,6 +31,7 @@
{% block content %}
{% include 'components/controls.html' %}
{% include 'components/duplicates_banner.html' %}
{% include 'components/folder_sidebar.html' %}
<!-- Checkpoint cards container -->
<div class="card-grid" id="modelGrid">
@@ -38,6 +39,10 @@
</div>
{% endblock %}
{% block overlay %}
<div class="bulk-mode-overlay"></div>
{% endblock %}
{% block main_script %}
<script type="module" src="/loras_static/js/checkpoints.js"></script>
{% endblock %}

View File

@@ -99,8 +99,8 @@
</div>
<!-- Breadcrumb Navigation -->
<div id="breadcrumbContainer" class="sidebar-breadcrumb-container hidden">
<nav class="sidebar-breadcrumb-nav" id="breadcrumbNav">
<div id="breadcrumbContainer" class="sidebar-breadcrumb-container">
<nav class="sidebar-breadcrumb-nav" id="sidebarBreadcrumbNav">
<!-- Breadcrumbs will be populated by JavaScript -->
</nav>
</div>

View File

@@ -0,0 +1,16 @@
<!-- Folder Navigation Sidebar -->
<div class="folder-sidebar" id="folderSidebar">
<div class="sidebar-header" id="sidebarHeader">
<h3><i class="fas fa-home"></i> <span id="sidebarTitle">Model Root</span></h3>
<button class="sidebar-toggle-close" id="sidebarToggleClose">
<i class="fas fa-times"></i>
</button>
</div>
<div class="sidebar-content">
<div class="sidebar-tree-container">
<div class="sidebar-tree" id="sidebarFolderTree">
<!-- Tree will be populated by JavaScript -->
</div>
</div>
</div>
</div>

View File

@@ -31,6 +31,7 @@
{% block content %}
{% include 'components/controls.html' %}
{% include 'components/duplicates_banner.html' %}
{% include 'components/folder_sidebar.html' %}
<!-- Embedding cards container -->
<div class="card-grid" id="modelGrid">
@@ -38,6 +39,10 @@
</div>
{% endblock %}
{% block overlay %}
<div class="bulk-mode-overlay"></div>
{% endblock %}
{% block main_script %}
<script type="module" src="/loras_static/js/embeddings.js"></script>
{% endblock %}

View File

@@ -16,23 +16,7 @@
{% block content %}
{% include 'components/controls.html' %}
{% include 'components/duplicates_banner.html' %}
<!-- Folder Navigation Sidebar -->
<div class="folder-sidebar" id="folderSidebar">
<div class="sidebar-header" id="sidebarHeader">
<h3><i class="fas fa-home"></i> LoRA Root</h3>
<button class="sidebar-toggle-close" id="sidebarToggleClose">
<i class="fas fa-times"></i>
</button>
</div>
<div class="sidebar-content">
<div class="sidebar-tree-container">
<div class="sidebar-tree" id="sidebarFolderTree">
<!-- Tree will be populated by JavaScript -->
</div>
</div>
</div>
</div>
{% include 'components/folder_sidebar.html' %}
<!-- Lora卡片容器 -->
<div class="card-grid" id="modelGrid">