oms-Media/Theme/Backend/media-single.tpl.php

<?php
/**
 * Orange Management
 *
 * PHP Version 7.4
 *
 * @package   Modules\Media
 * @copyright Dennis Eichhorn
 * @license   OMS License 1.0
 * @version   1.0.0
 * @link      https://orange-management.org
 */
declare(strict_types=1);


use \phpOMS\System\File\FileUtils;
use \phpOMS\System\File\Local\File;
use \phpOMS\Uri\UriFactory;

include __DIR__ . '/template-functions.php';

/**
 * @var \Modules\Media\Views\MediaView $this
 * @var \Modules\Media\Models\Media    $media
 */
$media = $this->getData('media');
echo $this->getData('nav')->render();
?>

<div class="row">
    <div class="col-xs-12">
        <section class="box wf-100">
            <header><h1><?= $this->printHtml($media->getName()); ?></h1></header>
            <div class="inner">
                <table class="list w-100">
                    <tbody>
                        <tr><td><?= $this->getHtml('Name') ?><td class="wf-100"><?= $this->printHtml($media->getName()); ?>
                        <tr><td><?= $this->getHtml('Size') ?><td class="wf-100"><?= $this->printHtml($media->getSize()); ?>
                        <tr><td><?= $this->getHtml('Created') ?><td><?= $this->printHtml($media->getCreatedAt()->format('Y-m-d')); ?>
                        <tr><td><?= $this->getHtml('Creator') ?><td><?= $this->printHtml($media->getCreatedBy()->getName1()); ?>
                        <tr><td colspan="2"><?= $this->getHtml('Description') ?>
                        <tr><td colspan="2"><?= $media->getDescription(); ?>
                </table>
            </div>
        </section>
    </div>
</div>

<div class="row">
    <?php if ($this->isCollectionFunction($media, $this->request->getData('sub') ?? '')) : ?>
    <div class="col-xs-12">
        <div class="box wf-100">
            <table class="default">
                <caption><?= $this->getHtml('Media') ?><i class="fa fa-download floatRight download btn"></i></caption>
                <thead>
                <tr>
                    <td>
                    <td class="wf-100"><?= $this->getHtml('Name') ?>
                    <td><?= $this->getHtml('Type') ?>
                    <td><?= $this->getHtml('Size') ?>
                    <td><?= $this->getHtml('Creator') ?>
                    <td><?= $this->getHtml('Created') ?>
                <tbody>
                    <?php
                        if (!\is_dir($media->isAbsolute() ? $path : __DIR__ . '/../../../../' . \ltrim($media->getPath(), '//'))
                            || $media->getPath() === ''
                        ) :
                            foreach ($media as $key => $value) :
                                $url  = UriFactory::build('{/prefix}media/single?{?}&id=' . $value->getId());
                                $icon = $fileIconFunction(FileUtils::getExtensionType($value->getExtension()));
                        ?>
                        <tr data-href="<?= $url; ?>">
                            <td><a href="<?= $url; ?>"><i class="fa fa-<?= $this->printHtml($icon); ?>"></i></a>
                            <td><a href="<?= $url; ?>"><?= $this->printHtml($value->getName()); ?></a>
                            <td><a href="<?= $url; ?>"><?= $this->printHtml($value->getExtension()); ?></a>
                            <td><a href="<?= $url; ?>"><?= $this->printHtml($value->getSize()); ?></a>
                            <td><a href="<?= $url; ?>"><?= $this->printHtml($value->getCreatedBy()->getName1()); ?></a>
                            <td><a href="<?= $url; ?>"><?= $this->printHtml($value->getCreatedAt()->format('Y-m-d H:i:s')); ?></a>
                    <?php endforeach; else : $path = $this->dirPathFunction($media, $this->request->getData('sub') ?? ''); ?>
                        <?php $list = \phpOMS\System\File\Local\Directory::list($path);
                            foreach ($list as $key => $value) :
                                $url  = UriFactory::build('{/prefix}media/single?{?}&id=' . $media->getId() . '&sub=' . \substr($value, \strlen($media->getPath())));
                                $icon = $fileIconFunction(FileUtils::getExtensionType(!\is_dir($value) ? File::extension($value) : 'collection'));
                        ?>
                        <tr data-href="<?= $url; ?>">
                            <td><a href="<?= $url; ?>"><i class="fa fa-<?= $this->printHtml($icon); ?>"></i></a>
                            <td><a href="<?= $url; ?>"><?= \substr($value, \strlen($media->getPath())); ?></a>
                            <td><a href="<?= $url; ?>"><?= !\is_dir($value) ? File::extension($value) : 'collection'; ?></a>
                            <td><a href="<?= $url; ?>"><?= !\is_dir($value) ? File::size($value) : ''; ?></a>
                            <td><a href="<?= $url; ?>"><?= File::owner($value); ?></a>
                            <td><a href="<?= $url; ?>"><?= File::created($value)->format('Y-m-d'); ?></a>
                    <?php endforeach; endif; ?>
            </table>
        </div>
    </div>
    <?php else: ?>
    <div class="col-xs-12">
        <section id="mediaFile" class="box wf-100"
            data-update-content=".inner"
            data-update-element="#mediaFile .textContent"
            data-tag="form"
            data-method="POST"
            data-uri="<?= \phpOMS\Uri\UriFactory::build('{/api}media?{?}&csrf={$CSRF}'); ?>">
            <div class="inner">
                <?php
                $path = $this->filePathFunction($media, $this->request->getData('sub') ?? '');

                if ($this->isImageFile($media, $path)) : ?>
                    <div class="h-overflow centerText">
                        <img src="<?= $media->isAbsolute() ? $this->printHtml($path) : $this->printHtml($this->request->getUri()->getBase() . $path); ?>">
                    </div>
                <?php elseif ($this->isTextFile($media, $path)) : ?>
                    <div class="vC">
                        <button class="save hidden"><?= $this->getHtml('Save', '0', '0') ?></button>
                        <button class="cancel hidden"><?= $this->getHtml('Cancel', '0', '0') ?></button>
                        <button class="update"><?= $this->getHtml('Edit', '0', '0') ?></button>
                    </div>
                    <!-- if markdown show markdown editor, if image show image editor, if text file show textarea only on edit -->

                    <?php if (!\file_exists($media->isAbsolute() ? $path : __DIR__ . '/../../../../' . \ltrim($path, '/'))) : ?>
                        <div class="centerText"><i class="fa fa-question fa-5x"></i></div>
                    <?php else : ?>
                        <template></template><!-- todo: this is required because of selectorLength + i in Form.js = first element = add template, second element = edit element. Fix -->
                        <template>
                        <textarea class="textContent" data-tpl-text="/media/content" data-tpl-value="/media/content" data-marker="tpl" name="content"></textarea>
                        </template>
                        <pre class="textContent" data-tpl-text="/media/content" data-tpl-value="/media/content"><?= $this->printHtml(
                            $this->getFileContent(
                                $media->isAbsolute() ? $path : __DIR__ . '/../../../../' . \ltrim($path, '/')
                            )
                        ); ?></pre>
                    <?php endif; ?>
                <?php endif; ?>
            </div>
        </section>
    </div>
    <?php endif; ?>
</div>