Add Seasons.

templates/editseason.html

@@ -0,0 +1,79 @@
+{% extends "base.html" %}
+{% set active_page = "seasons" %}
+{% block title %}Seasons{% endblock %}
+
+
+{% block content %}
+<form class="needs-validation" novalidate action="/saveseason" method="post">
+  <div class="form-group">
+    <label for="id">ID</label>
+    <input name="id"
+           type="text"
+           class="form-control"
+           id="id"
+           value="{{ model['id'] }}"
+           readonly>
+  </div>
+  <div class="form-group">
+    <label for="game">Game Name</label>
+    <input name="game"
+           type="text"
+           class="form-control"
+           id="game"
+           placeholder="The game name..."
+           value="{{ model['game'] }}"
+           required>
+  </div>
+  <div class="form-group">
+    <label for="description">Season Description</label>
+    <input name="description"
+           type="text"
+           class="form-control"
+           id="description"
+           placeholder="The season description..."
+           value="{{ model['description'] }}"
+           required>
+  </div>
+  <div class="form-group">
+    <label for="start">Season Start</label>
+    <input name="start"
+           type="date"
+           class="form-control"
+           id="start"
+           placeholder="YYYY-MM-DD"
+           value="{{ model['start'] }}"
+           required>
+  </div>
+  <div class="form-group">
+    <label for="end">Season End</label>
+    <input name="end"
+           type="date"
+           class="form-control"
+           id="start"
+           placeholder="Season end date..."
+           value="{{ model['end'] }}">
+  </div>
+  <button type="submit" class="btn btn-primary">Submit</button>
+</form>
+
+<script>
+// Example starter JavaScript for disabling form submissions if there are invalid fields
+(function() {
+  'use strict';
+  window.addEventListener('load', function() {
+    // Fetch all the forms we want to apply custom Bootstrap validation styles to
+    let forms = document.getElementsByClassName('needs-validation');
+    // Loop over them and prevent submission
+    let validation = Array.prototype.filter.call(forms, function (form) {
+      form.addEventListener('submit', function (event) {
+        if (form.checkValidity() === false) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+        form.classList.add('was-validated');
+      }, false);
+    });
+  }, false);
+})();
+</script>
+{% endblock %}

templates/seasons.html

@@ -3,5 +3,48 @@
 {% block title %}Seasons{% endblock %}
 
 {% block content %}
-There are no seasons.
+  {% if g.is_editor %}
+    <div class="btn-toolbar" role="toolbar">
+      <a class="btn btn-primary" href="/newseason" role="button">New Season</a>
+    </div>
+  {% endif %}
+{% if not model.seasons %}
+    There are no seasons.
+  {% else %}
+      <table class="table table-hover table-striped table-bordered">
+        <thead>
+          <tr>
+            {% for prop, caption in model.columns %}
+              <th scope="col" class="col-sm-auto text-center">{{ caption }}</th>
+            {% endfor %}
+
+            <th scope="col" class="col-sm-auto text-center"></th>
+
+            {% if g.is_editor %}
+              <th scope="col" class="col-sm-auto text-center">Editor</th>
+            {% endif %}
+          </tr>
+        </thead>
+        <tbody>
+          {% for item in model.seasons %}
+          <tr>
+            {% for prop, caption in model.columns %}
+              <td class="col-sm-auto text-center">{{ item[prop] }}</td>
+            {% endfor %}
+
+              <td class="col-sm-auto text-center">
+                <a class="btn btn-dark" href="/seasons/{{ item.id }}">Show</a>
+              </td>
+
+            {% if g.is_editor %}
+              <td class="col-sm-auto text-center">
+                <a class="btn btn-dark" href="/seasons/edit/{{ item.id }}">Edit</a>
+              </td>
+            {% endif %}
+          </tr>
+        {% endfor %}
+        </tbody>
+      </table>
+
+  {% endif %}
 {% endblock %}