unified-access.html

<!--
#-------------------------------------------------------------------------------
# Copyright (C) 2025 Eclipse Foundation
# 
# This program and the accompanying materials are made
# available under the terms of the Eclipse Public License 2.0
# which is available at https://www.eclipse.org/legal/epl-2.0/
# 
# SPDX-License-Identifier: EPL-2.0
#-------------------------------------------------------------------------------
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Platform page - Unified RISC-V Access Platform</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!-- Common stylesheet -->
  <link rel="stylesheet" href="style.css" />

  <!-- Font Awesome for footer icons -->
  <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.3.1/css/all.min.css" />
</head>
<body class="page-with-layout">

  <!-- Shared header -->
  <header>
    <div class="nav-container">
      <div class="nav-brand">
        <a href="index.html">
          <img src="images/unified-riscv-horizontal-logo.png"
               alt="Unified RISC-V Logo"
               class="nav-logo-img">
        </a>
      </div>

      <nav>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="unified-access.html">Unified Access</a></li>
          <li><a href="editor.html">Editor</a></li>
          <li><a href="help.html">Help</a></li>
        </ul>
      </nav>
    </div>
  </header>
  <main>
    <!-- Tabs Navigation -->
    <div class="tabs-nav">
      <button class="tab-btn active" data-tab="catalogue">IP Catalogue</button>
      <button class="tab-btn" data-tab="compatibility">Compatibility Matrix</button>
    </div>

    <!-- Catalogue table -->
    <div id="catalogue-view" class="table-viewport">
      <!-- Search and Settings div -->
      <div class="search-and-settings-container">
        <input
          type="text"
          id="search-input"
          placeholder="Search all fields..."
        />
        <button id="settings-toggle-btn" title="Open Settings" aria-label="Open Settings Panel">⚙️</button>

        <div id="settings-panel" class="floating-panel" hidden>
          <h3>Settings</h3>

          <div id="load-options" class="settings-group">
            <h4>Data source</h4>
            <label>
              <input type="radio" name="load-mode" value="github" checked>
              Load from GitHub
            </label>
            <label>
              <input type="radio" name="load-mode" value="local">
              Load from local files
            </label>
            <input
              type="file"
              id="file-input"
              multiple
              accept=".json"
              style="display: none; margin-left:1em;"
            />
          </div>

          <div class="settings-group">
            <h4>Table View</h4>
            <label><input type="radio" name="table-view" value="default" checked>Default</label>
            <label><input type="radio" name="table-view" value="detailed">Detailed</label>
          </div>

          <div class="settings-group">
            <h4>Controls</h4>
            <button onclick="window.location.href='editor.html'">Edit table data</button>
            <button id="export-btn" disabled>Export CSV</button>
          </div>

          <div id="status" class="settings-group">Choose a load mode to begin.</div>
        </div>
      </div>

      <div class="table-container table-fixed">
        <table id="data-table">
          <thead></thead>
          <tbody></tbody>
        </table>
      </div>
    </div>

    <!-- Compatibility Matrix div -->
    <div id="compatibility-view" class="matrix-viewport" hidden>
      <div class="matrix-container">
        <div class="matrix-legend">
          <span class="legend-item"><span class="color-box ct"></span> Compatible and Tested (CT)</span>
          <span class="legend-item"><span class="color-box cnt"></span> Compatible but Not Tested (CNT)</span>
          <span class="legend-item"><span class="color-box nc"></span> Not Compatible (NC)</span>
        </div>
        <table id="compatibility-table">
          <thead></thead>
          <tbody></tbody>
        </table>
        <p class="matrix-disclaimer">This is the TRISTAN Compatibility Matrix, delivered by the TRISTAN project.</p> 
        <p class="matrix-disclaimer">This is a preview page. Stay tuned for upcoming changes!</p>
      </div>
    </div>


    <!-- Sponsors -->
    <section id="sponsors" class="sponsors">
      <h2 align="center">Supported by</h2>
      <div class="sponsor-logos">
        <a href="https://tristan-project.eu/" target="_blank">
          <img src="images/tristan-logo.png" alt="TRISTAN Project" class="sponsor-logo">
        </a>
        <a href="https://isolde-project.eu/" target="_blank">
          <img src="images/isolde-logo.png" alt="ISOLDE Project" class="sponsor-logo">
        </a>
      </div>
    </section>
  </main>

  <script src="script.js"></script>

  <!-- Shared footer -->
  <footer>
    <div class="footer-grid">

      <div class="footer-col">
        <h4>Funding</h4>
        <img src="images/eu-funded.png" class="footer-logo" alt="Funded by the European Union">
        <p>This platform is supported by the European Union.</p>
      </div>

      <div class="footer-col">
        <h4>Chips JU</h4>
        <img src="images/chips-ju.png" class="footer-logo" alt="Chips JU">
        <p>Part of the European Chips Joint Undertaking framework.</p>
      </div>

      <div class="footer-col">
        <h4>OpenHW & Contact</h4>
        <img src="images/openhw-logo.png" class="footer-logo" alt="OpenHW Logo">

        <a href="mailto:info@openhwgroup.org" class="footer-icon">
          <i class="fas fa-envelope"></i> info@openhwgroup.org
        </a>
        <a href="https://github.com/openhwgroup" class="footer-icon">
          <i class="fab fa-github"></i> github.com/openhwgroup
        </a>
        <a href="https://www.linkedin.com/company/openhwgroup" class="footer-icon">
          <i class="fab fa-linkedin"></i> @openhwgroup
        </a>
        <a href="https://openhwfoundation.org/" class="footer-icon">
          <i class="fas fa-globe"></i> openhwfoundation.org
        </a>
      </div>

    </div>

    <div class="footer-bottom">
      <p>
        This project has received funding from the Chips Joint Undertaking (Chips JU)
        under the European Union’s Horizon Europe Research and Innovation Programme,
        and from the European Union, under Grant Agreements No. 101095947 (TRISTAN), 101112274 (ISOLDE).
      </p>
      <p>© 2025 Unified RISC-V IP Access Platform — All rights reserved.</p>
    </div>
  </footer>

</body>
</html>