Mihael Moisa Link · 3 ani în urmÄ Complicii fÄrÄdelegilor lui Florian. Mafia PSD-PNL-USR acoperÄ abuzurile Institutului Wiesel. DemocraÈia româneascÄ, o farsÄ grotescÄ Florin Dobrescu | Editorial, PoliticÄ, Ultimele Åtiri
Mihael Moisa Link · 3 ani în urmÄ ALERTÄ! BRAÈUL CHILIA, PREDAT U.S. NAVY! | Ziarul National Uite cÄ, deÈi Klaus Iohannis s-a supÄrat ca preÈedintele pe "românii mei" pentru cÄ s-au "inflamat" din cauza unei "bagatele" ca Delta DunÄrii, "gunoiul"
Mihael Moisa Link · 3 ani în urmÄ 26 februarie 1950. Primul mort al Experimentului PiteÈti. Asasinarea bestialÄ a studentului cu chip de copil, Corneliu NiÅ£Ä Florin Dobrescu | CulturÄ, Ultimele Åtiri
Mihael Moisa Link · 3 ani în urmÄ A Èaptea dimensiune » Un senator (se) întreabÄ: cine este Victor Ponta?
Mihael Moisa Link · 3 ani în urmÄ Ucraina va ataca Moldova Èi Iohannis e pregÄtit sÄ ne bage în rÄzboi împotriva Rusiei PlÄvanul spune cu subiect Åi predicat cÄ Republica Moldova va fi invadatÄ Åi cÄ România va fi solidarÄ cu aceasta. ÃnseamnÄ oare cÄ PlÄvanul vrea sÄ ne bage
Mihael Moisa Link · 3 ani în urmÄ Armele silenÈioase din rÄzboiul secret by Klaus Lolek AstÄzi, putem spune fÄrÄ a greÈi cÄ, mai mult ca niciodatÄ, lumea armelor neletale a deschis uÈa tehnologiilor ce permit controlul minÈii, al gândurilor, al acÈiunilor Èi comportamentel
Mihael Moisa Link · 3 ani în urmÄ Cazul VulcÄnescu ajunge în Senat. Èeful Institutului Wiesel chemat în faÈa Comisiei pentru Cercetarea Abuzurilor. Senatorul Sorin Lavric îi cere lui Alexandru Florian explicaÈii privind atitudinea faÈÄ de Mircea VulcÄnescu Florin Dobrescu | PoliticÄ, Ultimele Åtiri
Mihael Moisa Link · 3 ani în urmÄ ConecteazÄ-te la Facebook | Facebook ConecteazÄ-te la Facebook Åi începe sÄ postezi Åi sÄ iei legÄtura cu prietenii, cu familia Åi cu cei pe care-i cunoÅti.
Mihael Moisa Link · 3 ani în urmÄ Pensiile speciale, desfiinÅ£ate? Nu, dimpotrivÄ, noi categorii sociale vor beneficia de ele. Surpriza de la Ministerul JustiÈiei | Ziarul National Ãn timp ce UE pune presiune pentru desfiinÅ£area pensiilor speciale, ca sÄ nu ne "taie" banii din PNRR, statul român adaugÄ categorii sociale care sÄ beneficieze de astfel de remuneraÅ£ii.
Mihael Moisa Link · 3 ani în urmÄ </div> <a href="https://m.youtube.com/watch?v=YxSEh0WyZjI&amp;feature=share" target="_blank" rel="noopener" class="ufeed-link-card"> <img src="https://i.ytimg.com/vi/YxSEh0WyZjI/maxresdefault.jpg" alt="Jefuirea Actuala A Poporului Roman In Cifre! Cat A Pierdut Romania In Anii Capitalismului Salbatic" loading="lazy" decoding="async" class="ufeed-link-preview"> <div class="ufeed-card-pad"> <div class="ufeed-link-title">Jefuirea Actuala A Poporului Roman In Cifre! Cat A Pierdut Romania In Anii Capitalismului Salbatic</div> <div class="ufeed-link-desc">Nu copia sau reposta videoclipul, dacÄ Ã®Èi place adaugÄ-l la favorite!</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="78930" 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> Geanina Otilia Ortodox Macoviciuc </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="6071" style="display:none"> </div> </article> <article class="card ufeed-card" id="profile-feed-item-link-78922" data-kind="link" data-share-url="https://romandru.ro/profil-6071#profile-feed-item-link-78922" data-share-title="Banii din PNRR, investiÈi în pregÄtiri pentru rÄzboi | Ziarul National"> <header class="ufeed-header"> <div class="ufeed-avatar-wrap"> <img src="https://romandru.ro/storage/avatars/2022/09/3cd00241d37df83d8f039b3724765402_120_square.png" alt="Mihael Moisa" 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-6071">Mihael Moisa</a> </div> <div class="muted ufeed-date">Link · 3 ani în urmÄ</div> </div> </header> <div class="ufeed-body"> <a href="https://www.national.ro/social/banii-din-pnrr-investiti-in-pregatiri-pentru-razboi-789050.html" target="_blank" rel="noopener" class="ufeed-link-card"> <img src="https://www.national.ro/wp-content/uploads/2023/02/razboi-1-667x500.jpg" alt="Banii din PNRR, investiÈi în pregÄtiri pentru rÄzboi | Ziarul National" loading="lazy" decoding="async" class="ufeed-link-preview"> <div class="ufeed-card-pad"> <div class="ufeed-link-title">Banii din PNRR, investiÈi în pregÄtiri pentru rÄzboi | Ziarul National</div> <div class="ufeed-link-desc">Din lista proiectelor de spitale pentru care s-a decis finanÈarea din PNRR reiese faptul cÄ România se pregÄteÈte de rÄzboi. Astfel, Guvernul a decis sÄ</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="78922" title="Vezi cine a reacÈionat"> <span class="rx-pill" data-count-kind="like" style="display:none">ð <span class="muted" data-count>0</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>0</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="6071" style="display:none"> </div> </article> <article class="card ufeed-card" id="profile-feed-item-link-78921" data-kind="link" data-share-url="https://romandru.ro/profil-6071#profile-feed-item-link-78921" data-share-title="România este în stare de ocupaÈie nedeclaratÄ Èi plÄteÈte tribut"> <header class="ufeed-header"> <div class="ufeed-avatar-wrap"> <img src="https://romandru.ro/storage/avatars/2022/09/3cd00241d37df83d8f039b3724765402_120_square.png" alt="Mihael Moisa" 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-6071">Mihael Moisa</a> </div> <div class="muted ufeed-date">Link · 3 ani în urmÄ</div> </div> </header> <div class="ufeed-body"> <a href="https://searchnewsglobal.wordpress.com/2014/05/18/romania-este-in-stare-de-ocupatie-nedeclarata-si-plateste-tribut/" target="_blank" rel="noopener" class="ufeed-link-card"> <img src="https://searchnewsglobal.files.wordpress.com/2014/05/sua-3.jpg?w=650" alt="România este în stare de ocupaÈie nedeclaratÄ Èi plÄteÈte tribut" loading="lazy" decoding="async" class="ufeed-link-preview"> <div class="ufeed-card-pad"> <div class="ufeed-link-title">România este în stare de ocupaÈie nedeclaratÄ Èi plÄteÈte tribut</div> <div class="ufeed-link-desc"> Cine eÈti dumneata, &quot;Unchiule Sam&quot; ? âScutulâ de la Deveselu: Securitate nationala sau baza militara de ocupatie? România este o colonie, conducÄtorii de la BucureÅti având atribuÅ£ii doar cât putea </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="78921" title="Vezi cine a reacÈionat"> <span class="rx-pill" data-count-kind="like" style="display:none">ð <span class="muted" data-count>0</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>0</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="6071" style="display:none"> </div> </article> </div> <div id="profile-feed-pagination" style="display:none"> <nav> <ul class="pagination"> <li><a href="https://romandru.ro/profil-6071?page=1" rel="prev">« Anterior</a></li> <li><a href="https://romandru.ro/profil-6071?page=3" rel="next">UrmÄtor »</a></li> </ul> </nav> </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/2022/12/c60fb5a90fd24de97b1589f6f72905ca.png" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2022/12/c60fb5a90fd24de97b1589f6f72905ca.png" data-lightbox-gallery="profile-6071-gallery" data-lightbox-title="1671462468.752707" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-14884"> <img src="https://romandru.ro/storage/photos/2022/12/c60fb5a90fd24de97b1589f6f72905ca.png" alt="1671462468.752707" loading="lazy" decoding="async"> <div class="fb-photo-hover">3 ani în urmÄ</div> </a> <a href="https://romandru.ro/storage/photos/2022/12/84fd0c589b833282ebdf061b9c025259.png" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2022/12/84fd0c589b833282ebdf061b9c025259.png" data-lightbox-gallery="profile-6071-gallery" data-lightbox-title="1671462400.9480948" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-14883"> <img src="https://romandru.ro/storage/photos/2022/12/84fd0c589b833282ebdf061b9c025259.png" alt="1671462400.9480948" loading="lazy" decoding="async"> <div class="fb-photo-hover">3 ani în urmÄ</div> </a> <a href="https://romandru.ro/storage/photos/2022/12/a2df8436c8ccd4a55eee8122695c345e.png" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2022/12/a2df8436c8ccd4a55eee8122695c345e.png" data-lightbox-gallery="profile-6071-gallery" data-lightbox-title="1671462372.165762" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-14882"> <img src="https://romandru.ro/storage/photos/2022/12/a2df8436c8ccd4a55eee8122695c345e.png" alt="1671462372.165762" loading="lazy" decoding="async"> <div class="fb-photo-hover">3 ani în urmÄ</div> </a> <a href="https://romandru.ro/storage/photos/2022/12/3128e61296b25c0141843ac1d6648817.jpg" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2022/12/3128e61296b25c0141843ac1d6648817.jpg" data-lightbox-gallery="profile-6071-gallery" data-lightbox-title="IMG_1044" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-14823"> <img src="https://romandru.ro/storage/photos/2022/12/3128e61296b25c0141843ac1d6648817.jpg" alt="IMG_1044" loading="lazy" decoding="async"> <div class="fb-photo-hover">3 ani în urmÄ</div> </a> <a href="https://romandru.ro/storage/photos/2022/12/b1bc3426a3bee14fbebf46ea5a43dc45.jpg" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2022/12/b1bc3426a3bee14fbebf46ea5a43dc45.jpg" data-lightbox-gallery="profile-6071-gallery" data-lightbox-title="IMG_1043" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-14822"> <img src="https://romandru.ro/storage/photos/2022/12/b1bc3426a3bee14fbebf46ea5a43dc45.jpg" alt="IMG_1043" loading="lazy" decoding="async"> <div class="fb-photo-hover">3 ani în urmÄ</div> </a> <a href="https://romandru.ro/storage/photos/2022/09/3cd00241d37df83d8f039b3724765402.png" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2022/09/3cd00241d37df83d8f039b3724765402.png" data-lightbox-gallery="profile-6071-gallery" data-lightbox-title="September 7, 2022" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-13280"> <img src="https://romandru.ro/storage/photos/2022/09/3cd00241d37df83d8f039b3724765402.png" alt="September 7, 2022" loading="lazy" decoding="async"> <div class="fb-photo-hover">3 ani în urmÄ</div> </a> </div> <div id="profile-photo-lightbox-cards" style="display:none;"> <article id="profile-photo-lightbox-card-14884" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2022/09/3cd00241d37df83d8f039b3724765402_120_square.png" alt="Mihael Moisa" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">Mihael Moisa</div> <div class="muted profile-lbx-date">3 ani în urmÄ</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">1671462468.752707</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>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> </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 data-comments-list data-comment-kind="photo" data-content-owner-id="6071" class="profile-lbx-comments" style="display:none;" > </div> </article> <article id="profile-photo-lightbox-card-14883" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2022/09/3cd00241d37df83d8f039b3724765402_120_square.png" alt="Mihael Moisa" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">Mihael Moisa</div> <div class="muted profile-lbx-date">3 ani în urmÄ</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">1671462400.9480948</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" style="display:none" >ð <span class="muted" data-count>0</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>0</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div data-comments-list data-comment-kind="photo" data-content-owner-id="6071" class="profile-lbx-comments" style="display:none;" > </div> </article> <article id="profile-photo-lightbox-card-14882" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2022/09/3cd00241d37df83d8f039b3724765402_120_square.png" alt="Mihael Moisa" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">Mihael Moisa</div> <div class="muted profile-lbx-date">3 ani în urmÄ</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">1671462372.165762</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" style="display:none" >ð <span class="muted" data-count>0</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>0</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div data-comments-list data-comment-kind="photo" data-content-owner-id="6071" class="profile-lbx-comments" style="display:none;" > </div> </article> <article id="profile-photo-lightbox-card-14823" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2022/09/3cd00241d37df83d8f039b3724765402_120_square.png" alt="Mihael Moisa" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">Mihael Moisa</div> <div class="muted profile-lbx-date">3 ani în urmÄ</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">IMG_1044</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" style="display:none" >ð <span class="muted" data-count>0</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>0</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div data-comments-list data-comment-kind="photo" data-content-owner-id="6071" class="profile-lbx-comments" style="display:none;" > </div> </article> <article id="profile-photo-lightbox-card-14822" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2022/09/3cd00241d37df83d8f039b3724765402_120_square.png" alt="Mihael Moisa" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">Mihael Moisa</div> <div class="muted profile-lbx-date">3 ani în urmÄ</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">IMG_1043</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" style="display:none" >ð <span class="muted" data-count>0</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>0</span> · 💬 <span data-comments-count>0</span></span> </div> </footer> <div data-comments-list data-comment-kind="photo" data-content-owner-id="6071" class="profile-lbx-comments" style="display:none;" > </div> </article> <article id="profile-photo-lightbox-card-13280" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2022/09/3cd00241d37df83d8f039b3724765402_120_square.png" alt="Mihael Moisa" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">Mihael Moisa</div> <div class="muted profile-lbx-date">3 ani în urmÄ</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">September 7, 2022</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="6071" 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-6071/albume/1998" class="fb-album-card"> <div class="fb-album-cover"> <img src="https://romandru.ro/storage/photos/2022/12/c60fb5a90fd24de97b1589f6f72905ca.png" 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">5 fotografii</div> </div> </a> <a href="https://romandru.ro/profil-6071/albume/1926" class="fb-album-card"> <div class="fb-album-cover"> <img src="https://romandru.ro/storage/photos/2022/09/3cd00241d37df83d8f039b3724765402.png" 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 · 7</h3> <div class="fb-friends-grid"> <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/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/mariasoaita" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2020/04/13f5e6a473adcc41334315687061ecfa_200.jpg" alt="Maria Soaita" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Maria Soaita</div> </div> </a> <a href="https://romandru.ro/Silvius" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/avatar_2239_1773499045.jpg" alt="Silvius Banica" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Silvius Banica<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/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> <a href="https://romandru.ro/profil-3045" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2022/01/d70714dadaa121f79fcc7358bc676839_200.png" alt="Angelica Stefan" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Angelica Stefan</div> </div> </a> <a href="https://romandru.ro/profil-6695" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2022/12/b92b68be0e6c83f2ea6e05e99a419898_200.png" alt="Geta MuÅat" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Geta MuÅat</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="hfjjbc5ralBUsz7oTzEKDYiW1eql8cuOwXSbg81t" 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>
