[timelinejs] Zeitstrahl in Contao verwalten

[webstar]

Für alle, die auf eine Portierung für Contao 4 (4.4 - 4.9) warten, gibt es gute Neuigkeiten. Im Zuge einer Projektaktualisierung habe ich die Erweiterung für Contao 4 aktualisiert und mit der aktuellen TimelineJS Version 3 umgesetzt.

Die Kosten dafür sind zu 75% gedeckt (900€ von 1200 €). Sobald die Entwicklungskosten gedeckt sind, stelle ich die Erweiterung wieder frei zur Verfügung. Für eine Beteiligung von 150 € (Netto) kann vorab die Erweiterung erworben werden. Nähere Details erfragt ihr bitte persönlich bei mir (Siehe Signatur oder PM).

Zeitstrahl

Anlegen beliebiger Zeitstrahlen
Verwaltung von Kategorien je Zeitstrahl
Komfortable Konfiguration im Backend (fast vollständige Konfiguration der TimelineJS Optionen)
Erweiterbar: Verschiedene Datenquellen möglich
Standard Datenquelle: Im Backend gepflegte Slides



Slides

Anlegen von Titel, Äras und Events
Unterstützung der Medientypen Standard (Url oder Bild), Iframe, Zitat
Vollständige Optionen der Datumseingabe gemäß TimelineJS



Integration

Integration als Inhaltselement
Integration als Frontend Modul



API

Abruf der TimelineJS-JSON und Optionen (auch außerhalb von Contao einsetzbar)
API-Endpunkt konfigurierbar (Falls Namenskonflikte vorliegen)



Screenshots

https://cloud.netzmacht.de/index.php...HW9iaDxA8bJWiR

[Frankkirsch]

Hallo,

das ist ja ein Hammer-Erweiterung. Genau so etwas hab ich gesucht für ein Jubiläum.
Unter 2.11. hab ich allerdings ein Fehler, denn die Tabelle tl_timelinejs gibt es gar nicht in der Datenbank.

Muss ich die extra anlegen?

Gruss
Frank

[webstar]

Hallo,

das ist ja ein Hammer-Erweiterung. Genau so etwas hab ich gesucht für ein Jubiläum.
Unter 2.11. hab ich allerdings ein Fehler, denn die Tabelle tl_timelinejs gibt es gar nicht in der Datenbank.

Muss ich die extra anlegen?

Gruss
Frank

Die Erweiterung ist nicht kompatibel zu Contao 2.11. Konkret scheitert es hier an der fehlenden database.sql. Bei Contao 3 sind die Informationen in den DCA-Dateien hinterlegt. Man müsste also alle Felder durchgehen (nicht nur die tl_timelinejs) und die database.sql erstellen.

[CarlosBrasil]

Hallo webstar,

kann mich Frankkirsch nur anschließen, super Erweiterung! Danke!

Ist es irgendwie möglich, dass die Timeline nicht den ersten bzw. letzten Eintrag anzeigt, sondern den Eintrag / die Einträge des aktuellen Datums?

Gruß Carlos

[webstar]

Hallo webstar,

kann mich Frankkirsch nur anschließen, super Erweiterung! Danke!

Ist es irgendwie möglich, dass die Timeline nicht den ersten bzw. letzten Eintrag anzeigt, sondern den Eintrag / die Einträge des aktuellen Datums?

Gruß Carlos

Grundsätzlich sind alle Konfigurationen möglich, die das Script mitbringt. Die Konfiguration ist hier beschrieben.

Es gibt die Option "start_at_slide". Man muss also nur die Nummer des aktuellen Slides ermitteln. Die Daten liegen als JSON-Array vor, können also per Javascript ausgelesen werden und die Änderungen können im Template timelinejs vorgenommen werden.

Grob umrissen, sieht dann die Konfiguration so aus. Die Funktionalität des durchsuchens ist natürlich noch nicht dabei

< script type="text/javascript">
    function getSlideNumberOfToday(sourceUri)
    {
        // load json and search for slide of today
        //return 4;
    }
    var sourceUri = <?php $this->source; ?>    
    var timeline_config = {
        // ...
        source: sourceUri,
        start_at_slide: getSlideNumberOfToday(sourceUri),
        // ...
    }
< /script>

[tobi_at]

Hallo webstar,

ebenfalls ein großes Lob von mir für die Implementierung von timelineJS in Contao.
Habe heute mit der Erweiterung ein wenig "gespielt", echt genial wie einfach das funktioniert.
Hierbei wäre es für mich noch hilfreich gewesen, aus einem im Text gesetzten Link auf eine externe Detailseite zu verlinken.
Allerdings wird der Link scheinbar nicht korrekt aufgelöst - erhalte z.B. nachfolgendes Ergebnis "http://domain/contao/{{link_url::131}}"
und somit "Seite nicht gefunden"
Mach ich hier etwas falsch - benutze die Erweiterung mit Contao 3.1.1

Danke fürs Überprüfen.

Gruß Tobi

[webstar]

Hierbei wäre es für mich noch hilfreich gewesen, aus einem im Text gesetzten Link auf eine externe Detailseite zu verlinken.
Allerdings wird der Link scheinbar nicht korrekt aufgelöst - erhalte z.B. nachfolgendes Ergebnis "http://domain/contao/{{link_url::131}}"
und somit "Seite nicht gefunden"
Mach ich hier etwas falsch - benutze die Erweiterung mit Contao 3.1.1

Danke für das Lob. Der Fehler liegt nicht auf deiner Seite. ;-) Ich ersetze zur Zeit nicht die Insert-Tags. Ich werde dies in einer folgenden Version nachrüsten.

[AndreasC]

Wird die Timeline Extension noch weiterentwickelt?
Wäre Klasse!

[webstar]

Wird die Timeline Extension noch weiterentwickelt?
Wäre Klasse!

Ich setze die Erweiterung produktiv ein. Daher wird die Erweiterung noch gepflegt. Die letzten kleinen Fixes sind allerdings nur im Git und somit über Composer verfügbar.

Wenn erforderlich, update ich nochmal die Erweiterung im ER.

[AndreasC]

Wäre nett von dir da ich den Composer nicht nutze

Grüße und Danke!

[savuti]

Hallo und Danke für die tolle Erweiterung!

Leider habe ich ein kleines Problem mit Insert-Tags und der Timeline.

Wenn ich einen Artikel mit dem Inhaltselement "Bild" per Insert-Tag in die Timeline einfüge, bekommt das Bild einen fehlerhaften Pfad und wird so nicht gefunden.

Der fehlerhafte Pfad:

<img src="TL_FILES_URLfiles/dir/dir/bild.jpg">

Richtig wäre:

<img src="files/dir/dir/bild.jpg">

"TL_FILES_URL" wird quasi zu viel ausgegeben.


Ich benutze Contao 3.2.15 und Timeline 1.0.0

Gibt es dazu eine Lösung?


Eine andere Sache: Ein Vorschaubild auf der Timeline wird nur ausgegeben wenn man ein Bild anlegt. Da ich mit Inserttags Bilder und Texte in die Timeline einfüge möchte, wäre es schön wenn man ohne das Einfügen von einem Bild ein Vorschaubild in die Timeline bekommen könnte.


Viele Grüße,
Christian

[webstar]

Hallo und Danke für die tolle Erweiterung!

Leider habe ich ein kleines Problem mit Insert-Tags und der Timeline.

Wenn ich einen Artikel mit dem Inhaltselement "Bild" per Insert-Tag in die Timeline einfüge, bekommt das Bild einen fehlerhaften Pfad und wird so nicht gefunden.

Der fehlerhafte Pfad:

<img src="TL_FILES_URLfiles/dir/dir/bild.jpg">

Richtig wäre:

<img src="files/dir/dir/bild.jpg">

"TL_FILES_URL" wird quasi zu viel ausgegeben.


Ich benutze Contao 3.2.15 und Timeline 1.0.0

Gibt es dazu eine Lösung?

Ohm, ja. Liegt daran, dass die Konstante nicht gesetzt ist und PHP daher diese als String ausgibt. Versuch mal als Workaround in system/modules/timelinejs/classes/JSONController.php die setStaticUrls Methode hinzuzufügen, sodass es folgendermaßen aussieht:

/**
     * initialize controller
     */
    public function __construct()
    {
        $this->import('BackendUser', 'User');
        parent::__construct();
        $this->loadLanguageFile('default');
        $this->loadLanguageFile('modules');
        $this->setStaticUrls();
    } 

Ist ungetestet. Bitte Feedback geben.

Eine andere Sache: Ein Vorschaubild auf der Timeline wird nur ausgegeben wenn man ein Bild anlegt. Da ich mit Inserttags Bilder und Texte in die Timeline einfüge möchte, wäre es schön wenn man ohne das Einfügen von einem Bild ein Vorschaubild in die Timeline bekommen könnte.

Das ist momentan nicht möglich. Da TimelineJS die Bildinformation als JSON haben möchte, auch nicht ganze ohne.

[savuti]

Man bist du schnell.

    /**
     * initialize controller
     */
    public function __construct() 
    { 
        $this->import('BackendUser', 'User'); 
        parent::__construct(); 
        $this->loadLanguageFile('default'); 
        $this->loadLanguageFile('modules'); 
        $this->setStaticUrls(); 
    } 

Funktioniert leider nicht.

Das ist momentan nicht möglich. Da TimelineJS die Bildinformation als JSON haben möchte, auch nicht ganze ohne.

Nicht schlimm, dann kommt da halt nen dummie rein und wird mit css "weggeknippst"...

[webstar]

Man bist du schnell.

    /**
     * initialize controller
     */
    public function __construct() 
    { 
        $this->import('BackendUser', 'User'); 
        parent::__construct(); 
        $this->loadLanguageFile('default'); 
        $this->loadLanguageFile('modules'); 
        $this->setStaticUrls(); 
    } 

Funktioniert leider nicht.

Okay, dann muss ich es mir mal in Ruhe anschauen. Was auch helfen sollte ist ein define('TL_FILES_URL', '');

[savuti]

Danke für deine Mühen. Php ist nicht wirklich mein Gebiet. Das Einfügen von

define('TL_FILES_URL', ''); 

im JSONController hat es leider auch nicht gebracht. Oder muss ich da noch weitere Anpassungen machen?

Edit: Spiele gerade damit ein wenig rum und habe mal

define('TL_FILES_URL', ($objPage->staticFiles != '' && !$GLOBALS['TL_CONFIG']['debugMode']) ? $objPage->staticFiles . TL_PATH . '/' : ''); 

ausprobiert.

Funktioniert natürlich auch nicht. Aber kann es sein, dass an dieser Stelle $objPage "nicht definiert ist" oder "fehlt"?

[webstar]

Habe es gerade mal probiert. Also, bei mir funktioniert die Lösung mit $this->setStaticUrls(); die ich als erstes vermutet habe. An welcher Stelle hast du denn die Änderung vorgenommen? Unter system/modules oder vendor/netzmacht/contao-timelinejs? Vermutlich wird nämlich genau die Klasse aus der anderen Quelle geladen. Aufgrund der Kompatibilität von ER2 und Composer gibts diese Doppelung.

Die $objPage steht tatsächlich nicht zur Verfügung, da das ganze außerhalb eines Seitenkontextes erstellt wird.

BTW: Hab es gefixt und als 1.0.1 getaggt.

[webstar]

Wäre nett von dir da ich den Composer nicht nutze

Grüße und Danke!

Done. Bitte mal testen.

[savuti]

Funktioniert! Vielen Dank für die schnelle Hilfe!

Ich hatte "system/modules/timelinejs/classes/JSONController.php" geändert.

Hatte vorher noch nicht mit dem Composer gearbeitet und mir war "composer/vendor/netzmacht/contao-timelinejs/src/system/modules/timelinejs/classes" gar nicht bewusst.

[Frankkirsch]

Gibt es da einen Fehler in der 3.2.15 Version?
Ich bekomme immer die Fehlermeldung

Fatal error: Call to undefined method Netzmacht\Timeline.....

Hab im Github die JSONController.php angepasst, aber irgendwie bekomme ich den Fehler immer noch,
wenn ich nur den Zeitstrahl im BE öffnen möchte.

Gruss
Frank

[lucina]

Kann ich gerade nicht bestätigen, 3.2.15, netzmacht/contao-timelinejs 1.0.1.

[webstar]

Gibt es da einen Fehler in der 3.2.15 Version?
Ich bekomme immer die Fehlermeldung

Fatal error: Call to undefined method Netzmacht\Timeline.....

Hab im Github die JSONController.php angepasst, aber irgendwie bekomme ich den Fehler immer noch,
wenn ich nur den Zeitstrahl im BE öffnen möchte.

Gruss
Frank

Owned by ER2.

Das ist eine andere Meldung, als die, die gefixed wurde. Im ER 2 muss zwingend die Version 1.0.0-RC3 von dca-rules installiert sein. Ist so angegeben, ignoriert dieser aber gekonnt.

Einer der Gründe, warum Contao als Projekt den Umstieg auf Composer angeht.

[aadursun]

Ich erhalte folgende Fehlermeldung nach Eingabe von Einträgen in die timelinejs

Fatal error: Call to undefined method Netzmacht\TimelineJS\TimelineJSEntryDataContainer::generateButtonToggle() in .../system/modules/core/classes/DataContainer.php on line 630

Kann jemand was damit anfangen?
VG
aadursun

[Frankkirsch]

Wie von webstar empfohlen habe ich die Version dca-rules eingespielt.
Jetzt funktioniert es wieder.

@webstar: Danke für den Tipp

[chrischnian]

Hat jemand die Timeline mit 3.3.6 am laufen über Composer?

Ich kann im Admin alles einstellen aber es wird nichts angezeigt!

[chrischnian]

Auch in der 3.4 geht es nicht.

Admin usw alles perfekt aber im Frontend alles tot

[Vincent]

Was für eine JavaScript Fehlermeldung bekommst du? Hast Du mal den Debug Modus in deiner Timeline eingestellt?

[Tobias_GL]

Ich habe gerade timelinejs in contao installiert. Jedoch kann ich im Backend leider keinerlei Felder ausfüllen. Sobald ich auf "Neuer Zeitstrahl" klicke erhalte ich keine Eingabefelder sondern nur die vier unterschiedlichen "speichern" Buttons.

Ich habe als erstes timelinejs über das ER installiert. Später habe ich die aktuelle Version von Timeline, dca-rules und metapallets vom Github auf den FTP aufgespielt leider ohne Veränderungen.

Habt ihr evtl. eine Idee wie ich die Eingabefelder angezeigt bekommen könnte?

[webstar]

Ich habe gerade timelinejs in contao installiert. Jedoch kann ich im Backend leider keinerlei Felder ausfüllen. Sobald ich auf "Neuer Zeitstrahl" klicke erhalte ich keine Eingabefelder sondern nur die vier unterschiedlichen "speichern" Buttons.

Ich habe als erstes timelinejs über das ER installiert. Später habe ich die aktuelle Version von Timeline, dca-rules und metapallets vom Github auf den FTP aufgespielt leider ohne Veränderungen.

Habt ihr evtl. eine Idee wie ich die Eingabefelder angezeigt bekommen könnte?

Der Fehler deutet darauf hin, dass metapalettes nicht richtig installiert ist bzw evtl. der interne Contao-Cache nicht neu aufgebaut wurde.

[chrischnian]

Was für eine JavaScript Fehlermeldung bekommst du? Hast Du mal den Debug Modus in deiner Timeline eingestellt?

Hallo Vincent habe es heute nochmal mit angeschaut. JS Fehler usw bekomme ich gar nicht.

Habe dann mal mit den CSS im FireBug gespielt.

Also ich hier:

.vco-storyjs .vco-container.vco-main {
    clear: both;
    height: auto;
    left: 0;
    margin: 0;
    padding-bottom: 3px;
  =>  position: absolute;
    top: 0;
    width: auto;
}

das position deaktivierte sah ich alles.

[chrischnian]

Und er scheint beim

<div id="timeline-embed" class="storyjs-embed full-embed" style="width: 100%;" classname="storyjs-embed full-embed">

die height nicht einzubinden die man angibt.

[chrischnian]

OK wenn ich folgendes in die CSS einbinde

div#timeline-embed {
height: 500px;
}

dann geht diese!!

Das obere waren nur tests. Dies hier reicht völlig aus.

[chrischnian]

Habe wiedermal ein wenig mit timelinejs rumgespielt.

Diesesmal in einer 3.4.3.

Als ich Fehler beim Cache löschen bekommen habe, wollte ich die TimeLine deinstallieren.

nun bekomme ich den Fehler:

Fatal error: Class 'Netzmacht\Contao\FormHelper\Subscriber\CreateView Subscriber' not found in /kunden/341138_96328/webseiten/Contao-TEST/composer/vendor/contao-community-alliance/event-dispatcher/src/ContaoCommunityAlliance/Contao/EventDispatcher/EventDispatcherInitializer.php on line 183

Wer kann mir was dazu sagen?

Gruß

Chris

[chrischnian]

Habe mal die Vorschläge von anderen Beiträgen versucht umzusetzen. Bekomme aber nur andere Fehler.

Backend und Frontend gehen nicht mehr. Will ungern neu installieren auch wenn es eine Demo ist.

Welches Paket ist hier beschädigt und müsste neu installiert werden?

[webstar]

Habe mal die Vorschläge von anderen Beiträgen versucht umzusetzen. Bekomme aber nur andere Fehler.

Backend und Frontend gehen nicht mehr. Will ungern neu installieren auch wenn es eine Demo ist.

Welches Paket ist hier beschädigt und müsste neu installiert werden?

Da du inzwischen an einigen Stellen herum gedoktort hast, ist es schwierig den Fehler zu erraten. Die ursprüngliche Fehlermeldung hat definitiv nichts mit dieser Erweiterung zu tun. Daher mach doch bitte einen neuen Thread auf, sodass dies getrennt bleibt.

Mach doch folgendes:

• in der localconfig.php 'coreModeOnly' => true setzen
• Im Backend anmelden und alle Module deaktivieren
• Schrittweise aktivieren bis den Übeltäter gefunden. Dabei bitte die Reihenfolge der Abhängigkeiten beachten. Kann sein, dass ein Modul sagt, dass es erst ein anderes benötigt. Dann dieses zuerst aktivieren.
• Ist das defekt installierte Modul gefunden, so kannst du dies z.B. manuell aus composer/vendor löschen
• Soll es neu installiert werden, im Paket Manager auf Pakete aktualisieren gehen, sonst das Paket aus der Liste entfernen und dann aktualisieren.

[mfn_contao]

Hallo,

erstmal großes Lob für diese gelungene Erweiterung! Läuft prima unter Firefox.
Habe mein Projekt online im IE getestet und leider funktioniert die timeline dort nicht...
Folgende Fehlermeldung:

Zeile: 36
Fehler: 'timeline' ist Null oder kein Objekt

Ich hoffe, hier bin ich richtig...

LG

[webstar]

Hallo,

erstmal großes Lob für diese gelungene Erweiterung! Läuft prima unter Firefox.
Habe mein Projekt online im IE getestet und leider funktioniert die timeline dort nicht...
Folgende Fehlermeldung:

Zeile: 36
Fehler: 'timeline' ist Null oder kein Objekt

Ich hoffe, hier bin ich richtig...

LG

An sich bist du hier richtig, auch wenn das Problem vermutlich eines von TimelineJS selber ist. Unter welcher IE Version testest du?

Die mitinstallierte Version der TimelineJS ist nicht mehr aktuell (system/modules/timelinejs/vendor/TimelineJS). Kann gut sein, dass der Fehler mit einer neueren Version behoben ist. Ob Nebeneffekte auftreten, keine Ahnung. Da der Kunde, für dem ich die Erweiterung erstellt habe, nicht die Kosten für weitere Updates trägt, hat die Erweiterung grad den Status Quo.

[Samson1964]

Contao 3.2.19

Nach der Installation kann ich gerade noch so einen Zeitstarhl anlegen. Bei den Einträgen habe ich das einzige Pflichtfeld (Titel) ausgefüllt und bekomme beim Speichern umgehend eine weiße Seite. Der Webdebugger vom Browser meldet einen 500er Serverfehler. Im error.log von Contao steht nichts, auch im CGI-Debugger des Servers taucht kein Fehler auf.

In der DB-Tabelle ist der Eintrag gespeichert. Fortan bekomme ich beim Zugriff im BE auf diese Tabelle (also auf die Einträge eines Zeitstrahls) immer sofort eine weiße Seite.

Hat jemand dieses Problem schon mal gehabt und weiß eine Lösung?

[webstar]

Contao 3.2.19

Nach der Installation kann ich gerade noch so einen Zeitstarhl anlegen. Bei den Einträgen habe ich das einzige Pflichtfeld (Titel) ausgefüllt und bekomme beim Speichern umgehend eine weiße Seite. Der Webdebugger vom Browser meldet einen 500er Serverfehler. Im error.log von Contao steht nichts, auch im CGI-Debugger des Servers taucht kein Fehler auf.

In der DB-Tabelle ist der Eintrag gespeichert. Fortan bekomme ich beim Zugriff im BE auf diese Tabelle (also auf die Einträge eines Zeitstrahls) immer sofort eine weiße Seite.

Hat jemand dieses Problem schon mal gehabt und weiß eine Lösung?

Die Fehlermeldung an sich kenne ich nicht, liegt aber vermutlich an einer falsch installierten Abhängigkeit.

Worüber hast du die Erweiterung installiert? Composer oder ER? Die ER Variante benötigt eine bestimmte Version der dca-rules Erweiterung "1.0.0-RC3". Und zwar genau diese Version. Das ER2 löst aber standardmäßig die Abhängigkeit falsch auf.

Ich pflege meine Erweiterungen nicht mehr über das ER 2, solange es von einem Kunden nicht explizit beauftragt wird. Bitte installier doch die aktuelle Version über Composer.

[Samson1964]

Das war wohl des Rätsels Lösung. Jedenfalls habe ich seit dem manuellen Downgrade der dca-rules keine weiße Seite mehr gesehen. Danke!
Sowas in der Richtung der beiden abhängigen Erweiterungen habe ich auch schon vermutet, weswegen ich schon mal andere Versionen ausprobiert habe. Aber 1.0.0 RC3 hatte ich da wohl nicht dabei.

[codepiX]

Servus,

habe gerade diese tolle Erweiterung entdeckt und sie direkt über den Master von GitHub installiert.
Unter Contao 3.3.3 gibt es keine Probleme, alles läuft problemlos.

Vielen Dank und weiter so :-) Wäre schön, wenn das Projekt weitergeführt wird.

Vg