ComfyUI-Lora-Manager/templates/components/controls.html

<div class="controls">
    <div class="folder-tags-container">
        <div class="folder-tags">
            {% for folder in folders %}
            <div class="tag" data-folder="{{ folder }}">{{ folder }}</div>
            {% endfor %}
        </div>
        <button class="toggle-folders-btn" onclick="toggleFolderTags()" title="Collapse folder tags">
            <i class="fas fa-chevron-up"></i>
        </button>
    </div>
    
    <div class="actions">
        <div title="Sort models by..." class="control-group">
            <select id="sortSelect">
            <option value="name">Name</option>
            <option value="date">Date</option>
            </select>
        </div>
        <div title="Refresh model list" class="control-group">
            <button onclick="refreshLoras()"><i class="fas fa-sync"></i> Refresh</button>
        </div>
        <div class="control-group">
            <button onclick="fetchCivitai()" class="secondary" title="Fetch from Civitai"><i class="fas fa-download"></i> Fetch</button>
        </div>
        <div class="control-group">
            <button onclick="downloadManager.showDownloadModal()" title="Download from URL">
                <i class="fas fa-cloud-download-alt"></i> Download
            </button>
        </div>
        <div class="search-container">
            <input type="text" id="searchInput" placeholder="Search models..." />
            <!-- 清空按钮将由JavaScript动态添加到这里 -->
            <i class="fas fa-search search-icon"></i>
            <button class="search-mode-toggle" id="searchModeToggle" title="Toggle recursive search in folders">
                <i class="fas fa-folder"></i>
            </button>
        </div>
    </div>
</div>