1#@!#!123s

: / opt / psa / admin / plib / modules / xovi / views / scripts / log-analyzer /
Filename : index.phtml
back
<?php
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.

$this->headLink()->appendStylesheet(pm_Context::getBaseUrl() . 'css/nv.d3.css?' . XOVIVERSION);
$this->headLink()->appendStylesheet(pm_Context::getBaseUrl() . 'css/kpi.css?' . XOVIVERSION);
$this->headScript()->appendFile(pm_Context::getBaseUrl() . 'js/d3.v3.min.js?' . XOVIVERSION);
$this->headScript()->appendFile(pm_Context::getBaseUrl() . 'js/nv.d3.min.js?' . XOVIVERSION);
$this->headScript()->appendFile(pm_Context::getBaseUrl() . 'js/xoviRequest.js?' . XOVIVERSION);
$this->headScript()->appendFile(pm_Context::getBaseUrl() . 'js/dataTable.js?' . XOVIVERSION);
$this->headScript()->appendFile(pm_Context::getBaseUrl() . 'js/dataChart.js?' . XOVIVERSION);
?>
<div id="seo-toolkit" class="overview">
    <?php if (!empty($this->preview)) : ?>
        <div class="preview-box">
            <?= $this->preview; ?>
        </div>
    <?php endif; ?>
    <?php if (isset($this->logAnNoData) and $this->logAnNoData) : ?>
        <div class="row middle-xs">
            <div class="col-xs-12 col-md-8">
                <div class="caption-summary">
                    <p><?php echo $this->lmsg('overview.log-analyzer.nodata'); ?></p>
                </div>
            </div>
            <div class="col-xs-12 col-md-4 end-xs col-md-show">
                <img class="inprogress-gears" height="55" src="<?= pm_Context::getBaseUrl(); ?>images/wip_gears.png">
            </div>
        </div>
    <?php else : ?>
        <p><?= $this->pageDesc; ?></p>
        <div class="log-analyzer-kpi">
        </div>
        <div class="row">
            <div class="col-md-6 col-xs-12" id="SEchart">
                <div class="caption-head-wrap help pull-right" style="display: none;" title="<?= pm_Locale::lmsg('loganalyzer.sengine.tooltip'); ?>"><img width="16" height="16" src="<?= pm_Context::getBaseUrl(); ?>images/icon_help.png"></div>
                <div class="caption-summary">
                    <div id="searchEnginesChart" class="pie-body">
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xs-12">
                <div class="active-list active-list-wrap">
                    <div class="active-list-item">
                        <div class="caption">
                            <div class="caption-head">
                                <div class="caption-head-wrap">
                                    <h3 style="margin: 0;"><?= $this->list['top']['title'] ?>
                                        <div class="help pull-right" title="<?= $this->list['top']['help'] ?>"><img width="16" height="16" src="<?= pm_Context::getBaseUrl(); ?>images/icon_help.png"></div>
                                    </h3>
                                </div>
                                <div class="caption-summary log-analyzer-area">
                                    <?= $this->renderList($this->list['top']['table']) ?>
                                    <div>
                                        <a href="<?= $this->list['top']['link'] ?>"><span class="btn action"><button><?= $this->list['top']['linkName'] ?></button></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php
        if (!empty($this->list['middle'])) {
            foreach ($this->list['middle'] as $lists) {
                echo '<div class="row">';
                foreach ($lists as $list) {
                    echo '<div class="active-list active-list-wrap col-md-6 col-xs-12">
                <div class="active-list-item">
                    <div class="caption">
                        <div class="caption-head">
                            <div class="caption-head-wrap">
                                <h3 style="margin: 0;">' . $list['title'] . '
                                   <div class="help pull-right" title="' . $list['help'] . '"><img width="16" height="16" src="' . pm_Context::getBaseUrl() . 'images/icon_help.png"></div>
                                </h3>
                            </div>
                            <div class="caption-summary log-analyzer-area">                       
                                ' . $this->renderList($list['table']) .
                        (!empty($list['link']) ?
                            '<div>
                        <a href="' . $list['link'] . '"><span class="btn action"><button>' . $list['linkName'] . '</button></span></a>
                    </div>' : '') .
                        '</div>
                        </div>
                    </div>
                </div>
            </div>';
                }
                echo '</div>';
            }
        }
        ?>
        <div class="row">
            <div class="col-md-12 col-xs-12">
                <div class="active-list active-list-wrap">
                    <div class="active-list-item">
                        <div class="caption">
                            <div class="caption-head">
                                <div class="caption-head-wrap">
                                    <h3 style="margin: 0;"><?= $this->list['bottom']['title'] ?>
                                        <div class="help pull-right" title="<?= $this->list['bottom']['help'] ?>"><img width="16" height="16" src="<?= pm_Context::getBaseUrl(); ?>images/icon_help.png"></div>
                                    </h3>
                                </div>
                                <div class="caption-summary log-analyzer-area">
                                    <?= $this->renderList($this->list['bottom']['table']) ?>
                                    <div>
                                        <a href="<?= $this->list['bottom']['link'] ?>"><span class="btn action"><button><?= $this->list['bottom']['linkName'] ?></button></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <?php endif; ?>
</div>

<script type="text/javascript">
    var pieChart,
        pieChartSelector,
        noData = <?= $this->logAnNoData ?>;

    Jsw.onReady(function () {
        if (!noData) {
            loadKPIData();
            XoviDataTable.loadData({
                'hidePages': true
            });

            let chart = new XoviDataChart({
                'url': <?= $this->jsEscape(pm_Context::getActionUrl('log-analyzer', 'load-chart') . '/id/' . $this->domainId); ?>
            });

            chart.loadData('searchEnginesChart', function (data) {
                loadSEChart(data);
                $$('#SEchart > .help').first().setStyle({
                    'display': 'block'
                });
            });
        }

        function loadKPIData() {
            XoviRequest.send(
                <?= $this->jsEscape(pm_Context::getActionUrl('log-analyzer', 'load-kpi') . '/id/' . $this->domainId); ?>,
                function (result) {
                    renderKPI(result.data);
                }
            );

            function renderKPI(data) {
                let html = '<div class="content"><div class="row">';

                $A(data).each(function (value) {
                    html += '<div class="col-md col-xs-6">' +
                        '        <div class="kpi_box">' +
                        '            <div class="icon"><img width="42" height="42" src="<?= pm_Context::getBaseUrl(); ?>images/' + value.icon + '"></div>' +
                        '                <div class="kpi_values">' +
                        '                   <div class="row">' +
                        '                       <div class="col-xs-12">' + value.title +
                        '                       </div>' +
                        '                   </div>' +
                        '                <div class="row">' +
                        '                   <div class="col-xs-12"><span>' + value.value + '</span>' +
                        '                   </div>' +
                        '               </div>' +
                        '             </div>' +
                        '<div class="help">' +
                        '<img width="16" height="16" src="<?= pm_Context::getBaseUrl(); ?>images/icon_help.png" title="' + value.help + '">' +
                        '        </div>' +
                        '        <div class="clear"></div>' +
                        '      </div>' +
                        '    </div>'

                });
                html += '</div></div>';
                $$('div.log-analyzer-kpi').first().update(html);
            }
        }
    });

    function loadSEChart(data) {
        nv.addGraph(function () {
            var height = 300;
            pieChart = nv.models.pieChart()
                .x(function (d) {
                    return d.label;
                })
                .y(function (d) {
                    return parseInt(d.value)
                })
                .noData('')
                .margin({top: 5, right: 0, bottom: 0, left: 0})
                .showLabels(true)
                .labelsOutside(true)
                .showLegend(false);
            pieChartSelector = d3.select('#searchEnginesChart svg')
                .attr('width', '100%')
                .attr('height', height)
                .datum(data)
                .call(pieChart);
            nv.utils.windowResize(pieChart.update);
            return pieChart;
        });
    }
</script>