sqa_demo-sinatra 0.1.0 → 0.2.2

data/lib/sqa_demo/sinatra/routes/pages.rb

@@ -0,0 +1,137 @@
+# frozen_string_literal: true
+
+require 'date'
+
+module SqaDemo
+  module Sinatra
+    module Routes
+      module Pages
+        def self.registered(app)
+          # Home / Dashboard
+          app.get '/' do
+            erb :index
+          end
+
+          # Dashboard for specific ticker
+          app.get '/dashboard/:ticker' do
+            begin
+              data = load_stock(params[:ticker])
+              @stock = data[:stock]
+              @ticker = data[:ticker]
+              @company_name = data[:company_name]
+              @show_period_selector = true
+              erb :dashboard
+            rescue => e
+              @error = "Failed to load data for #{params[:ticker].upcase}: #{e.message}"
+              erb :error
+            end
+          end
+
+          # Analysis page
+          app.get '/analyze/:ticker' do
+            begin
+              data = load_stock(params[:ticker])
+              @stock = data[:stock]
+              @ticker = data[:ticker]
+              @company_name = data[:company_name]
+              erb :analyze
+            rescue => e
+              @error = "Failed to load data for #{params[:ticker].upcase}: #{e.message}"
+              erb :error
+            end
+          end
+
+          # Backtest page
+          app.get '/backtest/:ticker' do
+            begin
+              data = load_stock(params[:ticker])
+              @stock = data[:stock]
+              @ticker = data[:ticker]
+              @company_name = data[:company_name]
+              erb :backtest
+            rescue => e
+              @error = "Failed to load data for #{params[:ticker].upcase}: #{e.message}"
+              erb :error
+            end
+          end
+
+          # Portfolio optimizer
+          app.get '/portfolio' do
+            erb :portfolio
+          end
+
+          # Stock comparison page (compare multiple tickers)
+          app.get '/compare' do
+            tickers_param = params[:tickers] || ''
+            @tickers = tickers_param.split(/\s+/).map(&:upcase).uniq.first(5)
+
+            if @tickers.empty?
+              @error = "No tickers provided. Enter up to 5 tickers separated by spaces."
+              return erb :error
+            end
+
+            if tickers_param.split(/\s+/).map(&:upcase).uniq.length > 5
+              @error = "Maximum of 5 tickers allowed for comparison. Please reduce your selection."
+              return erb :error
+            end
+
+            @stocks_data = {}
+            @errors = {}
+
+            # Fetch data for each ticker in parallel using threads
+            threads = @tickers.map do |ticker|
+              Thread.new(ticker) do |t|
+                fetch_comparison_data(t)
+              end
+            end
+
+            # Wait for all threads to complete
+            threads.each do |thread|
+              ticker, data = thread.value
+              if data[:error]
+                @errors[ticker] = data[:error]
+              else
+                @stocks_data[ticker] = data
+              end
+            end
+
+            erb :compare
+          end
+
+          # Company details page
+          app.get '/company/:ticker' do
+            begin
+              data = load_stock_with_overview(params[:ticker])
+              @stock = data[:stock]
+              @ticker = data[:ticker]
+              @company_name = data[:company_name]
+              @overview = data[:overview]
+              @exchange = data[:exchange]
+
+              ohlcv = extract_ohlcv(@stock)
+              prices = ohlcv[:closes]
+              volumes = ohlcv[:volumes]
+              dates = ohlcv[:dates]
+
+              @data_start_date = dates.first
+              @data_end_date = dates.last
+              @total_trading_days = dates.length
+              @current_price = prices.last
+              @all_time_high = prices.max
+              @all_time_low = prices.min
+              @avg_volume = (volumes.sum.to_f / volumes.length).round
+              @max_volume = volumes.max
+              @price_range = @all_time_high - @all_time_low
+              @ytd_return = calculate_ytd_return(dates, prices)
+
+              erb :company
+            rescue => e
+              @error = "Failed to load data for #{params[:ticker].upcase}: #{e.message}"
+              erb :error
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/sqa_demo/sinatra/version.rb

@@ -2,6 +2,6 @@
 
 module SqaDemo
   module Sinatra
-    VERSION = '0.1.0'
+    VERSION = '0.2.2'
   end
 end

data/lib/sqa_demo/sinatra/views/analyze.erb

@@ -118,6 +118,47 @@
   background: var(--light-bg);
 }
 
+.fpop-table small {
+  color: var(--text-secondary);
+  font-size: 0.8rem;
+}
+
+.fpop-future {
+  background: rgba(0, 212, 255, 0.05);
+  border-left: 3px solid var(--primary-color);
+}
+
+.verification-correct {
+  color: var(--success-color);
+  font-weight: 600;
+}
+
+.verification-correct i {
+  margin-right: 0.25rem;
+}
+
+.verification-wrong {
+  color: var(--danger-color);
+  font-weight: 600;
+}
+
+.verification-wrong i {
+  margin-right: 0.25rem;
+}
+
+.fpop-summary {
+  margin-top: 1rem;
+  padding: 0.75rem 1rem;
+  background: var(--light-bg);
+  border-radius: 6px;
+  font-size: 0.9rem;
+  color: var(--text-secondary);
+}
+
+.fpop-summary strong {
+  color: var(--primary-color);
+}
+
 .chart-subtitle {
   color: var(--text-secondary);
   font-size: 0.875rem;
@@ -243,10 +284,11 @@ function renderFPOPAnalysis(fpop) {
     <table class="fpop-table">
       <thead>
         <tr>
-          <th>Direction</th>
-          <th>Magnitude</th>
+          <th>Date</th>
+          <th>Predicted</th>
+          <th>Actual</th>
+          <th>Result</th>
           <th>Risk</th>
-          <th>Interpretation</th>
         </tr>
       </thead>
       <tbody>
@@ -256,18 +298,51 @@ function renderFPOPAnalysis(fpop) {
     const dirClass = f.direction === 'UP' ? 'signal-buy' :
                      f.direction === 'DOWN' ? 'signal-sell' : 'signal-neutral';
 
+    let actualCell, resultCell;
+
+    if (f.is_future) {
+      // Future prediction - no actual data yet
+      actualCell = '<span style="color: var(--text-secondary);">—</span>';
+      resultCell = '<span style="color: var(--text-secondary);">Pending</span>';
+    } else {
+      // Historical - show actual change and verification
+      const actualClass = f.actual_change > 0 ? 'signal-buy' : (f.actual_change < 0 ? 'signal-sell' : 'signal-neutral');
+      const sign = f.actual_change > 0 ? '+' : '';
+      actualCell = `<span class="${actualClass}">${sign}${f.actual_change}%</span>`;
+
+      if (f.correct) {
+        resultCell = '<span class="verification-correct"><i class="fas fa-check-circle"></i> Correct</span>';
+      } else {
+        resultCell = '<span class="verification-wrong"><i class="fas fa-times-circle"></i> Wrong</span>';
+      }
+    }
+
+    const rowClass = f.is_future ? 'fpop-future' : '';
+
     tableHTML += `
-      <tr>
-        <td><span class="${dirClass}">${f.direction}</span></td>
-        <td>${f.magnitude.toFixed(2)}%</td>
-        <td>${f.risk.toFixed(2)}%</td>
-        <td>${f.interpretation}</td>
+      <tr class="${rowClass}">
+        <td>${f.date}</td>
+        <td><span class="${dirClass}">${f.direction}</span> <small>(${f.magnitude.toFixed(1)}%)</small></td>
+        <td>${actualCell}</td>
+        <td>${resultCell}</td>
+        <td>±${f.risk.toFixed(1)}%</td>
       </tr>
     `;
   });
 
   tableHTML += '</tbody></table>';
 
+  // Calculate accuracy for historical predictions
+  const historical = fpop.filter(f => !f.is_future);
+  const correct = historical.filter(f => f.correct).length;
+  const accuracy = historical.length > 0 ? ((correct / historical.length) * 100).toFixed(0) : 0;
+
+  tableHTML += `
+    <div class="fpop-summary">
+      <span>Historical Accuracy: <strong>${correct}/${historical.length}</strong> (${accuracy}%)</span>
+    </div>
+  `;
+
   document.getElementById('fpopAnalysis').innerHTML = tableHTML;
 }