Po stronie usera czy przeglądarki? Opcje

[DNMX]

Mam na stronie system powaidomień. Taki dzwoneczek z liczbą który po najechaniu pokazuje kontener o nazwie "powiadomienia". Wszystko aktualizuje się AJAXem w tle żeby user zawsze na bierząco widział ilość powiadomień. I teraz moje pytanie. Na chwilę obecną zrobiłem JSONa którego pobiera user. Wygląda on mniej więcej tak:

Kod

    "0": {
        "name": "Powiadomienie pierwsze",
        "text": "Wszystko OK",
        "date": "2022-03-31 11:25:55",
        "icon": "icon1.png",
        "seen", false
    },
    "1": {
        "name": "Powiadomienie drugie",
        "text": "Ktoś coś sknocił",
        "date": "2022-03-31 14:43:30",
        "icon": "icon2.png",
        "seen", true
    },

I tak się zastanawiam, czy "parsować" tego JSONa po stronie użytkownika, tzn jeśli seen == false dawać całosć w <b>, jeśli icon2.png (ikonka z wykrzyknikiem) to dawać całość czerowną czcionką, itd itp czy od razu zwrócić użytkownikowi HTML do wyświetlenia? Które rozwiązanie lepiej wybrać i któ©e ma jakie plusy? Jedyne co zauważyłem, to że jeśli chciałbym prezentować datę w stylu "4 dni temu" albo 2h 31 minut temu i chciałbym, żeby to się na berzącoaktualizowało to i tak musze użyć JS. Jakieś inne różnice?

[viking]

Przecież i tak pobierasz to w js. A do takiej komunikacji lepiej nadają się server-sent events.

[DNMX]

Jeszcze jedno pytanko. Jak to posortować po dacie? Dodam, ze ORDER BY w MySQLu nie wchodzi w rachubę bo powiadomienia brane są z trzech różnych tabel. Jedynym wspólnym mianownikiem jest data w takim samym formacie.

[trueblue]

Jeśli wyniki są łączone na poziomie PHP: https://www.php.net/manual/en/function.usort.php
Jeśli możesz połączyć wyniki na poziomie MySQL, to użyj UNION ALL oraz ORDER BY.

[DNMX]

Myślałem na UNIONem ale przed złączeniem muszę nieco inaczej obrobić dane z tabeliA niż z tabeliB. Taki kod zadziałał:

[PHP] pobierz, plaintext 
return function ($a, $b) use ($key) {
    return strnatcmp($a[$key], $b[$key]);
;
}
usort($arr, build_sorter('date'));
[PHP] pobierz, plaintext 

Dzięki!

Edit. Nie wiedziałem, jak zrobić, żeby ta funkcja sortowała po dacie ale malejąco więc zrobiłem obejście:

[PHP] pobierz, plaintext 
$arr = array_reverse($arr);
[PHP] pobierz, plaintext 

Teraz zostaje mi po stronie usera zrobienie dla kazdego powiadomieniaczegoś w stylu:

[HTML] pobierz, plaintext 
                                <a class="dropdown-item d-flex align-items-center" href="#">
                                    <div class="mr-3">
                                        <div class="$icon">
                                            <i class="fas fa-exclamation-triangle text-white"></i>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="small text-gray-500">$name - $date</div>
                                        $text
                                    </div>
                                </a>
[HTML] pobierz, plaintext 

Próbowałem się przejechać po każdym elemencie zgodnie z tym poradnikiem https://zetcode.com/javascript/jsonforeach/ ale nie działa. Ktoś mógłby podrzucić coś działającego?

Ten post edytował DNMX 7.04.2022, 10:41:37