Add update notifications

This commit is contained in:
Will Miao
2025-03-05 22:03:54 +08:00
parent 493dff5c19
commit 5e6cce936d
6 changed files with 503 additions and 23 deletions

View File

@@ -215,4 +215,64 @@
</div>
</div>
</div>
</div>
<!-- Update Modal -->
<div id="updateModal" class="modal">
<div class="modal-content update-modal">
<button class="close" onclick="modalManager.closeModal('updateModal')">&times;</button>
<div class="update-header">
<i class="fas fa-bell update-icon"></i>
<h2>Update Available</h2>
</div>
<div class="update-content">
<div class="update-info">
<div class="version-info">
<div class="current-version">
<span class="label">Current Version:</span>
<span class="version-number">v1.0.0</span>
</div>
<div class="new-version">
<span class="label">New Version:</span>
<span class="version-number">v1.1.0</span>
</div>
</div>
<a href="https://github.com/willmiao/ComfyUI-Lora-Manager" target="_blank" class="update-link">
<i class="fas fa-external-link-alt"></i> View on GitHub
</a>
</div>
<div class="changelog-section">
<h3>Changelog</h3>
<div class="changelog-content">
<div class="changelog-item">
<h4>Version 1.1.0</h4>
<ul>
<li>Added support for custom folder structures</li>
<li>Improved search functionality</li>
<li>Fixed bug with loading large libraries</li>
<li>Added new sorting options</li>
</ul>
</div>
</div>
</div>
<div class="update-instructions">
<h3>How to Update</h3>
<p>To update LoRA Manager, run the following command in your ComfyUI directory:</p>
<div class="code-block">
<code>git pull origin main</code>
</div>
<p>Or update through the ComfyUI Manager if you installed it that way.</p>
</div>
<div class="update-preferences">
<label class="toggle-switch">
<input type="checkbox" id="updateNotifications" checked>
<span class="toggle-slider"></span>
<span class="toggle-label">Show update notifications</span>
</label>
</div>
</div>
</div>
</div>

View File

@@ -47,15 +47,25 @@
</head>
<body>
<div class="corner-controls">
<div class="theme-toggle" onclick="toggleTheme()" title="Toggle theme">
<img src="/loras_static/images/theme-toggle-light.svg" alt="Theme" class="theme-icon light-icon">
<img src="/loras_static/images/theme-toggle-dark.svg" alt="Theme" class="theme-icon dark-icon">
<div class="corner-controls-toggle">
<i class="fas fa-ellipsis-v"></i>
<span class="update-badge corner-badge hidden"></span>
</div>
<div class="support-toggle" onclick="modalManager.showModal('supportModal')" title="Support">
<i class="fas fa-heart"></i>
</div>
<div class="settings-toggle" onclick="settingsManager.toggleSettings()" title="Settings">
<i class="fas fa-cog"></i>
<div class="corner-controls-items">
<div class="theme-toggle" onclick="toggleTheme()" title="Toggle theme">
<img src="/loras_static/images/theme-toggle-light.svg" alt="Theme" class="theme-icon light-icon">
<img src="/loras_static/images/theme-toggle-dark.svg" alt="Theme" class="theme-icon dark-icon">
</div>
<div class="update-toggle" onclick="modalManager.showModal('updateModal')" title="Check Updates">
<i class="fas fa-bell"></i>
<span class="update-badge hidden"></span>
</div>
<div class="support-toggle" onclick="modalManager.showModal('supportModal')" title="Support">
<i class="fas fa-heart"></i>
</div>
<div class="settings-toggle" onclick="settingsManager.toggleSettings()" title="Settings">
<i class="fas fa-cog"></i>
</div>
</div>
</div>