Converter to change gregorian date to jalali on view layer of discourse

Dev
1

Thank you :slight_smile:

I have a question about making plugins for discourse.
Iran calendar is Solar hijri or jalali, I want to make a converter to change gregorian date to jalali on view layer of discourse (without changing database).
wordpress has a plugin that convert all dates on website to jalali.
I want to do exact same thing and globally override the date method on view layer and display jalali date if forum language is persian.
How can I do this without changing discourse core codes and database ?

2 curtidas
Translate Discourse to persian
How to display all dates and times in Jalali (not Gregorian)
2

Any help ? :worried:

1 curtida
3

I’ve looked at a few sites here that I thought might be using different calendars.

A Chinese site is using English and Gregorian dates.
Hebrew sites look to be using Hebrew month names with Gregorian years.

I’m guessing this hasn’t come up before because much of the world uses Gregorian / countries with alternate calendar systems also understand Gregorian?

I know the database has a great many timestamp fields, I wouldn’t mess with those.
Sorry, but I am completely ignorant about converting one calendar to another.
Do you know of any Gems that do this?

1 curtida
4

Thank you for your response.

You are right, a lot of countries use gregorian dates. But most people (I guess +99%) of people in Iran use jalali calendar.
I found this gem called parsi date but I’m not familiar with ruby language and I don’t know how to use it.
as I said before, I don’t want to change discourse’s core or database. just changing the dates on view layer would be great.

ps : jalali date is not just about month names. years and month length are different too.
for example :
29
Apr
2017

to jalali :
09
اردیبهشت ( ordibehesht )
1396

5

Maybe you can do that with a simple js script JalaliJSCalendar

6 curtidas
6

are you looking for a date-convertor or do you want to know how to change the dates in discourse in a plugin without knowing ruby?

if you want the second one, a simple-stupid way is to change it in the front-end side using js, with the data in json pages. e.g. check this page:

https://meta.discourse.org/t/converter-to-change-gregorian-date-to-jalali-on-view-layer-of-discourse/61671.json

all the post information exists there! if you search for “2017” you’ll find some dates there, and you can then use some third party calendars and change between the two.

so far we’ve used this simple way a lot. it’ll work for short-time until you learn ruby+discourse!

4 curtidas
7

@Trash Thank you, I know how to convert dates to jalali. I did this in PHP before. I just don’t know how to do it in Ruby on Rails Project.

@Pad_Pors Thanks, I want to do the second one.
Which .rb file generates this json file ?
Converter to change gregorian date to jalali on view layer of discourse

1 curtida
8

you don’t need to generate the json files, it already exists and you only need to use it.

@Alavi1412 can help you better about this.

1 curtida
9

@Pad_Pors
I’m not trying to generate json file. I want to change date before sending to client.

2 curtidas
10

So not try to change the source code.
You just need a javascript to select the date element at your page and change it and add it to your page.
I think Topic controller is making this for you but for changing this you need to know some Ruby.
I suggest you to create a very simple plugin and change the date by selecting elements completely in javascript

11

Hi
Is it possible for anyone to write a date conversion plugin written by Jalali?
We need such a plugin.
If anyone can guide, thank you.

12

Olá,

Esse é, na verdade, um processo simples.

Passo a passo: habilitar datas Shamsi no frontend do Discourse

1) Criar um Componente de Tema

  1. Vá para Admin → Personalizar → Temas

  2. Clique em Componentes

  3. Clique em Adicionar → Criar novo

  4. Nomeie-o: Conversor de Data Shamsi (Ou o que você quiser)

2) Adicionar o script (Seção Head)

Dentro do componente:

  1. Abra Comum → Head

  2. Cole tudo abaixo

  3. Salvar

Código:

<script>
(function () {
  // Aplica apenas quando o idioma do site é Persa
  if (!document.documentElement.lang.startsWith("fa")) return;

  const formatter = new Intl.DateTimeFormat(
    "fa-IR-u-ca-persian",
    { dateStyle: "medium" }
  );

  function toDate(value) {
    if (!value) return null;

    // época (segundos ou ms)
    if (/^\\d{10,13}$/.test(value)) {
      const n = Number(value);
      return new Date(value.length === 10 ? n * 1000 : n);
    }

    const d = new Date(value);
    return isNaN(d) ? null : d;
  }

  function process(el) {
    if (el.dataset.shamsi === "1") return;

    const date =
      toDate(el.getAttribute("datetime")) ||
      toDate(el.dataset.time) ||
      toDate(el.getAttribute("title"));

    if (!date) return;

    el.textContent = formatter.format(date);
    el.dataset.shamsi = "1";
  }

  function run(root = document) {
    root.querySelectorAll("time, .relative-date").forEach(process);
  }

  // carregamento inicial
  run();

  // lida com rolagem infinita / atualizações ao vivo
  new MutationObserver(muts => {
    muts.forEach(m => m.addedNodes.forEach(n => {
      if (n.nodeType === 1) run(n);
    }));
  }).observe(document.documentElement, { childList: true, subtree: true });
})();
</script>
___

Alternativamente, você pode carregar o que eu exportei e atribuí-lo aos seus temas.

discourse-shamsi-date.zip (1.1 KB)

Como funciona

O Discourse já envia datas Gregorianas normais para o seu navegador; este script não altera os dados, ele apenas substitui a forma como o texto da data é exibido na página, convertendo-o para Shamsi (Jalali) usando o próprio navegador.

O que o script faz (visão geral)

  1. Encontra esses elementos <time>

  2. Lê a data Gregoriana real de datetime

  3. Converte para Shamsi

  4. Substitui apenas o texto visível

  5. Repete isso sempre que novas postagens são carregadas

É isso. Nada mais.

Isso lhe dará datas como esta:

image
image1920×1244 221 KB

Você pode ver isso online na nossa instância: https://forums.7ho.st

Boa sorte

1 curtida