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

Sviluppatore
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 Mi Piace
Translate Discourse to persian
How to display all dates and times in Jalali (not Gregorian)
2

Any help ? :worried:

1 Mi Piace
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 Mi Piace
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 Mi Piace
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 Mi Piace
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 Mi Piace
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 Mi Piace
9

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

2 Mi Piace
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

Ciao,

Questo ĆØ in realtĆ  un processo semplice.

Passo dopo passo: abilitare le date Shamsi sul frontend di Discourse

1) Creare un Componente Tema

  1. Vai su Admin ā†’ Customize ā†’ Themes (Amministrazione ā†’ Personalizza ā†’ Temi)

  2. Clicca su Components (Componenti)

  3. Clicca su Add ā†’ Create new (Aggiungi ā†’ Crea nuovo)

  4. Assegna un nome: Shamsi Date Converter (O quello che preferisci)

2) Aggiungere lo script (Sezione Head)

Allā€™interno del componente:

  1. Apri Common ā†’ Head (Comune ā†’ Head)

  2. Incolla tutto ciĆ² che segue

  3. Salva

Codice:

<script>
(function () {
  // Applica solo quando la lingua del sito ĆØ Persiano
  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;

    // epoch (secondi o 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);
  }

  // caricamento iniziale
  run();

  // gestisce lo scorrimento infinito / aggiornamenti in tempo reale
  new MutationObserver(muts => {
    muts.forEach(m => m.addedNodes.forEach(n => {
      if (n.nodeType === 1) run(n);
    }));
  }).observe(document.documentElement, { childList: true, subtree: true });
})();
</script>
___

In alternativa, puoi caricare ciĆ² che ho esportato e assegnarlo ai tuoi temi.

discourse-shamsi-date.zip (1.1 KB)

Come funziona

Discourse invia giĆ  date Gregoriane normali al tuo browser; questo script non modifica i dati, ma sostituisce solo il modo in cui il testo della data viene visualizzato sulla pagina, convertendolo in Shamsi (Jalali) utilizzando il browser stesso.

Cosa fa lo script (a grandi linee)

  1. Trova quegli elementi time

  2. Legge la data Gregoriana reale da datetime

  3. La converte in Shamsi

  4. Sostituisce solo il testo visibile

  5. Ripete questa operazione ogni volta che vengono caricati nuovi post

Tutto qui. Nientā€™altro.

Questo ti darĆ  date come questa:

image
image1920Ɨ1244 221 KB

Puoi vederlo online sulla nostra istanza: https://forums.7ho.st

Buona fortuna

1 Mi Piace