allerta-vvf/server/templates/list.html

{% extends "base.html" %}

{% block content %}
    <br>
    <div class="text-center">
      <p>{{ 'Are you available in case of alert?'|t }}</p>
      <button class="btn btn-lg btn-success " onclick="Activate('{{ user.id }}')">{{ 'Activate'|t }}</button>

      <button class="btn btn-lg btn-danger" style="background-color: red" onclick="Deactivate('{{ user.id }}')">{{ 'Deactivate'|t }}</button>
    </div>
    <br>
    <br>
    <img alt="VVF" src="./resources/images/owner.png" width="150" style="display: block; margin-left: auto; margin-right: auto;">
    <br>
    <br>
  <style>
  #add {
   outline: none;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
   font: bold 12px Arial, Helvetica, sans-serif;
   color: #fff;
   padding: 10px 20px;
   border: solid 1px #0076a3;
   background: #0095cd;
  }

  #href {
   outline: none;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
   font: bold 12px Arial, Helvetica, sans-serif;
   color: #fff;
   padding: 10px 20px;
   border: solid 1px #0076a3;
   background: #0095cd;
  }

  th, td {
      border: 1px solid grey;
      border-collapse: collapse;
   padding: 5px;
  }

  table {
    box-shadow: 2px 2px 25px rgba(0,0,0,0.5);
    border-radius: 15px;
    margin: auto;
  }
  </style>
<div id="list" style="overflow-x:auto;">
  <table style="width: 90%; text-align:center;">
    <thead>
      <tr>
        <th>{{ 'Name'|t }}</th>
        <th>{{ 'Available'|t }}</th>
        {% if user.full_viewer %}
        <th>{{ 'Driver'|t }}</th>
        <th>{{ 'Call'|t }}</th>
        <th>{{ 'Write'|t }}</th>
        <th>{{ 'Services'|t }}</th>
        <th>{{ 'Availability Minutes'|t }}</th>
        <th>{{ 'Other'|t }}</th>
        {% endif %}
      </tr>
    </thead>
    <tbody id="table_body">
    </tbody>
  </table>
  <script>
  window.loadTable("list");
  </script>
</div>

<br><br>
<p style="text-align: center;">
  <a id='add' href="edit_user.php?add">{{ 'Add user'|t }}</a>
</p>
<br>
<br>
{% endblock %}