feat: highlight the already requested entries, closes #5

src/templates/index.html

@@ -51,7 +51,9 @@
     <div class="results">
         {% for result in results %}
 
-        <div class="card {{ result.type | lower }} {% if result.in_komga %}komga{% endif %}">
+        <div
+            class="card {{ result.type | lower }} {% if result.in_komga %}komga{% endif %} {% if result.requested %}requested{% endif %}">
+
             <div class="image-container {{ 'nsfw' if result.isAdult else '' }}">
 
                 <img src="{{ result.image }}" alt="Cover">
@@ -255,11 +257,11 @@
                 body: JSON.stringify(query)
             })
                 .then(res => res.json())
-                .then(data => {
+                .then((data) => {
                     displayResults(data);
                     loadingElement.style.display = "none"; // Hide loading animation
                 })
-                .catch(err => {
+                .catch((err) => {
                     console.error("Search failed", err);
                     loadingElement.style.display = "none"; // Hide loading animation
                 });
@@ -273,6 +275,7 @@
                 const card = document.createElement('div');
                 card.className = `card ${result.in_komga ? 'komga' : ''}`;
                 card.className += ` ${result.type.toLowerCase()}`;
+                card.className += ` ${result.requested ? 'requested' : ''}`;
 
                 const imageContainer = document.createElement('div');
                 imageContainer.className = `image-container ${result.isAdult ? 'nsfw' : ''}`;
@@ -307,6 +310,9 @@
                 if (result.in_komga) {
                     requestButton.disabled = true;
                 }
+                if (result.requested) {
+                    requestButton.disabled = true;
+                }
 
                 actions.appendChild(infoButton);
                 actions.appendChild(requestButton);