Refactored and redesigned dashboards.

templates/dashboard_view.html

@@ -0,0 +1,69 @@
+{% extends "dashboard_base.html" %}
+
+{% block title %}{{ title }}{% endblock %}
+
+{% block content %}
+<div class="image-container">
+    <header>
+        <div class="title-block">
+            <h1>Reddit Ticker Mentions</h1>
+            <h2>{{ subtitle }}</h2>
+        </div>
+        <div class="date">{{ date_string }}</div>
+    </header>
+    <table>
+        <thead>
+            <tr>
+                <th class="rank">Rank</th>
+                <th class="ticker">Ticker</th>
+                <th class="mentions">Mentions</th>
+                <th class="sentiment">Sentiment</th>
+                <th class="financials">Mkt Cap</th>
+                <th class="financials">Close Price</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for ticker in tickers %}
+            <tr>
+                <td class="rank">{{ loop.index }}</td>
+                <td class="ticker">
+                    <strong>
+                        {% if is_image_mode %}
+                            {{ ticker.symbol }}
+                        {% else %}
+                            <a href="/deep-dive/{{ ticker.symbol }}">{{ ticker.symbol }}</a>
+                        {% endif %}
+                    </strong>
+                </td>
+                <td class="mentions">{{ ticker.total_mentions }}</td>
+                <td class="sentiment">
+                    {% if ticker.bullish_mentions > ticker.bearish_mentions %}
+                        <span class="sentiment-bullish">Bullish</span>
+                    {% elif ticker.bearish_mentions > ticker.bullish_mentions %}
+                        <span class="sentiment-bearish">Bearish</span>
+                    {% else %}
+                        <span class="sentiment-neutral">Neutral</span>
+                    {% endif %}
+                </td>
+                <td class="financials">{{ ticker.market_cap | format_mc }}</td>
+                <td class="financials">
+                    {% if ticker.closing_price %}
+                        ${{ "%.2f"|format(ticker.closing_price) }}
+                    {% else %}
+                        N/A
+                    {% endif %}
+                </td>
+            </tr>
+            {% else %}
+            <tr>
+                <td colspan="6" style="text-align: center; padding: 2rem;">No ticker data found for this period.</td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+    <footer>
+        <div class="brand-name">RSTAT</div>
+        <div class="brand-subtitle">Reddit Stock Analysis Tool</div>
+    </footer>
+</div>
+{% endblock %}