The TYPO3 extension Seminars uses Formidable for rendering forms and some Java-Script wigdets. We're using jQuery for all our JS based scripting and jQuery UI for a few User Interface related purposes. To achieve a consistent look for all JS UIs we wanted to change the pretty unusable and unsexy looking default DHTML Calendar of formidable with the jQuery UI one. 

As the default jQuery UI Datepicker does not support time selection I've added the jQuery Timepicker Addon.

 

To change the hardcoded formidable rendering I've implemented an own renderlet based upon the example renderlet extension by Jerome Schneider.

 

I released my resulting extension to the TER as I was asked so in the Mailinglist. Please give feedback or ask a question via email or (better) as a comment down below.

 

 

 

 

Formidable DATE Renderlet with jQuery support

Um innerhalb von TYPO3 mit Extbase bzw. dessen Template-Engine Fluid aus einem Zeitstempel (wie zum Beispiel in einem crdate oder tstamp Datenbankfeld) lokalisierte Datumsausgaben zu rendern gibt es verschiedene Ansätze. 

 

Da wären der eigene ViewHelper oder die offizielle Variante per locallang Datei und Bordmitteln. Beide sind recht umständlich, letztere nötigt dem Entwickler die nicht unerhebliche Mehrarbeit auf für alle Sprachen Übersetzungen zu hinterlegen.

 

Dabei geht es, ebenfalls mit Fluid Bordmitteln, auch sehr einfach. Mit etwas Typoscript und dem CObject standard view helper.

 

 

Dazu muss im der Datensatz mit dem Timestamp (in diesem Fall newsItem.datetime) an den fomat.date view helper übergeben werden. Dazu muss die inline Notation genutzt werden. Das Ergebnis übergeben wir dann an das zuvor verfügbar gemachte Typoscript

Wenn Backend Redakteure per Login geschütze Seiten pflegen sind diese nicht direkt (z.B. per Lupensymbol Icon) im Frontend einsehbar. Denn auch als angemeldeter BE User ist es in TYPO3 Standardverhalten das man sich im FE anmelden muss um geschützte Seiten sehen zu können.

Beim Update von TYPO3 auf Version 4.4 wurde ein nettes neues Feature eingeführt: Kompression von JavaScript und CSS Dateien sowie die Auslieferung zum Client per gzip inklusive Versionierung per timestamp.

 

Dazu müssen folgende ConfVarsin der localconf.php gesetzt werden:

und die .htaccess Datei angepasst werden.

 

Das sorgt für mehr Performance in Frontend und Backend, hat aber auch zur Folge das, zumindest bei mir, einige CSS Files nicht mehr korrekt eingebunden wurden -- genauer gesagt wurden die Dateien ohne Inhalt ausgeliefert.

Da ich fürs Frontend ohnehin lieber die Extension scriptmerger nutze (die neben gzip und Minifizierung noch einige nützliche Funktionen mehr bietet), wäre auch das Abschalten der Funktion ausreichend gewesen. Aus mir unerfindlichen Gründen wollte das aber auch nicht funktionieren.

Viele Extensions in TYPO3 bieten ein Modul im Backend an um zum Beispiel Datensätze zu betrachten oder um Konfigurationenzu erstellen. Die meisten dieser Module sind, wie zum Beispiel das TemplaVoila Seitenmodul, nur für Administratoren zugänglich.

Allerdings gibt es auch Extensions die für einfache Redakteure nützlich sind. Hierzu gehören zum Beispiel Formular-Extensions wie powermail oder formhandler.

 

Im Falle von formhandler ist das BE-Modul für normale User noch nicht ganz ausgereift. Es fehlen Möglichkeiten die Funktionen für einfache BE Redakteuere zu beschränken. Mit meinem kleinen Patch kann man den Zugriff auf Formulardaten bestimmter Seiten beschränken und die Ausgabe vorsortieren. Das Patch wurde für einen Kunden meines Arbeitgeber Paints Multimedia in Hamburg entwickelt.

 

Um in einem Extension Modul eine Funktion (definiert durch die Selectbox rechts oben) zu deaktivieren kann man folgendes Snippet in die TSconfig des Users, der BE Gruppe oder der Seite einfügen:

 

<code> mod.web_txformhandlermoduleM1.menu.function.2 = 0 </code>

 

Dabei kann man sich an dem Namen des Moduls innerhalb der conf.php orientieren:

 

<code> $MCONF['name'] ='web_txformhandlermoduleM1'; </code>

 

Das Beispiel blendet die "Leere Tabelle" Funktion der Extension formhandler aus.

 

 

Anders als in der offiziellen Anleitung beschrieben muss das array menu.function und NICHT menu.mode heißen.

Eine der schönsten Tag Clouds für Blogs ist ganz eindeutig die Cumulus Tag Cloud Extension für Wordpress. 

 

Diese Extension wurde bereits als t3m_cumulus_tagcloud Extension für TYPO3 adaptiert. Um diese Erweiterung für meinen t3blog betriebenen Blog nutzbar zu machen war eine kleine Anpassung nötig, die ich hier gerne zur Verfügung stellen möchte.

 

Ich habe die Änderungen an den Autor der cumulus tagcloud Extension weitergeleitet und hoffe er baut sie in eine der nächsten Versionen ein.

Vielen ist sicherlich die einzige (bis dato) Lösung zum bloggen mit Typo3 bekannt. Namentlich TimTab. Leider ist diese Extension nicht nur schwierig zu installieren sondern hat auch unzählige Bugs und Probleme. Fehlende Bilder im RSS Feed und keine Funktion von Trackbacks wenn xhtml_clean für sauberen Quellcode aktiviert ist.

Das Problem sahen auch die Jungs von Snowflake und entwickeln seit geraumer Zeit eine "Out-of-the-Box" Blogging Extension. Und von eben dieser ist jetzt ein initial Release im TER verfügbar. Sieht gut aus, das ganze: Anständige Doku, netter Funktion Umfang auch ohne zusätzliche Extensions. Wirkt insgesamt durchdachter als TimTab, auch weil das Bloggen nicht dazugefrimelt wurde, sondern mit Modulen eine nutzbare Lösung bietet. Einige Features sind noch nicht ganz ausgereift (z.B. SPAM) oder hätten anders umgesetzt werden können (Kommentare werden innerhalb der ext verwaltet anstatt auf eine der vielen bestehenden Lösungen wie ve_guestbook oder comments zurückzugreifen).

Getestet wird das ganze auf jeden Fall mal, auch wenn eine Import Funktion für TimTab und kommentare noch fehlt, was die ext für einen live Einsatz auf meiner eigenen Pageerstmal untauglich macht.

 

 

Webseite von snowflake

 

www.snowflake.ch/de/leistungen/typo3-extensions/t3blog/

 

Extension im TER

 

typo3.org/extensions/repository/view/t3blog/current/

 

Habs geschafft das bisschen vom 6. Semester hochzuladen. 

Im Prinzip ist das aber ohnhin nur das bereits präsentierte WP Foto Projekt "Konzertfotografie Unleashed Emotions" und unsere (Adrian Damm und ich) Arbeit für Dokumentverwaltung im Internet. 

 

Hierbei haben wir eine Anleitung (anhand einer Webseite) geschrieben mit Hilfe dessen das einbinden von RealUrl für Typo3 keine Schwierigkeiten bereiten sollte.

 

Das 5. Semester mit einigen mehr Sachen muss ich noch mehr Vorbereiten...