✏️ Editing: 7cc4e079e44c13da17fbb3984cfb77f3.php

<?php $__env->startSection("content"); ?>
<div class="card-body">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header justify-content-between d-flex align-items-center">
                    <h4 class="card-title">Reporte de Visitas y Clicks</h4>
                </div>
                <div class="card-body">
                    <form type="GET">
                        <div class="btn-group mb-3">
                            <select class="form-select" name="tipo">
                                <option value="">Todos</option>
                                <?php $__currentLoopData = $names; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $name): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($key); ?>" <?php echo e((request()->has("tipo") &&
                                    $key == request()->input("tipo")) ? 'selected': ''); ?>><?php echo e($name); ?></option>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </select>
                            <input class="form-control" type="datetime-local" name="desde"
                            value="<?php echo e(\request()->input("desde")); ?>">
                            <input class="form-control" type="datetime-local" name="hasta"
                            value="<?php echo e(\request()->input("hasta")); ?>">
                            <button class="btn btn-success btn-sm" type="submit">
                                Buscar
                            </button>
                        </div>
                    </form>
                    <div id="table-fixed-header"></div>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <div id="line_chart_dashed2" class="apex-charts" dir="ltr"></div>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <div id="line_chart_dashed" class="apex-charts" dir="ltr"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection("scripts"); ?>
<script src="<?php echo e(url("assets/libs/apexcharts/apexcharts.min.js")); ?>"></script>
<script src="<?php echo e(url("assets/libs/gridjs/gridjs.umd.js")); ?>"></script>
<script>
    new gridjs.Grid({
        columns: ["Evento", "Clicks", "IP", "Fecha Primer Click"],
        sort: !0,
        pagination: !0,
        fixedHeader: !0,
        height: "400px",
        data: <?php echo json_encode($table); ?>

}).render(document.getElementById("table-fixed-header"))
</script>
<script>
function getChartColorsArray(e) {
    if (console.log(e), null !== document.getElementById(e)) {
        var t = document.getElementById(e).getAttribute("data-colors");
        return (t = JSON.parse(t)).map(function(e) {
            var t = e.replace(" ", "");
            if (-1 === t.indexOf(",")) {
                var a = getComputedStyle(document.documentElement).getPropertyValue(t);
                return a || t
            }
            var r = e.split(",");
            return 2 != r.length ? t : "rgba(" + getComputedStyle(document.documentElement).getPropertyValue(r[0]) + "," + r[1] + ")"
        })
    }
}

var options = {
    series: <?php echo json_encode($charts_month); ?>,
    chart: {
        height: 350,
        type: "line",
        zoom: {
            enabled: !1
        },
        toolbar: {
            show: !1
        }
    },
    markers: {
        size: 4
    },
    dataLabels: {
        enabled: !1
    },
    stroke: {
        curve: "straight"
    },
    colors: chartBarColors = getChartColorsArray("line_chart_basic"),
    title: {
        text: "Estadisticas por Mes",
        align: "left",
        style: {
            fontWeight: 500
        }
    },
    xaxis: {
        categories: ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sept", "Oct", "Nov", "Dic"]
    }
};

(chart = new ApexCharts(document.querySelector("#line_chart_dashed"), options)).render();
    chartBarColors = getChartColorsArray("line_chart_annotations"), options = {
        chart: {
            height: 250,
            type: "line",
            id: "areachart-2"
        },
        annotations: {
            yaxis: [],
            xaxis: [],
            points: []
        },
        dataLabels: {
            enabled: !1
        },
        stroke: {
            curve: "straight"
        },
        colors: chartBarColors,
        grid: {
            padding: {
                right: 30,
                left: 20
            }
        },
        title: {
            text: "Line with Annotations",
            align: "left",
            style: {
                fontWeight: 500
            }
        },
        xaxis: {
            type: "datetime"
        }
    };

//Estadisticas por Día
var options = {
    series: <?php echo json_encode($charts_days); ?>,
    chart: {
        height: 350,
        type: "line",
        zoom: {
            enabled: !1
        },
        toolbar: {
            show: !1
        }
    },
    markers: {
        size: 4
    },
    dataLabels: {
        enabled: !1
    },
    stroke: {
        curve: "straight"
    },
    colors: chartBarColors = getChartColorsArray("line_chart_basic"),
    title: {
        text: "Estadisticas por Día del Mes en curso",
        align: "left",
        style: {
            fontWeight: 500
        }
    },
    xaxis: {
        categories: <?php echo json_encode($days); ?>

}
};

(chart = new ApexCharts(document.querySelector("#line_chart_dashed2"), options)).render();
    chartBarColors = getChartColorsArray("line_chart_annotations"), options = {
        chart: {
            height: 250,
            type: "line",
            id: "areachart-2"
        },
        annotations: {
            yaxis: [],
            xaxis: [],
            points: []
        },
        dataLabels: {
            enabled: !1
        },
        stroke: {
            curve: "straight"
        },
        colors: chartBarColors,
        grid: {
            padding: {
                right: 30,
                left: 20
            }
        },
        title: {
            text: "Line with Annotations",
            align: "left",
            style: {
                fontWeight: 500
            }
        },
        xaxis: {
            type: "datetime"
        }
    };
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make("layouts.app", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u590359786/domains/asismarker.com/public_html/prop/resources/views/pages/contenidos/charts.blade.php ENDPATH**/ ?>

Ubuntu

Sid Gifari From Gifari Industries - BD Cyber Security Team



Ubuntu

Sid Gifari From Gifari Industries - BD Cyber Security Team