Updates

templates/debug/logs.html

@@ -0,0 +1,138 @@
+{ % extends
+"base.html" %}
+
+{ % block
+title %}Debug
+Logs
+{ % endblock %}
+
+{ % block
+content %}
+< div
+
+
+class ="page-header" >
+
+< h1
+
+
+class ="page-title" > Debug Information < / h1 >
+
+< / div >
+
+< div
+
+
+class ="content-area" >
+
+< div
+
+
+class ="debug-section" >
+
+< h3 > Test
+RSS
+Feed < / h3 >
+< form
+id = "test-feed-form" >
+< input
+type = "url"
+id = "feed-url"
+placeholder = "Enter RSS feed URL"
+style = "width: 400px; padding: 8px;" >
+< button
+type = "submit"
+
+
+class ="btn btn-primary" > Test Feed < / button >
+
+< / form >
+< div
+id = "feed-results"
+style = "margin-top: 20px;" > < / div >
+< / div >
+
+< div
+
+
+class ="debug-section" style="margin-top: 30px;" >
+
+< h3 > Recent
+Activity < / h3 >
+< div
+id = "recent-activity" >
+< p > Check
+browser
+console
+for detailed logs during podcast operations.< / p >
+< / div >
+< / div >
+< / div >
+
+< script >
+document.getElementById('test-feed-form').addEventListener('submit', function(e)
+{
+    e.preventDefault();
+const
+feedUrl = document.getElementById('feed-url').value;
+const
+resultsDiv = document.getElementById('feed-results');
+
+if (!feedUrl)
+{
+    resultsDiv.innerHTML = '<div style="color: #f56565;">Please enter a feed URL</div>';
+return;
+}
+
+resultsDiv.innerHTML = '<div style="color: #63b3ed;">Testing feed...</div>';
+
+fetch(` / debug / test - feed?url =${encodeURIComponent(feedUrl)}
+`)
+.then(response= > response.json())
+.then(data= > {
+if (data.success)
+{
+    let
+html = `
+       < div
+style = "color: #48bb78; margin-bottom: 10px;" >
+✓ Feed
+test
+successful! Found ${data.episodes_found}
+episodes
+< / div >
+    < div
+style = "background: #2d3748; padding: 15px; border-radius: 5px; font-family: monospace; font-size: 12px;" >
+        `;
+
+data.episodes.forEach(episode= > {
+    html += `
+            < div
+style = "margin-bottom: 10px; border-bottom: 1px solid #4a5568; padding-bottom: 10px;" >
+        < div
+style = "color: #63b3ed; font-weight: bold;" >${episode.title} < / div >
+                                                                   < div
+style = "color: #a0aec0; margin: 5px 0;" >${episode.description} < / div >
+                                                                     < div
+style = "color: #68d391; font-size: 11px;" > Published: ${episode.pub_date} < / div >
+                                                                                < div
+style = "color: #fbb6ce; font-size: 11px;" > Audio: ${episode.audio_url} < / div >
+                                                                             < / div >
+                                                                                 `;
+});
+
+html += '</div>';
+resultsDiv.innerHTML = html;
+} else {
+    resultsDiv.innerHTML = ` < div
+style = "color: #f56565;" >✗ Error: ${data.error} < / div > `;
+}
+})
+.catch(error= > {
+    resultsDiv.innerHTML = ` < div
+style = "color: #f56565;" >✗ Network
+error: ${error.message} < / div > `;
+});
+});
+< / script >
+    { % endblock %}