1#@!#!123s

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

/** @var \PleskExt\Xovi\View\Charts\SiteAuditIssueChart $chart **/
$chart = $this->chart;
$displayChart = $this->gotIssue && $chart->isValid();
if($displayChart){
    $this->headLink()->appendStylesheet(pm_Context::getBaseUrl() . 'css/nv.d3.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);
}
?>
<div id="seo-toolkit">
    <div class="detail-meta <?= empty($this->video) ? "novideo " : ""?> <?= $displayChart ? "" : "nochart  "?>">
        <div class="detail-description">
            <?= $this->description; ?>
        </div>
        <div class="chartbox">
            <?php if ($displayChart) : ?>
                <div class="chart">
                    <div id="chart"><svg></svg></div>
                </div>
            <?php endif; ?>
            <div class="row sidetext">
                <?php if (!empty($this->dosDonts)) : ?>
                <div class="col-sm-6 col-xs-12">
                    <h3><?= pm_Locale::lmsg("siteAudit.details.title.dosdonts"); ?></h3>
                    <ul>
                        <?= $this->dosDonts; ?>
                    </ul>
                </div>
                <?php endif; ?>
                <?php if (!empty($this->links)) : ?>
                <div class="col-sm-6 col-xs-12">
                    <h3><?= pm_Locale::lmsg("siteAudit.details.title.relatedlinks"); ?></h3>
                    <ul>
                        <?= $this->links; ?>
                    </ul>
                </div>
                <?php endif; ?>
                <?php if (!empty($this->glossary)) : ?>
                <div class="col-sm-6 col-xs-12">
                    <h3><?= pm_Locale::lmsg("siteAudit.details.title.glossary"); ?></h3>
                    <ul>
                        <?php foreach($this->glossary as $column) : ?>
                            <li><b><?= pm_Locale::lmsg('siteAudit.details.column.' . $column) ?></b>: <?= pm_Locale::lmsg('siteAudit.details.column.' . $column . '.tooltip') ?></li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <?php endif; ?>
                <?php if (!empty($this->video)) : ?>
                    <div class="detail-video col-sm-6 col-xs-12">
                        <iframe width="445" height="250" src="//www.youtube.com/embed/<?= $this->video; ?>?rel=0" frameborder="0" allowfullscreen></iframe>
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </div>
    <?php
    if (empty($this->oldIssue)) {
        if ($this->gotIssue) {
            echo $this->renderList($this->list);
        }
        else {
            echo pm_Locale::lmsg("siteAudit.details.noIssues", [
                "issue" => $this->pageTitle
            ]);
        }
    }
    ?>
</div>
<?php if ($displayChart) : ?>
<script type="text/javascript">
    var height = 275;
    var tableData = <?= json_encode($chart->getNvd3Data()); ?>;


    var l = tableData.data[0].values.length;
    nv.addGraph(function() {
        var c = d3.scale.linear()
            .range(["#2298CB", "#08306B"]);

        var chart = nv.models.discreteBarChart()
            .x(function(d) { return d.label })
            .y(function(d) { return d.value })
            .color(function (a,b) {
                if (tableData.highlight !== false) {
                    return (~tableData.highlight.indexOf(a.label)) ? "#2298CB" : "#D9D9D9"
                }
                return c(b / l);
            })
            .valueFormat(function(d) { return d});

        chart.tooltip.enabled(true);
        chart.tooltip.hideDelay(0);
        chart.tooltip.keyFormatter(function (key) {
           return (key);
        });
        chart.yAxis.tickFormat(d3.format(',.0f'));

        d3.select('#chart svg')
            .attr('height', height)
            .attr('width', 800)
            .datum(tableData["data"])
            .call(chart);

        nv.utils.windowResize(chart.update);

        return chart;
    });
</script>
<?php endif; ?>