Localizing TimeMapper (de-DE)

mhoerz · January 19, 2016, 8:08pm

Hi everybody,

I’d like to provide German as an additional locale for TimeMapper, as I introduced it to some German newsrooms, but they are not so happy with the dates being displayed in US formatting.

The standard process should work with python object files, as far as I know.

However, I only have sort of an end user experience with po files, where I translated files with the help of poeditor.com.

So I’d be grateful if you could briefly explain to me how to use which file, and what else is necessary to get to a working de-DE version.

Cheers,
Michael

mila_frerichs · January 20, 2016, 8:27am

Hi @mhoerz,

After a bit of research, I suspect that this has nothing to do with the po files. Since they’re only for the TimeMapper website and not for the resulting embeddable TimeMap.

The Timeline is this one: GitHub - NUKnightLab/TimelineJS3: TimelineJS v3: A Storytelling Timeline built in JavaScript. http://timeline.knightlab.com
They have an option for language, but you have to specify that in the configuration which you don’t have access to as an end user.

TimeMapper has a tmconfig which has a timelineJSOptions field, but it does not get populated as far as I can tell.
It seems that this should be created and added to the creation view.

Starting point would be here:

github.com

okfn/timemapper/blob/e0e4cc430228c124e1fc1d61ed06d8060aed1f13/views/dataview/form.html

  <fieldset>
    <div class="control-group">
      <label for="source" class="control-label">{{ gettext('Data Source') }}</label>
      <div class="controls">
        <p>
          <button title="Select from Google Drive" class="gdrive-import btn"><i class="gdrive"></i> {{ gettext('Select from Your Google Drive') }}</button>
          <span class="help-block">({{ gettext('If nothing happens check you are not blocking popups ...') }})</span>
        </p>
        <input
          type="url"
          value="{{dataview.resources[0].url}}"
          name="url"
          required=""
          class="input span6"
          placeholder="{{ gettext('Or paste the Google Spreadsheet URL directly') }}" />
          <span class="help-block"><strong>{{ gettext('Important') }}</strong>: {{ gettext("you must \"publish\" your Google Spreadsheet: go to File Menu in your spreadsheet, then 'Publish to the Web', then click 'Start Publishing'. See") }} <a href="#faq-publish">{{ gettext('the FAQ below') }}</a> {{ gettext('for more details') }}</span>.

      </div>
    </div>
    <div class="stage2">

This file has been truncated. show original

You can add a new field and try to add a timelineJSOptions.language field.

I do not have the time right now. Otherwise, I would help, but maybe someone with more knowledge of TimeMapper could help.

mhoerz · February 10, 2016, 9:04pm

Hi @mila_frerichs,

cheers for having a look and clarifying it for me.

(I also notice that I was quite busy the last weeks, as three weeks have passed since you answered. Hmm)

That sounds like a decent approach, as Knight Lab’s Timeline site includes the language option.

As I am not a developer (but rather fiddle around with data), I would be very grateful for the help of the TimeMapper crowd

Topic		Replies	Views
Is TimeMapper still being developped? TimeMapper	4	2419	January 11, 2017
Localhost install timemapper TimeMapper	1	1481	May 16, 2015
Adding Bar Graph to TimeMapper TimeMapper	8	1758	August 17, 2015
Sorry new and not sure where to post! TimeMapper	3	9695	August 20, 2018
Using JSON instead of spreadsheets for TimeMapper TimeMapper	2	1553	September 26, 2019

Localizing TimeMapper (de-DE)

Related topics