CS-Engine/index.html at master · mvvmm/CS-Engine · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!doctype html>
<html lang="en">
  <head>
    <title>CS Engine</title>
    <meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700&display=swap">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/css.css"/>
    <script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"></script>
  </head>
  <body>
    <!--SPD help modal-->
    <div class="modal fade" id="SPDhelp-modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="application-modal-label" aria-hidden="true">
      <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
          <div>
            <nav aria-label="breadcrumb" id="SPDhelp-modal-breadcrumb">
            </nav>
          </div>
          <div class="modal-header">
            <h5 id="SPDhelp-modal-title" class="modal-title">SPD Data Format Help</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body" id="SPDhelp-modal-body">
            <div class="card-deck">
              <div class="card hover">
                <a id="opt1">
                  <img class="card-img-top" src="img/opt1.png" alt="SPD data format help option 1 image" /> <!--change in js modal change too-->
                  <div class="card-body">
                    <h5 class="card-title">Option 1</h5>
                    <hr />
                    <p>I would like to enter the wavelengths and power values together.</p>
                  </div>
                </a>
              </div>
              <div class="card hover">
                <a id="opt2">
                  <img class="card-img-top" src="img/opt2.png" alt="SPD data format help option 2 image" />
                  <div class="card-body">
                    <h5 class="card-title">Option 2</h5>
                    <hr />
                    <p>
                      I would like to enter the wavelengths and power values seperately.
                    </p>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="container-fluid mt-4">
      <div class="row">
        <div class="col-md-8 m-auto">
          <div class="card drop-shadow">
            <div class="card-body">
              <h2 class="card-title text-center">CS Engine</h2>
              <h6 class="card-subtitle mb-2 text-muted text-center mb-3">File Submission</h6>
              <form>
                <div class="custom-file mb-4">
                  <input id="iesInput" autocomplete=off type="file" accept=".ies" class="custom-file-input" name="ies" onchange='readFile(event)'/>
                  <label class="custom-file-label" for="ies">Upload IES (.ies)</label>
                </div>
                <div class="custom-file mb-4">
                  <input id="spdInput" autocomplete=off type="file" accept=".csv" class="custom-file-input" name="spd" onchange='readFile(event)'/>
                  <label class="custom-file-label" for="spd">Upload SPD (.csv)</label>
                  <a data-toggle="modal" href="#SPDhelp-modal"><small class="pl-2">Help me format my SPD data</small></a>
                </div>
              </form>
              <div class="w-100 text-center">
                <button id="submit" class="btn btn-lrc disabled">Submit</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="js/index.js"></script>
    <script src="js/SPDhelp.js"></script>
  </body>
</html>