wtl / hio-typo3-connector-frontend
TYPO3 Connector for HISinOne (WTL Demo)
Package info
github.com/wtl-public/hio-typo3-connector-frontend
Language:JavaScript
Type:typo3-cms-extension
pkg:composer/wtl/hio-typo3-connector-frontend
Requires
- b13/container: ^3.1.10 || ^3.2.0 || ^4.1.0
- typo3/cms-core: ^12.4 || ^13.0 || ^14.3
- typo3/cms-fluid-styled-content: ^12.4 || ^13.4 || ^14.3
- wtl/hio-typo3-connector: ^1.4.0
Requires (Dev)
None
Suggests
- ichhabrecht/content-defender: Recommended to enforce allowed child content types in the backend for b13/container elements.
Provides
None
Conflicts
None
Replaces
None
README
Frontend der HIO-Publisher Demoseite
Diese TYPO3-Extension stellt das Frontend-Theme für die HIO-Publisher Demoseite bereit. Es enthält grundlegende Layouts und Stile, die für die Präsentation von Forschungsdaten aus HISinOne optimiert sind.
Das Theme ist so konzipiert, dass es nahtlos mit der TYPO3-Extension hio-typo3-connector zusammenarbeitet, um eine ansprechende Benutzeroberfläche für die Anzeige von Forschungsdaten zu bieten.
Für die Darstellung kommt das CSS-Framework Tailwind CSS in Version 3 zum Einsatz, das eine flexible und anpassbare Gestaltung ermöglicht.
Dieses Theme ist als Beispielimplementierung gedacht und kann an die spezifischen Bedürfnisse Ihrer TYPO3-Installation angepasst werden.
Frontend-Assets bauen
Vor jeder Veroeffentlichung muessen die Frontend-Assets neu gebaut und die erzeugten Dateien mit veroeffentlicht werden.
Die Build-Skripte fuer CSS und JavaScript liegen unter Resources/Private/Frontend.
cd Resources/Private/Frontend
npm ci
npm run build
Der Build erzeugt die Dateien unter Resources/Public/Css/hio_typo3_connector.css und Resources/Public/Js/hio-connector-wtl.js.
Bei Bedarf koennen CSS und JavaScript auch einzeln gebaut werden:
npm run build-css npm run build-js
Hinweise zu Container-Elementen
Die Content-Elemente featuredProjects / featuredProject sowie featuredPublications / featuredPublication sind als Container- bzw. Child-Elemente auf Basis von b13/container umgesetzt.
Die fachliche Einschränkung der erlaubten Child-Elemente wird in der Container-Konfiguration definiert. Damit diese Einschränkung auch im Backend-Formular konsequent für die CType-Auswahl berücksichtigt wird, wird die optionale Extension ichhabrecht/content-defender empfohlen.
Ohne content-defender funktionieren die Container weiterhin, die Einschränkung der auswählbaren Child-Elemente im Bearbeitungsformular ist dann jedoch unter Umständen nicht vollständig.
➡️ Changelog – Alle Änderungen, neue Features und Breaking Changes