fcs-validator/index.htm at master · cellengine/fcs-validator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>FCS Validator</title>
  <meta name="description" content="Utility for validating FCS file specification compliance">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="styles.css">
</head>
<body class="material-theme">
  <script src="main.js"></script>
  <main class="app-shell">
    <section class="validator-card" aria-labelledby="validator-title">
      <header class="validator-header">
        <h1 id="validator-title">FCS Validator</h1>
        <p>
          Validate FCS file compliance against the corresponding specification.
          Supports FCS versions 2.0, 3.0, 3.1 and 3.2.
        </p>
        <p>
          This open-source tool is developed and maintained by the CellEngine team at CellCarta.
          See the code, discuss and open issues at <a href="https://github.com/cellengine/fcs-validator/">https://github.com/cellengine/fcs-validator/</a>.
        </p>
      </header>

      <div class="validator-controls">
        <label for="file-select">Select a file to validate</label>
        <input type="file" id="file-select" onchange="validate(this.files[0])">
        <p class="validator-note">Validation runs in your browser without uploading anything to the internet.</p>
      </div>

      <div id="errors" aria-live="polite"></div>

      <div class="report-wrap">
        <table id="report">
          <thead>
            <tr>
              <th scope="col" class="icon-col"></th>
              <th scope="col">Check</th>
              <th scope="col">Notes</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
      </div>
    </section>
  </main>
</body>
</html>