Simile Timeline Window is Blank

Steve
Posts: 70
Joined: Sun Oct 01, 2017 3:08 pm

Simile Timeline Window is Blank

Post by Steve » Sat Dec 29, 2018 3:46 pm

The TNG simile-timeline window was blank, so I contacted Darrin who suggested some files were missing. Reinstalling the files in TNG did not resolve the problem.
 
Image
 
Using Google->More tools->Developer tools (Ctrl+Shift+I) a 404 error was found with additional script errors due to the the timeline window not populating correctly.
 
Image
 

I set up some a sandbox for testing and found the blank window usually occurs when running https. I was unable to determine the root cause but I found simile-timeline uses a "dummy" history.html file which is called from simile-ajax-bundle.js.

A history.html file is included with simile-timeline but the line above does not specify a path and uses underscroes in the file name. This must have been an oversight because every example on simile-widgets.org has a 404 error except Compact Painter which has a 410 errors due to missing graphics files.
 
Image
 

To correct this problem add the path and change the file name in simile-ajax-bundle.js on line 1967 as shown below.

Code: Select all

SimileAjax.History={maxHistoryLength:10,historyFile:"timeline_2.3.0/timeline_ajax/content/history.html",enabled:true,_initialized:false,_listeners:new SimileAjax.ListenerQueue(),_actions:[],_baseIndex:0,_currentIndex:0,_plainDocumentTitle:document.title};
Alternately you can download timeline_2.3.0 with the corrected path and filename. Note extracting this file to TNG will overwrite the existing timeline folder unless you rename it first. Using this version does not require any changes to TNG.

timeline_230.zip


There are some differences in the dates between 2.3.0 and 2.3.1 when used with TNG.


The bubble dates in timeline 2.3.0 are off by one day.
 
Image
 
Dates are correct in version 2.3.1 but adds hours minutes and seconds.
 
Image
 
Version 2.3.1 is available on Github with a change file stating "Version pre 2.4.0". The download below contains the library files and is configured to use local resources instead of static.simile.mit.edu or api.simile-widgets.org. The files use the correct file name and path for history.html, which should solve the blank screen issue. You can view version 2.3.1 on my genealogy website.

The timeline_231.zip file can be used by anyone that wants to run timeline. All files should reside in the timeline_2.3.1 folder, otherwise you could have a blank timeline window. For instructions please check simile-widgets.org. Report issues or check pull requests on Github. The simile timeline user group can be found on Google.

timeline_231.zip
TNG users should download both timeline_231 and timeline mod v231 zip files. Extract the contents of timeline_231.zip to the TNG root folder. Then extract the contents of TNG_timeline-mod_v231.zip to the TNG mods folder. Go to Admin->Mod Manager and install timeline. When the timeline mod is installed TNG will use version 2.3.1. If the mod is uninstalled, TNG will use version 2.3.0.

Timeline 2.3.1 was tested on versions v11.1.3 and v12.0.2. (Timeline 2.3.1 does not work on TNG v10)

TNG_timeline-mod_v231.zip
Regardless of the version you use, you may see vertical overlap of events in your timeline chart. Go to Admin->Setup->Chart Settings->Timeline Chart and increase the chart height value.

If you want to remove simile timeline dates use the MOD below. The mod does not affect TNG dates and is useful if you do not want to show simile dates in the timeline event band.
 
Image
 

simile_timeline_dates_v12.0.0.1.zip


I modified the USA timeline events so images are in the event folder instead of the TNG img folder. Additionally images and text are centered in the bubble, as shown above.
You do not have the required permissions to view the files attached to this post.