ctrack/compliance/templates/compliance/overview.html


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
91
92
93

{% extends "base.html" %}
{% load static %}

{% block title %} CAF - All CAF Summary {% endblock %}

{% block content %}

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script type="application/javascript">
    $(document).ready(function () {
      $('#datatable').DataTable({
        ordering: true,
        searching: true,
        {#buttons: true,#}
        {#dom: 'B<"clear">lfrtip',#}
        paging: false,
        "drawCallback": function (settings) {
          $("#datatable thead").remove();
        },
      });
    });
  </script>

  <div class="col-12 m-2">
  <h3>
    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-bar-chart-line" fill="currentColor"
         xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd"
            d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-5 0v-3H2v3h2z"/>
    </svg>
    Overview
  </h3>
  <p>Use the search box to filter the table</p>
  <div class="row justify-content-center">
    <div class="col-md-12 my-2 py-2">
      <div class="row">
        <div class="col">
          <h5>Summary</h5>
          <p>CAFs at Initial Submission: 12</p>
        </div>
      </div>
      <div class="row">
        <table id="datatable" class="table table-bordered" style="width:100%">
          <thead>
          <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>

          </thead>
          <tbody>
          <tr>
            <td>ORG NAME 1</td>
            <td class="bg bg-success text-white">CAF Initial Submission</td>
            <td class="bg bg-success text-white">CAF Review</td>
            <td class="bg bg-warning text-white">OES Revisions</td>
            <td>Inspector Validation</td>
            <td>Validation Agreed</td>
            <td>Improvement Plan Submission</td>
            <td>Improvement Plan Review</td>
          </tr>
          <tr>
            <td>ORG NAME 2</td>
            <td class="bg bg-primary text-white">CAF Initial Submission</td>
            <td>CAF Review</td>
            <td>OES Revisions</td>
            <td>Inspector Validation</td>
            <td>Validation Agreed</td>
            <td>Improvement Plan Submission</td>
            <td>Improvement Plan Review</td>
          </tr>
          <tr>
            <td>ORG NAME 3</td>
            <td class="bg bg-success text-white">CAF Initial Submission</td>
            <td class="bg bg-success text-white">CAF Review</td>
            <td class="bg bg-success text-white">OES Revisions</td>
            <td class="bg bg-success text-white">Inspector Validation</td>
            <td>Validation Agreed</td>
            <td>Improvement Plan Submission</td>
            <td>Improvement Plan Review</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
{% endblock %}