Train-Time/index.html at master · sengland88/Train-Time · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">

    <!-- javascript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/6.0.4/firebase-database.js"></script>

    <!-- moment.js -->
    <script src="https://cdn.jsdelivr.net/momentjs/2.12.0/moment.min.js"></script>


    <title>Train Schedule</title>
</head>
<body>
<div class="container column">
    <div class="jumbotron jumbotron-fluid jumbo-center">
        <div class="container">
          <p class="lead"><img src="assets/images/banner.jpg" class="img-fluid" alt="Responsive image"></p>
          <p>Welcome to Central Station's Train Scheduler, Instruct.</p>
          <p>While our train schedule is small, we transport nearly 65,000 citizens every day. Instruct keeps track of our train schedules and refreshes every minute to provide you with the most current information.</p>
          <p>As new tracks and cars come online, please enter their information in the form below. Please note that all fields are required in order to submit a train's schedule to our database.</p>
          <p>If you experience problems, please contact our HelpDesk at 407-555-5555, extension HELP (4357).</p>
        </div>
    </div>

    <h2>Next Schedule Update in <span class="correctFormat"  id="seconds"></span></h2>

    <br>

    <div class="card employee-card">
        <div class="card-body">
          <h5 class="card-title">The Train Schedule</h5>
          <table class="table text-center">
            <thead>
              <tr>
                <th scope="col">Train Name</th>
                <th scope="col">Destination</th>
                <th scope="col">First Train Run</th>
                <th scope="col">Frequency (Min)</th>
                <th scope="col">Next Arrival</th>
                <th scope="col">Minutes Away</th>
              </tr>
            </thead>
            <tbody id="newTrain">
              </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div class="card input-card">
        <div class="card-body">
          <h5 class="card-title">Add a Train</h5>
          <h3 id="theMessage"></h3>
          <form>
                <div class="form-group">
                  <label for="exampleFormControlFile1"l class="form-input">Train Name</label>
                  <input type="text" placeholder="Ex: Train Name" class="form-control-file" id="train-name-input">
                  <br>
                  <label for="exampleFormControlFile1"l class="form-input">Destination</label>
                  <input type="text" placeholder="EX: Destin, Florida" class="form-control-file" id="destination-input">
                  <br>
                  <label for="exampleFormControlFile1"l class="form-input">First Train Time (HH:MM — Military Time) <span id="theFormat" class="correctFormat" ></span></label>
                  <input type="text" placeholder="EX: 13:00"  class="form-control-file" id="train-time-input">
                  <br>
                  <label for="exampleFormControlFile1"l class="form-input">Frequency (mins) <span class="correctFormat" id="theFormat2"></span></label>
                  <input type="text" placeholder="EX: 32" class="form-control-file" id="freq-input">
                </div>
                <button type="button" class="btn btn-primary" id="submitBtn">Submit</button>
              </form>

        </div>
      </div>

</div>

<script src="assets/javascript/app.js"></script>

</body>
</html>