ştefan Muşat Coperta profilului · 3 ani în urmă Coperta lui ştefan Muşat Imagine de coperta de profil. Ionel Bumbaru ????? 3 ani în urmă 👍 0 ❤️ 0 😂 0 😮 0 😢 0 😠 0 👏 0
ştefan Muşat Poza de profil · 3 ani în urmă Poza de profil Imaginea de profil a utilizatorului. Ionel Bumbaru ????? 3 ani în urmă 👍 0 ❤️ 0 😂 0 😮 0 😢 0 😠 0 👏 0
Ştefan Muşat Link · 1 an în urmă Conectează-te la 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.
Ştefan Muşat Link · 1 an în urmă nakedtruthRO77 este LIVE | TikTok Lets Go LIVE!. | Vizionează videoclipurile LIVE ale nakedtruthRO77 pe TikTok! Vizionează, urmărește și descoperă cel mai recent conținut al nakedtruthRO77.
Ştefan Muşat Link · 1 an în urmă Mircea Sicra's Zoom Meeting | Când va fi din nou a noastră...România lor? ” Ochi aveţi şi nu vedeţi, urechi aveţi şi nu auziţi şi nu vă aduceţi aminte.” AZI: Ecumenismul și iezuiții... | By Asociația “Geniul Carpaților” | Facebook Când va fi din nou a noastră...România lor? ” Ochi aveţi şi nu vedeţi, urechi aveţi şi nu auziţi şi nu vă aduceţi aminte.” AZI: Ecumenismul și iezuiții...
Ştefan Muşat Link · 1 an în urmă Fico_Prim_ministrul_Slovaciei a fost atacat de Big Pharma și Globaliști .......
Ştefan Muşat Link · 1 an în urmă Кому могло понадобитьÑÑ ÐÐСТОЛЬКО грандиозное... | ИнтереÑный контент в группе Тайны ИÑтории и Загадки Ð’Ñеленной Кому могло понадобитьÑÑ ÐÐСТОЛЬКО грандиозное Ñооружение более 2000 лет назад? | Ð’Ñтупай в группу Тайны ИÑтории и Загадки Ð’Ñеленной в ОдноклÐ
Ştefan Muşat Link · 1 an în urmă Holocaustul evreiesc împotriva românilor I. Holocaustul evreiesc împotriva românilor Cerem despăgubiri de 200 (douã sute) miliarde euro (Oare în faţa lui Dumnezeu este „echitabil”preţul acesta?) Arhivele serviciilor secrete sunt prin e
Ştefan Muşat Link · 1 an în urmă Conectează-te la 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.
Ştefan Muşat Link · 2 ani în urmă MED BEDS – High Tech Medical Bed Technology Suppressed by DEEP STATE ......
Ştefan Muşat Link · 2 ani în urmă </div> <a href="https://youtu.be/FN61LrKMLmE?si=H4xxBJ8w87vDF_Dt" target="_blank" rel="noopener" class="ufeed-link-card"> <img src="https://i.ytimg.com/vi/FN61LrKMLmE/maxresdefault.jpg" alt="Convierto un motor de gasolina en un motor de agua" loading="lazy" decoding="async" class="ufeed-link-preview"> <div class="ufeed-card-pad"> <div class="ufeed-link-title">Convierto un motor de gasolina en un motor de agua</div> <div class="ufeed-link-desc">Hoy en The Crazy Channel os vamos a enseñar cómo convierto un motor de gasolina en un motor de agua, es decir, un motor con agua como combustible. El motor de hidrógeno que funciona con agua es una qu</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="91761" 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="6675" style="display:none"> </div> </article> <article class="card ufeed-card" data-kind="status" data-sid="10097" data-state-type="" data-state-value="" data-location-name="" data-location-lat="" data-location-lng="" data-background-value="" data-background-text-color="#ffffff"> <header class="ufeed-header"> <div class="ufeed-avatar-wrap"> <img src="https://romandru.ro/storage/avatars/2022/12/2ca83c2af7ea798c396d03ba1167292c_120_square.jpg" alt="Ştefan Muşat" 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-6675">Ştefan Muşat</a> </div> <div class="muted ufeed-date">2 ani în urmă</div> </div> </header> <div style="margin-top:.75rem"> <div class=""> https://www.facebook.com/share/v/gHnU6vL76VZWdPm8/ </div> </div> <footer class="rx-row ufeed-footer"> <div class="rx-left"> <div class="rx-pills ufeed-rx-pills" data-who-reacted data-rx-type="status" data-rx-id="10097" 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="status" data-content-owner-id="6675" style="display:none"> </div> </article> <article class="card ufeed-card" id="profile-feed-item-link-90054" data-kind="link" data-share-url="https://romandru.ro/profil-6675#profile-feed-item-link-90054" data-share-title="TikTok · Âm Nhạc Quốc Tế"> <header class="ufeed-header"> <div class="ufeed-avatar-wrap"> <img src="https://romandru.ro/storage/avatars/2022/12/2ca83c2af7ea798c396d03ba1167292c_120_square.jpg" alt="Ştefan Muşat" 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-6675">Ştefan Muşat</a> </div> <div class="muted ufeed-date">Link · 2 ani în urmă</div> </div> </header> <div class="ufeed-body"> <a href="https://vm.tiktok.com/ZGerHRuKy/" target="_blank" rel="noopener" class="ufeed-link-card"> <img src="https://p16-sign-sg.tiktokcdn.com/tos-alisg-p-0037/oUCSjDDSfhUfnA769eUwoYvECJkFEIK8DIAAud~tplv-photomode-video-share-card:1200:630:20.jpeg?x-expires=1706875200&amp;x-signature=bOQRO03ZAS7bpjH6bJQboJtnQKk%3D" alt="TikTok · Âm Nhạc Quốc Tế" loading="lazy" decoding="async" class="ufeed-link-preview"> <div class="ufeed-card-pad"> <div class="ufeed-link-title">TikTok · Âm Nhạc Quốc Tế</div> <div class="ufeed-link-desc">234.6K aprecieri, 6131 comentarii. „#âmnhạcquốctế #nhạchaytoàncầu #âmnhạctoàncầu #nhạchaychọnlọc #âmnhạcchọnlọc ”</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="90054" 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="6675" style="display:none"> </div> </article> </div> <div id="profile-feed-pagination" style="display:none"> <nav> <ul class="pagination"> <li class="disabled" aria-disabled="true"><span>« Anterior</span></li> <li><a href="https://romandru.ro/profil-6675?page=2" 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/2025/03/754fc27b2142836d1803e50a82d343db.jpeg" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2025/03/754fc27b2142836d1803e50a82d343db.jpeg" data-lightbox-gallery="profile-6675-gallery" data-lightbox-title="Foto" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-22909"> <img src="https://romandru.ro/storage/photos/2025/03/754fc27b2142836d1803e50a82d343db.jpeg" alt="Foto" loading="lazy" decoding="async"> <div class="fb-photo-hover">1 an în urmă</div> </a> <a href="https://romandru.ro/storage/photos/2023/08/71d05a6bab42624be5fe238874738c56.jpeg" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2023/08/71d05a6bab42624be5fe238874738c56.jpeg" data-lightbox-gallery="profile-6675-gallery" data-lightbox-title="Foto" data-lightbox-description="Hello Everyone, My name is Carrie Madej and I just joined Telegram! You may know me as the first doctor who discovered that the vaccines are ALTERING our DNA. Please be advised that Telegram is the only platform that allowed me to share all my information without censorship so I would greatly appreciate it if you JOIN my channel. I will publish PROOF that there is a modified gene in the vaccines called LUCIFERASE. The gene is introducing microscopic ROBOTS to our bodies in order to gather biometric data from the people who get jabbed. The media tried to discredit me over and over again, but the TRUTH will finally be revealed. I&#039;ll post half now and half in the next few days. Are you ready for the SCARY TRUTH? If you are, please JOIN and SHARE this channel with everyone you know and be patient! The LIGHT is coming. JOIN?: https://t.me/+mCPfRHIV3v4zYWU0." data-lightbox-card="#profile-photo-lightbox-card-18120"> <img src="https://romandru.ro/storage/photos/2023/08/71d05a6bab42624be5fe238874738c56.jpeg" alt="Foto" loading="lazy" decoding="async"> <div class="fb-photo-hover">2 ani în urmă</div> </a> <a href="https://romandru.ro/storage/photos/2023/01/40c3ba001551987850a53d88a39c222b.jpeg" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2023/01/40c3ba001551987850a53d88a39c222b.jpeg" data-lightbox-gallery="profile-6675-gallery" data-lightbox-title="Foto" data-lightbox-description="Oamenii de știință au descoperit cum va reacționa o persoană la o întâlnire cu o creatură extraterestră Contrar credinței populare, atunci când întâlnesc extratereștri, oamenii sunt mai predispuși să-i întâmpine decât să intre în panică, potrivit unui studiu recent al oamenilor de știință americani. Personajul lui HG Wells din romanul științifico-fantastic Războiul lumilor a descris reacția lui la invazia marțiană astfel: „Frica pe care am simțit-o nu a fost frică rațională, ci teroare panicată”. Dar, în ciuda unor astfel de reprezentări neliniștitoare ale scriitorilor de science fiction ale întâlnirilor umane cu ființe extraterestre, în viața reală, oamenii sunt mai predispuși să le întâmpine cu brațele deschise decât să fie panicate. Profesorul Michael Varnum de la Universitatea de Stat din Arizona a prezentat rezultatele studiului la conferința Asociației Americane pentru Avansarea Științei din Austin, Texas. El a explicat că munca sa este despre microbi extratereștri, deoarece pe aceștia este cel mai probabil să îi găsim primii (dacă găsim ceva). Pentru a studia reacția publicului față de extratereștri, Varnum și colegii săi au analizat influența mass-media asupra descoperirilor care mărturisesc existența vieții extraterestre. Printre acestea se numără declarația NASA despre posibilitatea unei forme de viață microbiologice pe un meteorit marțian și rezultatele celui mai recent studiu al stelei Tabby. Steaua lui Tabby este o stea din constelația Cygnus. Este situat la o distanță de 1480 de ani lumină de Soare. Schimbările anormale ale luminozității stelei au permis oamenilor de știință să propună o ipoteză despre existența unei civilizații extraterestre foarte dezvoltate acolo. Cercetătorii au analizat, de asemenea, răspunsurile a 500 de participanți la un sondaj online din @toată lumea Rezultatele au arătat că, în majoritatea cazurilor, oamenii au reacționat pozitiv la rapoartele despre viață extraterestră. Oamenii de știință notează că răspunsurile nu depind de vârsta, sexul și venitul respondenților. Profesorul Lewis Dartnell, astrobiolog la Universitatea din Westminster, a fost pozitiv cu privire la rezultatele colegilor săi: „Este încurajator faptul că acest studiu arată că oamenii sunt probabil încântați de descoperirea vieții microbiene dincolo de Pământ. Este puțin probabil să întâlnim extratereștri inteligenți în galaxia noastră, dar există deja o serie de misiuni viitoare care vor detecta semne de bacterii pe Marte.” Studiul este publicat în revista Frontiers of Psychology . https://www.frontiersin.org/articles/10.3389/fpsyg.2017.02308/full" data-lightbox-card="#profile-photo-lightbox-card-15517"> <img src="https://romandru.ro/storage/photos/2023/01/40c3ba001551987850a53d88a39c222b.jpeg" alt="Foto" loading="lazy" decoding="async"> <div class="fb-photo-hover">3 ani în urmă</div> </a> <a href="https://romandru.ro/storage/photos/2022/12/a1bafa4a8ef82bd093da455a89cd5c36.jpeg" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2022/12/a1bafa4a8ef82bd093da455a89cd5c36.jpeg" data-lightbox-gallery="profile-6675-gallery" data-lightbox-title="Foto" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-14724"> <img src="https://romandru.ro/storage/photos/2022/12/a1bafa4a8ef82bd093da455a89cd5c36.jpeg" alt="Foto" loading="lazy" decoding="async"> <div class="fb-photo-hover">3 ani în urmă</div> </a> <a href="https://romandru.ro/storage/photos/2022/12/0da51a8b9a37163d85e94eca0f0794d3.jpg" class="fb-photo-cell" data-lightbox-image="https://romandru.ro/storage/photos/2022/12/0da51a8b9a37163d85e94eca0f0794d3.jpg" data-lightbox-gallery="profile-6675-gallery" data-lightbox-title="December 7, 2022" data-lightbox-description="Fotografie din galeria profilului." data-lightbox-card="#profile-photo-lightbox-card-14667"> <img src="https://romandru.ro/storage/photos/2022/12/0da51a8b9a37163d85e94eca0f0794d3.jpg" alt="December 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-22909" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2022/12/2ca83c2af7ea798c396d03ba1167292c_120_square.jpg" alt="ştefan Muşat" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">ştefan Muşat</div> <div class="muted profile-lbx-date">1 an în urmă</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">Foto</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>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> </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 data-comments-list data-comment-kind="photo" data-content-owner-id="6675" class="profile-lbx-comments" style="display:none;" > </div> </article> <article id="profile-photo-lightbox-card-18120" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2022/12/2ca83c2af7ea798c396d03ba1167292c_120_square.jpg" alt="ştefan Muşat" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">ştefan Muşat</div> <div class="muted profile-lbx-date">2 ani în urmă</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">Foto</div> <div class="muted profile-lbx-desc">Hello Everyone, My name is Carrie Madej and I just joined Telegram! You may know me as the first doctor who discovered that the vaccines are ALTERING our DNA. Please be advised that Telegram is the only platform that allowed me to share all my information without censorship so I would greatly appreciate it if you JOIN my channel. I will publish PROOF that there is a modified gene in the vaccines called LUCIFERASE. The gene is introducing microscopic ROBOTS to our bodies in order to gather biometric data from the people who get jabbed. The media tried to discredit me over and over again, but the TRUTH will finally be revealed. I&#039;ll post half now and half in the next few days. Are you ready for the SCARY TRUTH? If you are, please JOIN and SHARE this channel with everyone you know and be patient! The LIGHT is coming. JOIN?: https://t.me/+mCPfRHIV3v4zYWU0.</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="6675" class="profile-lbx-comments" style="display:none;" > </div> </article> <article id="profile-photo-lightbox-card-15517" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2022/12/2ca83c2af7ea798c396d03ba1167292c_120_square.jpg" alt="ştefan Muşat" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">ştefan Muşat</div> <div class="muted profile-lbx-date">3 ani în urmă</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">Foto</div> <div class="muted profile-lbx-desc">Oamenii de știință au descoperit cum va reacționa o persoană la o întâlnire cu o creatură extraterestră Contrar credinței populare, atunci când întâlnesc extratereștri, oamenii sunt mai predispuși să-i întâmpine decât să intre în panică, potrivit unui studiu recent al oamenilor de știință americani. Personajul lui HG Wells din romanul științifico-fantastic Războiul lumilor a descris reacția lui la invazia marțiană astfel: „Frica pe care am simțit-o nu a fost frică rațională, ci teroare panicată”. Dar, în ciuda unor astfel de reprezentări neliniștitoare ale scriitorilor de science fiction ale întâlnirilor umane cu ființe extraterestre, în viața reală, oamenii sunt mai predispuși să le întâmpine cu brațele deschise decât să fie panicate. Profesorul Michael Varnum de la Universitatea de Stat din Arizona a prezentat rezultatele studiului la conferința Asociației Americane pentru Avansarea Științei din Austin, Texas. El a explicat că munca sa este despre microbi extratereștri, deoarece pe aceștia este cel mai probabil să îi găsim primii (dacă găsim ceva). Pentru a studia reacția publicului față de extratereștri, Varnum și colegii săi au analizat influența mass-media asupra descoperirilor care mărturisesc existența vieții extraterestre. Printre acestea se numără declarația NASA despre posibilitatea unei forme de viață microbiologice pe un meteorit marțian și rezultatele celui mai recent studiu al stelei Tabby. Steaua lui Tabby este o stea din constelația Cygnus. Este situat la o distanță de 1480 de ani lumină de Soare. Schimbările anormale ale luminozității stelei au permis oamenilor de știință să propună o ipoteză despre existența unei civilizații extraterestre foarte dezvoltate acolo. Cercetătorii au analizat, de asemenea, răspunsurile a 500 de participanți la un sondaj online din @toată lumea Rezultatele au arătat că, în majoritatea cazurilor, oamenii au reacționat pozitiv la rapoartele despre viață extraterestră. Oamenii de știință notează că răspunsurile nu depind de vârsta, sexul și venitul respondenților. Profesorul Lewis Dartnell, astrobiolog la Universitatea din Westminster, a fost pozitiv cu privire la rezultatele colegilor săi: „Este încurajator faptul că acest studiu arată că oamenii sunt probabil încântați de descoperirea vieții microbiene dincolo de Pământ. Este puțin probabil să întâlnim extratereștri inteligenți în galaxia noastră, dar există deja o serie de misiuni viitoare care vor detecta semne de bacterii pe Marte.” Studiul este publicat în revista Frontiers of Psychology . https://www.frontiersin.org/articles/10.3389/fpsyg.2017.02308/full</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="6675" class="profile-lbx-comments" style="display:none;" > </div> </article> <article id="profile-photo-lightbox-card-14724" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2022/12/2ca83c2af7ea798c396d03ba1167292c_120_square.jpg" alt="ştefan Muşat" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">ştefan Muşat</div> <div class="muted profile-lbx-date">3 ani în urmă</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">Foto</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>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> </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 data-comments-list data-comment-kind="photo" data-content-owner-id="6675" class="profile-lbx-comments" style="display:none;" > </div> </article> <article id="profile-photo-lightbox-card-14667" class="card"> <header class="profile-lbx-header"> <div class="profile-lbx-avatar"> <img src="https://romandru.ro/storage/avatars/2022/12/2ca83c2af7ea798c396d03ba1167292c_120_square.jpg" alt="ştefan Muşat" loading="lazy" decoding="async" width="44" height="44" class="profile-lbx-avatar-img"> </div> <div class="profile-lbx-meta"> <div class="profile-lbx-name">ştefan Muşat</div> <div class="muted profile-lbx-date">3 ani în urmă</div> </div> </header> <div class="profile-lbx-body"> <div class="profile-lbx-title">December 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>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="6675" 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-6675/albume/1985" class="fb-album-card"> <div class="fb-album-cover"> <img src="https://romandru.ro/storage/photos/2025/03/754fc27b2142836d1803e50a82d343db.jpeg" 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">4 fotografii</div> </div> </a> <a href="https://romandru.ro/profil-6675/albume/1979" class="fb-album-card"> <div class="fb-album-cover"> <img src="https://romandru.ro/storage/photos/2022/12/2e81b326391f804e54ddf6dbebc812f9.jpg" alt="Poze de coperta" loading="lazy" decoding="async"> </div> <div class="fb-album-info"> <div class="fb-album-name">Poze de coperta</div> <div class="fb-album-count">1 fotografie</div> </div> </a> <a href="https://romandru.ro/profil-6675/albume/1978" class="fb-album-card"> <div class="fb-album-cover"> <img src="https://romandru.ro/storage/photos/2022/12/0da51a8b9a37163d85e94eca0f0794d3.jpg" alt="Poze de profil" loading="lazy" decoding="async"> </div> <div class="fb-album-info"> <div class="fb-album-name">Poze de profil</div> <div class="fb-album-count">1 fotografie</div> </div> </a> </div> </div> </div> </div> <div class="profile-tab-panel" data-tab-content="friends"> <div class="card profile-tab-content-card"> <h3 class="profile-friends-title">Prieteni · 19</h3> <div class="fb-friends-grid"> <a href="https://romandru.ro/admin" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2018/11/861ea9fea482f5b3a0f5070ce81c0846_200.jpg" alt="Admin" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Admin<svg width="13" height="13" viewBox="0 0 24 24" fill="none" title="Profil verificat" style="display:inline-block;vertical-align:middle;margin-left:2px"><path d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" fill="#3b82f6" stroke="#3b82f6" stroke-width="1.5"/><path d="M9 12.75 11.25 15 15 9.75" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> </div> </a> <a href="https://romandru.ro/profil-2" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2021/01/b57a60637b2110ab0af6a0aefe382ebc_200.jpg" alt="Alex Vilvoi" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Alex Vilvoi<svg width="13" height="13" viewBox="0 0 24 24" fill="none" title="Profil verificat" style="display:inline-block;vertical-align:middle;margin-left:2px"><path d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" fill="#3b82f6" stroke="#3b82f6" stroke-width="1.5"/><path d="M9 12.75 11.25 15 15 9.75" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> </div> </a> <a href="https://romandru.ro/profil-199" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2018/11/0537e99c61d3d5d5699a784c027f5e93_200.jpg" alt="Alin Mihaita Goga" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Alin Mihaita Goga</div> </div> </a> <a href="https://romandru.ro/profil-879" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2024/02/ef4f724d962f1409c6dedc6356b5df1a_200.png" alt="Radu Sumanaru" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Radu Sumanaru</div> </div> </a> <a href="https://romandru.ro/profil-1448" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2024/12/6ce251c33547249536e8bcecc9ee07db_200.jpg" alt="George Liviu Banulescu" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">George Liviu Banulescu</div> </div> </a> <a href="https://romandru.ro/Valter_Cojman" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2025/01/e778d625077519dee5a9de70716c9818_200.jpeg" alt="Valter Cojman" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Valter Cojman</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/profil-2666" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2022/01/07c99e66dca13fca05d793a9b9266a9c_200.png" alt="Geanina Otilia Ortodox Macoviciuc" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Geanina Otilia Ortodox Macoviciuc</div> </div> </a> <a href="https://romandru.ro/profil-2845" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2022/01/f27aa0c7f4be48edb52caada74470785_200.png" alt="Ionel Mirica" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Ionel Mirica</div> </div> </a> <a href="https://romandru.ro/BMLiviu" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2022/01/de0f8543d6630d6fe36558f58cdded3c_200.png" alt="Besleaga Liviu" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Besleaga Liviu</div> </div> </a> <a href="https://romandru.ro/ionelbumbaru" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2023/02/921af414b432516d6c3d7e8bdc8ab3df_200.png" alt="Ionel Bumbaru" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Ionel Bumbaru</div> </div> </a> <a href="https://romandru.ro/profil-3364" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2024/02/4b50f08f5a15d647a4979d5c0f0467a2_200.png" alt="Laurentiu Urban" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Laurentiu Urban</div> </div> </a> <a href="https://romandru.ro/profil-3603" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2022/03/661e950b5a289f4f409a629fbec42d17_200.png" alt="Ion Laurentiu Bakancsos" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Ion Laurentiu Bakancsos</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> <a href="https://romandru.ro/marketinfosurveys" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2022/12/324bd86f437aff75202db23bb4189f23_200.jpg" alt="Market Info Surveys" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Market Info Surveys</div> </div> </a> <a href="https://romandru.ro/profil-7330" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2023/05/916664825c0ddc359707c4f7d277aec4_200.png" alt="Adrian Ioniţă" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Adrian Ioniţă</div> </div> </a> <a href="https://romandru.ro/profil-7531" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2023/06/ab5d76df8dffd408f38c91f9e0745e25_200.png" alt="Marin Dramnescu" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Marin Dramnescu</div> </div> </a> <a href="https://romandru.ro/profil-7533" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2023/06/25a517efc5fa8e936190c6e0302185c7_200.png" alt="Nicuşor Dutu" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Nicuşor Dutu</div> </div> </a> <a href="https://romandru.ro/profil-8158" class="fb-friend-card"> <img src="https://romandru.ro/storage/avatars/2024/02/db32fdf8acb89fdddfe4ba3432cbd702_200.png" alt="Marian Octavian" class="fb-friend-avatar" loading="lazy" decoding="async"> <div class="fb-friend-info"> <div class="fb-friend-name">Marian Octavian</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="5jRFEfnOAykn5HRm6Ef4ORgT02DhW5j3RUeq8SjP" 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>
