Add EventSpark integration for real-time workshop availability

tomvannuenen · claude · tomvannuenen · commit 30016d7158ef · 2025-07-30T15:40:48.000-07:00
- Added JavaScript to fetch and display upcoming workshops - Created workshop title mappings for matching - Added sample upcoming workshops data - Workshop cards now show session dates and registration buttons Note: GitHub Action workflow to be added separately 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/_data/upcoming_workshops.json b/_data/upcoming_workshops.json
@@ -0,0 +1,30 @@
+{
+  "last_updated": "2025-07-30T22:00:00Z",
+  "total_workshops": 3,
+  "workshops": [
+    {
+      "title": "R FUNDAMENTALS: PARTS 1-4",
+      "date": "Aug 19, 2025",
+      "time": "10:00 AM - 12:00 PM (GMT-7:00)",
+      "datetime_iso": "2025-08-19T17:00:00+00:00",
+      "registration_url": "https://dlab.my.salesforce-sites.com/events/event/home/rfundamentals20250819",
+      "scraped_at": "2025-07-30T22:00:00Z"
+    },
+    {
+      "title": "PYTHON FUNDAMENTALS: PARTS 1-3",
+      "date": "Aug 19, 2025",
+      "time": "01:00 PM - 03:00 PM (GMT-7:00)",
+      "datetime_iso": "2025-08-19T20:00:00+00:00",
+      "registration_url": "https://dlab.my.salesforce-sites.com/events/event/home/pythonfun20250819",
+      "scraped_at": "2025-07-30T22:00:00Z"
+    },
+    {
+      "title": "PYTHON APIS FOR LARGE LANGUAGE MODELS",
+      "date": "Aug 22, 2025",
+      "time": "01:00 PM - 03:00 PM (GMT-7:00)",
+      "datetime_iso": "2025-08-22T20:00:00+00:00",
+      "registration_url": "https://dlab.my.salesforce-sites.com/events/event/home/pythonllm20250822",
+      "scraped_at": "2025-07-30T22:00:00Z"
+    }
+  ]
+}
diff --git a/_data/workshop_mappings.yml b/_data/workshop_mappings.yml
@@ -0,0 +1,99 @@
+# Workshop Title Mappings
+# Maps Jekyll workshop titles to EventSpark titles
+# Use lowercase for comparison
+
+mappings:
+  # Python workshops
+  "python fundamentals: parts 1-3":
+    - "python fundamentals: parts 1-3"
+    - "python fundamentals"
+    - "python fundamentals (parts 1-3)"
+  
+  "python fundamentals: parts 4-6":
+    - "python fundamentals: parts 4-6"
+    - "python fundamentals (parts 4-6)"
+  
+  "python data wrangling and manipulation with pandas: parts 1-2":
+    - "python data wrangling"
+    - "python data wrangling: parts 1-2"
+    - "data wrangling with pandas"
+  
+  "python data visualization: parts 1-2":
+    - "python data visualization"
+    - "python visualization"
+    - "data visualization with python"
+  
+  "python machine learning fundamentals: parts 1-2":
+    - "python machine learning"
+    - "machine learning with python"
+    - "python ml fundamentals"
+  
+  "python web apis":
+    - "python apis"
+    - "python web apis"
+    - "apis with python"
+  
+  "python apis for large language models":
+    - "python apis for large language models"
+    - "python llm apis"
+    - "llm apis with python"
+  
+  # R workshops
+  "r fundamentals: parts 1-4":
+    - "r fundamentals: parts 1-4"
+    - "r fundamentals"
+    - "r fundamentals (parts 1-4)"
+  
+  "r data wrangling and manipulation: parts 1-2":
+    - "r data wrangling"
+    - "data wrangling with r"
+    - "r tidyverse"
+  
+  "r data visualization":
+    - "r visualization"
+    - "data visualization with r"
+    - "r ggplot"
+  
+  "r machine learning with tidymodels: parts 1-2":
+    - "r machine learning"
+    - "machine learning with r"
+    - "r tidymodels"
+  
+  # AI workshops
+  "ai-assisted coding with r":
+    - "ai-assisted coding with r"
+    - "r copilot"
+    - "copilot with r"
+    - "ai coding r"
+  
+  "ai-assisted coding with python":
+    - "ai-assisted coding with python"
+    - "python copilot"
+    - "copilot with python"
+    - "ai coding python"
+  
+  "python gpt fundamentals":
+    - "gpt fundamentals"
+    - "chatgpt fundamentals"
+    - "llm fundamentals"
+  
+  "prompt engineering":
+    - "prompt engineering"
+    - "prompting workshop"
+    - "ai prompting"
+  
+  # Other workshops
+  "git fundamentals":
+    - "git fundamentals"
+    - "git basics"
+    - "introduction to git"
+  
+  "github fundamentals":
+    - "github fundamentals"
+    - "github basics"
+    - "introduction to github"
+  
+  "command line fundamentals":
+    - "command line"
+    - "bash fundamentals"
+    - "terminal basics"
diff --git a/data/upcoming_workshops.json b/data/upcoming_workshops.json
@@ -0,0 +1,30 @@
+{
+  "last_updated": "2025-07-30T22:00:00Z",
+  "total_workshops": 3,
+  "workshops": [
+    {
+      "title": "R FUNDAMENTALS: PARTS 1-4",
+      "date": "Aug 19, 2025",
+      "time": "10:00 AM - 12:00 PM (GMT-7:00)",
+      "datetime_iso": "2025-08-19T17:00:00+00:00",
+      "registration_url": "https://dlab.my.salesforce-sites.com/events/event/home/rfundamentals20250819",
+      "scraped_at": "2025-07-30T22:00:00Z"
+    },
+    {
+      "title": "PYTHON FUNDAMENTALS: PARTS 1-3",
+      "date": "Aug 19, 2025",
+      "time": "01:00 PM - 03:00 PM (GMT-7:00)",
+      "datetime_iso": "2025-08-19T20:00:00+00:00",
+      "registration_url": "https://dlab.my.salesforce-sites.com/events/event/home/pythonfun20250819",
+      "scraped_at": "2025-07-30T22:00:00Z"
+    },
+    {
+      "title": "PYTHON APIS FOR LARGE LANGUAGE MODELS",
+      "date": "Aug 22, 2025",
+      "time": "01:00 PM - 03:00 PM (GMT-7:00)",
+      "datetime_iso": "2025-08-22T20:00:00+00:00",
+      "registration_url": "https://dlab.my.salesforce-sites.com/events/event/home/pythonllm20250822",
+      "scraped_at": "2025-07-30T22:00:00Z"
+    }
+  ]
+}
diff --git a/static/images/banners/dlab-banner.png b/static/images/banners/dlab-banner.png
diff --git a/static/javascripts/workshop-status.js b/static/javascripts/workshop-status.js
@@ -0,0 +1,201 @@
+// Workshop Status Updates
+// Fetches upcoming workshop data and updates the UI
+
+(function() {
+  'use strict';
+
+  // Configuration
+  const UPCOMING_WORKSHOPS_URL = 'data/upcoming_workshops.json';
+  const WORKSHOP_MAPPINGS_URL = 'data/workshop_mappings.yml';
+
+  // Cache for performance
+  let workshopData = null;
+  let mappingsData = null;
+
+  // Initialize when DOM is ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else {
+    init();
+  }
+
+  function init() {
+    // Add loading state to all badges
+    document.querySelectorAll('.upcoming-session-badge').forEach(badge => {
+      badge.classList.add('loading');
+    });
+
+    // Fetch workshop data
+    fetchWorkshopData();
+  }
+
+  async function fetchWorkshopData() {
+    try {
+      // Fetch upcoming workshops JSON
+      const response = await fetch(UPCOMING_WORKSHOPS_URL);
+      if (response.ok) {
+        workshopData = await response.json();
+        updateAllWorkshopCards();
+      } else {
+        console.warn('No upcoming workshops data found');
+        removeLoadingStates();
+      }
+    } catch (error) {
+      console.error('Error fetching workshop data:', error);
+      removeLoadingStates();
+    }
+  }
+
+  function updateAllWorkshopCards() {
+    if (!workshopData || !workshopData.workshops) return;
+
+    // Get all workshop cards
+    const workshopCards = document.querySelectorAll('[data-workshop-title]');
+    
+    workshopCards.forEach(card => {
+      const cardTitle = card.dataset.workshopTitle;
+      const matchingWorkshop = findMatchingWorkshop(cardTitle);
+      
+      if (matchingWorkshop) {
+        updateWorkshopCard(card, matchingWorkshop);
+      } else {
+        showNoUpcomingSessions(card);
+      }
+    });
+  }
+
+  function findMatchingWorkshop(cardTitle) {
+    if (!workshopData || !workshopData.workshops) return null;
+
+    // Direct title match first
+    let match = workshopData.workshops.find(w => 
+      normalizeTitle(w.title) === normalizeTitle(cardTitle)
+    );
+
+    if (match) return match;
+
+    // Try fuzzy matching
+    for (const workshop of workshopData.workshops) {
+      if (titlesMatch(cardTitle, workshop.title)) {
+        return workshop;
+      }
+    }
+
+    return null;
+  }
+
+  function normalizeTitle(title) {
+    return title.toLowerCase()
+      .replace(/[^a-z0-9\s]/g, '')
+      .replace(/\s+/g, ' ')
+      .trim();
+  }
+
+  function titlesMatch(title1, title2) {
+    const norm1 = normalizeTitle(title1);
+    const norm2 = normalizeTitle(title2);
+
+    // Check if one contains the other
+    if (norm1.includes(norm2) || norm2.includes(norm1)) {
+      return true;
+    }
+
+    // Check for common workshop patterns
+    const patterns = [
+      /python fundamentals/i,
+      /r fundamentals/i,
+      /data wrangling/i,
+      /machine learning/i,
+      /data visualization/i,
+      /ai.?assisted coding/i,
+      /copilot/i
+    ];
+
+    for (const pattern of patterns) {
+      if (pattern.test(title1) && pattern.test(title2)) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  function updateWorkshopCard(card, workshop) {
+    // Update badge
+    if (card.classList.contains('upcoming-session-badge')) {
+      card.classList.remove('loading');
+      const badge = createSessionBadge(workshop);
+      card.innerHTML = badge;
+    }
+
+    // Update register button
+    if (card.classList.contains('register-button-container') && workshop.registration_url) {
+      const button = createRegisterButton(workshop);
+      card.innerHTML = button;
+    }
+  }
+
+  function createSessionBadge(workshop) {
+    const sessionDate = new Date(workshop.datetime_iso);
+    const now = new Date();
+    const daysUntil = Math.floor((sessionDate - now) / (1000 * 60 * 60 * 24));
+    
+    let badgeClass = 'badge-upcoming';
+    let badgeText = `Next: ${formatDate(sessionDate)}`;
+    
+    if (daysUntil <= 7) {
+      badgeClass = 'badge-upcoming';
+      if (daysUntil === 0) {
+        badgeText = `Today at ${formatTime(sessionDate)}`;
+      } else if (daysUntil === 1) {
+        badgeText = `Tomorrow at ${formatTime(sessionDate)}`;
+      }
+    } else if (daysUntil <= 30) {
+      badgeClass = 'badge-upcoming-soon';
+    }
+
+    return `<span class="badge badge-pill ${badgeClass}">
+      <i class="fas fa-calendar-alt"></i> ${badgeText}
+    </span>`;
+  }
+
+  function createRegisterButton(workshop) {
+    return `<a href="${workshop.registration_url}" 
+            class="btn btn-sm btn-register" 
+            target="_blank">
+      <i class="fas fa-user-plus"></i> Register Now
+    </a>`;
+  }
+
+  function showNoUpcomingSessions(card) {
+    if (card.classList.contains('upcoming-session-badge')) {
+      card.classList.remove('loading');
+      card.innerHTML = `<span class="badge badge-pill badge-no-sessions">
+        <i class="fas fa-clock"></i> No scheduled sessions
+      </span>`;
+    }
+  }
+
+  function removeLoadingStates() {
+    document.querySelectorAll('.upcoming-session-badge.loading').forEach(badge => {
+      badge.classList.remove('loading');
+    });
+  }
+
+  function formatDate(date) {
+    const options = { month: 'short', day: 'numeric' };
+    return date.toLocaleDateString('en-US', options);
+  }
+
+  function formatTime(date) {
+    const options = { hour: 'numeric', minute: '2-digit', hour12: true };
+    return date.toLocaleTimeString('en-US', options);
+  }
+
+  // Expose functions for debugging
+  window.workshopStatus = {
+    refresh: fetchWorkshopData,
+    getData: () => workshopData
+  };
+
+})();
