Spaces:

DinoPLayZ
/

Event_Stacker

Sleeping

App Files Files Community

DinoPLayZ commited on 4 days ago

Commit

b17e08c

verified ·

1 Parent(s): 777d78d

Update main.py

Browse files

Files changed (1) hide show

main.py +123 -44

main.py CHANGED Viewed

@@ -744,8 +744,13 @@ async def fetch_latest_api():
 @app.get("/", response_class=HTMLResponse)
 async def root(request: Request):
-    health_url = str(request.url_for("health_check"))
-    assistant_url = str(request.url_for("internal_assistant"))
     return f"""
     <!DOCTYPE html>
@@ -766,7 +771,7 @@ async def root(request: Request):
                 justify-content: center;
                 align-items: center;
                 min-height: 100vh;
-                padding: 20px;
                 box-sizing: border-box;
             }}
             .container {{
@@ -776,10 +781,13 @@ async def root(request: Request):
                 border: 1px solid rgba(255, 255, 255, 0.1);
                 border-radius: 16px;
                 padding: 40px;
-                max-width: 600px;
                 width: 100%;
                 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
                 text-align: center;
             }}
             h1 {{
                 font-size: 2.5rem;
@@ -792,7 +800,6 @@ async def root(request: Request):
             p.status {{
                 font-size: 1.1rem;
                 color: #94a3b8;
-                margin-bottom: 30px;
                 display: flex;
                 align-items: center;
                 justify-content: center;
@@ -806,42 +813,74 @@ async def root(request: Request):
                 display: inline-block;
                 box-shadow: 0 0 10px #22c55e;
             }}
-            .links {{
                 display: flex;
-                flex-direction: column;
-                gap: 15px;
             }}
-            a.btn {{
-                background: rgba(255, 255, 255, 0.1);
-                border: 1px solid rgba(255, 255, 255, 0.2);
-                color: #e2e8f0;
-                padding: 15px 20px;
-                border-radius: 12px;
-                text-decoration: none;
-                font-size: 1.1rem;
                 font-weight: 600;
                 transition: all 0.3s ease;
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
             }}
-            a.btn span.arrow {{
-                opacity: 0;
-                transform: translateX(-10px);
-                transition: all 0.3s ease;
             }}
-            a.btn:hover {{
-                background: rgba(255, 255, 255, 0.2);
-                border-color: rgba(255, 255, 255, 0.4);
-                transform: translateY(-2px);
-                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
             }}
-            a.btn:hover span.arrow {{
-                opacity: 1;
-                transform: translateX(0);
             }}
             .footer {{
-                margin-top: 30px;
                 font-size: 0.9rem;
                 color: #64748b;
             }}
@@ -849,23 +888,63 @@ async def root(request: Request):
     </head>
     <body>
         <div class="container">
-            <h1>BIP Auto Notifier</h1>
-            <p class="status"><span class="indicator"></span> System is Healthy & Tracking 🚀</p>
-            <div class="links">
-                <!-- Added target="_blank" to fix iframe loading issues -->
-                <a href="{health_url}" target="_blank" rel="noopener noreferrer" class="btn">
-                    <span>🏥 Check Real-Time Health Status</span>
-                    <span class="arrow">→</span>
-                </a>
-                <a href="{assistant_url}" target="_blank" rel="noopener noreferrer" class="btn">
-                    <span>🤖 View Full Assistant Data</span>
-                    <span class="arrow">→</span>
-                </a>
             </div>
             <p class="footer">Cloud Notifier Interface</p>
         </div>
     </body>
     </html>
     """

 @app.get("/", response_class=HTMLResponse)
 async def root(request: Request):
+    # Fetch real-time data internally without an HTTP request overhead
+    health_data = await health_check()
+    assistant_data = await internal_assistant()
+    # Format nicely as JSON strings
+    health_json = json.dumps(health_data, indent=2)
+    assistant_json = json.dumps(assistant_data, indent=2)
     return f"""
     <!DOCTYPE html>
                 justify-content: center;
                 align-items: center;
                 min-height: 100vh;
+                padding: 40px 20px;
                 box-sizing: border-box;
             }}
             .container {{
                 border: 1px solid rgba(255, 255, 255, 0.1);
                 border-radius: 16px;
                 padding: 40px;
+                max-width: 800px;
                 width: 100%;
                 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+            }}
+            .header-info {{
                 text-align: center;
+                margin-bottom: 40px;
             }}
             h1 {{
                 font-size: 2.5rem;
             p.status {{
                 font-size: 1.1rem;
                 color: #94a3b8;
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 display: inline-block;
                 box-shadow: 0 0 10px #22c55e;
             }}
+            /* Tabs Styling */
+            .tabs {{
                 display: flex;
+                gap: 10px;
+                margin-bottom: 20px;
+                border-bottom: 1px solid rgba(255,255,255,0.1);
+                padding-bottom: 10px;
             }}
+            .tab-btn {{
+                background: rgba(255, 255, 255, 0.05);
+                border: 1px solid rgba(255, 255, 255, 0.1);
+                color: #94a3b8;
+                padding: 10px 20px;
+                border-radius: 8px;
+                cursor: pointer;
+                font-family: inherit;
                 font-weight: 600;
+                font-size: 1rem;
                 transition: all 0.3s ease;
             }}
+            .tab-btn:hover {{
+                background: rgba(255, 255, 255, 0.1);
+                color: #e2e8f0;
+            }}
+            .tab-btn.active {{
+                background: rgba(96, 165, 250, 0.2);
+                border-color: #60a5fa;
+                color: #60a5fa;
+            }}
+            /* Content Area */
+            .tab-content {{
+                display: none;
+                animation: fadeIn 0.3s ease-in-out;
             }}
+            .tab-content.active {{
+                display: block;
             }}
+            pre.code-block {{
+                background: #0d1117;
+                border: 1px solid rgba(255, 255, 255, 0.1);
+                padding: 20px;
+                border-radius: 12px;
+                overflow-x: auto;
+                color: #e6edf3;
+                font-family: 'Consolas', 'Monaco', monospace;
+                font-size: 0.95rem;
+                line-height: 1.5;
+                box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
+            }}
+            /* JSON Syntax Highlighting Colors */
+            .string {{ color: #a5d6ff; }}
+            .number {{ color: #79c0ff; }}
+            .boolean {{ color: #56d364; }}
+            .null {{ color: #ff7b72; }}
+            .key {{ color: #7ee787; font-weight: 600; }}
+            @keyframes fadeIn {{
+                from {{ opacity: 0; transform: translateY(5px); }}
+                to {{ opacity: 1; transform: translateY(0); }}
             }}
             .footer {{
+                margin-top: 40px;
+                text-align: center;
                 font-size: 0.9rem;
                 color: #64748b;
             }}
     </head>
     <body>
         <div class="container">
+            <div class="header-info">
+                <h1>BIP Auto Notifier</h1>
+                <p class="status"><span class="indicator"></span> System is Healthy & Tracking 🚀</p>
+            </div>
+            <div class="tabs">
+                <button class="tab-btn active" onclick="switchTab('health')">🏥 Health</button>
+                <button class="tab-btn" onclick="switchTab('assistant')">🤖 Assistant</button>
+            </div>
+            <div id="health" class="tab-content active">
+                <pre class="code-block" id="health-json">{health_json}</pre>
+            </div>
+            <div id="assistant" class="tab-content">
+                <pre class="code-block" id="assistant-json">{assistant_json}</pre>
             </div>
             <p class="footer">Cloud Notifier Interface</p>
         </div>
+        <script>
+            // Simple Tab Switching Logic
+            function switchTab(tabId) {{
+                // Update buttons
+                document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+                event.currentTarget.classList.add('active');
+                // Update content
+                document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));
+                document.getElementById(tabId).classList.add('active');
+            }}
+            // Basic JSON Syntax Highlighter
+            function syntaxHighlight(json) {{
+                json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+                return json.replace(/("(\\u[a-zA-Z0-9]{{4}}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {{
+                    var cls = 'number';
+                    if (/^"/.test(match)) {{
+                        if (/:$/.test(match)) {{
+                            cls = 'key';
+                        }} else {{
+                            cls = 'string';
+                        }}
+                    }} else if (/true|false/.test(match)) {{
+                        cls = 'boolean';
+                    }} else if (/null/.test(match)) {{
+                        cls = 'null';
+                    }}
+                    return '<span class="' + cls + '">' + match + '</span>';
+                }});
+            }}
+            // Apply highlighting on load
+            document.getElementById('health-json').innerHTML = syntaxHighlight(document.getElementById('health-json').innerText);
+            document.getElementById('assistant-json').innerHTML = syntaxHighlight(document.getElementById('assistant-json').innerText);
+        </script>
     </body>
     </html>
     """