Folder reorganize 1

trends/live/index.php

@@ -0,0 +1,76 @@
+<?php // phpcs:ignoreFile
+
+require __DIR__ . '/../../session.php';
+require __DIR__ . '/../../userAccess.php';
+
+$pageTitle = 'Real-Time Trends';
+$pageSubtitle = 'Launch live charting applications';
+$pageDescription = 'Access LASUCA\'s beta real-time trending tools to monitor critical process tags.';
+$assetBasePath = '../../';
+$layoutWithoutSidebar = true;
+$layoutReturnUrl = '../../overview.php';
+$layoutReturnLabel = 'Back to overview';
+
+require __DIR__ . '/../../includes/layout/header.php';
+?>
+
+<div class="app-content">
+  <section class="data-panel">
+    <div class="panel-intro">
+      <h2>Trending applications</h2>
+      <p>Select a charting experience to monitor live process data.</p>
+    </div>
+
+    <div class="card-grid">
+      <article class="card">
+        <span class="card__badge">Trend</span>
+        <div class="card__icon" aria-hidden="true">📊</div>
+        <h3 class="card__title">Single Chart Trending</h3>
+        <p class="card__body">Focus on one or two tags with a dual-axis chart, quick stats, and flexible windows.</p>
+        <ul class="card__list">
+          <li>Dual Y-axis support</li>
+          <li>Primary &amp; secondary tag pairing</li>
+          <li>10-, 15-, and 30-minute windows</li>
+          <li>Live statistics overlay</li>
+        </ul>
+        <div class="card__actions">
+          <a class="button" href="singlechart.php">Launch single chart</a>
+        </div>
+      </article>
+
+      <article class="card">
+        <span class="card__badge">New</span>
+        <div class="card__icon" aria-hidden="true">📊</div>
+        <h3 class="card__title">Multi-Tag Single Chart Trending</h3>
+        <p class="card__body">Focus on up to five tags with a five-axis chart, quick stats, and flexible windows.</p>
+        <ul class="card__list">
+          <li>Five Y-axis support</li>
+          <li>Multi &amp; tag pairing</li>
+          <li>10 and 30-minute windows</li>
+          <li>Live statistics overlay</li>
+        </ul>
+        <div class="card__actions">
+          <a class="button" href="fivechart.php">Launch Milti-Tag chart</a>
+        </div>
+      </article>
+
+      <article class="card">
+        <span class="card__badge">Trend</span>
+        <div class="card__icon" aria-hidden="true">📈</div>
+        <h3 class="card__title">Multi-Chart Dashboard</h3>
+        <p class="card__body">Watch multiple areas simultaneously with four synchronized panes and per-panel controls.</p>
+        <ul class="card__list">
+          <li>Four independent chart panes</li>
+          <li>Up to eight live tags (two per pane)</li>
+          <li>Global and per-panel controls</li>
+          <li>Full-screen dashboard layout</li>
+        </ul>
+        <div class="card__actions">
+          <a class="button" href="multichart.php">Launch multi-chart</a>
+        </div>
+      </article>
+    </div>
+  </section>
+</div>
+
+<?php require __DIR__ . '/../../includes/layout/footer.php'; ?>