internal/web/templates/index.html from aceberg/WatchYourPorts

internal/web/templates/index.html
Summary

Maintainability

Test Coverage

Issues
{{ define "index.html" }}
</head>
<script src="/fs/public/js/index.js"></script>
<script src="/fs/public/js/sort.js"></script>
<body>
<div class="container-lg">
  <div class="row">
    <div class="col-md mt-4">
      <form action="/addr_add/" method="post" class="input-group">
        <input name="name" type="text" class="form-control" placeholder="Name">
        <input name="addr" type="text" class="form-control" placeholder="Address">
        <button type="submit" class="btn btn-primary">Add</button>
      </form>
    </div>
  </div>
  <div class="row">
    <div class="col-md mt-4 mb-4">
      <div class="card border-primary">
        <div class="card-body table-responsive">
          <table class="table table-striped">
            <thead>
              <th style="width: 3em;"></th>
              <th>Name <i class="bi bi-sort-down-alt" onclick="sortBy('Name')"></i></th>
              <th>Addr <i class="bi bi-sort-down-alt" onclick="sortBy('Addr')"></i></th>
              <th>Total <i class="bi bi-sort-down-alt" onclick="sortBy('Total')"></i></th>
              <th>Watching <i class="bi bi-sort-down-alt" onclick="sortBy('Watching')"></i></th>
              <th>Online <i class="bi bi-sort-down-alt" onclick="sortBy('Online')"></i></th>
              <th>Offline <i class="bi bi-sort-down-alt" onclick="sortBy('Offline')"></i></th>
            </thead>
            <tbody id="tBody"></tbody> 
            <!-- index.js -->
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

{{ template "footer.html" }}
{{ end }}