gfds

views/snippets/footer.html

@@ -103,7 +103,7 @@
   </div>
 </div>
 @endif
-@if(onara)
+@if(onara || is_onara_item)
 <div id="onara-modal" class="onara-modal-wrapper" @if(is_onara_item)style="display:flex;" aria-hidden="false"@else style="display:none;" aria-hidden="true"@endif>
   <div class="onara-backdrop" id="onara-backdrop"></div>
   <div class="onara-modal-content" id="onara-modal-content">
@@ -131,6 +131,9 @@
       <button type="button" class="sidebar-tab" id="sidebar-tab-tag" data-tab="tag" title="Tag Feed" aria-label="Tag Feed" style="display: none;">
         <i class="fa-solid fa-hashtag"></i>
       </button>
+      <button type="button" class="sidebar-tab" id="sidebar-tab-favs" data-tab="favs" title="Favorites" aria-label="Favorites" style="display: none;">
+        <i class="fa-solid fa-heart"></i>
+      </button>
       <button type="button" class="sidebar-tab" id="sidebar-tab-tuner" data-tab="tuner" title="Tuner & Debug (Audio, Danmaku & Background)" aria-label="Tuner & Debug (Audio, Danmaku & Background)">
         <i class="fa-solid fa-sliders"></i>
       </button>
@@ -165,6 +168,21 @@
         </div>
       </div>
     </div>
+    <div id="sidebar-favs-container" class="sidebar-recommendations-list sidebar-tab-content" data-tab-content="favs" style="display: none;">
+      <div class="sidebar-tag-header">
+        <div class="sidebar-tag-title">
+          <i class="fa-solid fa-heart"></i>
+          <span class="sidebar-favs-name"></span>
+          <span class="sidebar-favs-count"></span>
+        </div>
+      </div>
+      <div class="sidebar-favs-items-container">
+        <div class="sidebar-loading-state">
+          <i class="fa-solid fa-circle-notch fa-spin"></i>
+          <span>Loading favorites...</span>
+        </div>
+      </div>
+    </div>
     <div id="sidebar-tuner-container" class="sidebar-tuner-container sidebar-tab-content" data-tab-content="tuner" style="display: none;">
     </div>
   </div>