f0ck algos

views/snippets/footer.html

@@ -120,12 +120,26 @@
 @if(!private_society || session)
 <div class="global-sidebar-right">
   <div class="sidebar-activity">
-    <div id="sidebar-activity-container" class="sidebar-comments-list">
+    <div class="sidebar-tabs">
+      <button type="button" class="sidebar-tab active" data-tab="comments" title="{{ t('sidebar.recent_comments') }}" aria-label="{{ t('sidebar.recent_comments') }}">
+        <i class="fa-solid fa-comments"></i>
+      </button>
+      <button type="button" class="sidebar-tab" data-tab="recommendations" title="{{ t('sidebar.recommendations') }}" aria-label="{{ t('sidebar.recommendations') }}">
+        <i class="fa-solid fa-compass"></i>
+      </button>
+    </div>
+    <div id="sidebar-activity-container" class="sidebar-comments-list sidebar-tab-content active" data-tab-content="comments">
       <div class="sidebar-loading-state">
         <i class="fa-solid fa-circle-notch fa-spin"></i>
         <span>{{ t('sidebar.loading_activity') }}</span>
       </div>
     </div>
+    <div id="sidebar-recommendations-container" class="sidebar-recommendations-list sidebar-tab-content" data-tab-content="recommendations" style="display: none;">
+      <div class="sidebar-loading-state">
+        <i class="fa-solid fa-circle-notch fa-spin"></i>
+        <span>{{ t('sidebar.loading_recommendations') }}</span>
+      </div>
+    </div>
   </div>
   <div class="global-sidebar-right-footer">
     <a href="/ranking">{{ t('footer.ranking') }}</a>
@@ -454,6 +468,10 @@
     sidebar_failed_to_load: "{{ t('sidebar.failed_to_load') }}",
     sidebar_loading_more: "{{ t('sidebar.loading_more') }}",
     sidebar_end_of_activity: "{{ t('sidebar.end_of_activity') }}",
+    sidebar_recommendations: "{{ t('sidebar.recommendations') }}",
+    sidebar_loading_recommendations: "{{ t('sidebar.loading_recommendations') }}",
+    sidebar_no_recommendations: "{{ t('sidebar.no_recommendations') }}",
+    sidebar_refresh_recommendations: "{{ t('sidebar.refresh_recommendations') }}",
     select_file: "{{ t('upload_btn.select_file') }}",
     enter_url: "{{ t('upload_btn.enter_url') }}",
     tags_required: "{{ t('upload_btn.tags_required') }}",

views/snippets/info-modal.html

@@ -29,7 +29,9 @@
                         <label class="infobox-card-label"><i class="fa-solid fa-eye"></i> Visibility</label>
                         <div class="infobox-card-value-row">
                             <span id="info-visibility-label" class="visibility-badge vis-{{ item.visibility || 0 }}">
-                                @if(item.visibility === 2)
+                                @if(item.visibility === 3)
+                                <i class="fa-solid fa-ban" style="color: var(--color-danger, #ff4444);"></i> Unavailable (451)
+                                @elseif(item.visibility === 2)
                                 <i class="fa-solid fa-lock" style="color: var(--color-danger, #ff4444);"></i> Private
                                 @elseif(item.visibility === 1)
                                 <i class="fa-solid fa-link" style="color: var(--color-warning, #ffbb33);"></i> Unlisted