HospitalityNet MSP Platform

// Key exports from js/data.js
const accessPoints = [ /* AP objects */ ];
const switches     = [ /* switch objects */ ];
const guestSessions = [ /* session objects */ ];
const tickets       = [ /* support ticket objects */ ];

// Seeded PRNG — deterministic random
function saRand(seed) {
  let s = seed % 2147483647;
  if (s <= 0) s += 2147483646;
  return () => { s = s * 16807 % 2147483647; return (s - 1) / 2147483646; };
}
// Generates 734 unique property records with same values every run
const _SA_PROPS = generateProperties(734);

/* Defined in css/style.css :root */
:root {
  /* Brand colours */
  --primary:        #1a73e8;   /* Google Blue — buttons, links, accents */
  --primary-dark:   #0d5bc7;   /* Hover state */
  --primary-light:  #e8f0fe;   /* Backgrounds, badges */
  --success:        #00c853;   /* Online status, positive */
  --warning:        #f59e0b;   /* Warning status, alerts */
  --danger:         #ef4444;   /* Offline, error, critical */

  /* Layout */
  --bg:             #f0f4f8;   /* Page background */
  --card-bg:        #ffffff;   /* Card background */
  --border:         #e5e7eb;   /* All borders */
  --shadow:         0 2px 10px rgba(0,0,0,0.06);

  /* Typography */
  --text-primary:   #1a1f36;   /* Headlines, labels */
  --text-secondary: #6b7280;   /* Body text, subtext */
  --text-muted:     #9ca3af;   /* Placeholder, disabled */
  --font-sans:      'Inter', system-ui, sans-serif;
  --font-mono:      'JetBrains Mono', monospace;
}

// Each tab has an entry in _SA_TABS array
const _SA_TABS = [
  { id: 'overview',    init: initOverview,    rendered: false },
  { id: 'properties',  init: initProperties,  rendered: false },
  { id: 'group-dash',  init: initGroupDash,  rendered: false },
  // ...
];

// Tab click handler — lazy renders on first call
function saShowTab(tabId, btn) {
  const tab = _SA_TABS.find(t => t.id === tabId);
  if (!tab.rendered) {
    tab.init();         // only runs once
    tab.rendered = true;
  }
  // Show this tab's panel, hide all others
  hideAllTabs();
  document.getElementById(`sa-tab-${tabId}`).style.display = 'block';
}

// Node size constants — APs use compact size
const AW = 130, AH = 46, AR = 8;   // AP width/height/radius
const NW = 130, NH = 58, NR = 10;  // General node size

// TOPO_TYPE_META defines icon, colour, and bg per device type
const TOPO_TYPE_META = {
  isp:     { icon: '🌐', color: '#1a73e8', bg: '#e8f0fe', label: 'ISP' },
  router:  { icon: '🔀', color: '#0ea5e9', bg: '#e0f2fe', label: 'Router' },
  switch:  { icon: '🔌', color: '#8b5cf6', bg: '#ede9fe', label: 'Switch' },
  ap:      { icon: '📡', color: '#00c853', bg: '#dcfce7', label: 'AP' },
};

// _topoDrawNode renders foreignObject HTML inside SVG
function _topoDrawNode(svg, node, x, y) {
  const fo = createSVGElement('foreignObject');
  fo.setAttribute('x', x - NW/2);
  fo.setAttribute('y', y - NH/2);
  // AP nodes use inline SVG WiFi-AP icon
  // Upper-tier nodes use emoji icon in icon box
}

// Standard audit log entry pattern
async function writeAuditLog({ actor, action, resource, changes }) {
  return fetch('tables/audit_logs', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      id:            `alog-${Date.now()}-${Math.random().toString(36).slice(2,6)}`,
      actor_id:      actor.id,
      actor_name:    actor.name,
      actor_role:    actor.role,
      property_id:   resource.property_id || null,
      action,
      resource_type: resource.type,
      resource_id:   resource.id,
      resource_name: resource.name,
      changes:       JSON.stringify(changes),  // {field: [old, new]}
      ip_address:    'client-side',
      occurred_at:   new Date().toISOString()
    })
  });
}