1#@!#!123s

: / opt / psa / admin / plib / modules / xovi / views / scripts / rank-tracker /
Filename : keyword.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">
    <div class="active-list active-list-wrap keyword-kpi-body">
        <div class="active-list-item">
            <div class="caption">
                <div class="caption-head">
                    <div class="caption-head-wrap">
                        <h2><?= $this->lmsg("rank-tracker.title.keyword-information"); ?></h2>
                    </div>
                    <div class="caption-summary keyword-kpi">
                        <div class="line-loader">
                            <img src="/modules/xovi/images/icons/indicator.gif" width="30" height="30">
                        </div>
                    </div>
                </div>
            </div>
            <div class="active-list-details">
            </div>
        </div>
    </div>
    <div class="active-list active-list-wrap">
        <div class="active-list-item">
            <div class="caption">
                <div class="caption-head">
                    <div class="caption-head-wrap">
                        <h2><?= $this->lmsg("rank-tracker.title.position-trend"); ?></h2>
                        <div class="help pull-right" title="<?= pm_Locale::lmsg('rank-tracker.help.position-trend'); ?>"><img width="16" height="16" src="<?= pm_Context::getBaseUrl(); ?>images/icon_help.png"></div>
                    </div>
                    <div class="caption-summary">
                        <div id="positionTrendChart" class="line-body">
                        </div>
                    </div>
                </div>
            </div>
            <div class="active-list-details">
            </div>
        </div>
    </div>
    <?php if ($this->positionTrendList) : ?>
        <div class="active-list active-list-wrap">
            <div class="active-list-item">
                <div class="caption">
                    <div class="caption-head">
                        <div class="caption-head-wrap">
                            <h2><?= $this->lmsg("rank-tracker.title.position-history"); ?></h2>
                        </div>
                        <div class="caption-summary" id="KeywordsList">
                            <?= $this->renderList($this->positionTrendList); ?>
                            <?php if (!empty($this->glossary)) : ?>
                                <div class="row">
                                    <div class="col-xs-12">
                                        <h3><?= pm_Locale::lmsg("siteAudit.details.title.glossary"); ?></h3>
                                        <ul>
                                            <?php foreach ($this->glossary as $column) : ?>
                                                <li><b><?= pm_Locale::lmsg('rank-tracker.column.' . $column) ?></b>: <?= pm_Locale::lmsg('rank-tracker.column.' . $column . '.tooltip') ?></li>
                                            <?php endforeach; ?>
                                        </ul>
                                    </div>
                                </div>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
                <div class="active-list-details">
                </div>
            </div>
        </div>
    <?php endif;
    if ($this->topResultsList) : ?>
        <div class="active-list active-list-wrap">
            <div class="active-list-item">
                <div class="caption">
                    <div class="caption-head">
                        <div class="caption-head-wrap">
                            <h2><?= $this->lmsg("rank-tracker.title.top-results"); ?></h2>
                        </div>
                        <div class="caption-summary" id="KeywordsList">
                            <?= $this->renderList($this->topResultsList); ?>
                            <?php if (!empty($this->glossary)) : ?>
                                <div class="row">
                                    <div class="col-xs-12">
                                        <h3><?= pm_Locale::lmsg("siteAudit.details.title.glossary"); ?></h3>
                                        <ul>
                                            <?php foreach ($this->glossary as $column) : ?>
                                                <li><b><?= pm_Locale::lmsg('rank-tracker.column.' . $column) ?></b>: <?= pm_Locale::lmsg('rank-tracker.column.' . $column . '.tooltip') ?></li>
                                            <?php endforeach; ?>
                                        </ul>
                                    </div>
                                </div>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
                <div class="active-list-details">
                </div>
            </div>
        </div>
    <?php endif; ?>
</div>

<script type="text/javascript">
    Jsw.onReady(function () {
        XoviDataTable.loadData();

        XoviRequest.send(
            <?= $this->jsEscape(pm_Context::getActionUrl('rank-tracker', 'load-data') . '/id/' . $this->domainId); ?>,
            function (result) {
                if (result.data !== undefined && result.data.length) {
                    $$('div.keyword-kpi').first().update(result.data);
                } else {
                    Jsw.addStatusMessage('error', <?= $this->jsEscape($this->lmsg('api.request.error.default')) ?>);
                    $$('div.keyword-kpi-body').first().remove();
                }
            },
            'method=getKeywordKpi&keyHash=<?= $this->keyHash?>'
        );

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

        chart.loadData('positionTrendChart', function (data) {
            loadPositionTrendChartChart(data);
        }, {'method': 'getPositionTrendLine', 'keyHash': '<?= $this->keyHash?>'});
    });

    function loadPositionTrendChartChart(data) {
        nv.addGraph(function () {
            var chart = nv.models.lineChart()
                .x(function (d) {
                    return new Date(d.x).getTime();
                })
                .y(function (d) {
                    var y = parseFloat(d.y) * -1;

                    if (y == 0) {
                        return -100;
                    }
                    return y;
                })
                .noData(<?= $this->jsEscape($this->lmsg('rank-tracker.keyword.crawling')) ?>);
            chart.yAxis.tickFormat(function (d) {
                d = d * -1;
                if (d > 99) {
                    return '>100';
                } else if (d === 0) {
                    return '1';
                }
                return d;
            });
            chart.forceY([0, -100]);
            chart.xAxis
                .axisLabel('Date')
                .rotateLabels(-45)
                .tickFormat(function (d) {
                    return d3.time.format('%b %d')(new Date(d));
                });
            d3.select('#positionTrendChart svg')
                .datum(data)
                .call(chart);
            nv.utils.windowResize(chart.update);
            return chart;
        });
    }
</script>