@extends('layouts.app')

@section('title', 'Test Splunk')

@section('content')
    <h4>A chart and an events viewer displaying results of a search</h4>
    <div id="mychart"></div>
    <div id="myeventsviewer"></div>

    <style type="text/css">
        .main-area {
            padding: 20px;
        }
    </style>

    <div class="main-area">
        <div class="dashboard-body container-fluid main-section-body" data-role="main">
            <div class="dashboard-header clearfix">
                <h2>Generic AppWall</h2>
            </div>
            <div id="row1" class="dashboard-row dashboard-row1">
                <div id="panel1" class="dashboard-cell" style="width: 100%;">
                    <div class="dashboard-panel clearfix">

                        <div class="panel-element-row">
                            <div id="element1" class="dashboard-element chart" style="width: 100%">
                                <div class="panel-head">
                                    <h3>LAB  Executive Summary - AppWall - Critical and Total Attacks Per Month</h3>
                                </div>
                                <div class="panel-body"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="dashboard-body container-fluid main-section-body" data-role="main">
            <div class="dashboard-header clearfix">
                <h2>Generic AppWall</h2>
            </div>
            <div id="row1" class="dashboard-row dashboard-row1">
                <div id="panel2" class="dashboard-cell" style="width: 100%;">
                    <div class="dashboard-panel clearfix">

                        <div class="panel-element-row">
                            <div id="element2" class="dashboard-element chart" style="width: 100%">
                                <div class="panel-head">
                                    <h3>LAB  Executive Summary - AppWall - Critical and Total Attacks Per Month</h3>
                                </div>
                                <div class="panel-body"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="/assets/js/static/splunkjs/config.js"></script>
    <script>
        splunkjs.config({
            scheme: "{{ \Config::get('splunk.scheme') }}",
            host: "{{ \Config::get('splunk.host') }}",
            port: "{{ \Config::get('splunk.port') }}",
            version: "{{ \Config::get('splunk.api_ver') }}",
            waitSeconds: "{{ \Config::get('splunk.wait') }}",
            authenticate: splunk_auth
        });

        // Configure the web site's base URL
        require.config({
            baseUrl: "/"
        });

        // Set up the Web Framework components
        var deps = [
            "splunkjs/ready!",
            "splunkjs/mvc/searchmanager",
            "splunkjs/mvc/chartview",
            "splunkjs/mvc/eventsviewerview"
        ];
        require(deps, function(mvc) {
            // Load individual components
            var SearchManager = require("splunkjs/mvc/searchmanager");
            var ChartView = require("splunkjs/mvc/chartview");
            var EventsViewerView = require("splunkjs/mvc/eventsviewerview");

            // Instantiate the views and search manager
            /*
            var mysearch = new SearchManager({
                id: "search1",
                preview: true,
                cache: true,
                status_buckets: 300,
                search: "index=_internal | head 1000 | stats count by sourcetype"
            });
            */
            var mysearch = new SearchManager({
                id: "search1",
                search: "index=radware sourcetype=radware_aw host=190.34.183.138 IsPassive=False NOT Resource=Sub-System NOT Resource=Tunnel NOT src=54.85.110.29 | replace High with high, Low with low, Lowest with low in severity | timechart span=1mon count(eval(severity=\"high\")) as \"Critical Attacks\", count as \"Total Attacks\"",
                cancelOnUnload: true,
                latest_time: "@mon",
                status_buckets: 0,
                earliest_time: "-12mon@mon",
                //"app": utils.getCurrentApp(),
                auto_cancel: 0,
                preview: true,
                runWhenTimeIsUndefined: false
            }
            //, {tokens: true, tokenNamespace: "submitted"}
            );

            var element1 = new ChartView({
                "id": "element1",
                "charting.chart.bubbleMaximumSize": "50",
                "charting.axisTitleY.visibility": "visible",
                "charting.axisTitleX.visibility": "visible",
                "charting.axisY.scale": "linear",
                "charting.chart.bubbleMinimumSize": "10",
                "charting.layout.splitSeries": "0",
                "charting.axisLabelsX.majorLabelStyle.rotation": "0",
                "charting.axisY2.scale": "inherit",
                "charting.legend.labelStyle.overflowMode": "ellipsisMiddle",
                "charting.chart": "area",
                "charting.drilldown": "all",
                "height": "260",
                "charting.chart.nullValueMode": "gaps",
                "charting.legend.placement": "bottom",
                "charting.axisTitleY2.visibility": "visible",
                "charting.chart.bubbleSizeBy": "area",
                "charting.chart.stackMode": "default",
                "charting.axisLabelsX.majorLabelStyle.overflowMode": "ellipsisNone",
                "charting.axisY2.enabled": "undefined",
                "charting.chart.sliceCollapsingThreshold": "0.01",
                "charting.axisX.scale": "linear",
                "charting.chart.style": "shiny",
                "resizable": true,
                "managerid": "search1",
                "el": $('#element1')
            }
            , {tokens: true, tokenNamespace: "submitted"}
            ).render();


            //

            var mysearch2 = new SearchManager({
                    id: "search2",
                    search: "index=nessus sourcetype=\"nessus:scan\" name=\"Banvivienda*\" NOT severity=informational  | dedup host-ip, plugin_name, plugin_family, severity, \"ports{}.port\", \"ports{}.protocol\" | chart count by host-ip | head",
                    cancelOnUnload: true,
                    latest_time: "@mon",
                    status_buckets: 0,
                    earliest_time: "-12mon@mon",
                    //"app": utils.getCurrentApp(),
                    auto_cancel: 0,
                    preview: true,
                    runWhenTimeIsUndefined: false
                }
                //, {tokens: true, tokenNamespace: "submitted"}
            );

            /*
            "charting.axisLabelsX.majorLabelStyle.overflowMode": "ellipsisNone",
        "charting.axisLabelsX.majorLabelStyle.rotation": "0",
        "charting.axisTitleX.visibility": "visible",
        "charting.axisTitleY.visibility": "visible",
        "charting.axisTitleY2.visibility": "visible",
        "charting.axisX.scale": "linear",
        "charting.axisY.scale": "linear",
        "charting.axisY2.enabled": "0",
        "charting.axisY2.scale": "inherit",
        "charting.chart": "pie",
        "charting.chart.bubbleMaximumSize": "50",
        "charting.chart.bubbleMinimumSize": "10",
        "charting.chart.bubbleSizeBy": "area",
        "charting.chart.nullValueMode": "gaps",
        "charting.chart.sliceCollapsingThreshold": "0.01",
        "charting.chart.stackMode": "default",
        "charting.chart.style": "shiny",
        "charting.drilldown": "all",
        "charting.layout.splitSeries": "0",
        "charting.legend.labelStyle.overflowMode": "ellipsisMiddle",
        "charting.legend.placement": "bottom",
        "refresh.display": "progressbar",
        */
            var element2 = new ChartView({
                    "id": "element2",
                    "charting.axisLabelsX.majorLabelStyle.overflowMode": "ellipsisNone",
                    "charting.axisLabelsX.majorLabelStyle.rotation": "0",
                    "charting.axisTitleX.visibility": "visible",
                    "charting.axisTitleY.visibility": "visible",
                    "charting.axisTitleY2.visibility": "visible",
                    "charting.axisX.scale": "linear",
                    "charting.axisY.scale": "linear",
                    "charting.axisY2.enabled": "0",
                    "charting.axisY2.scale": "inherit",
                    "charting.chart": "pie",
                    "charting.chart.bubbleMaximumSize": "50",
                    "charting.chart.bubbleMinimumSize": "10",
                    "charting.chart.bubbleSizeBy": "area",
                    "charting.chart.nullValueMode": "gaps",
                    "charting.chart.sliceCollapsingThreshold": "0.01",
                    "charting.chart.stackMode": "default",
                    "charting.chart.style": "shiny",
                    "charting.drilldown": "all",
                    "charting.layout.splitSeries": "0",
                    "charting.legend.labelStyle.overflowMode": "ellipsisMiddle",
                    "charting.legend.placement": "bottom",
                    "refresh.display": "progressbar",
                /*
                    "charting.chart.bubbleMaximumSize": "50",
                    "charting.axisTitleY.visibility": "visible",
                    "charting.axisTitleX.visibility": "visible",
                    "charting.axisY.scale": "linear",
                    "charting.chart.bubbleMinimumSize": "10",
                    "charting.layout.splitSeries": "0",
                    "charting.axisLabelsX.majorLabelStyle.rotation": "0",
                    "charting.axisY2.scale": "inherit",
                    "charting.legend.labelStyle.overflowMode": "ellipsisMiddle",
                    "charting.chart": "pie",
                    "charting.drilldown": "all",
                    "height": "260",
                    "charting.chart.nullValueMode": "gaps",
                    "charting.legend.placement": "bottom",
                    "charting.axisTitleY2.visibility": "visible",
                    "charting.chart.bubbleSizeBy": "area",
                    "charting.chart.stackMode": "default",
                    "charting.axisLabelsX.majorLabelStyle.overflowMode": "ellipsisNone",
                    "charting.axisY2.enabled": "undefined",
                    "charting.chart.sliceCollapsingThreshold": "0.01",
                    "charting.axisX.scale": "linear",
                    "charting.chart.style": "shiny",
                    "resizable": true,
                    */
                    "managerid": "search2",
                    "el": $('#element2')
                }
                , {tokens: true, tokenNamespace: "submitted"}
            ).render();
            /*
            var mychart = new ChartView ({
                id: "chart1",
                managerid: "search1",
                type: "bar",
                el: $("#mychart")
            }).render();

            var myeventsviewer = new EventsViewerView ({
                id: "eviewer1",
                managerid: "search1",
                el: $("#myeventsviewer")
            }).render();
            */
        });

        function onLogin() {
            require([
                "jquery",
                "splunkjs/splunk"
            ], function($, jssdk) {
                // Get the username and passwords
                var username = "";
                var password = ";

                var result = true;

                // Use the Splunk SDK for JavaScript to log in to Splunk

                // Create a Service object
                //var http =  new jssdk.ProxyHttp("/proxy");
                var http = new splunkjs.JQueryHttp();
                var service = new jssdk.Service(http, {
                    username: username,
                    password: password,
                    scheme: "https",
                    host: "siem.glesec.com",
                    port: 8089
                });

                // Log in to Splunk
                service.login(function(err) {
                    // The session key and username are required for logging in
                    if (!err) {
                        var key = service.sessionKey;
                        // Save the session key and username in cookies
                        $.cookie("splunk_sessionkey", key);
                        $.cookie("splunk_username", username);
                    }
                    else {
                        $("#errorText").empty().append("<p class='fail'><br>Login failed! See the console for error info.</p>");
                        console.error("Login failed: ", err);
                        result = false;
                    }
                });

            });
        }
    </script>
@endsection