<commit_before><!--
 Copyright 2014 Solinea, Inc.

 Licensed under the Solinea Software License Agreement (goldstone),
 Version 1.0 (the "License"); you may not use this file except in compliance
 with the License. You may obtain a copy of the License at:

     http://www.solinea.com/goldstone/LICENSE.pdf

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.

 Author: <NAME>
 -->

{% extends "base.html" %}
{% load staticfiles %}
{% load custom_filters %}


{% block localcss %}

{% endblock %}

{% block content %}

    <div id="node-report-r1" class="row">
        <div id="node-report-r1-c1" class="col-md-12">
            <h1>{{ node_uuid }}</h1>
        </div>
    </div>

    <div id="node-report-r2" class="row">
        <div id="node-report-r2-c1" class="col-md-12">

            <div id="node-report-panel" class="panel panel-primary">


                <div id="servicesChart">

                </div>
            </div>
        </div>
    </div>

    <div id="node-report-r3" class="row">
        <div id="node-report-r3-c1" class="col-md-12">
            <h1>Utilization</h1>

            <div id="node-report-panel" class="panel panel-primary">
                <div class="well col-md-4" id="cpu-usage">
                <h4 class="text-center">CPU Usage</h4>
                </div>
                <div class="well col-md-4" id="memory-usage">
                <h4 class="text-center">Memory Usage</h4>
                </div>
                <div class="well col-md-4" id="network-usage">
                <h4 class="text-center">Network Usage</h4>
                </div>
            </div>

        </div>
    </div>

    <div id="node-report-r4" class="row">
        <div id="node-report-r4-c1" class="col-md-12">
            <h1>Hypervisor</h1>

            <div id="node-report-panel" class="panel panel-primary">
                <div class="well col-md-3 text-center" id="cores-usage">
                Cores
                </div>
                <div class="well col-md-3 text-center" id="memory-usage">
                Memory
                </div>
                <div class="well col-md-6" id="vm-cpu-usage">
                Per VM CPU Usage

                <div id="data-filterer">
                </div>

                </div>
            </div>

        </div>

    </div>





{% endblock %}

{% block localjs %}
<script src="{% static 'js/goldstone.js' %}"></script>

<script src="{% static 'js/models/serviceStatusModel.js' %}"></script>
<script src="{% static 'js/collections/serviceStatusCollection.js' %}"></script>
<script src="{% static 'js/views/serviceStatusView.js' %}"></script>

<script src="{% static 'js/models/utilizationModel.js' %}"></script>
<script src="{% static 'js/collections/utilizationCollection.js' %}"></script>
<script src="{% static 'js/views/utilizationView.js' %}"></script>

<script src="{% static 'js/models/hypervisorModel.js' %}"></script>
<script src="{% static 'js/collections/hypervisorCollection.js' %}"></script>
<script src="{% static 'js/views/hypervisorView.js' %}"></script>

<script src="{% static 'js/models/hypervisorVmCpuModel.js' %}"></script>
<script src="{% static 'js/collections/hypervisorVmCpuCollection.js' %}"></script>
<script src="{% static 'js/views/hypervisorVmCpuView.js' %}"></script>

<script src="{% static 'js/nodeReport.js' %}"></script>

<script>

    var node_uuid = "{{ node_uuid | escapejs }}";
    var blueSpinnerGif = "{% static 'images/ajax-loader-solinea-blue.gif' %}";

    renderCharts();


</script>

{% endblock %}<commit_msg>Sets up node-report button logic to show/hide top reports based on button selection.<commit_after><!--
 Copyright 2014 Solinea, Inc.

 Licensed under the Solinea Software License Agreement (goldstone),
 Version 1.0 (the "License"); you may not use this file except in compliance
 with the License. You may obtain a copy of the License at:

     http://www.solinea.com/goldstone/LICENSE.pdf

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.

 Author: <NAME>
 -->

{% extends "base.html" %}
{% load staticfiles %}
{% load custom_filters %}


{% block localcss %}

{% endblock %}

{% block content %}

    <div id="node-report-r1" class="row">
        <div id="node-report-r1-c1" class="col-md-12">
            <h1>{{ node_uuid }}</h1>
        </div>
    </div>

    <div id="node-report-r2" class="row">

        <div id="node-report-r2-c1" class="col-md-12">

        <!-- buttons -->
        <div class="btn-group">
            <button type="button" id="headerBar" class="active btn btn-default">Services</button>
            <button type="button" id="headerBar" class="btn btn-default">Configuration</button>
            <button type="button" id="headerBar" class="btn btn-default">Events</button><br><br>
        </div>

            <div id="node-report-panel" class="panel panel-primary">

                <div id="servicesChart"></div>
                <div id="configurationChart"></div>
                <div id="eventsChart"></div>

            </div>
        </div>
    </div>

    <div id="node-report-r3" class="row">
        <div id="node-report-r3-c1" class="col-md-12">
            <h1>Utilization</h1>

            <div id="node-report-panel" class="panel panel-primary">
                <div class="well col-md-4" id="cpu-usage">
                <h4 class="text-center">CPU Usage</h4>
                </div>
                <div class="well col-md-4" id="memory-usage">
                <h4 class="text-center">Memory Usage</h4>
                </div>
                <div class="well col-md-4" id="network-usage">
                <h4 class="text-center">Network Usage</h4>
                </div>
            </div>

        </div>
    </div>

    <div id="node-report-r4" class="row">
        <div id="node-report-r4-c1" class="col-md-12">
            <h1>Hypervisor</h1>

            <div id="node-report-panel" class="panel panel-primary">
                <div class="well col-md-3 text-center" id="cores-usage">
                Cores
                </div>
                <div class="well col-md-3 text-center" id="memory-usage">
                Memory
                </div>
                <div class="well col-md-6" id="vm-cpu-usage">
                Per VM CPU Usage

                <div id="data-filterer">
                </div>

                </div>
            </div>

        </div>

    </div>





{% endblock %}

{% block localjs %}
<script src="{% static 'js/goldstone.js' %}"></script>

<script src="{% static 'js/models/serviceStatusModel.js' %}"></script>
<script src="{% static 'js/collections/serviceStatusCollection.js' %}"></script>
<script src="{% static 'js/views/serviceStatusView.js' %}"></script>

<script src="{% static 'js/models/utilizationModel.js' %}"></script>
<script src="{% static 'js/collections/utilizationCollection.js' %}"></script>
<script src="{% static 'js/views/utilizationView.js' %}"></script>

<script src="{% static 'js/models/hypervisorModel.js' %}"></script>
<script src="{% static 'js/collections/hypervisorCollection.js' %}"></script>
<script src="{% static 'js/views/hypervisorView.js' %}"></script>

<script src="{% static 'js/models/hypervisorVmCpuModel.js' %}"></script>
<script src="{% static 'js/collections/hypervisorVmCpuCollection.js' %}"></script>
<script src="{% static 'js/views/hypervisorVmCpuView.js' %}"></script>

<script src="{% static 'js/nodeReport.js' %}"></script>

<script>

    var node_uuid = "{{ node_uuid | escapejs }}";
    var blueSpinnerGif = "{% static 'images/ajax-loader-solinea-blue.gif' %}";


    $(function() {
    $("button#headerBar").click(function() {
        $("button#headerBar.active").toggleClass("active");
        $(this).toggleClass("active");
        var selectedButton = ($(this).context.innerHTML.toLowerCase());

        _.each($("button#headerBar"), function(item) {
            $("#node-report-panel").find('#' + item.innerHTML + 'Chart').hide();
        });

        $("#node-report-panel").find('#' + selectedButton + 'Chart').show();
    });
});


    renderCharts();


</script>

{% endblock %}
{'fraction_non_alphanumeric': 0.17634709587123862, 'fraction_numerical': 0.010263587590389549, 'mean_word_length': 2.4886086248982915, 'pattern_counts': {'":': 0, '<': 182, '<?xml version=': 0, '>': 182, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4652120', 'n_tokens_mistral': 2803, 'n_tokens_neox': 2576, 'n_words': 628}