Lucian Teca Link · 4 ani รฎn urmฤ Meta anunศฤ dezvoltarea unui supercomputer, "AI Research SuperCluster". Deja operaศional, acesta va evolua ศi va fi folosit la construirea Metaversului, devenind, potrivit companiei, unul dintre cele mai puternice din lume. - Biziday Compania Meta, care deศine Facebook, va intra รฎn cursa globalฤ pentru a construi cele mai mari ศi mai puternice computere cu noul sฤu produs, โAI Research
Lucian Teca Link · 4 ani รฎn urmฤ </div> <a href="https://youtube.com/watch?v=h3NhX6-5mO0&amp;feature=share" target="_blank" rel="noopener" class="ufeed-link-card"> <img src="https://i.ytimg.com/vi/h3NhX6-5mO0/maxresdefault.jpg" alt="The Call | Pepsi Super Bowl LVI Halftime Show OFFICIAL TRAILER" loading="lazy" decoding="async" class="ufeed-link-preview"> <div class="ufeed-card-pad"> <div class="ufeed-link-title">The Call | Pepsi Super Bowl LVI Halftime Show OFFICIAL TRAILER</div> <div class="ufeed-link-desc">Directed by filmmaker F. Gary Gray, โThe Callโ features Dr. Dre, Snoop Dogg, Eminem, Mary J. Blige and Kendrick Lamar for an epic Pepsi Super Bowl LVI Halftime Show trailer. Scored by Adam Blacks</div> </div> </a> </div> <footer class="rx-row ufeed-footer"> <div class="rx-left"> <div class="rx-pills ufeed-rx-pills" data-who-reacted data-rx-type="link" data-rx-id="68691" title="Vezi cine a reacศionat"> <span class="rx-pill" data-count-kind="like" style="">๐ <span class="muted" data-count>2</span></span> <span class="rx-pill" data-count-kind="love" style="display:none">โค๏ธ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="haha" style="display:none">๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="wow" style="display:none">๐ฎ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="sad" style="display:none">๐ข <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="angry" style="display:none">๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="bravo" style="display:none">๐ <span class="muted" data-count>0</span></span> </div> <span class="muted ufeed-reactor-sum" data-reactor-summary> Beatrice Sumedrea, Admin </span> </div> <div class="rx-right"> <span class="muted rx-meta">👍 <span data-like-count>2</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div class="ufeed-comments-list" data-comments-list data-comment-kind="link" data-content-owner-id="569" style="display:none"> </div> </article> <article class="card ufeed-card" id="profile-feed-item-link-68682" data-kind="link" data-share-url="https://romandru.ro/profil-569#profile-feed-item-link-68682" data-share-title="Rock FM"> <header class="ufeed-header"> <div class="ufeed-avatar-wrap"> <img src="https://romandru.ro/storage/avatars/2020/04/23a01756661522c891b337d51c97cb2d_120_square.jpg" alt="Lucian Teca" loading="lazy" decoding="async" width="44" height="44" class="ufeed-avatar-img"> </div> <div class="ufeed-header-meta"> <div class="ufeed-author"><a href="/profil-569">Lucian Teca</a> </div> <div class="muted ufeed-date">Link · 4 ani รฎn urmฤ</div> </div> </header> <div class="ufeed-body"> <a href="https://www.rockfm.ro/" target="_blank" rel="noopener" class="ufeed-link-card"> <div class="ufeed-card-pad"> <div class="ufeed-link-title">Rock FM</div> </div> </a> </div> <footer class="rx-row ufeed-footer"> <div class="rx-left"> <div class="rx-pills ufeed-rx-pills" data-who-reacted data-rx-type="link" data-rx-id="68682" title="Vezi cine a reacศionat"> <span class="rx-pill" data-count-kind="like" style="">๐ <span class="muted" data-count>1</span></span> <span class="rx-pill" data-count-kind="love" style="display:none">โค๏ธ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="haha" style="display:none">๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="wow" style="display:none">๐ฎ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="sad" style="display:none">๐ข <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="angry" style="display:none">๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="bravo" style="display:none">๐ <span class="muted" data-count>0</span></span> </div> <span class="muted ufeed-reactor-sum" data-reactor-summary> Adrian Barbu </span> </div> <div class="rx-right"> <span class="muted rx-meta">👍 <span data-like-count>1</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div class="ufeed-comments-list" data-comments-list data-comment-kind="link" data-content-owner-id="569" style="display:none"> </div> </article> <article class="card ufeed-card" id="profile-feed-item-photo-3856" data-kind="photo" data-share-url="https://romandru.ro/profil-569#profile-feed-item-photo-3856" data-share-title="IMG_6062"> <header class="ufeed-header"> <div class="ufeed-avatar-wrap"> <img src="https://romandru.ro/storage/avatars/2020/04/23a01756661522c891b337d51c97cb2d_120_square.jpg" alt="Lucian Teca" loading="lazy" decoding="async" width="44" height="44" class="ufeed-avatar-img"> </div> <div class="ufeed-header-meta"> <div class="ufeed-author"><a href="/profil-569">Lucian Teca</a> </div> <div class="muted ufeed-date">Fotografie · 4 ani รฎn urmฤ</div> </div> </header> <div class="ufeed-body"> <div class="ufeed-mt-sm"> <img src="https://romandru.ro/storage/photos/2021/09/624f3f5ce1e034ef3cf0b545195f2aa7.jpg" alt="Fotografie" loading="lazy" decoding="async" data-lightbox-image="https://romandru.ro/storage/photos/2021/09/624f3f5ce1e034ef3cf0b545195f2aa7.jpg" data-lightbox-gallery="profile-item-photo-3856" data-lightbox-card="#profile-feed-item-photo-3856" class="ufeed-rounded-img"> </div> </div> <footer class="rx-row ufeed-footer"> <div class="rx-left"> <div class="rx-pills ufeed-rx-pills" data-who-reacted data-rx-type="photo" data-rx-id="3856" title="Vezi cine a reacศionat"> <span class="rx-pill" data-count-kind="like" style="">๐ <span class="muted" data-count>4</span></span> <span class="rx-pill" data-count-kind="love" style="display:none">โค๏ธ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="haha" style="display:none">๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="wow" style="display:none">๐ฎ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="sad" style="display:none">๐ข <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="angry" style="display:none">๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="bravo" style="display:none">๐ <span class="muted" data-count>0</span></span> </div> <span class="muted ufeed-reactor-sum" data-reactor-summary> Alex Mara, Liviu și alți 2 </span> </div> <div class="rx-right"> <span class="muted rx-meta">👍 <span data-like-count>4</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div class="ufeed-comments-list" data-comments-list data-comment-kind="photo" data-content-owner-id="569" style="display:none"> </div> </article> <article class="card ufeed-card" id="profile-feed-item-photo-2622" data-kind="photo" data-share-url="https://romandru.ro/profil-569#profile-feed-item-photo-2622" data-share-title="16:04:39 GMT+0300 (EEST)"> <header class="ufeed-header"> <div class="ufeed-avatar-wrap"> <img src="https://romandru.ro/storage/avatars/2020/04/23a01756661522c891b337d51c97cb2d_120_square.jpg" alt="Lucian Teca" loading="lazy" decoding="async" width="44" height="44" class="ufeed-avatar-img"> </div> <div class="ufeed-header-meta"> <div class="ufeed-author"><a href="/profil-569">Lucian Teca</a> </div> <div class="muted ufeed-date">Fotografie · 4 ani รฎn urmฤ</div> </div> </header> <div class="ufeed-body"> <div class="ufeed-mt-sm"> <img src="https://romandru.ro/storage/photos/2021/08/3c9bf105087857fae1d8582ed3f86436.jpg" alt="Fotografie" loading="lazy" decoding="async" data-lightbox-image="https://romandru.ro/storage/photos/2021/08/3c9bf105087857fae1d8582ed3f86436.jpg" data-lightbox-gallery="profile-item-photo-2622" data-lightbox-card="#profile-feed-item-photo-2622" class="ufeed-rounded-img"> </div> </div> <footer class="rx-row ufeed-footer"> <div class="rx-left"> <div class="rx-pills ufeed-rx-pills" data-who-reacted data-rx-type="photo" data-rx-id="2622" title="Vezi cine a reacศionat"> <span class="rx-pill" data-count-kind="like" style="">๐ <span class="muted" data-count>9</span></span> <span class="rx-pill" data-count-kind="love" style="display:none">โค๏ธ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="haha" style="display:none">๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="wow" style="display:none">๐ฎ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="sad" style="display:none">๐ข <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="angry" style="display:none">๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="bravo" style="display:none">๐ <span class="muted" data-count>0</span></span> </div> <span class="muted ufeed-reactor-sum" data-reactor-summary> Alex Mara, Loredana Mihaela Bodescu și alți 7 </span> </div> <div class="rx-right"> <span class="muted rx-meta">👍 <span data-like-count>9</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div class="ufeed-comments-list" data-comments-list data-comment-kind="photo" data-content-owner-id="569" style="display:none"> </div> </article> <article class="card ufeed-card" id="profile-feed-item-photo-731" data-kind="photo" data-share-url="https://romandru.ro/profil-569#profile-feed-item-photo-731" data-share-title="April 18, 2020"> <header class="ufeed-header"> <div class="ufeed-avatar-wrap"> <img src="https://romandru.ro/storage/avatars/2020/04/23a01756661522c891b337d51c97cb2d_120_square.jpg" alt="Lucian Teca" loading="lazy" decoding="async" width="44" height="44" class="ufeed-avatar-img"> </div> <div class="ufeed-header-meta"> <div class="ufeed-author"><a href="/profil-569">Lucian Teca</a> </div> <div class="muted ufeed-date">Fotografie · 5 ani รฎn urmฤ</div> </div> </header> <div class="ufeed-body"> <div class="ufeed-mt-sm"> <img src="https://romandru.ro/storage/photos/2020/04/23a01756661522c891b337d51c97cb2d.jpg" alt="Fotografie" loading="lazy" decoding="async" data-lightbox-image="https://romandru.ro/storage/photos/2020/04/23a01756661522c891b337d51c97cb2d.jpg" data-lightbox-gallery="profile-item-photo-731" data-lightbox-card="#profile-feed-item-photo-731" class="ufeed-rounded-img"> </div> </div> <footer class="rx-row ufeed-footer"> <div class="rx-left"> <div class="rx-pills ufeed-rx-pills" data-who-reacted data-rx-type="photo" data-rx-id="731" title="Vezi cine a reacศionat"> <span class="rx-pill" data-count-kind="like" style="">๐ <span class="muted" data-count>3</span></span> <span class="rx-pill" data-count-kind="love" style="display:none">โค๏ธ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="haha" style="display:none">๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="wow" style="display:none">๐ฎ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="sad" style="display:none">๐ข <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="angry" style="display:none">๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="bravo" style="display:none">๐ <span class="muted" data-count>0</span></span> </div> <span class="muted ufeed-reactor-sum" data-reactor-summary> Maria Soaita, Liviu, Admin </span> </div> <div class="rx-right"> <span class="muted rx-meta">👍 <span data-like-count>3</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div class="ufeed-comments-list" data-comments-list data-comment-kind="photo" data-content-owner-id="569" style="display:none"> </div> </article> </div> <div id="profile-feed-pagination" style="display:none"> </div> <div id="profile-feed-loading" class="muted ufeed-loading"> Se incarca... </div> <div id="profile-infinite-sentinel" class="ufeed-sentinel"></div> <script> document.addEventListener('DOMContentLoaded', function () { var listEl = document.getElementById('profile-feed-list'); var pagerEl = document.getElementById('profile-feed-pagination'); var sentinel = document.getElementById('profile-infinite-sentinel'); var loadingBar = document.getElementById('profile-feed-loading'); if (!listEl || !pagerEl || !sentinel) return; function getNextUrlFrom(el) { var a = el.querySelector('a[rel="next"]'); return a ? a.getAttribute('href') : null; } var nextUrl = getNextUrlFrom(pagerEl); pagerEl.style.display = 'none'; var loading = false; var done = !nextUrl; function ensureLazyImages(scope) { (scope || document).querySelectorAll('img:not([loading])').forEach(function (img) { img.setAttribute('loading', 'lazy'); img.setAttribute('decoding', 'async'); }); } ensureLazyImages(listEl); async function loadMore() { if (loading || done || !nextUrl) return; loading = true; if (loadingBar) loadingBar.style.display = 'block'; try { const res = await fetch(nextUrl, { headers: { 'X-Requested-With': 'XMLHttpRequest' } }); const html = await res.text(); var parser = new DOMParser(); var doc = parser.parseFromString(html, 'text/html'); var nextList = doc.querySelector('#profile-feed-list'); var nextPager = doc.querySelector('#profile-feed-pagination'); if (nextList && nextList.children.length) { Array.from(nextList.children).forEach(function (node) { listEl.appendChild(node); if(window.twemojiParseEl) twemojiParseEl(node); }); ensureLazyImages(listEl); } if (nextPager) { nextUrl = getNextUrlFrom(nextPager); done = !nextUrl; } else { done = true; } } catch (e) { console.error('InfiniteScroll error (profile):', e); done = true; } finally { loading = false; if (loadingBar) loadingBar.style.display = 'none'; } } var io = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) loadMore(); }); }, { rootMargin: '600px 0px 600px 0px' }); io.observe(sentinel); }); </script> <script> document.addEventListener('click', function (e) { const btn = e.target.closest('[data-post-menu-toggle]'); const allMenus = document.querySelectorAll('.post-menu'); if (btn) { const wrap = btn.closest('.post-menu-wrap'); const menu = wrap ? wrap.querySelector('[data-post-menu]') : null; const isOpen = menu ? menu.classList.contains('is-open') : false; allMenus.forEach(m => m.classList.remove('is-open')); if (menu && !isOpen) { menu.classList.add('is-open'); } e.stopPropagation(); return; } if (!e.target.closest('.post-menu-wrap')) { allMenus.forEach(m => m.classList.remove('is-open')); } }); </script> </div> </div> </div> <div class="profile-tab-panel" data-tab-content="photos"> <div class="card profile-tab-content-card"> <div class="fb-sub-tabs"> <button class="fb-sub-tab is-active" type="button" data-photo-sub="all">Pozele tale</button> <button class="fb-sub-tab" type="button" data-photo-sub="albums">Albume</button> </div> <div class="fb-sub-panel is-active" data-photo-panel="all"> <div class="fb-photo-grid" id="profile-photo-grid"> <a href="https://romandru.ro/storage/photos/2021/09/624f3f5ce1e034ef3cf0b545195f2aa7.jpg" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2021/09/624f3f5ce1e034ef3cf0b545195f2aa7.jpg" data-lightbox-gallery="profile-569-gallery" data-lightbox-title="IMG_6062" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-3856"> <img src="https://romandru.ro/storage/photos/2021/09/624f3f5ce1e034ef3cf0b545195f2aa7.jpg" alt="IMG_6062" loading="lazy" decoding="async"> <div class="fb-photo-hover">4 ani รฎn urmฤ</div> </a> <a href="https://romandru.ro/storage/photos/2021/08/3c9bf105087857fae1d8582ed3f86436.jpg" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2021/08/3c9bf105087857fae1d8582ed3f86436.jpg" data-lightbox-gallery="profile-569-gallery" data-lightbox-title="16:04:39 GMT+0300 (EEST)" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-2622"> <img src="https://romandru.ro/storage/photos/2021/08/3c9bf105087857fae1d8582ed3f86436.jpg" alt="16:04:39 GMT+0300 (EEST)" loading="lazy" decoding="async"> <div class="fb-photo-hover">4 ani รฎn urmฤ</div> </a> <a href="https://romandru.ro/storage/photos/2020/04/23a01756661522c891b337d51c97cb2d.jpg" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2020/04/23a01756661522c891b337d51c97cb2d.jpg" data-lightbox-gallery="profile-569-gallery" data-lightbox-title="April 18, 2020" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-731"> <img src="https://romandru.ro/storage/photos/2020/04/23a01756661522c891b337d51c97cb2d.jpg" alt="April 18, 2020" loading="lazy" decoding="async"> <div class="fb-photo-hover">5 ani รฎn urmฤ</div> </a> </div> <div id="profile-photo-lightbox-cards" style="display:none;"> <article id="profile-photo-lightbox-card-3856" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2020/04/23a01756661522c891b337d51c97cb2d_120_square.jpg" alt="Lucian Teca" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">Lucian Teca</div> <div class="muted profile-lbx-date">4 ani รฎn urmฤ</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">IMG_6062</div> <div class="muted profile-lbx-desc">Fotografie din galeria profilului.</div> </div> <footer class="rx-row profile-lbx-footer"> <div class="rx-left"> <div class="rx-pills"> <span class="rx-pill" data-count-kind="like" >๐ <span class="muted" data-count>4</span></span> <span class="rx-pill" data-count-kind="love" style="display:none" >โค๏ธ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="haha" style="display:none" >๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="wow" style="display:none" >๐ฎ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="sad" style="display:none" >๐ข <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="angry" style="display:none" >๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="bravo" style="display:none" >๐ <span class="muted" data-count>0</span></span> </div> </div> <div class="rx-right"> <span class="muted rx-meta">👍 <span data-like-count>4</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div data-comments-list data-comment-kind="photo" data-content-owner-id="569" class="profile-lbx-comments" style="display:none;" > </div> </article> <article id="profile-photo-lightbox-card-2622" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2020/04/23a01756661522c891b337d51c97cb2d_120_square.jpg" alt="Lucian Teca" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">Lucian Teca</div> <div class="muted profile-lbx-date">4 ani รฎn urmฤ</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">16:04:39 GMT+0300 (EEST)</div> <div class="muted profile-lbx-desc">Fotografie din galeria profilului.</div> </div> <footer class="rx-row profile-lbx-footer"> <div class="rx-left"> <div class="rx-pills"> <span class="rx-pill" data-count-kind="like" >๐ <span class="muted" data-count>9</span></span> <span class="rx-pill" data-count-kind="love" style="display:none" >โค๏ธ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="haha" style="display:none" >๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="wow" style="display:none" >๐ฎ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="sad" style="display:none" >๐ข <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="angry" style="display:none" >๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="bravo" style="display:none" >๐ <span class="muted" data-count>0</span></span> </div> </div> <div class="rx-right"> <span class="muted rx-meta">👍 <span data-like-count>9</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div data-comments-list data-comment-kind="photo" data-content-owner-id="569" class="profile-lbx-comments" style="display:none;" > </div> </article> <article id="profile-photo-lightbox-card-731" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2020/04/23a01756661522c891b337d51c97cb2d_120_square.jpg" alt="Lucian Teca" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">Lucian Teca</div> <div class="muted profile-lbx-date">5 ani รฎn urmฤ</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">April 18, 2020</div> <div class="muted profile-lbx-desc">Fotografie din galeria profilului.</div> </div> <footer class="rx-row profile-lbx-footer"> <div class="rx-left"> <div class="rx-pills"> <span class="rx-pill" data-count-kind="like" >๐ <span class="muted" data-count>3</span></span> <span class="rx-pill" data-count-kind="love" style="display:none" >โค๏ธ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="haha" style="display:none" >๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="wow" style="display:none" >๐ฎ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="sad" style="display:none" >๐ข <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="angry" style="display:none" >๐ <span class="muted" data-count>0</span></span> <span class="rx-pill" data-count-kind="bravo" style="display:none" >๐ <span class="muted" data-count>0</span></span> </div> </div> <div class="rx-right"> <span class="muted rx-meta">👍 <span data-like-count>3</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div data-comments-list data-comment-kind="photo" data-content-owner-id="569" class="profile-lbx-comments" style="display:none;" > </div> </article> </div> </div> <div class="fb-sub-panel" data-photo-panel="albums"> <div class="fb-album-grid"> <a href="https://romandru.ro/profil-569/albume/572" class="fb-album-card"> <div class="fb-album-cover"> <img src="https://romandru.ro/storage/photos/2021/09/624f3f5ce1e034ef3cf0b545195f2aa7.jpg" alt="Poze din jurnal" loading="lazy" decoding="async"> </div> <div class="fb-album-info"> <div class="fb-album-name">Poze din jurnal</div> <div class="fb-album-count">2 fotografii</div> </div> </a> <a href="https://romandru.ro/profil-569/albume/87" class="fb-album-card"> <div class="fb-album-cover"> <img src="https://romandru.ro/storage/photos/2020/04/23a01756661522c891b337d51c97cb2d.jpg" alt="Poze de profil" loading="lazy" decoding="async"> </div> <div class="fb-album-info"> <div class="fb-album-name">Poze de profil</div> <div class="fb-album-count">1 fotografie</div> </div> </a> </div> </div> </div> </div> <div class="profile-tab-panel" data-tab-content="friends"> <div class="card profile-tab-content-card"> <h3 class="profile-friends-title">Prieteni ยท 19</h3> <div class="fb-friends-grid"> <a href="https://romandru.ro/admin" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2018/11/861ea9fea482f5b3a0f5070ce81c0846_200.jpg" alt="Admin" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Admin<svg width="13" height="13" viewBox="0 0 24 24" fill="none" title="Profil verificat" style="display:inline-block;vertical-align:middle;margin-left:2px"><path d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" fill="#3b82f6" stroke="#3b82f6" stroke-width="1.5"/><path d="M9 12.75 11.25 15 15 9.75" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> </div> </a> <a href="https://romandru.ro/profil-2" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2021/01/b57a60637b2110ab0af6a0aefe382ebc_200.jpg" alt="Alex Vilvoi" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Alex Vilvoi<svg width="13" height="13" viewBox="0 0 24 24" fill="none" title="Profil verificat" style="display:inline-block;vertical-align:middle;margin-left:2px"><path d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" fill="#3b82f6" stroke="#3b82f6" stroke-width="1.5"/><path d="M9 12.75 11.25 15 15 9.75" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> </div> </a> <a href="https://romandru.ro/liviu" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/fcc8c62c8c510372d75da03d40ef7cf5_200.png" alt="Liviu" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Liviu</div> </div> </a> <a href="https://romandru.ro/andradabalan" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2020/01/43df5f283324d260cb0afaee8af2bc7e_200.jpg" alt="Andrada Balan" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Andrada Balan</div> </div> </a> <a href="https://romandru.ro/profil-542" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2020/04/b04aab9662f50c469196f726b29c3c0f_200.jpg" alt="Sebastian Popescu" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Sebastian Popescu</div> </div> </a> <a href="https://romandru.ro/sorin_dragoi" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2020/04/c65f211d2296767c2d39f60468903b29_200.jpg" alt="Sorin Dragoi" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Sorin Dragoi</div> </div> </a> <a href="https://romandru.ro/profil-590" class="fb-friend-card"> <div class="fb-friend-initials">SP</div> <div class="fb-friend-info"> <div class="fb-friend-name">Sonia Popa</div> </div> </a> <a href="https://romandru.ro/profil-897" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2021/02/7e3618aafa7370f0bd03226757265c35_200.jpg" alt="George Catalin" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">George Catalin</div> </div> </a> <a href="https://romandru.ro/profil-1134" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/0d064e032726f436df2795521f4067f7_200.png" alt="Alexandru Covaci" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Alexandru Covaci</div> </div> </a> <a href="https://romandru.ro/profil-1355" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2022/01/b26a4a31918f6837130738d05f527e6f_200.png" alt="Maria Sandor" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Maria Sandor</div> </div> </a> <a href="https://romandru.ro/saioc-marian" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/175cb94918fbc0096135de7735faa1f5_200.jpg" alt="Marian Saioc" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Marian Saioc</div> </div> </a> <a href="https://romandru.ro/profil-1509" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/c15406ba2d232ce16e4a9e78da9cbfee_200.jpg" alt="Daniella Dana" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Daniella Dana</div> </div> </a> <a href="https://romandru.ro/alexmara" class="fb-friend-card"> <div class="fb-friend-initials">AM</div> <div class="fb-friend-info"> <div class="fb-friend-name">Alex Mara</div> </div> </a> <a href="https://romandru.ro/profil-1854" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/55050f31c53e0eda37c2ead0377555ea_200.jpg" alt="Cristina Cris" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Cristina Cris</div> </div> </a> <a href="https://romandru.ro/ConstantinLixandru" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/c339303322b9f6e423a06e2849b1aaf5_200.png" alt="Constantin Lixandru" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Constantin Lixandru</div> </div> </a> <a href="https://romandru.ro/profil-2069" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/c3e3f4b9687dcd2fc5e5b9b35e533257_200.png" alt="Cos Lucian" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Cos Lucian</div> </div> </a> <a href="https://romandru.ro/profil-2757" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2022/01/5fc4707e51e82d65168a537995fbea25_200.png" alt="Beniamin Rus" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Beniamin Rus</div> </div> </a> <a href="https://romandru.ro/profil-2845" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2022/01/f27aa0c7f4be48edb52caada74470785_200.png" alt="Ionel Mirica" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Ionel Mirica</div> </div> </a> <a href="https://romandru.ro/BMLiviu" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2022/01/de0f8543d6630d6fe36558f58cdded3c_200.png" alt="Besleaga Liviu" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Besleaga Liviu</div> </div> </a> </div> </div> </div> <div id="edit-modal" class="profile-edit-overlay" style="display:none;"> <div class="profile-edit-box"> <div class="profile-edit-header"> <h3 class="profile-edit-title">Editeazฤ postarea</h3> <button type="button" onclick="closeEditModal()" class="profile-edit-close">ร</button> </div> <form id="edit-form" method="post" action="" enctype="multipart/form-data"> <input type="hidden" name="_token" value="5lN0U76NkRyChdSuIp6IdG6H0V68061ldl7jgySq" autocomplete="off"> <textarea name="content_html" id="edit-content" rows="6" class="profile-edit-textarea" placeholder="Conศinutul postฤrii..."></textarea> <div id="edit-state-section" class="profile-edit-section" style="display:none;"> <label class="profile-edit-images-label">Sentiment sau activitate:</label> <div id="edit-state-preview" class="composer-meta-preview" style="display:none; margin-bottom:.75rem;"></div> <div class="composer-inline-menu-title">Sentimente</div> <div class="composer-feeling-grid"> <button type="button" class="composer-feeling-item" onclick="setEditFeeling('Fericit','๐ Fericit')"><span class="feeling-emoji">๐</span> Fericit</button> <button type="button" class="composer-feeling-item" onclick="setEditFeeling('Entuziasmat','๐คฉ Entuziasmat')"><span class="feeling-emoji">๐คฉ</span> Entuziasmat</button> <button type="button" class="composer-feeling-item" onclick="setEditFeeling('Norocos','๐ Norocos')"><span class="feeling-emoji">๐</span> Norocos</button> <button type="button" class="composer-feeling-item" onclick="setEditFeeling('Trist','๐ข Trist')"><span class="feeling-emoji">๐ข</span> Trist</button> <button type="button" class="composer-feeling-item" onclick="clearEditState()">Sterge</button> </div> <div class="composer-inline-menu-title" style="margin-top:.75rem;">Activitati</div> <div class="composer-feeling-grid"> <button type="button" class="composer-feeling-item" onclick="setEditActivity('Calatoreste','โ๏ธ Calatoreste')"><span class="feeling-emoji">โ๏ธ</span> Calatoreste</button> <button type="button" class="composer-feeling-item" onclick="setEditActivity('Asculta muzica','๐ต Asculta muzica')"><span class="feeling-emoji">๐ต</span> Asculta muzica</button> <button type="button" class="composer-feeling-item" onclick="setEditActivity('Citeste','๐ Citeste')"><span class="feeling-emoji">๐</span> Citeste</button> <button type="button" class="composer-feeling-item" onclick="setEditActivity('Se joaca','๐ฎ Se joaca')"><span class="feeling-emoji">๐ฎ</span> Se joaca</button> </div> <input type="hidden" name="feeling_value" id="edit-feeling-input" value=""> <input type="hidden" name="activity_value" id="edit-activity-input" value=""> </div> <div id="edit-location-section" class="profile-edit-section" style="display:none;"> <label class="profile-edit-privacy-label">Locatie:</label> <input type="text" name="location_name" id="edit-location-name" class="profile-edit-textarea" style="min-height:auto;" placeholder="Oras, local, adresa..."> <input type="hidden" name="location_lat" id="edit-location-lat" value=""> <input type="hidden" name="location_lng" id="edit-location-lng" value=""> </div> <div id="edit-background-section" class="profile-edit-section" style="display:none;"> <label class="profile-edit-privacy-label">Fundal:</label> <select name="background_value" id="edit-background-value" class="profile-edit-select" onchange="syncEditBackgroundColor()"> <option value="">Fara fundal</option> <option value="linear-gradient(135deg, #fce38a 0%, #f38181 100%)" data-text-color="#ffffff">Apus de soare</option> <option value="linear-gradient(135deg, #ABDCFF 0%, #0396FF 100%)" data-text-color="#ffffff">Ocean</option> <option value="linear-gradient(135deg, #81FBB8 0%, #28C76F 100%)" data-text-color="#ffffff">Padure</option> <option value="linear-gradient(135deg, #111827 0%, #374151 100%)" data-text-color="#ffffff">Noapte</option> </select> <input type="hidden" name="background_text_color" id="edit-background-text-color" value=""> </div> <div id="edit-images-preview" class="profile-edit-section" style="display:none;"> <label class="profile-edit-images-label">Imagini existente:</label> <div id="edit-images-container" class="profile-edit-images-row"></div> <input type="hidden" name="delete_images" id="delete-images-input" value=""> </div> <div class="profile-edit-section"> <label for="edit-file-input" class="profile-edit-file-label"> ๐ Adaugฤ imagini noi </label> <input type="file" name="new_images[]" id="edit-file-input" multiple accept=".jpg,.jpeg,.png,.webp,.gif" onchange="handleEditImageSelection(this)" style="display:none;"> <div id="edit-new-images-preview" class="profile-edit-new-preview" style="display:none;"></div> </div> <div class="profile-edit-section"> <label class="profile-edit-privacy-label">Confidenศialitate:</label> <select name="privacy" id="edit-privacy" class="profile-edit-select"> <option value="0">๐ Public</option> <option value="1">๐ฅ Prieteni</option> <option value="3">๐ Doar eu</option> </select> </div> <div class="profile-edit-footer"> <button type="submit" class="btn btn-primary">Salveazฤ modificฤrile</button> <button type="button" onclick="closeEditModal()" class="btn">Anuleazฤ</button> </div> </form> </div> </div> <script> let imagesToDelete = []; let editStateLabel = ''; function renderEditStatePreview() { const preview = document.getElementById('edit-state-preview'); const feeling = document.getElementById('edit-feeling-input').value; const activity = document.getElementById('edit-activity-input').value; if (!preview) return; if (feeling) { preview.innerHTML = 'Se simte ' + editStateLabel + ' <button type="button" class="feeling-preview-clear" onclick="clearEditState()">×</button>'; preview.style.display = 'flex'; } else if (activity) { preview.innerHTML = editStateLabel + ' <button type="button" class="feeling-preview-clear" onclick="clearEditState()">×</button>'; preview.style.display = 'flex'; } else { preview.innerHTML = ''; preview.style.display = 'none'; } } function setEditFeeling(value, label) { document.getElementById('edit-feeling-input').value = value || ''; document.getElementById('edit-activity-input').value = ''; editStateLabel = label || ''; renderEditStatePreview(); } function setEditActivity(value, label) { document.getElementById('edit-activity-input').value = value || ''; document.getElementById('edit-feeling-input').value = ''; editStateLabel = label || ''; renderEditStatePreview(); } function clearEditState() { document.getElementById('edit-feeling-input').value = ''; document.getElementById('edit-activity-input').value = ''; editStateLabel = ''; renderEditStatePreview(); } function syncEditBackgroundColor() { const select = document.getElementById('edit-background-value'); const hidden = document.getElementById('edit-background-text-color'); const option = select.options[select.selectedIndex]; hidden.value = option ? (option.getAttribute('data-text-color') || '') : ''; } function openEditModal(statusId, content, privacy, actionUrl) { const modal = document.getElementById('edit-modal'); const form = document.getElementById('edit-form'); const contentField = document.getElementById('edit-content'); const privacyField = document.getElementById('edit-privacy'); const imagesPreview = document.getElementById('edit-images-preview'); const imagesContainer = document.getElementById('edit-images-container'); const deleteImagesInput = document.getElementById('delete-images-input'); const newImagesPreview = document.getElementById('edit-new-images-preview'); const fileInput = document.getElementById('edit-file-input'); const uploadSection = fileInput ? fileInput.closest('.profile-edit-upload') || fileInput.parentElement : null; const stateSection = document.getElementById('edit-state-section'); const locationSection = document.getElementById('edit-location-section'); const backgroundSection = document.getElementById('edit-background-section'); const locationNameField = document.getElementById('edit-location-name'); const locationLatField = document.getElementById('edit-location-lat'); const locationLngField = document.getElementById('edit-location-lng'); const backgroundValueField = document.getElementById('edit-background-value'); const statusCard = document.querySelector('article[data-sid="' + statusId + '"]'); const isStatusEdit = !actionUrl; // Reset imagesToDelete = []; clearEditState(); deleteImagesInput.value = ''; fileInput.value = ''; newImagesPreview.innerHTML = ''; newImagesPreview.style.display = 'none'; // Set form action (custom URL or default status URL) form.action = actionUrl || ('/status/' + statusId + '/actualizeaza'); // Hide image sections when using custom action (e.g. link edit) if (uploadSection) uploadSection.style.display = actionUrl ? 'none' : ''; if (stateSection) stateSection.style.display = isStatusEdit ? 'block' : 'none'; if (locationSection) locationSection.style.display = isStatusEdit ? 'block' : 'none'; if (backgroundSection) backgroundSection.style.display = isStatusEdit ? 'block' : 'none'; // Set content contentField.value = content || ''; // Set privacy privacyField.value = privacy || '1'; // Clear previous images imagesContainer.innerHTML = ''; imagesPreview.style.display = 'none'; if (isStatusEdit && statusCard) { const stateType = statusCard.getAttribute('data-state-type') || ''; const stateValue = statusCard.getAttribute('data-state-value') || ''; locationNameField.value = statusCard.getAttribute('data-location-name') || ''; locationLatField.value = statusCard.getAttribute('data-location-lat') || ''; locationLngField.value = statusCard.getAttribute('data-location-lng') || ''; backgroundValueField.value = statusCard.getAttribute('data-background-value') || ''; document.getElementById('edit-background-text-color').value = statusCard.getAttribute('data-background-text-color') || ''; syncEditBackgroundColor(); if (stateType === 'feeling' && stateValue) { setEditFeeling(stateValue, stateValue); } else if (stateType === 'activity' && stateValue) { setEditActivity(stateValue, stateValue); } } else { locationNameField.value = ''; locationLatField.value = ''; locationLngField.value = ''; backgroundValueField.value = ''; document.getElementById('edit-background-text-color').value = ''; } // Fetch images for this status if (statusCard) { const images = statusCard.querySelectorAll('.status-gallery img'); if (images.length > 0) { imagesPreview.style.display = 'block'; images.forEach((img, index) => { const thumbnail = document.createElement('div'); thumbnail.style.cssText = 'position:relative; width:100px; height:100px; border-radius:8px; overflow:hidden; border:2px solid #e5e7eb;'; thumbnail.dataset.imageIndex = index; const imgEl = document.createElement('img'); imgEl.src = img.src; imgEl.style.cssText = 'width:100%; height:100%; object-fit:cover;'; imgEl.alt = 'Imagine ataศatฤ'; // Delete button const deleteBtn = document.createElement('button'); deleteBtn.type = 'button'; deleteBtn.innerHTML = 'ร'; deleteBtn.title = 'ศterge imaginea'; deleteBtn.style.cssText = 'position:absolute; top:4px; right:4px; width:24px; height:24px; border-radius:50%; background:rgba(239,68,68,0.9); color:white; border:none; cursor:pointer; font-size:16px; line-height:1; display:flex; align-items:center; justify-content:center;'; deleteBtn.onclick = function() { markImageForDeletion(thumbnail, img.src, index); }; thumbnail.appendChild(imgEl); thumbnail.appendChild(deleteBtn); imagesContainer.appendChild(thumbnail); }); } } // Show modal modal.style.display = 'flex'; // Focus on content field setTimeout(() => contentField.focus(), 100); } function markImageForDeletion(thumbnail, imageSrc, index) { const pathParts = imageSrc.split('/'); const filename = pathParts[pathParts.length - 1]; imagesToDelete.push(filename); document.getElementById('delete-images-input').value = imagesToDelete.join(','); thumbnail.style.opacity = '0.3'; thumbnail.style.border = '2px solid #ef4444'; const deleteBtn = thumbnail.querySelector('button'); if (deleteBtn) deleteBtn.remove(); const undoBtn = document.createElement('button'); undoBtn.type = 'button'; undoBtn.innerHTML = 'โบ'; undoBtn.title = 'Anuleazฤ ศtergerea'; undoBtn.style.cssText = 'position:absolute; top:4px; right:4px; width:24px; height:24px; border-radius:50%; background:rgba(34,197,94,0.9); color:white; border:none; cursor:pointer; font-size:16px; line-height:1; display:flex; align-items:center; justify-content:center;'; undoBtn.onclick = function() { unmarkImageForDeletion(thumbnail, filename); }; thumbnail.appendChild(undoBtn); } function unmarkImageForDeletion(thumbnail, filename) { imagesToDelete = imagesToDelete.filter(f => f !== filename); document.getElementById('delete-images-input').value = imagesToDelete.join(','); thumbnail.style.opacity = '1'; thumbnail.style.border = '2px solid #e5e7eb'; const undoBtn = thumbnail.querySelector('button'); if (undoBtn) undoBtn.remove(); const deleteBtn = document.createElement('button'); deleteBtn.type = 'button'; deleteBtn.innerHTML = 'ร'; deleteBtn.title = 'ศterge imaginea'; deleteBtn.style.cssText = 'position:absolute; top:4px; right:4px; width:24px; height:24px; border-radius:50%; background:rgba(239,68,68,0.9); color:white; border:none; cursor:pointer; font-size:16px; line-height:1; display:flex; align-items:center; justify-content:center;'; deleteBtn.onclick = function() { markImageForDeletion(thumbnail, thumbnail.querySelector('img').src, parseInt(thumbnail.dataset.imageIndex)); }; thumbnail.appendChild(deleteBtn); } function handleEditImageSelection(input) { const previewContainer = document.getElementById('edit-new-images-preview'); previewContainer.innerHTML = ''; if (input.files.length > 0) { previewContainer.style.display = 'flex'; Array.from(input.files).forEach((file, index) => { const reader = new FileReader(); reader.onload = function(e) { const thumbnail = document.createElement('div'); thumbnail.style.cssText = 'position:relative; width:100px; height:100px; border-radius:8px; overflow:hidden; border:2px solid #10b981;'; const img = document.createElement('img'); img.src = e.target.result; img.style.cssText = 'width:100%; height:100%; object-fit:cover;'; const badge = document.createElement('div'); badge.innerHTML = 'NOU'; badge.style.cssText = 'position:absolute; top:4px; left:4px; background:#10b981; color:white; padding:2px 6px; border-radius:4px; font-size:10px; font-weight:600;'; thumbnail.appendChild(img); thumbnail.appendChild(badge); previewContainer.appendChild(thumbnail); }; reader.readAsDataURL(file); }); } else { previewContainer.style.display = 'none'; } } function closeEditModal() { const modal = document.getElementById('edit-modal'); modal.style.display = 'none'; imagesToDelete = []; } // Close modal on ESC key document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeEditModal(); } }); // Close modal on backdrop click document.getElementById('edit-modal')?.addEventListener('click', function(e) { if (e.target === this) { closeEditModal(); } }); // โโโ Profile Tab Switching โโโ (function() { var tabs = document.querySelectorAll('.profile-tab-link[data-tab]'); var panels = document.querySelectorAll('[data-tab-content]'); var urlParams = new URLSearchParams(window.location.search); var activeTab = urlParams.get('tab') || 'posts'; function switchTab(tabName) { tabs.forEach(function(t) { t.classList.toggle('active', t.getAttribute('data-tab') === tabName); }); panels.forEach(function(p) { p.classList.toggle('is-active', p.getAttribute('data-tab-content') === tabName); }); var url = new URL(window.location); if (tabName === 'posts') url.searchParams.delete('tab'); else url.searchParams.set('tab', tabName); history.replaceState({}, '', url); } tabs.forEach(function(t) { t.addEventListener('click', function(e) { e.preventDefault(); switchTab(this.getAttribute('data-tab')); }); }); switchTab(activeTab); // Photo sub-tab URL param var subParam = urlParams.get('sub'); if (activeTab === 'photos' && subParam === 'albums') { var albumBtn = document.querySelector('[data-photo-sub="albums"]'); if (albumBtn) albumBtn.click(); } })(); // โโโ Photo Sub-Tab Switching โโโ (function() { var subTabs = document.querySelectorAll('[data-photo-sub]'); var subPanels = document.querySelectorAll('[data-photo-panel]'); subTabs.forEach(function(btn) { btn.addEventListener('click', function() { var target = btn.getAttribute('data-photo-sub'); subTabs.forEach(function(t) { t.classList.toggle('is-active', t.getAttribute('data-photo-sub') === target); }); subPanels.forEach(function(p) { p.classList.toggle('is-active', p.getAttribute('data-photo-panel') === target); }); }); }); })(); // โโโ Infinite Scroll: Profile Photos โโโ (function() { var grid = document.getElementById('profile-photo-grid'); var anchor = document.getElementById('profile-photo-infinite-anchor'); var fallback = document.getElementById('profile-photo-pagination-fallback'); var photosPanel = document.querySelector('[data-photo-panel="all"]'); var cardsHost = document.getElementById('profile-photo-lightbox-cards'); if (!grid || !anchor || !photosPanel) return; if (fallback) fallback.style.display = 'none'; var nextUrl = anchor.getAttribute('data-next-url'); var isLoading = false; var observer = null; function repairBindings(root) { if (!cardsHost) return; var cells = Array.from((root || grid).querySelectorAll('.fb-photo-cell')); var cards = Array.from(cardsHost.querySelectorAll('article[id^="profile-photo-lightbox-card-"]')); cells.forEach(function(cell, index) { if (!cell.getAttribute('data-lightbox-card')) { var explicitId = cell.getAttribute('data-photo-card-id'); if (explicitId) { cell.setAttribute('data-lightbox-card', '#' + explicitId); return; } if (cards[index] && cards[index].id) { cell.setAttribute('data-lightbox-card', '#' + cards[index].id); } } }); } function setNextUrl(url) { nextUrl = url || ''; anchor.setAttribute('data-next-url', nextUrl); if (!nextUrl && observer) { observer.disconnect(); } } function panelIsVisible() { return photosPanel.classList.contains('is-active'); } async function loadMore() { if (isLoading || !nextUrl || !panelIsVisible()) return; isLoading = true; anchor.style.height = '48px'; try { var response = await fetch(nextUrl, { headers: { 'X-Requested-With': 'XMLHttpRequest' }, credentials: 'same-origin' }); if (!response.ok) { throw new Error('Failed to load next photo page.'); } var html = await response.text(); var parser = new DOMParser(); var doc = parser.parseFromString(html, 'text/html'); var nextGrid = doc.getElementById('profile-photo-grid'); var nextAnchor = doc.getElementById('profile-photo-infinite-anchor'); var nextCardsHost = doc.getElementById('profile-photo-lightbox-cards'); if (!nextGrid) { setNextUrl(''); return; } var items = nextGrid.querySelectorAll('.fb-photo-cell'); if (!items.length) { setNextUrl(''); return; } items.forEach(function(item) { grid.appendChild(item); }); if (cardsHost && nextCardsHost) { Array.from(nextCardsHost.children).forEach(function(card) { cardsHost.appendChild(card); }); } repairBindings(grid); setNextUrl(nextAnchor ? nextAnchor.getAttribute('data-next-url') : ''); } catch (error) { if (fallback) fallback.style.display = ''; if (observer) observer.disconnect(); } finally { isLoading = false; anchor.style.height = nextUrl ? '1px' : '0'; } } observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { loadMore(); } }); }, { rootMargin: '300px 0px' }); repairBindings(grid); observer.observe(anchor); })(); // โโโ Upload Modal โโโ (function() { var modal = document.getElementById('gallery-upload-modal'); if (!modal) return; modal.addEventListener('click', function(e) { if (e.target === modal) modal.style.display = 'none'; }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && modal.style.display === 'flex') { modal.style.display = 'none'; } }); })(); </script> <button id="back-to-top" class="btn back-to-top" aria-label="Inapoi sus" title="Inapoi sus" type="button"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="18 15 12 9 6 15"></polyline> </svg> </button> <div id="emoji-picker" class="emoji-picker" style="display:none;"> <div class="emoji-picker-header"> <input type="text" id="emoji-search" class="emoji-search" placeholder="Cauta emoji..." autocomplete="off" spellcheck="false"> <button type="button" class="emoji-picker-close" title="รnchide">×</button> </div> <div class="emoji-picker-tabs-wrap"> <div class="emoji-picker-tabs"> <button type="button" class="emoji-tab" data-emoji-cat="recent" title="Recente">๐</button> <button type="button" class="emoji-tab is-active" data-emoji-cat="smileys" title="Emoticoane">๐</button> <button type="button" class="emoji-tab" data-emoji-cat="people" title="Oameni">๐</button> <button type="button" class="emoji-tab" data-emoji-cat="animals" title="Animale">๐ถ</button> <button type="button" class="emoji-tab" data-emoji-cat="food" title="Mรขncare">๐</button> <button type="button" class="emoji-tab" data-emoji-cat="activities" title="Activitฤศi">โฝ</button> <button type="button" class="emoji-tab" data-emoji-cat="travel" title="Cฤlฤtorii">โ๏ธ</button> <button type="button" class="emoji-tab" data-emoji-cat="objects" title="Obiecte">๐ก</button> <button type="button" class="emoji-tab" data-emoji-cat="symbols" title="Simboluri">โ </button> <button type="button" class="emoji-tab" data-emoji-cat="flags" title="Steaguri">๐</button> </div> </div> <div class="emoji-picker-grid" id="emoji-picker-grid"></div> </div> <script src="https://cdn.jsdelivr.net/npm/twemoji@14.0.2/dist/twemoji.min.js" crossorigin="anonymous" defer></script> <script> (function() { 'use strict'; var EMOJI_DATA = { smileys: [ '๐','๐','๐','๐','๐','๐ ','๐คฃ','๐','๐','๐', '๐','๐','๐','๐ฅฐ','๐','๐คฉ','๐','๐','๐','๐', '๐ฅฒ','๐','๐','๐','๐คช','๐','๐ค','๐ค','๐คญ','๐ซข', '๐ซฃ','๐คซ','๐ค','๐ซก','๐ค','๐คจ','๐','๐','๐ถ','๐ซฅ', '๐','๐','๐','๐ฌ','๐คฅ','๐','๐','๐ช','๐คค','๐ด', '๐ท','๐ค','๐ค','๐คข','๐คฎ','๐ฅต','๐ฅถ','๐ฅด','๐ต','๐คฏ', '๐ค ','๐ฅณ','๐ฅธ','๐','๐ค','๐ง','๐','๐ซค','๐','๐', 'โน๏ธ','๐ฎ','๐ฏ','๐ฒ','๐ณ','๐ฅบ','๐ฅน','๐ฆ','๐ง','๐จ', '๐ฐ','๐ฅ','๐ข','๐ญ','๐ฑ','๐','๐ฃ','๐','๐','๐ฉ', '๐ซ','๐ฅฑ','๐ค','๐ก','๐ ','๐คฌ','๐','๐ฟ','๐','โ ๏ธ', '๐ฉ','๐คก','๐น','๐บ','๐ป','๐ฝ','๐พ','๐ค','๐บ','๐ธ', '๐น','๐ป','๐ผ','๐ฝ','๐','๐ฟ','๐พ','๐ซถ','๐ซ ','๐ซก' ], people: [ '๐','๐ค','๐๏ธ','โ','๐','๐ซฑ','๐ซฒ','๐ซณ','๐ซด','๐', '๐ค','๐ค','โ๏ธ','๐ค','๐ซฐ','๐ค','๐ค','๐ค','๐','๐', '๐','๐','๐','โ๏ธ','๐ซต','๐','๐','โ','๐','๐ค', '๐ค','๐','๐','๐ซถ','๐','๐คฒ','๐ค','๐','โ๏ธ','๐ ', '๐คณ','๐ช','๐ฆพ','๐ฆฟ','๐ฆต','๐ฆถ','๐','๐ฆป','๐','๐ง ', '๐ซ','๐ซ','๐ฆท','๐ฆด','๐','๐๏ธ','๐ ','๐','๐','๐ฉธ', '๐ถ','๐ง','๐ง','๐ฆ','๐ฉ','๐ง','๐จ','๐ฉโ๐ฆฑ','๐งโ๐ฆฑ','๐จโ๐ฆฑ', '๐ฉโ๐ฆฐ','๐งโ๐ฆฐ','๐จโ๐ฆฐ','๐ฑโโ๏ธ','๐ฑ','๐ฑโโ๏ธ','๐ฉโ๐ฆณ','๐งโ๐ฆณ','๐จโ๐ฆณ','๐ฉโ๐ฆฒ', '๐งโ๐ฆฒ','๐จโ๐ฆฒ','๐งโโ๏ธ','๐ง','๐งโโ๏ธ','๐ต','๐ง','๐ด','๐ฒ','๐ณโโ๏ธ', '๐ณ','๐ณโโ๏ธ','๐ง','๐ฎโโ๏ธ','๐ฎ','๐ฎโโ๏ธ','๐ทโโ๏ธ','๐ท','๐ทโโ๏ธ','๐โโ๏ธ', '๐','๐โโ๏ธ','๐ต๏ธโโ๏ธ','๐ต๏ธ','๐ต๏ธโโ๏ธ','๐ฉโโ๏ธ','๐งโโ๏ธ','๐จโโ๏ธ','๐ฉโ๐พ','๐งโ๐พ', '๐จโ๐พ','๐ฉโ๐ณ','๐งโ๐ณ','๐จโ๐ณ','๐ฉโ๐','๐งโ๐','๐จโ๐','๐ฉโ๐ค','๐งโ๐ค','๐จโ๐ค', '๐ฉโ๐ซ','๐งโ๐ซ','๐จโ๐ซ','๐ฉโ๐ป','๐งโ๐ป','๐จโ๐ป','๐ฉโ๐','๐งโ๐','๐จโ๐','๐งโ๐', '๐ฆธโโ๏ธ','๐ฆธ','๐ฆธโโ๏ธ','๐ฆนโโ๏ธ','๐ฆน','๐ฆนโโ๏ธ','๐งโโ๏ธ','๐ง','๐งโโ๏ธ','๐งโโ๏ธ', '๐งโโ๏ธ','๐ง','๐งโโ๏ธ','๐งโโ๏ธ','๐ง','๐งโโ๏ธ','๐งโโ๏ธ','๐ง','๐งโโ๏ธ','๐งโโ๏ธ', '๐โโ๏ธ','๐','๐โโ๏ธ','๐โโ๏ธ','๐','๐โโ๏ธ','๐ถโโ๏ธ','๐ถ','๐ถโโ๏ธ','๐งโโ๏ธ', '๐ง','๐งโโ๏ธ','๐งโโ๏ธ','๐ง','๐งโโ๏ธ','๐โโ๏ธ','๐','๐โโ๏ธ','๐','๐บ', '๐ซ','๐ฌ','๐ญ','๐','๐','๐ช','๐จโ๐ฉโ๐ฆ','๐จโ๐ฉโ๐ง','๐จโ๐ฉโ๐งโ๐ฆ','๐จโ๐ฉโ๐ฆโ๐ฆ' ], animals: [ '๐ถ','๐','๐ฆฎ','๐โ๐ฆบ','๐ฉ','๐บ','๐ฆ','๐ฆ','๐ฑ','๐', '๐โโฌ','๐ฆ','๐ฏ','๐ ','๐','๐ด','๐ซ','๐ซ','๐','๐ฆ', '๐ฆ','๐ฆ','๐ฆฌ','๐ฎ','๐','๐','๐','๐ท','๐','๐', '๐ฝ','๐','๐','๐','๐ช','๐ซ','๐ฆ','๐ฆ','๐','๐ฆฃ', '๐ฆ','๐ฆ','๐ญ','๐','๐','๐น','๐ฐ','๐','๐ฟ๏ธ','๐ฆซ', '๐ฆ','๐ฆ','๐ป','๐ปโโ๏ธ','๐จ','๐ผ','๐ฆฅ','๐ฆฆ','๐ฆจ','๐ฆ', '๐ฆก','๐พ','๐ฆ','๐','๐','๐ฃ','๐ค','๐ฅ','๐ฆ','๐ง', '๐๏ธ','๐ฆ ','๐ฆ','๐ฆข','๐ฆ','๐ฆค','๐ชถ','๐ฆฉ','๐ฆ','๐ฆ', '๐ธ','๐','๐ข','๐ฆ','๐','๐ฒ','๐','๐ฆ','๐ฆ','๐ณ', '๐','๐ฌ','๐ฆญ','๐','๐ ','๐ก','๐ฆ','๐','๐','๐ชธ', '๐','๐ฆ','๐','๐','๐','๐ชฒ','๐','๐ฆ','๐ชณ','๐ท๏ธ', '๐ฆ','๐ฆ','๐ชฐ','๐ชฑ','๐ฆ ','๐','๐ธ','๐ฎ','๐ชท','๐ต๏ธ', '๐น','๐ฅ','๐บ','๐ป','๐ผ','๐ท','๐ชป','๐ฑ','๐ชด','๐ฒ', '๐ณ','๐ด','๐ต','๐พ','๐ฟ','โ๏ธ','๐','๐','๐','๐', '๐ชน','๐ชบ','๐','๐ฐ','๐ฆ','๐ฆ','๐ฆ','๐ฆ','๐ชผ','๐', '๐','๐','๐','๐','๐','๐','๐','๐','๐','๐', '๐','๐','๐','๐','โ๏ธ','๐','๐','โญ','๐','๐ ', 'โ๏ธ','โ ','๐ค๏ธ','๐ฅ๏ธ','๐ฆ๏ธ','๐ง๏ธ','โ๏ธ','๐ฉ๏ธ','๐ช๏ธ','๐', 'โ๏ธ','โ๏ธ','โ','๐ฅ','๐ง','๐','๐ซง' ], food: [ '๐','๐','๐','๐','๐','๐','๐','๐ฅญ','๐','๐', '๐','๐','๐','๐','๐ซ','๐ฅ','๐ ','๐ซ','๐ฅฅ','๐ฅ', '๐','๐ฅ','๐ฅ','๐ฝ','๐ถ๏ธ','๐ซ','๐ฅ','๐ฅฌ','๐ฅฆ','๐ง', '๐ง ','๐','๐ฅ','๐ซ','๐ฐ','๐','๐ฅ','๐ฅ','๐ซ','๐ฅจ', '๐ฅฏ','๐ฅ','๐ง','๐ง','๐','๐','๐ฅฉ','๐ฅ','๐','๐', '๐','๐ญ','๐ฅช','๐ฎ','๐ฏ','๐ซ','๐ฅ','๐ง','๐ฅ','๐ณ', '๐ฅ','๐ฒ','๐ซ','๐ฅฃ','๐ฅ','๐ฟ','๐ง','๐ง','๐ฅซ','๐ฑ', '๐','๐','๐','๐','๐','๐','๐ ','๐ข','๐ฃ','๐ค', '๐ฅ','๐ฅฎ','๐ก','๐ฅ','๐ฅ ','๐ฅก','๐ฆ','๐ฆ','๐ฆ','๐ฆ', '๐ฆช','๐ฆ','๐ง','๐จ','๐ฉ','๐ช','๐','๐ฐ','๐ง','๐ฅง', '๐ซ','๐ฌ','๐ญ','๐ฎ','๐ฏ','๐ผ','๐ฅ','โ','๐ซ','๐ต', '๐ถ','๐พ','๐ท','๐ธ','๐น','๐บ','๐ป','๐ฅ','๐ฅ','๐ซ', '๐ฅค','๐ง','๐ง','๐ง','๐ง','๐ฅข','๐ฝ๏ธ','๐ฅ','๐ช','๐ซ' ], activities: [ 'โฝ','๐','๐','โพ','๐ฅ','๐พ','๐','๐','๐ฅ','๐ฑ', '๐ช','๐','๐ธ','๐','๐','๐ฅ','๐','๐ช','๐ฅ ','โณ', '๐ช','๐น','๐ฃ','๐คฟ','๐ฅ','๐ฅ','๐ฝ','๐น','๐ผ','๐ท', 'โธ๏ธ','๐ฅ','๐ฟ','โท๏ธ','๐','๐ช','๐๏ธโโ๏ธ','๐๏ธ','๐๏ธโโ๏ธ','๐คธโโ๏ธ', '๐คธ','๐คธโโ๏ธ','โน๏ธโโ๏ธ','โน๏ธ','โน๏ธโโ๏ธ','๐คบ','๐คพโโ๏ธ','๐คพ','๐คพโโ๏ธ','๐๏ธโโ๏ธ', '๐๏ธ','๐๏ธโโ๏ธ','๐','๐งโโ๏ธ','๐ง','๐งโโ๏ธ','๐โโ๏ธ','๐','๐โโ๏ธ','๐โโ๏ธ', '๐','๐โโ๏ธ','๐คฝโโ๏ธ','๐คฝ','๐คฝโโ๏ธ','๐ฃโโ๏ธ','๐ฃ','๐ฃโโ๏ธ','๐งโโ๏ธ','๐ง', '๐งโโ๏ธ','๐ตโโ๏ธ','๐ต','๐ตโโ๏ธ','๐ดโโ๏ธ','๐ด','๐ดโโ๏ธ','๐','๐ฅ','๐ฅ', '๐ฅ','๐ ','๐๏ธ','๐ต๏ธ','๐๏ธ','๐ซ','๐๏ธ','๐ช','๐คนโโ๏ธ','๐คน', '๐คนโโ๏ธ','๐ญ','๐ฉฐ','๐จ','๐ฌ','๐ค','๐ง','๐ผ','๐น','๐ฅ', '๐ช','๐ท','๐บ','๐ช','๐ธ','๐ช','๐ป','๐ช','๐ฒ','โ๏ธ', '๐ฏ','๐ณ','๐ฎ','๐น๏ธ','๐งฉ','๐ช ','๐ชฉ','๐ช','โ ๏ธ','โฅ๏ธ', 'โฆ๏ธ','โฃ๏ธ','๐','๐','๐ด','๐ฐ','๐งธ' ], travel: [ '๐','๐','๐','๐','๐','๐๏ธ','๐','๐','๐','๐', '๐ป','๐','๐','๐','๐๏ธ','๐ต','๐ฆฝ','๐ฆผ','๐บ','๐ฒ', '๐ด','๐น','๐ผ','๐','๐ฃ๏ธ','๐ค๏ธ','๐','โฝ','๐','๐จ', '๐ฅ','๐ฆ','๐ง','โ','๐','โต','๐ถ','๐ค','๐ณ๏ธ','โด๏ธ', '๐ฅ๏ธ','๐ข','โ๏ธ','๐ฉ๏ธ','๐ซ','๐ฌ','๐ช','๐บ','๐','๐', '๐ ','๐ก','๐ฐ๏ธ','๐','๐ธ','๐','๐','๐','๐บ๏ธ','๐งญ', '๐๏ธ','โฐ๏ธ','๐','๐ป','๐๏ธ','๐๏ธ','๐๏ธ','๐๏ธ','๐๏ธ','๐๏ธ', '๐๏ธ','๐๏ธ','๐งฑ','๐ชจ','๐ชต','๐','๐๏ธ','๐๏ธ','๐ ','๐ก', '๐ข','๐ฃ','๐ค','๐ฅ','๐ฆ','๐จ','๐ฉ','๐ช','๐ซ','๐ฌ', '๐ญ','๐ฏ','๐ฐ','๐','๐ผ','๐ฝ','โช','๐','๐','๐', 'โฉ๏ธ','๐','โฒ','โบ','๐','๐','๐๏ธ','๐','๐ ','๐', '๐','๐','๐ ','๐','๐ก','๐ข','๐ช','๐','๐ฟ','๐' ], objects: [ 'โ','๐ฑ','๐ฒ','๐ป','โจ๏ธ','๐ฅ๏ธ','๐จ๏ธ','๐ฑ๏ธ','๐ฒ๏ธ','๐น๏ธ', '๐๏ธ','๐ฝ','๐พ','๐ฟ','๐','๐ผ','๐ท','๐ธ','๐น','๐ฅ', '๐ฝ๏ธ','๐๏ธ','๐','โ๏ธ','๐','๐ ','๐บ','๐ป','๐๏ธ','๐๏ธ', '๐๏ธ','๐งญ','โฑ๏ธ','โฒ๏ธ','โฐ','๐ฐ๏ธ','โ','โณ','๐ก','๐', '๐ชซ','๐','๐ก','๐ฆ','๐ฏ๏ธ','๐ช','๐งฏ','๐ข๏ธ','๐ฐ','๐ช', '๐ด','๐ต','๐ถ','๐ท','๐ชช','๐ณ','๐งพ','๐','โ๏ธ','๐ช', '๐งฐ','๐ช','๐ง','๐จ','โ๏ธ','๐ ๏ธ','โ๏ธ','๐ช','๐ฉ','โ๏ธ', '๐ชค','๐งฑ','โ๏ธ','๐งฒ','๐ซ','๐ฃ','๐งจ','๐ช','๐ช','๐ก๏ธ', 'โ๏ธ','๐ก๏ธ','๐ฌ','โฐ๏ธ','๐ชฆ','โฑ๏ธ','๐บ','๐ฎ','๐ฟ','๐งฟ', '๐ชฌ','๐','โ๏ธ','๐ญ','๐ฌ','๐ณ๏ธ','๐ฉน','๐ฉบ','๐ฉป','๐ฉผ', '๐','๐','๐ฉธ','๐งฌ','๐ฆ ','๐งซ','๐งช','๐ก๏ธ','๐งน','๐ช ', '๐งบ','๐งป','๐ฝ','๐ฐ','๐ฟ','๐','๐','๐งผ','๐ชฅ','๐ช', '๐งฝ','๐ชฃ','๐งด','๐๏ธ','๐','๐๏ธ','๐ช','๐ช','๐๏ธ','๐๏ธ', '๐','๐งธ','๐ช','๐ผ๏ธ','๐ช','๐ช','๐๏ธ','๐','๐','๐', '๐','๐','๐ช','๐ช ','๐','๐','๐','๐ฎ','๐','๐งง', 'โ๏ธ','๐ฉ','๐จ','๐ง','๐','๐ฅ','๐ค','๐ฆ','๐ท๏ธ','๐ชง', '๐ช','๐ซ','๐ฌ','๐ญ','๐ฎ','๐ฏ','๐','๐','๐','๐', '๐งพ','๐','๐','๐','๐๏ธ','๐๏ธ','๐','๐ ','๐๏ธ','๐', '๐๏ธ','๐ณ๏ธ','๐๏ธ','๐','๐','๐','๐๏ธ','๐๏ธ','๐ฐ','๐', '๐','๐','๐','๐','๐','๐','๐','๐','๐','๐งท', '๐','๐','๐๏ธ','๐','๐','๐งฎ','๐','๐','โ๏ธ','๐๏ธ', '๐๏ธ','โ๏ธ','๐๏ธ','๐๏ธ','๐','โ๏ธ','๐','๐','๐','๐','๐','๐' ], symbols: [ 'โ ','โ','โ','โญ','โ๏ธ','โ๏ธ','โ','โ','โ','โ', 'โผ๏ธ','โ๏ธ','โ ๏ธ','๐ฏ','๐ด','๐ ','๐ก','๐ข','๐ต','๐ฃ', 'โฌ','โฌ','๐ฅ','๐ง','๐จ','๐ฉ','๐ฆ','๐ช','๐ซ','๐ฒ', '๐ณ','โช๏ธ','โซ๏ธ','โพ','โฝ','โผ๏ธ','โป๏ธ','๐ถ','๐ท','๐ธ', '๐น','๐บ','๐ป','๐ ','๐','โค๏ธ','๐งก','๐','๐','๐', '๐','๐ค','๐ค','๐ค','๐','โค๏ธโ๐ฅ','โค๏ธโ๐ฉน','โฃ๏ธ','๐','๐', '๐','๐','๐','๐','๐','๐','โจ','๐ซ','๐','โก', '๐ฅ','๐ฅ','๐ข','โจ๏ธ','๐','โ','๐ซ','๐','๐ท','๐ฏ', '๐ณ','๐ฑ','๐','๐ต','๐ญ','โป๏ธ','๐ฐ','โ๏ธ','๐ฑ','๐', 'โฎ๏ธ','โ๏ธ','โช๏ธ','๐๏ธ','โธ๏ธ','โก๏ธ','๐ฏ','๐','โฏ๏ธ','โฆ๏ธ', '๐','โ','โ','โ','โ','โ','โ','โ','โ','โ', 'โ','โ','โ','โ','๐','โ๏ธ','โข๏ธ','โฃ๏ธ','๐','๐ฎ', '๐ ฐ๏ธ','๐ ฑ๏ธ','๐','๐','๐ พ๏ธ','๐','๐','๐','๐','๐', '๐','โน๏ธ','๐ค','๐ง','๐พ','โฟ','๐ ฟ๏ธ','๐','๐น','๐บ', '๐ป','๐ผ','๐ฎ','๐ฃ','๐ค','๐ก','๐ ','0๏ธโฃ','1๏ธโฃ','2๏ธโฃ', '3๏ธโฃ','4๏ธโฃ','5๏ธโฃ','6๏ธโฃ','7๏ธโฃ','8๏ธโฃ','9๏ธโฃ','๐','๐ข','#๏ธโฃ', '*๏ธโฃ','โถ๏ธ','โฉ','โญ๏ธ','โฏ๏ธ','โ๏ธ','โช','โฎ๏ธ','๐ผ','โซ', '๐ฝ','โฌ','โธ๏ธ','โน๏ธ','โบ๏ธ','๐','๐','๐','โ ๏ธ','โฅ๏ธ', 'โฆ๏ธ','โฃ๏ธ','๐','๐','๐ด' ], flags: [ '๐','๐ฉ','๐','๐ด','๐ณ๏ธ','๐ณ๏ธโ๐','๐ณ๏ธโโง๏ธ','๐ดโโ ๏ธ', '๐ท๐ด','๐ฒ๐ฉ','๐ช๐บ','๐บ๐ธ','๐ฌ๐ง','๐ซ๐ท','๐ฉ๐ช','๐ฎ๐น', '๐ช๐ธ','๐ต๐น','๐ณ๐ฑ','๐ง๐ช','๐ฆ๐น','๐จ๐ญ','๐ต๐ฑ','๐จ๐ฟ', '๐ญ๐บ','๐ง๐ฌ','๐ญ๐ท','๐ท๐ธ','๐ฌ๐ท','๐น๐ท','๐บ๐ฆ','๐ท๐บ', '๐ธ๐ช','๐ณ๐ด','๐ฉ๐ฐ','๐ซ๐ฎ','๐ฎ๐ช','๐ฎ๐ธ','๐ฑ๐น','๐ฑ๐ป', '๐ช๐ช','๐ธ๐ฐ','๐ธ๐ฎ','๐ฒ๐ช','๐ฒ๐ฐ','๐ฆ๐ฑ','๐ฝ๐ฐ','๐ง๐ฆ', '๐จ๐ฆ','๐ฒ๐ฝ','๐ง๐ท','๐ฆ๐ท','๐จ๐ฑ','๐จ๐ด','๐ต๐ช','๐ป๐ช', '๐ฏ๐ต','๐ฐ๐ท','๐จ๐ณ','๐ฎ๐ณ','๐ฆ๐บ','๐ณ๐ฟ','๐ฟ๐ฆ','๐ช๐ฌ', '๐ฎ๐ฑ','๐ธ๐ฆ','๐ฆ๐ช','๐ถ๐ฆ','๐น๐ญ','๐ป๐ณ','๐ฎ๐ฉ','๐ต๐ญ', '๐ฒ๐พ','๐ธ๐ฌ','๐ญ๐ฐ','๐น๐ผ','๐ฐ๐ช','๐ณ๐ฌ','๐ฌ๐ญ','๐ฒ๐ฆ' ] }; // Simple search keywords mapping (emoji -> keywords) var SEARCH_KEYWORDS = { '๐':'happy grin fericit','๐':'happy smiley fericit','๐':'smile laugh fericit','๐':'grin beam','๐':'laugh haha','๐ ':'sweat relieved','๐คฃ':'rofl lol','๐':'joy tears laugh ras', '๐':'slight smile','๐':'upside down','๐':'wink clipire','๐':'blush timid','๐':'angel inger','๐ฅฐ':'love hearts iubire','๐':'heart eyes iubire dragoste','๐คฉ':'star eyes uimire', '๐':'kiss sarut','๐':'kiss','๐':'kiss','๐':'kiss','๐ฅฒ':'smiling tear','๐':'yummy delicious','๐':'tongue limba','๐':'wink tongue','๐คช':'crazy nebun','๐':'tongue squint', '๐ค':'money bani','๐ค':'hug imbratisare','๐คญ':'oops','๐คซ':'shh quiet liniste','๐ค':'think gandire','๐ค':'zip quiet','๐คจ':'raised eyebrow','๐':'neutral','๐':'expressionless', '๐ถ':'no mouth','๐':'smirk','๐':'unamused','๐':'eye roll','๐ฌ':'grimace','๐คฅ':'lie pinocchio','๐':'relieved','๐':'pensive trist','๐ช':'sleepy somn','๐คค':'drool', '๐ด':'sleep somn','๐ท':'mask masca','๐ค':'fever bolnav','๐ค':'hurt bandage','๐คข':'nausea','๐คฎ':'vomit','๐ฅต':'hot cald','๐ฅถ':'cold frig','๐ฅด':'woozy beat','๐ต':'dizzy ametit', '๐คฏ':'exploding mind','๐ค ':'cowboy','๐ฅณ':'party celebrate sarbatoare','๐ฅธ':'disguise','๐':'cool sunglasses','๐ค':'nerd','๐ง':'monocle','๐':'confused confuz','๐':'worried ingrijorat', '๐':'sad trist','๐ฎ':'open mouth','๐ฏ':'hushed','๐ฒ':'astonished surprins','๐ณ':'flushed','๐ฅบ':'pleading please','๐ฅน':'teary eyes','๐จ':'fearful','๐ฐ':'anxious sweat', '๐ฅ':'sad relieved','๐ข':'cry plange trist','๐ญ':'sob crying plange','๐ฑ':'scream scared','๐':'confounded','๐ฃ':'persevere','๐':'disappointed dezamagit','๐':'downcast sweat', '๐ฉ':'weary tired obosit','๐ซ':'tired obosit','๐ฅฑ':'yawn casca','๐ค':'triumph angry furios','๐ก':'rage angry furios','๐ ':'angry furios','๐คฌ':'cursing swearing', '๐':'devil','๐ฟ':'angry devil','๐':'skull dead mort','โ ๏ธ':'skull crossbones','๐ฉ':'poop caca','๐คก':'clown clovn','๐น':'ogre','๐บ':'goblin', '๐ป':'ghost fantoma','๐ฝ':'alien extraterestru','๐พ':'space invader','๐ค':'robot','๐บ':'cat smile pisica','๐ธ':'cat grin','๐น':'cat joy','๐ป':'cat heart eyes', 'โค๏ธ':'heart love red inima iubire','๐งก':'orange heart','๐':'yellow heart','๐':'green heart','๐':'blue heart','๐':'purple heart','๐ค':'black heart', '๐ค':'white heart','๐ค':'brown heart','๐':'broken heart inima sparta','๐':'two hearts','๐':'revolving hearts','๐':'heartbeat','๐':'growing heart', '๐':'sparkling heart','๐':'heart arrow cupid','๐':'heart ribbon','๐ฏ':'hundred perfect','โจ':'sparkles stele','โก':'lightning fulger','๐ฅ':'fire foc', '๐':'thumbs up like bun','๐':'thumbs down dislike','๐':'clap aplauze','๐':'pray please ruga','โ๏ธ':'peace pace victory','๐ค':'handshake', '๐':'wave hello salut','๐ช':'strong muscle tare','๐':'eyes ochi look','๐':'party tada sarbatoare','๐':'confetti','๐':'gift cadou','๐':'birthday cake tort', '๐':'trophy trofeu','๐ฅ':'first gold aur','๐ฅ':'second silver argint','๐ฅ':'third bronze','๐ฎ':'game joc','๐ฏ':'target tinta', '๐ท๐ด':'romania','๐ฒ๐ฉ':'moldova','๐ช๐บ':'europe europa','๐บ๐ธ':'usa america','๐ฌ๐ง':'uk britain england','๐ซ๐ท':'france franta', '๐ฉ๐ช':'germany germania','๐ฎ๐น':'italy italia','๐ช๐ธ':'spain spania','๐ถ':'dog caine','๐ฑ':'cat pisica','๐ป':'bear urs', '๐น':'rose trandafir','๐ป':'sunflower floarea soarelui','๐':'pizza','๐':'burger hamburger','โ':'coffee cafea','๐บ':'beer bere', '๐':'car masina','โ๏ธ':'airplane avion','๐ ':'house casa','๐ป':'computer laptop','๐ฑ':'phone telefon','๐ท':'camera foto', '๐ต':'music muzica','๐ธ':'guitar chitara','โฝ':'soccer football fotbal','๐':'basketball baschet', 'โ ':'check green tick yes da bine ok correct','โ':'cross no nu wrong gresit','โ':'cross mark','โญ':'circle cerc','โ๏ธ':'check tick bifat', 'โ๏ธ':'checkbox check bifat','โ ๏ธ':'warning atentie','๐ฏ':'hundred hundred perfect','๐ด':'red circle rosu','๐ข':'green circle verde', '๐ต':'blue circle albastru','๐ก':'yellow circle galben','๐ฃ':'purple circle mov', '๐ท๐ด':'romania romanian','๐ฒ๐ฉ':'moldova moldovan','๐ช๐บ':'europe european europa','๐บ๐ธ':'usa america american united states', '๐ฌ๐ง':'uk britain england british','๐ซ๐ท':'france french franta','๐ฉ๐ช':'germany german germania','๐ฎ๐น':'italy italian italia', '๐ช๐ธ':'spain spanish spania','๐บ๐ฆ':'ukraine ukrainian ucraina','๐ต๐ฑ':'poland polish polonia','๐ญ๐บ':'hungary hungarian ungaria', '๐ง๐ฌ':'bulgaria bulgarian','๐ญ๐ท':'croatia croatian croatia','๐ท๐ธ':'serbia serbian','๐ฌ๐ท':'greece greek grecia', '๐น๐ท':'turkey turkish turcia','๐ฏ๐ต':'japan japanese japonia','๐ฐ๐ท':'korea korean coreea','๐จ๐ณ':'china chinese' }; var RECENT_KEY = 'emoji_recent'; var MAX_RECENT = 32; var picker = document.getElementById('emoji-picker'); var grid = document.getElementById('emoji-picker-grid'); var searchInput = document.getElementById('emoji-search'); var activeTextarea = null; var activeCat = 'smileys'; var twOpts = { folder: 'svg', ext: '.svg' }; // โโ Saved cursor position (preserved across focus loss) โโ var savedRange = null; // for contenteditable var savedSelStart = 0; // for plain textarea/input var savedSelEnd = 0; function getRecent() { try { return JSON.parse(localStorage.getItem(RECENT_KEY)) || []; } catch(e) { return []; } } function addRecent(emoji) { var list = getRecent().filter(function(e) { return e !== emoji; }); list.unshift(emoji); if (list.length > MAX_RECENT) list = list.slice(0, MAX_RECENT); try { localStorage.setItem(RECENT_KEY, JSON.stringify(list)); } catch(e) {} } function renderEmojis(emojis) { grid.innerHTML = ''; grid.scrollTop = 0; if (!emojis || !emojis.length) { grid.innerHTML = '<div class="emoji-empty">Niciun emoji gasit</div>'; return; } for (var i = 0; i < emojis.length; i++) { var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'emoji-cell'; btn.textContent = emojis[i]; btn.setAttribute('data-emoji', emojis[i]); grid.appendChild(btn); } // Use twemoji to render proper emoji images (fixes flags on Windows) if (window.twemoji) { twemoji.parse(grid, twOpts); } } function renderCategory(cat) { activeCat = cat; searchInput.value = ''; if (cat === 'recent') { var recent = getRecent(); renderEmojis(recent.length ? recent : null); if (!recent.length) { grid.innerHTML = '<div class="emoji-empty">Emoji-urile folosite recent vor aparea aici</div>'; } } else { renderEmojis(EMOJI_DATA[cat] || []); } var tabs = picker.querySelectorAll('.emoji-tab'); for (var j = 0; j < tabs.length; j++) { tabs[j].classList.toggle('is-active', tabs[j].getAttribute('data-emoji-cat') === cat); } } function searchEmojis(query) { query = query.toLowerCase().trim(); if (!query) { renderCategory(activeCat); return; } var results = []; var seen = {}; var cats = Object.keys(EMOJI_DATA); for (var c = 0; c < cats.length; c++) { var arr = EMOJI_DATA[cats[c]]; for (var i = 0; i < arr.length; i++) { var em = arr[i]; if (seen[em]) continue; var kw = (SEARCH_KEYWORDS[em] || '').toLowerCase(); if (em.indexOf(query) !== -1 || kw.indexOf(query) !== -1) { results.push(em); seen[em] = true; } } } renderEmojis(results); // Clear active tab highlight during search var tabs = picker.querySelectorAll('.emoji-tab'); for (var j = 0; j < tabs.length; j++) { tabs[j].classList.remove('is-active'); } } /* โโ Extract plain text from contenteditable (twemoji img.alt โ emoji char) โโ */ function extractText(el) { var txt = ''; var nodes = el.childNodes; for (var i = 0; i < nodes.length; i++) { var n = nodes[i]; if (n.nodeType === 3) { txt += n.textContent; } else if (n.nodeName === 'BR') { txt += '\n'; } else if (n.nodeName === 'IMG' && n.alt) { txt += n.alt; } else if (n.nodeName === 'DIV' || n.nodeName === 'P') { if (txt.length && txt[txt.length - 1] !== '\n') txt += '\n'; txt += extractText(n); } else { txt += extractText(n); } } return txt; } /* โโ Upgrade textarea โ contenteditable div for rich emoji display โโ */ function upgradeForEmoji(textarea) { if (textarea._emojiUpgraded) return textarea._emojiEditor; var editor = document.createElement('div'); editor.contentEditable = 'true'; editor.className = 'emoji-editor'; editor.setAttribute('role', 'textbox'); editor.setAttribute('aria-multiline', 'true'); editor.setAttribute('spellcheck', 'true'); // Copy placeholder var ph = textarea.getAttribute('placeholder'); if (ph) editor.setAttribute('data-placeholder', ph); // Copy inline styles from textarea (border, padding, border-radius, etc.) editor.style.cssText = textarea.style.cssText; editor.style.display = ''; // Copy existing content if (textarea.value.trim()) { editor.textContent = textarea.value; if (window.twemoji) twemoji.parse(editor, twOpts); } // Hide original textarea but keep in DOM for form submission textarea.style.position = 'absolute'; textarea.style.width = '1px'; textarea.style.height = '1px'; textarea.style.opacity = '0'; textarea.style.overflow = 'hidden'; textarea.style.padding = '0'; textarea.style.border = '0'; textarea.style.pointerEvents = 'none'; textarea.tabIndex = -1; // Handle required validation var isRequired = textarea.hasAttribute('required'); if (isRequired) textarea.removeAttribute('required'); // Insert editor before textarea in the DOM textarea.parentNode.insertBefore(editor, textarea); // Forward onfocus handler (e.g. expandComposer) and trigger it now var onFocusCode = textarea.getAttribute('onfocus'); if (onFocusCode) { editor.setAttribute('onfocus', onFocusCode); try { (new Function(onFocusCode))(); } catch(e) {} } // Save cursor position on blur so emoji insertion knows where to place it editor.addEventListener('blur', function() { var sel = window.getSelection(); if (sel.rangeCount && editor.contains(sel.anchorNode)) { savedRange = sel.getRangeAt(0).cloneRange(); } }); // Sync contenteditable โ textarea on input editor.addEventListener('input', function() { textarea.value = extractText(editor); textarea.dispatchEvent(new Event('input', { bubbles: true })); }); // Strip formatting on paste, then parse emojis editor.addEventListener('paste', function(e) { e.preventDefault(); var text = (e.clipboardData || window.clipboardData).getData('text/plain'); document.execCommand('insertText', false, text); if (window.twemoji) twemoji.parse(editor, twOpts); textarea.value = extractText(editor); }); // Normalize Enter โ <br> instead of <div> editor.addEventListener('keydown', function(e) { if (e.key === 'Enter') { e.preventDefault(); document.execCommand('insertLineBreak'); textarea.value = extractText(editor); } }); // Sync before form submit + validate required var form = textarea.closest('form'); if (form) { form.addEventListener('submit', function(e) { textarea.value = extractText(editor); if (isRequired && !textarea.value.trim()) { e.preventDefault(); editor.focus(); editor.style.borderColor = '#ef4444'; setTimeout(function() { editor.style.borderColor = ''; }, 2000); } }); } editor._linkedTextarea = textarea; textarea._emojiEditor = editor; textarea._emojiUpgraded = true; return editor; } window.upgradeTextareaForEmoji = upgradeForEmoji; function insertEmojiAtCursor(el, emoji) { if (!el) return; // Contenteditable editor โ insert emoji as twemoji image if (el.contentEditable === 'true') { el.focus(); // Build a parsed fragment (emoji โ img via twemoji) var tmp = document.createElement('span'); tmp.textContent = emoji; if (window.twemoji) twemoji.parse(tmp, twOpts); var sel = window.getSelection(); var range; // Restore saved cursor position (saved on blur before picker opened) if (savedRange && el.contains(savedRange.startContainer)) { range = savedRange; sel.removeAllRanges(); sel.addRange(range); } else if (sel.rangeCount && el.contains(sel.anchorNode)) { range = sel.getRangeAt(0); } else { // No saved position โ append at end range = document.createRange(); range.selectNodeContents(el); range.collapse(false); sel.removeAllRanges(); sel.addRange(range); } range.deleteContents(); var frag = document.createDocumentFragment(); var last; while (tmp.firstChild) { last = tmp.firstChild; frag.appendChild(last); } range.insertNode(frag); if (last) { range.setStartAfter(last); range.collapse(true); sel.removeAllRanges(); sel.addRange(range); } // Update saved range to new cursor position for subsequent inserts savedRange = range.cloneRange(); // Sync to hidden textarea if (el._linkedTextarea) { el._linkedTextarea.value = extractText(el); el._linkedTextarea.dispatchEvent(new Event('input', { bubbles: true })); } return; } // Fallback: plain textarea/input โ use saved positions el.focus(); var start = savedSelStart || el.selectionStart || 0; var end = savedSelEnd || el.selectionEnd || 0; var val = el.value; el.value = val.substring(0, start) + emoji + val.substring(end); var pos = start + emoji.length; el.selectionStart = pos; el.selectionEnd = pos; // Update saved positions for subsequent inserts savedSelStart = pos; savedSelEnd = pos; el.dispatchEvent(new Event('input', { bubbles: true })); } function positionPicker(triggerBtn) { var rect = triggerBtn.getBoundingClientRect(); var pickerH = 400; var pickerW = 352; var margin = 8; var top, left; if (rect.top > pickerH + margin) { top = rect.top - pickerH - margin + window.scrollY; } else { top = rect.bottom + margin + window.scrollY; } left = rect.left + (rect.width / 2) - (pickerW / 2); left = Math.max(12, Math.min(left, window.innerWidth - pickerW - 12)); picker.style.top = top + 'px'; picker.style.left = left + 'px'; } window.openEmojiPicker = function(triggerBtn, targetEl) { // Save cursor position for plain textarea/input BEFORE upgrading or losing focus if (targetEl && (targetEl.tagName === 'TEXTAREA' || targetEl.tagName === 'INPUT')) { savedSelStart = targetEl.selectionStart || 0; savedSelEnd = targetEl.selectionEnd || 0; } // For contenteditable that was already upgraded, savedRange was set on blur if (targetEl && targetEl._emojiUpgraded && targetEl._emojiEditor) { targetEl = targetEl._emojiEditor; } // Auto-upgrade textarea โ contenteditable for rich emoji display (flags, etc.) if (targetEl && targetEl.tagName === 'TEXTAREA') { targetEl = upgradeForEmoji(targetEl); // First-time upgrade: no savedRange exists yet, so place cursor at end of content if (!savedRange && targetEl.childNodes.length) { var r = document.createRange(); r.selectNodeContents(targetEl); r.collapse(false); // collapse to end savedRange = r; } } if (picker.style.display !== 'none' && activeTextarea === targetEl) { closeEmojiPicker(); return; } activeTextarea = targetEl; searchInput.value = ''; justOpened = true; renderCategory(activeCat); picker.style.display = 'flex'; positionPicker(triggerBtn); setTimeout(function() { searchInput.focus(); justOpened = false; }, 120); }; function closeEmojiPicker() { picker.style.display = 'none'; activeTextarea = null; savedRange = null; savedSelStart = 0; savedSelEnd = 0; } window.closeEmojiPicker = closeEmojiPicker; // Search input handler var searchTimer; searchInput.addEventListener('input', function() { clearTimeout(searchTimer); var q = this.value; searchTimer = setTimeout(function() { searchEmojis(q); }, 150); }); // Prevent search input from closing picker searchInput.addEventListener('click', function(e) { e.stopPropagation(); }); picker.addEventListener('click', function(e) { var tab = e.target.closest('.emoji-tab'); if (tab) { var cat = tab.getAttribute('data-emoji-cat'); if (cat) renderCategory(cat); return; } var cell = e.target.closest('.emoji-cell'); if (cell && activeTextarea) { var emoji = cell.getAttribute('data-emoji'); if (emoji) { insertEmojiAtCursor(activeTextarea, emoji); addRecent(emoji); } return; } if (e.target.closest('.emoji-picker-close')) { closeEmojiPicker(); } }); document.addEventListener('click', function(e) { if (picker.style.display === 'none') return; if (e.target.closest('#emoji-picker')) return; if (e.target.closest('[data-emoji-trigger]')) return; closeEmojiPicker(); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && picker.style.display !== 'none') { closeEmojiPicker(); } }); // Trap scroll inside picker โ prevent page scroll bleed when grid hits top/bottom picker.addEventListener('wheel', function(e) { var t = grid; var atTop = t.scrollTop <= 0 && e.deltaY < 0; var atBottom = (t.scrollTop + t.clientHeight >= t.scrollHeight - 1) && e.deltaY > 0; if (atTop || atBottom) { e.preventDefault(); } }, { passive: false }); var scrollTimer; var justOpened = false; function onScrollOrResize(e) { if (picker.style.display === 'none') return; if (justOpened) return; // Ignore scroll events originating from inside the picker (grid scrolling) if (e && e.target && (e.target === picker || picker.contains(e.target))) return; clearTimeout(scrollTimer); scrollTimer = setTimeout(closeEmojiPicker, 200); } window.addEventListener('scroll', onScrollOrResize, true); window.addEventListener('resize', onScrollOrResize); renderCategory('smileys'); // Global helper: parse an element with twemoji (for dynamically added content) window.twemojiParseEl = function(el) { if (window.twemoji && el) twemoji.parse(el, twOpts); }; // Re-parse with twemoji once it loads (deferred script) var twemojiCheck = setInterval(function() { if (window.twemoji) { clearInterval(twemojiCheck); // Parse emoji grid if (grid.children.length && !grid.querySelector('img.emoji')) { twemoji.parse(grid, twOpts); } // Parse entire page content so published posts/comments show flag emojis as images twemoji.parse(document.body, twOpts); } }, 200); // Stop checking after 10s setTimeout(function() { clearInterval(twemojiCheck); }, 10000); })(); </script> <div id="who-reacted-modal" class="wr-modal" aria-hidden="true" style="display:none"> <div class="wr-backdrop" data-wr-dismiss></div> <div class="wr-dialog"> <div class="wr-header"> <strong>Cine a reacศionat</strong> <button type="button" class="wr-close" data-wr-dismiss>×</button> </div> <div class="wr-tabs" id="wr-tabs"></div> <div class="wr-body" id="wr-body"> <div class="wr-loading">Se รฎncarcฤ...</div> </div> </div> </div> <!-- Who-reacted & reaction animation styles now in resources/css/core.css via Vite --> <div id="media-lightbox" class="media-lightbox" aria-hidden="true"> <div class="media-lightbox-backdrop" data-lightbox-dismiss></div> <div class="media-lightbox-dialog" role="dialog" aria-modal="true" aria-label="Vizualizare imagine"> <div class="media-lightbox-stage"> <button type="button" class="media-lightbox-close" data-lightbox-dismiss aria-label="Inchide">×</button> <button type="button" class="media-lightbox-nav prev" data-lightbox-prev aria-label="Imaginea anterioara">‹</button> <img id="media-lightbox-image" src="" alt=""> <button type="button" class="media-lightbox-nav next" data-lightbox-next aria-label="Imaginea urmatoare">›</button> </div> <aside class="media-lightbox-sidebar"> <div id="media-lightbox-meta" class="media-lightbox-meta"></div> <div id="media-lightbox-card" class="media-lightbox-card"></div> </aside> </div> </div> <script> (function () { if (window.__layoutInitDone) return; window.__layoutInitDone = true; function initLayoutUi() { var dark = false; var serverTheme = document.querySelector('meta[name="user-theme"]'); if (serverTheme && serverTheme.content) { if (serverTheme.content === 'dark') dark = true; else if (serverTheme.content === 'auto') { dark = window.matchMedia('(prefers-color-scheme: dark)').matches; } } else { try { dark = localStorage.getItem('tema') === 'intunecata'; } catch (e) {} } document.body.classList.remove('dark', 'light'); document.body.classList.add(dark ? 'dark' : 'light'); var themeBtn = document.getElementById('toggle-tema'); if (themeBtn) { themeBtn.addEventListener('click', function () { dark = !dark; document.body.classList.remove('dark', 'light'); document.body.classList.add(dark ? 'dark' : 'light'); try { localStorage.setItem('tema', dark ? 'intunecata' : 'deschisa'); } catch (e) {} var csrfMeta = document.querySelector('meta[name="csrf-token"]'); if (csrfMeta) { fetch('/setari/tema', { method:'POST', headers:{'X-CSRF-TOKEN':csrfMeta.content,'Accept':'application/json','Content-Type':'application/json'}, body:JSON.stringify({theme: dark ? 'dark' : 'light'}) }).catch(function(){}); } }); } var menuBtn = document.getElementById('menu-toggle'); var navLinks = document.getElementById('nav-links'); if (menuBtn) { if (!menuBtn.hasAttribute('aria-controls') && navLinks) { menuBtn.setAttribute('aria-controls', 'nav-links'); } menuBtn.setAttribute('aria-expanded', 'false'); menuBtn.addEventListener('click', function () { var open = document.body.classList.toggle('menu-open'); menuBtn.setAttribute('aria-expanded', open ? 'true' : 'false'); if (open && navLinks && typeof navLinks.scrollIntoView === 'function') { navLinks.scrollIntoView({ block: 'nearest' }); } }); } var headerSearch = document.getElementById('header-search'); if (headerSearch) { var searchInput = headerSearch.querySelector('input[name="q"]'); var mobileQuery = window.matchMedia('(max-width: 768px)'); var openSearch = function () { if (!mobileQuery.matches) return; headerSearch.classList.add('is-expanded'); if (searchInput) window.setTimeout(function () { searchInput.focus(); }, 50); }; var closeSearch = function () { if (!mobileQuery.matches || !searchInput) return; if (searchInput.value.trim() !== '') return; headerSearch.classList.remove('is-expanded'); }; headerSearch.addEventListener('click', function (event) { if (!mobileQuery.matches) return; if (!headerSearch.classList.contains('is-expanded')) { event.preventDefault(); openSearch(); } }); if (searchInput) { searchInput.addEventListener('focus', openSearch); searchInput.addEventListener('blur', function () { window.setTimeout(closeSearch, 120); }); } document.addEventListener('click', function (event) { if (!headerSearch.contains(event.target)) closeSearch(); }); window.addEventListener('resize', function () { if (!mobileQuery.matches) headerSearch.classList.remove('is-expanded'); }); } var backBtn = document.getElementById('back-to-top'); if (backBtn) { var onScroll = function () { if (window.scrollY > 200) { backBtn.classList.add('show'); } else { backBtn.classList.remove('show'); } }; window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); backBtn.addEventListener('click', function (e) { e.preventDefault(); window.scrollTo({ top: 0, behavior: 'smooth' }); }); } var lightbox = document.getElementById('media-lightbox'); var lightboxImage = document.getElementById('media-lightbox-image'); var lightboxMeta = document.getElementById('media-lightbox-meta'); var lightboxCard = document.getElementById('media-lightbox-card'); var prevBtn = lightbox ? lightbox.querySelector('[data-lightbox-prev]') : null; var nextBtn = lightbox ? lightbox.querySelector('[data-lightbox-next]') : null; var currentGallery = []; var currentIndex = 0; function findGalleryItems(trigger) { var key = trigger.getAttribute('data-lightbox-gallery'); if (!key) return [trigger]; return Array.from(document.querySelectorAll('[data-lightbox-image][data-lightbox-gallery="' + key.replace(/"/g, '\\"') + '"]')); } function buildSidebar(trigger) { if (!lightboxCard || !lightboxMeta) return; lightboxCard.innerHTML = ''; lightboxMeta.textContent = trigger.getAttribute('data-lightbox-title') || trigger.getAttribute('alt') || 'Imagine'; var card = null; var selector = trigger.getAttribute('data-lightbox-card'); if (selector) { card = document.querySelector(selector); } if (!card) { card = trigger.closest('article.card'); } if (!card) { var emptyCard = document.createElement('article'); emptyCard.className = 'card'; emptyCard.innerHTML = '<div style="display:grid;gap:.55rem;"><div style="font-weight:700;">' + (trigger.getAttribute('data-lightbox-title') || trigger.getAttribute('alt') || 'Imagine') + '</div><div class="muted" style="font-size:.92rem;line-height:1.5;">' + (trigger.getAttribute('data-lightbox-description') || 'Imagine deschisa in vizualizare mare.') + '</div></div>'; lightboxCard.appendChild(emptyCard); return; } var sidebarCard = document.createElement('article'); sidebarCard.className = 'card'; var header = card.querySelector(':scope > header'); if (header) { sidebarCard.appendChild(header.cloneNode(true)); } var footer = card.querySelector(':scope > footer.rx-row'); var child = header ? header.nextElementSibling : card.firstElementChild; while (child && child !== footer) { var skipMedia = child.classList && child.classList.contains('status-gallery'); var hasHeavyMedia = !!child.querySelector('video, iframe'); var hasImageMedia = child.tagName === 'IMG' || !!child.querySelector('img, picture, [data-lightbox-image]'); var keepsSidebarContent = !!child.querySelector('form, [data-comments-list], .rx-row, [data-react-wrap], textarea, .comment-item'); var isMediaBlock = hasImageMedia && !keepsSidebarContent; if (!skipMedia && !hasHeavyMedia && !isMediaBlock) { sidebarCard.appendChild(child.cloneNode(true)); } child = child.nextElementSibling; } if (footer) { sidebarCard.appendChild(footer.cloneNode(true)); var sibling = footer.nextElementSibling; while (sibling) { sidebarCard.appendChild(sibling.cloneNode(true)); sibling = sibling.nextElementSibling; } } if (!sidebarCard.children.length) { sidebarCard.innerHTML = '<div style="display:grid;gap:.55rem;"><div style="font-weight:700;">' + (trigger.getAttribute('data-lightbox-title') || trigger.getAttribute('alt') || 'Imagine') + '</div><div class="muted" style="font-size:.92rem;line-height:1.5;">' + (trigger.getAttribute('data-lightbox-description') || 'Nu exista comentarii sau reactii pentru aceasta imagine inca.') + '</div></div>'; } lightboxCard.appendChild(sidebarCard); } function renderLightboxItem(index) { if (!currentGallery.length || !lightbox || !lightboxImage) return; currentIndex = index; var trigger = currentGallery[currentIndex]; lightboxImage.src = trigger.getAttribute('data-lightbox-image') || trigger.getAttribute('src') || ''; lightboxImage.alt = trigger.getAttribute('alt') || trigger.getAttribute('data-lightbox-title') || 'Imagine'; buildSidebar(trigger); if (prevBtn) prevBtn.hidden = currentGallery.length < 2; if (nextBtn) nextBtn.hidden = currentGallery.length < 2; } function openLightbox(trigger) { currentGallery = findGalleryItems(trigger); currentIndex = Math.max(0, currentGallery.indexOf(trigger)); renderLightboxItem(currentIndex); lightbox.classList.add('is-open'); lightbox.setAttribute('aria-hidden', 'false'); document.body.style.overflow = 'hidden'; } function closeLightbox() { if (!lightbox) return; lightbox.classList.remove('is-open'); lightbox.setAttribute('aria-hidden', 'true'); document.body.style.overflow = ''; currentGallery = []; currentIndex = 0; if (lightboxCard) lightboxCard.innerHTML = ''; if (lightboxMeta) lightboxMeta.textContent = ''; if (lightboxImage) { lightboxImage.src = ''; lightboxImage.alt = ''; } } function getCommentCardScope(node) { return node ? node.closest('#media-lightbox-card article.card, article.card') : null; } function updateCommentCount(scope, delta) { if (!scope) return; var countEl = scope.querySelector('[data-comments-count]'); if (!countEl) return; var current = parseInt((countEl.textContent || '0').replace(/[^\d-]/g, ''), 10); if (isNaN(current)) current = 0; countEl.textContent = Math.max(0, current + delta); } function ensureCommentsList(scope, form) { if (!scope) return null; var list = scope.querySelector('[data-comments-list]'); if (list) { list.style.display = ''; return list; } list = document.createElement('div'); list.setAttribute('data-comments-list', ''); list.setAttribute('data-comment-kind', form.querySelector('input[name="type"]') ? form.querySelector('input[name="type"]').value : 'status'); list.setAttribute('data-content-owner-id', scope.querySelector('[data-comments-list]')?.getAttribute('data-content-owner-id') || '0'); list.style.cssText = 'margin-top:.5rem;border-top:1px dashed var(--line);padding-top:.5rem;'; var footer = scope.querySelector('footer.rx-row'); if (footer && footer.nextSibling) { footer.parentNode.insertBefore(list, footer.nextSibling); } else if (footer && footer.parentNode) { footer.parentNode.appendChild(list); } else { scope.appendChild(list); } return list; } function bindReactionUi(scope, data) { if (!scope || !data || !data.ok) return; var counts = data.counts || {}; Object.keys(counts).forEach(function (slug) { var pill = scope.querySelector('.rx-pill[data-count-kind="' + slug + '"]'); if (!pill) return; var num = pill.querySelector('[data-count]'); if (num) num.textContent = counts[slug]; pill.style.display = counts[slug] > 0 ? '' : 'none'; // Animate the pill count bump if (counts[slug] > 0) { pill.classList.remove('rx-count-anim'); void pill.offsetWidth; pill.classList.add('rx-count-anim'); } }); var totalLikes = 0; Object.keys(counts).forEach(function (slug) { var value = counts[slug]; if (typeof value === 'number') totalLikes += value; }); var likeSpan = scope.querySelector('[data-like-count]'); if (likeSpan) likeSpan.textContent = totalLikes; scope.querySelectorAll('button.rx-btn').forEach(function (btn) { btn.classList.remove('is-active'); }); if (data.my_kind) { var activeBtn = scope.querySelector('button.rx-btn[data-kind="' + data.my_kind + '"]'); if (activeBtn) { activeBtn.classList.add('is-active'); // Pop animation on clicked button activeBtn.classList.remove('rx-anim'); void activeBtn.offsetWidth; activeBtn.classList.add('rx-anim'); } } // Update reactor summary if returned if (data.reactor_summary) { var summaryEl = scope.querySelector('[data-reactor-summary]'); if (!summaryEl) { var pillsEl = scope.querySelector('.rx-pills'); if (pillsEl && totalLikes > 0) { summaryEl = document.createElement('span'); summaryEl.setAttribute('data-reactor-summary', ''); summaryEl.className = 'muted'; summaryEl.style.cssText = 'font-size:.82rem;margin-left:.35rem'; pillsEl.parentNode.insertBefore(summaryEl, pillsEl.nextSibling); } } if (summaryEl) { var rs = data.reactor_summary; var names = rs.names || []; var total = rs.total || 0; if (total === 0) { summaryEl.textContent = ''; } else if (names.length === 1 && total === 1) { summaryEl.textContent = names[0]; } else if (names.length >= 2 && total <= 3) { summaryEl.textContent = names.join(', '); } else if (names.length >= 1 && total > 3) { summaryEl.textContent = names.slice(0, 2).join(', ') + ' ศi alศi ' + (total - 2); } } } } async function sendCommentForm(form) { var token = form.querySelector('input[name="_token"]'); var submitBtn = form.querySelector('button[type="submit"], .once'); if (submitBtn) { submitBtn.disabled = true; } var response = await fetch(form.action, { method: 'POST', headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json', 'X-CSRF-TOKEN': token ? token.value : '' }, body: new FormData(form) }); var data = await response.json(); if (!response.ok || !data.ok) { throw new Error(data.error || 'comment_failed'); } return data; } async function sendReactionForm(form) { var token = form.querySelector('input[name="_token"]'); var response = await fetch(form.action, { method: 'POST', headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json', 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 'X-CSRF-TOKEN': token ? token.value : '' }, body: new URLSearchParams(new FormData(form)) }); var data = await response.json(); if (!response.ok || !data.ok) { throw new Error(data.error || 'reaction_failed'); } return data; } document.addEventListener('click', function (event) { var trigger = event.target.closest('[data-lightbox-image]'); if (trigger) { event.preventDefault(); openLightbox(trigger); return; } if (event.target.closest('[data-lightbox-dismiss]')) { closeLightbox(); return; } if (event.target.closest('[data-lightbox-prev]') && currentGallery.length > 1) { event.preventDefault(); renderLightboxItem((currentIndex - 1 + currentGallery.length) % currentGallery.length); return; } if (event.target.closest('[data-lightbox-next]') && currentGallery.length > 1) { event.preventDefault(); renderLightboxItem((currentIndex + 1) % currentGallery.length); return; } var editToggle = event.target.closest('[data-comment-edit-toggle]'); if (editToggle) { event.preventDefault(); var commentItem = editToggle.closest('[data-comment-id]'); var editForm = commentItem ? commentItem.querySelector('[data-comment-edit-form]') : null; if (editForm) { var shouldOpen = editForm.style.display === 'none' || editForm.style.display === ''; editForm.style.display = shouldOpen ? 'block' : 'none'; if (commentItem) { commentItem.classList.toggle('is-editing', shouldOpen); } if (shouldOpen) { var editTextarea = editForm.querySelector('textarea'); if (editTextarea) { if (window.upgradeTextareaForEmoji) { window.upgradeTextareaForEmoji(editTextarea); } window.setTimeout(function () { var editor = editTextarea._emojiEditor || editTextarea; editor.focus(); if (editTextarea._emojiEditor && window.getSelection) { var range = document.createRange(); range.selectNodeContents(editTextarea._emojiEditor); range.collapse(false); var selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(range); } else { editTextarea.selectionStart = editTextarea.value.length; editTextarea.selectionEnd = editTextarea.value.length; } }, 0); } } } return; } var editCancel = event.target.closest('[data-comment-edit-cancel]'); if (editCancel) { event.preventDefault(); var formToHide = editCancel.closest('[data-comment-edit-form]'); if (formToHide) { formToHide.style.display = 'none'; var editCommentItem = formToHide.closest('[data-comment-id]'); if (editCommentItem) { editCommentItem.classList.remove('is-editing'); } } } }); document.addEventListener('click', async function (event) { var reactionForm = event.target.closest('form.react-form'); if (!reactionForm) return; event.preventDefault(); event.stopImmediatePropagation(); var openWrap = reactionForm.closest('.react-wrap'); if (openWrap) { openWrap.classList.remove('is-open'); } try { var reactionData = await sendReactionForm(reactionForm); var commentRxc = reactionForm.closest('.rxc[data-type="status_comment"]'); var reactionScope = commentRxc || getCommentCardScope(reactionForm); bindReactionUi(reactionScope, reactionData); // Sync lightbox sidebar if open โ find source card and update it too var lbCard = reactionForm.closest('#media-lightbox-card'); if (lbCard && reactionData.target) { var sourceCard = document.querySelector('article.card[data-kind="' + reactionData.target.type + '"][id*="' + reactionData.target.id + '"]'); if (sourceCard && sourceCard !== lbCard) { bindReactionUi(sourceCard, reactionData); } } else if (!lbCard && reactionData.target && lightboxCard) { // Update lightbox sidebar clone if it's showing the same item var lbArticle = lightboxCard.querySelector('article.card'); if (lbArticle) { bindReactionUi(lbArticle, reactionData); } } } catch (_err) { // Keep failure silent to avoid blocking the existing UI. } }, true); // โโโ Who Reacted Modal โโโ var wrModal = document.getElementById('who-reacted-modal'); var wrTabs = document.getElementById('wr-tabs'); var wrBody = document.getElementById('wr-body'); var wrCache = {}; function openWhoReacted(type, id) { if (!wrModal) return; wrModal.style.display = ''; wrModal.setAttribute('aria-hidden', 'false'); document.body.style.overflow = 'hidden'; wrTabs.innerHTML = ''; wrBody.innerHTML = '<div class="wr-loading">Se รฎncarcฤ...</div>'; var cacheKey = type + ':' + id; if (wrCache[cacheKey]) { renderWhoReacted(wrCache[cacheKey]); return; } fetch('/reactii/' + encodeURIComponent(type) + '/' + encodeURIComponent(id) + '/cine', { headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' } }) .then(function(r) { return r.json(); }) .then(function(data) { if (data.ok) { wrCache[cacheKey] = data; renderWhoReacted(data); } else { wrBody.innerHTML = '<div class="wr-empty">Nu sunt reacศii.</div>'; } }) .catch(function() { wrBody.innerHTML = '<div class="wr-empty">Eroare la รฎncฤrcare.</div>'; }); } function renderWhoReacted(data) { var groups = data.groups || {}; var slugs = Object.keys(groups); if (slugs.length === 0) { wrTabs.innerHTML = ''; wrBody.innerHTML = '<div class="wr-empty">Nimeni nu a reacศionat รฎncฤ.</div>'; return; } // "Toศi" tab + one per kind var allBtn = document.createElement('button'); allBtn.className = 'wr-tab is-active'; allBtn.textContent = 'Toศi (' + data.total + ')'; allBtn.onclick = function() { showWrTab(null, groups, this); }; wrTabs.innerHTML = ''; wrTabs.appendChild(allBtn); slugs.forEach(function(slug) { var g = groups[slug]; var btn = document.createElement('button'); btn.className = 'wr-tab'; btn.textContent = g.emoji + ' ' + g.users.length; btn.onclick = function() { showWrTab(slug, groups, this); }; wrTabs.appendChild(btn); }); showWrTab(null, groups, allBtn); } function showWrTab(slug, groups, activeBtn) { wrTabs.querySelectorAll('.wr-tab').forEach(function(t) { t.classList.remove('is-active'); }); if (activeBtn) activeBtn.classList.add('is-active'); var users = []; var slugs = Object.keys(groups); if (slug) { var g = groups[slug]; users = (g ? g.users : []).map(function(u) { u._emoji = g.emoji; return u; }); } else { slugs.forEach(function(s) { var g = groups[s]; (g.users || []).forEach(function(u) { var copy = Object.assign({}, u); copy._emoji = g.emoji; users.push(copy); }); }); } if (users.length === 0) { wrBody.innerHTML = '<div class="wr-empty">Nimeni.</div>'; return; } wrBody.innerHTML = users.map(function(u) { var avatarHtml = u.avatar ? '<img class="wr-avatar" src="' + u.avatar + '" alt="" loading="lazy" width="38" height="38">' : '<div class="wr-avatar" style="display:flex;align-items:center;justify-content:center;font-weight:700;background:var(--line,#e5e7eb)">' + (u.name || '?').charAt(0) + '</div>'; return '<a class="wr-user" href="/' + (u.username || '') + '">' + avatarHtml + '<div><div class="wr-name">' + (u.name || 'Utilizator') + '</div>' + '<div class="wr-time">' + (u.time_ago || '') + '</div></div>' + '<span class="wr-emoji-badge">' + (u._emoji || '') + '</span>' + '</a>'; }).join(''); } function closeWhoReacted() { if (!wrModal) return; wrModal.style.display = 'none'; wrModal.setAttribute('aria-hidden', 'true'); document.body.style.overflow = ''; } document.addEventListener('click', function(event) { // Close who-reacted modal if (event.target.closest('[data-wr-dismiss]')) { closeWhoReacted(); return; } // Open who-reacted modal on pill click var pills = event.target.closest('[data-who-reacted]'); if (pills) { var rxType = pills.getAttribute('data-rx-type'); var rxId = pills.getAttribute('data-rx-id'); if (rxType && rxId) { openWhoReacted(rxType, rxId); } return; } }); // Close who-reacted with Escape document.addEventListener('keydown', function(event) { if (event.key === 'Escape' && wrModal && wrModal.style.display !== 'none') { closeWhoReacted(); } }); document.addEventListener('keydown', function (event) { if (!lightbox || !lightbox.classList.contains('is-open')) return; if (event.key === 'Escape') { closeLightbox(); } else if (event.key === 'ArrowLeft' && currentGallery.length > 1) { renderLightboxItem((currentIndex - 1 + currentGallery.length) % currentGallery.length); } else if (event.key === 'ArrowRight' && currentGallery.length > 1) { renderLightboxItem((currentIndex + 1) % currentGallery.length); } }); document.addEventListener('submit', async function (event) { var form = event.target; if (!(form instanceof HTMLFormElement)) return; if (!form.closest('#media-lightbox-card')) return; var isCommentCreate = form.classList.contains('comment-form'); var isCommentEdit = form.classList.contains('edit-form') || form.hasAttribute('data-comment-edit-form'); var hasDeleteMethod = !!form.querySelector('input[name="_method"][value="DELETE"], input[name="_method"][value="delete"]'); var isCommentDelete = form.action.indexOf('/comentarii/') !== -1 && (hasDeleteMethod || /\/sterge$/i.test(form.action)); if (!isCommentCreate && !isCommentEdit && !isCommentDelete) return; event.preventDefault(); try { var data = await sendCommentForm(form); var scope = getCommentCardScope(form); if (isCommentCreate) { var list = ensureCommentsList(scope, form); if (!list) return; if (data.parent_id) { var parent = scope ? scope.querySelector('[data-comment-id="' + data.parent_id + '"]') : null; var children = parent ? parent.querySelector('[data-comment-children]') : null; if (!children && parent) { children = document.createElement('div'); children.setAttribute('data-comment-children', ''); children.style.cssText = 'margin-top:.35rem;display:flex;flex-direction:column;gap:.35rem'; parent.appendChild(children); } if (children) { children.insertAdjacentHTML('beforeend', data.html); } } else { list.insertAdjacentHTML('beforeend', data.html); } form.reset(); form.style.display = 'none'; updateCommentCount(scope, 1); } else if (isCommentEdit) { var editItem = form.closest('[data-comment-id]'); var bodyEl = editItem ? editItem.querySelector('[data-comment-body]') : null; if (bodyEl) { bodyEl.innerHTML = data.body_html || ''; if (window.twemojiParseEl) { window.twemojiParseEl(bodyEl); } } form.style.display = 'none'; if (editItem) { editItem.classList.remove('is-editing'); } } else if (isCommentDelete) { var deleteItem = form.closest('[data-comment-id]'); if (deleteItem) { deleteItem.remove(); updateCommentCount(scope, -1); } } } catch (err) { window.alert('Nu am putut actualiza comentariul.'); } finally { var btn = form.querySelector('button[type="submit"], .once'); if (btn) { btn.disabled = false; if (btn.classList.contains('once') && btn.textContent === 'Se trimite...') { btn.textContent = 'Trimite comentariul'; } } } }, true); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initLayoutUi, { once: true }); } else { initLayoutUi(); } })(); </script> </div> <!-- Toast notification container --> <div class="toast-container" id="toast-container"></div> <script> window.showToast = function(message, type) { type = type || 'info'; var icons = { info: '\u2139\uFE0F', success: '\u2705', warning: '\u26A0\uFE0F', error: '\u274C' }; var container = document.getElementById('toast-container'); var toast = document.createElement('div'); toast.className = 'toast toast-' + type; toast.style.position = 'relative'; toast.innerHTML = '<span class="toast-icon">' + (icons[type] || icons.info) + '</span>' + '<span class="toast-message">' + message + '</span>' + '<button class="toast-close" onclick="this.parentElement.classList.add(\'is-leaving\');setTimeout(function(){this.remove()}.bind(this.parentElement),260)">\u00D7</button>' + '<span class="toast-progress"></span>'; container.appendChild(toast); setTimeout(function() { if (toast.parentElement) { toast.classList.add('is-leaving'); setTimeout(function() { toast.remove(); }, 260); } }, 4000); }; </script> </body> </html>
