Spaces:

Unicone-Studio
/

instance2

Paused

App Files Files Community

ChandimaPrabath commited on Jul 27, 2024

Commit

4e15391

1 Parent(s): 710f611

patch

Browse files

Files changed (2) hide show

app.py +4 -1
templates/index.html +34 -35

app.py CHANGED Viewed

@@ -140,13 +140,16 @@ def play(file_path):
 @app.route('/get_image')
 def get_image():
     title = request.args.get('title')
     cache_path = os.path.join(CACHE_DIR, f"{urllib.parse.quote(title)}.jpg")
     if os.path.exists(cache_path):
         return send_file(cache_path, mimetype='image/jpeg')
     # If image is not found in cache, return a placeholder
-    return jsonify({'poster': 'placeholder'})
 if __name__ == '__main__':
     app.run(debug=True, host="0.0.0.0", port=7860)

 @app.route('/get_image')
 def get_image():
     title = request.args.get('title')
+    if not title:
+        return jsonify({'error': 'No title provided'}), 400
     cache_path = os.path.join(CACHE_DIR, f"{urllib.parse.quote(title)}.jpg")
     if os.path.exists(cache_path):
         return send_file(cache_path, mimetype='image/jpeg')
     # If image is not found in cache, return a placeholder
+    return send_file('path/to/placeholder.jpg', mimetype='image/jpeg')  # Ensure you have a placeholder image
 if __name__ == '__main__':
     app.run(debug=True, host="0.0.0.0", port=7860)

templates/index.html CHANGED Viewed

@@ -1,6 +1,8 @@
 <!DOCTYPE html>
-<html>
 <head>
     <title>Media Library</title>
     <style>
         body {
@@ -102,14 +104,14 @@
             }
         }
-        async function fetchImage(title, mediaType) {
             try {
-                const response = await fetch(`/get_image?title=${encodeURIComponent(title)}&type=${mediaType}`);
-                if (response.headers.get('content-type') === 'application/json') {
-                    const data = await response.json();
-                    return `https://via.placeholder.com/200x300?text=${title}`;
-                } else {
                     return response.url;
                 }
             } catch (error) {
                 console.error('Image fetch error:', error);
@@ -122,41 +124,38 @@
             card.className = 'card';
             const title = item.path.split('/').pop();
-            const mediaType = item.path.includes('tv') ? 'series' : 'movie'; // Determine media type
             const img = document.createElement('img');
-            img.src = await fetchImage(title, mediaType);
             card.appendChild(img);
             const titleElement = document.createElement('h3');
             titleElement.textContent = title;
             card.appendChild(titleElement);
             if (item.contents) {
-                const p = document.createElement('p');
-                p.textContent = `Contains ${item.contents.length} items`;
-                card.appendChild(p);
-            } else {
-                const link = document.createElement('a');
-                link.href = `/play/${encodeURIComponent(item.path)}`;
-                link.textContent = 'Play';
-                card.appendChild(link);
-            }
-            return card;
         }
-        async function loadSection(endpoint, containerId) {
-            const data = await fetchData(endpoint);
-            const container = document.getElementById(containerId);
-            for (const item of data) {
-                container.appendChild(await createCard(item));
-            }
-        }
-        document.addEventListener('DOMContentLoaded', () => {
-            loadSection('/films', 'films-grid');
-            loadSection('/tv', 'tv-grid');
-        });
-    </script>
-</body>
-</html>

 <!DOCTYPE html>
+<html lang="en">
 <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Media Library</title>
     <style>
         body {
             }
         }
+        async function fetchImage(title) {
             try {
+                const response = await fetch(`/get_image?title=${encodeURIComponent(title)}`);
+                if (response.ok) {
                     return response.url;
+                } else {
+                    console.error('Image fetch error:', response.statusText);
+                    return `https://via.placeholder.com/200x300?text=${title}`;
                 }
             } catch (error) {
                 console.error('Image fetch error:', error);
             card.className = 'card';
             const title = item.path.split('/').pop();
             const img = document.createElement('img');
+            img.src = await fetchImage(title);
             card.appendChild(img);
             const titleElement = document.createElement('h3');
             titleElement.textContent = title;
             card.appendChild(titleElement);
             if (item.contents) {
+            const p = document.createElement('p');
+            p.textContent = `Contains ${item.contents.length} items`;
+            card.appendChild(p);
+        } else {
+            const link = document.createElement('a');
+            link.href = `/play/${encodeURIComponent(item.path)}`;
+            link.textContent = 'Play';
+            card.appendChild(link);
         }
+        return card;
+    }
+    async function loadSection(endpoint, containerId) {
+        const data = await fetchData(endpoint);
+        const container = document.getElementById(containerId);
+        container.innerHTML = '';  // Clear previous content
+        for (const item of data) {
+            container.appendChild(await createCard(item));
+        }
+    }
+    document.addEventListener('DOMContentLoaded', () => {
+        loadSection('/films', 'films-grid');
+        loadSection('/tv', 'tv-grid');
+    });
+</script>