riconet/t3-extension-fal-pois

This extension extends file references by the possibility to add points of interests.

4.0.1 2021-05-17 09:57 UTC

Requires

• ext-json: *
• typo3/cms-core: ^10.4

Requires (Dev)

• friendsofphp/php-cs-fixer: ^2.16
• helmich/typo3-typoscript-lint: ^2.3
• nimut/testing-framework: ^5.1
• phpmd/phpmd: ^2.9
• phpstan/phpstan: 0.12.*
• squizlabs/php_codesniffer: ^3.5
• vimeo/psalm: ^4.3

GPL-3.0-or-later

• Wolf Utz

• extension
• TYPO3 CMS
• poi
• fal

README

Dependencies

• TYPO3 10.4

Description

This extension extends file references by the possibility to add points of interests.

How to install?

• Activate the extension via the extensions module.
• Get and install yarn
• Navigate to the root of the extension and run:

  yarn install
  

How to use POIs in your templates

{namespace r = Riconet\RicoFalPois\ViewHelpers}
...
<div style="position:relative;">
    <f:image src="{entity.image.uid}" treatIdAsReference="1" />
    <r:poi referenceUid="{entity.image.uid}" as="poi">
        <span title="{poi.title}"
              style="position: absolute; width: 5px; height: 5px;  background-color: red; top: {poi.y}%; left: {poi.x}%;"></span>
    </r:poi>
</div>

Credits

• Extension icon by Freepik from www.flaticon.com