Na}{

File Content: `tasks.phtml`

<?php
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
?>
<div id="tasksKpi">
    <div class="row">
        <?php foreach ($this->data['tools'] as $value) { ?>
            <div class="col-sm-4 col-xs-12">
                <div class="task-bar-icon <?= $value['class'] ?>" title="<?= $value['tooltip']; ?>"><img title="<?= $value['tooltip']; ?>" width="28" height="28" src="<?=pm_Context::getBaseUrl();?>images/tasks/icon_<?= $value['class'] ?>_task.png"></div>
                <div class="task-bar-container" title="<?= $value['tooltip']; ?>">
                    <div class="task-bar-inline">
                        <div class="task-bar-progress <?= $value['class'] ?>" data-title="<?= $value['title'] ?>" style="width: <?= $value['percent'] ?>%;">&nbsp;</div>
                        <div class="task-bar-progress limit <?= $value['class'] ?>" style="width: <?= $value['percent_diff'] ?>%;">&nbsp;</div>
                    </div>
                    <div class="task-bar-progress counter">
                        <span class="count-<?= $value['class'] ?>"> <?= $value['val'] ?> </span>
                        <span class="task-counter-limit"> of <?= $this->data['data'][\PleskExt\Xovi\Tasks::STATUS_TOTAL] ?> </span>
                    </div>
                </div>
                <img title="<?= $value['tooltip']; ?>" width="16" height="16" style="margin-left: 10px;" src="<?=pm_Context::getBaseUrl();?>images/icon_help.png">
            </div>
        <?php } ?>
    </div>
    <?php if (isset($this->link)) { ?>
        <div class="kpi_details">
            <a class="btn action" href="<?= $this->link; ?>">
                <?= pm_Locale::lmsg('overview.button.tasks.details'); ?>
            </a>
        </div>
    <?php } ?>
</div>

<script type="text/javascript">
    var totalTasks = <?= $this->data['data'][\PleskExt\Xovi\Tasks::STATUS_TOTAL] ?>;
</script>
File Content: tasks.phtml

File Content: `tasks.phtml`
