<!DOCTYPE html>
<html lang="pt-br">
<head>
  <style>
    table {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
    }

    td, th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
    }

    tr:nth-child(even) {
      background-color: #dddddd;
    }
  </style>
  <script type="text/JavaScript" {{#main.NonceToken}}nonce="{{main.NonceToken}}"{{/main.NonceToken}}>
      <!--
        function AutoRefresh( t ) {
            setTimeout("location.reload(true);", t);
        }
      //-->
  </script>
  {{#Scope.Tempo}} 
  <script {{#main.NonceToken}}nonce="{{main.NonceToken}}"{{/main.NonceToken}}>
    window.addEventListener('load', function() { AutoRefresh({{{Scope.Tempo}}}) });
  </script>
  {{/Scope.Tempo}}
  {{>GoogleTag}}
</head>
<body>
 
<h1>Estatísticas</h1>
{{^Main.administradorcloud}}<a href="Inicio">Login</a>{{/Main.administradorcloud}}{{#Main.administradorcloud}}<a href="LogOut">Sair</a>{{/Main.administradorcloud}}<br><a href="Info">Informações do Servidor</a><br><a href="Processos">Processos</a><br><a href="Sessoes">Sessões</a><br>
<p> Tempo atualizacao da página em milisegundos: <input type="text" id="tempo" value="{{Scope.Tempo}}">
<script {{#main.NonceToken}}nonce="{{main.NonceToken}}"{{/main.NonceToken}}>
  document
    .getElementById('tempo')
    .addEventListener('change', function() {
      window.location.assign('Estatisticas?tempo='+ document.getElementById('tempo').value);
    });
</script></p>

<h2>Requisições</h2>
<table>
<tr>
	<th>Método</th>
	<th>Tempo Total</th>
	<th>Total de Execuções</th>
	<th>Média de Tempo</th>
</tr>
{{#Scope.Estatisticas.Requests}}
<tr>
  <td>{{Methodo}}</td>
  <td>{{TempoTotal}}</td>
  <td>{{TotalExecucoes}}</td>
  <td>{{MediaTempo}}</td>
</tr>
{{/Scope.Estatisticas.Requests}}
</table>

</body>
</html>
