analyzeLog.html #8

{% extends "base.html" %}

{% block content %}

<div id=psla class=analyze>

 <h1>Perforce Server Log Analyzer - local Docker version</h1>

 <h2>Analyze Server Log: '{{ LogFile }}'</h2>

    <h2>Max commands running per minute</h2>
     <div class="charts text-center">
        <div class="row">
        <div class="row"><div id="line"></div></div><hr>
        <!-- Placeholder for the tooltip -->
        <div id="vis-tooltip" class="vg-tooltip"></div>
      </div>

 {% for table in tables %}
    <h2>{{ table.title }}</h2>
    <p>{{ table.explanation }}</p>
    <p>{{ table.sql }}</p>
    <p>Time to run query: {{ table.time_taken }}</p>
    {{ table.data|safe }}
 {% endfor %}

</div>

<!--This is used for Altair graph-->

<footer>

    <!--<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>-->
    <!--<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">-->
    <!--<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">-->
    <!--<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js">script></script>-->
    <!---->
    <script src="https://d3js.org/d3.v3.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vega@3.2.1"></script>
    <script src="https://cdn.jsdelivr.net/npm/vega-lite@2.3.1"></script>
    <script src="https://cdn.jsdelivr.net/npm/vega-embed@3.2.0"></script>
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/vega/3.0.0-beta.30/vega.js"></script>-->
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/vega-lite/2.0.0-beta.2/vega-lite.js"></script>-->
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/vega-embed/3.0.0-beta.14/vega-embed.js"></script>-->

    <!--<script src="https://vega.github.io/datalib/datalib.min.js"></script>-->

    <!--&lt;!&ndash; Vega Tooltip &ndash;&gt;-->
    <!--<script src="https://vega.github.io/vega-tooltip/vega-tooltip.min.js"></script>-->
    <!--<link rel="stylesheet" type="text/css" href="https://vega.github.io/vega-tooltip/vega-tooltip.css">-->

    <!-- Render Charts -->
    <script type="text/javascript">
        function embed_graph(chart) {
            var opt = {
              mode: "vega-lite",
              renderer: "svg",
              actions: {export: true, source: false, editor: false}
            };
            vegaEmbed("#line", chart);
        }

        embed_graph({{ chartJSON|safe }})
    </script>


</footer>

{% endblock %}