mrm_be/Classes/Hooks/PageLayoutView/MrmBeCmImageplusPreviewRenderer.php

<?php
namespace Meramo\mrm_be\Hooks\PageLayoutView;

/*
 * This file is part of the TYPO3 CMS project.
 *
 * It is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License, either version 2
 * of the License, or any later version.
 *
 * For the full copyright and license information, please read the
 * LICENSE.txt file that was distributed with this source code.
 *
 * The TYPO3 project - inspiring people to share!
 */

use \TYPO3\CMS\Core\Utility\GeneralUtility;
use \TYPO3\CMS\Core\Service\FlexFormService;
use \TYPO3\CMS\Backend\View\PageLayoutViewDrawItemHookInterface;
use \TYPO3\CMS\Backend\View\PageLayoutView;

/**
 * Contains a preview rendering for the page module of CType="mrm_be_cm_introtext"
 */
class MrmBeCmImageplusPreviewRenderer implements PageLayoutViewDrawItemHookInterface
{

   /**
    * Preprocesses the preview rendering of a content element of type "My new content element"
    *
    * @param \TYPO3\CMS\Backend\View\PageLayoutView $parentObject Calling parent object
    * @param bool $drawItem Whether to draw the item using the default functionality
    * @param string $headerContent Header content
    * @param string $itemContent Item content
    * @param array $row Record row of tt_content
    *
    * @return void
    */
   public function preProcess(
      PageLayoutView &$parentObject,
      &$drawItem,
      &$headerContent,
      &$itemContent,
      array &$row
   )
   {
      if ($row['CType'] === 'mrm_be_cm_imageplus') {
        $headerContent = '<b>'.\TYPO3\CMS\Extbase\Utility\LocalizationUtility::translate('LLL:EXT:mrm_be/Resources/Private/Language/locallang_ttc.xlf:'.$row['CType'].'.title', '').'</b>';
        $ffs = GeneralUtility::makeInstance(FlexFormService::class);
        $flex = $ffs->convertFlexFormContentToArray($row['pi_flexform']);
        // print_r($flex);
        // die();
        $img = '';
        if($flex['image'] == "1"){
          $fileRepository = GeneralUtility::makeInstance('TYPO3\CMS\Core\Resource\FileRepository');
          $fileObjects = $fileRepository->findByRelation('tt_content', 'image', $row['uid']);

          if($fileObjects && sizeOf($fileObjects) >= 1){
            $img = array(
              'reference' => $fileObjects[0]->getReferenceProperties(),
              'original' => $fileObjects[0]->getOriginalFile()->getProperties(),
              'resource' => $fileObjects[0]
            );
          }

          $params = '{"fileId":'.$img['original']['uid'].',"configuration":{"width":64,"height":"64c","crop":{},"_context":"Image.CropScaleMask"}}';
          $thumbnailUrl = \TYPO3\CMS\Backend\Utility\BackendUtility::getThumbnailUrl($img["original"]["uid"], ["width" => 64, "height" => "64c", "crop" => [], "_context" => "Image.CropScaleMask"]);

          $img = '<img src="'.$thumbnailUrl.'" width="64" height="64"/><em style="white-space:nowrap; overflow:hidden;text-overflow: ellipsis;">'.$img['original']['name'].'</em>';
        }

        $headline = $flex['headline'] ?? '';
        $description = $flex['description'] ?? '';
        $link = $flex['link'] ?? '';
        $customcss = $flex['customcss'] ?? '';

        $itemContent .= '<div style="display: flex; flex-direction: column; justify-content: flex-start;">';
        $itemContent .= '<div style="display: flex; flex-direction: row; justify-content: flex-start;">';
        $itemContent .= '<img src="/typo3conf/ext/mrm_be/Resources/Public/Icons/'.$row['CType'].'.svg" style="width: 32px; height: 32px; margin-right: 6px;">';
        $itemContent .= '<div style="display: flex; flex-direction: column; min-width: 0;"><strong>'.\TYPO3\CMS\Extbase\Utility\LocalizationUtility::translate('LLL:EXT:mrm_be/Resources/Private/Language/locallang_ttc.xlf:'.$row['CType'].'.title', '').':</strong>'.$img.'</div></div>';
        $itemContent .= '<div>'.$headline.'</div>';
        $itemContent .= '<div>'.$description.'</div>';
        $itemContent .= '<div>'.$link.'</div>';
        $itemContent .= '<div>'.$customcss.'</div></div>';

        $drawItem = false;
      }
   }
}