JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

HTML

td в modal повинні передатися обидві дати, в модальному вікні може помінятися дата updated_at, після закриття модального вікна треба обновити інфу.
а ще у нас фреймворк перекладом займається, функція __(...), через JS я не можу переклад зробити, тому якось так все виглядає:

<td
  data-created="{{ $created_at }}"
  data-updated="{{ $updated_at }}"
  title="{{ __('created_at') }}: {{ $created_at }}, {{ tr('updated_at') }}: {{ $updated_at }}">
  <span class="created"><em>{{ __('created_at') }}: </em> <span>{{ substr($created_at, 0, 10) }}</span></span>
  <span class="updated"><em>{{ tr('updated_at') }}: </em> <span>{{ $updated_at }}</span></span>
</td>

при цьому:
.created em,
.updated { display: none; }

при закритті модального вікна оновлюю інфу updated_at:

JavaScript

td.dataset.updated = updated;
td.querySelector('.updated span').innerText = updated;
td.querySelector('.created span').innerText = created;
let n = document.createElement('p');
n.innerHTML = td.innerHTML;
td.settAttribute('title', n.innerText);
/* і в кінці підрізаю час у created */

/*
по-іншому - я ніяк не можу зформувати оновлений title
*/