Anasayfa Videolar Enerji TV İZLEDİNİZ Mİ? Karadeniz Sakarya Gaz Sahası - Filyos Doğalgaz İşleme Tesisi! İZLEDİNİZ Mİ? Karadeniz Sakarya Gaz Sahası - Filyos Doğalgaz İşleme Tesisi! Karadeniz Sakarya Gaz Sahası Filyos - Enerji Bakanlığı hazırladı... Yayınlanma : 06.07.2022 13:46 Güncelleme : 06.07.2022 14:33 TAKİP ET Reklamın geçmesine saniye Reklamı Geç <div class="flex items-center justify-between"> <ul class="flex items-center justify-center h-10 space-x-3"> <li> <a title="Facebook" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.enerjiekonomisi.com%2Fvideo%2Fizlediniz-mi-karadeniz-sakarya-gaz-sahasi-filyos-dogalgaz-isleme-tesisi%2F35961" target="_blank" class="inline-flex justify-center items-center w-8 h-8 bg-facebook animated-icon rounded-tm"> <svg width="18px" height="18px" fill="#ffffff" viewBox="0 0 320 512"> <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/> </svg> </a> </li> <li> <a title="Twitter" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.enerjiekonomisi.com%2Fvideo%2Fizlediniz-mi-karadeniz-sakarya-gaz-sahasi-filyos-dogalgaz-isleme-tesisi%2F35961&text=%C4%B0ZLED%C4%B0N%C4%B0Z+M%C4%B0%3F+Karadeniz+Sakarya+Gaz+Sahas%C4%B1+-+Filyos+Do%C4%9Falgaz+%C4%B0%C5%9Fleme+Tesisi%21" target="_blank" class="inline-flex justify-center items-center w-8 h-8 bg-twitter animated-icon rounded-tm"> <svg width="18px" height="18px" fill="#ffffff" viewBox="0 0 512 512"> <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/> </svg> </a> </li> <li> <a title="Whatsapp" href="https://api.whatsapp.com/send?text=https%3A%2F%2Fwww.enerjiekonomisi.com%2Fvideo%2Fizlediniz-mi-karadeniz-sakarya-gaz-sahasi-filyos-dogalgaz-isleme-tesisi%2F35961" target="_blank" class="inline-flex justify-center items-center w-8 h-8 bg-whatsapp animated-icon rounded-tm"> <svg width="18px" height="18px" fill="#ffffff" viewBox="0 0 448 512"> <path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/> </svg> </a> </li> <li> <a title="Telegram" href="https://t.me/share/url?url=https%3A%2F%2Fwww.enerjiekonomisi.com%2Fvideo%2Fizlediniz-mi-karadeniz-sakarya-gaz-sahasi-filyos-dogalgaz-isleme-tesisi%2F35961&text=%C4%B0ZLED%C4%B0N%C4%B0Z+M%C4%B0%3F+Karadeniz+Sakarya+Gaz+Sahas%C4%B1+-+Filyos+Do%C4%9Falgaz+%C4%B0%C5%9Fleme+Tesisi%21" target="_blank" class="inline-flex justify-center items-center w-8 h-8 bg-telegram animated-icon rounded-tm"> <svg width="18px" height="18px" fill="#ffffff" viewBox="0 0 496 512"> <path d="M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z"></path> </svg> </a> </li> <li> <a title="Linkedin" href="https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fwww.enerjiekonomisi.com%2Fvideo%2Fizlediniz-mi-karadeniz-sakarya-gaz-sahasi-filyos-dogalgaz-isleme-tesisi%2F35961&title=%C4%B0ZLED%C4%B0N%C4%B0Z+M%C4%B0%3F+Karadeniz+Sakarya+Gaz+Sahas%C4%B1+-+Filyos+Do%C4%9Falgaz+%C4%B0%C5%9Fleme+Tesisi%21" target="_blank" class="inline-flex justify-center items-center w-8 h-8 bg-linkedin animated-icon rounded-tm"> <svg width="18px" height="18px" fill="#ffffff" viewBox="0 0 448 512"> <path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/> </svg> </a> </li> <li class="block sm:hidden"> <a class="native-share flex justify-center items-center w-8 h-8 bg-twitter rounded-tm" href="javascript:;" rel="nofollow" title="Paylaş"> <svg width="18px" height="18px" xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 448 512"> <path d="M352 224c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96c0 4 .2 8 .7 11.9l-94.1 47C145.4 170.2 121.9 160 96 160c-53 0-96 43-96 96s43 96 96 96c25.9 0 49.4-10.2 66.6-26.9l94.1 47c-.5 3.9-.7 7.8-.7 11.9c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-25.9 0-49.4 10.2-66.6 26.9l-94.1-47c.5-3.9 .7-7.8 .7-11.9s-.2-8-.7-11.9l94.1-47C302.6 213.8 326.1 224 352 224z"></path> </svg></a> </li> </ul> <ul class="flex items-center justify-center h-10 my-2 space-x-3"> <li class="hidden lg:block"> <a title="red.enlarge" href="#" @click.prevent="textSize += 2" class="inline-flex justify-center items-center w-9 h-9 bg-gray-200 rounded-tm text-black"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="currentColor" class="w-6 h-6"> <text x="50" y="70" font-size="70" text-anchor="middle" alignment-baseline="middle">A </text> <text x="75" y="25" font-size="60" text-anchor="middle" alignment-baseline="middle">+ </text> </svg> </a> </li> <li class="hidden lg:block"> <a title="red.reduce" href="#" @click.prevent="textSize -= 2" class="inline-flex justify-center items-center w-9 h-9 bg-gray-200 rounded-tm text-black"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="currentColor" class="w-6 h-6"> <text x="50" y="70" font-size="70" text-anchor="middle" alignment-baseline="middle">A </text> <text x="75" y="25" font-size="60" text-anchor="middle" alignment-baseline="middle">- </text> </svg> </a> </li> </ul> </div> </div> <div x-data="{ showModal: false, modalImage: '' }"> <div class="prose dark:prose-dark lg:prose-xs prose-headings:my-2 prose-p:my-2 dark:text-gray-300 prose-a:no-underline max-w-none mb-3 py-2" :style="'font-size: ' + textSize + 'px'" x-init=" document.querySelectorAll('.prose img').forEach(img => { if (!img.closest('.no-click')) { img.addEventListener('click', function() { showModal = true; modalImage = img.src; }); } }); "> <div class="container"> <div class="ad-code mx-auto no-click mb-3 mt-3 text-center overflow-hidden"> <!-- Admatic STANDARD ads START --> <ins data-publisher="adm-pub-180099317380" data-ad-network="659431c64d11b285b616f044" data-ad-size="[[640, 120]]" class="adm-ads-area"></ins> <script type="text/javascript" src="https://static.cdn.admatic.com.tr/showad/showad.min.js"></script> <!-- Admatic STANDARD ads END --> </div> </div> <div class="post-body px-6 md:px-4 detay" property="articleBody"><p><em><span style="background-color:#ecf0f1;"> - Karadeniz Sakarya Gaz Sahası Filyos - Enerji Bakanlığı hazırladı!..</span></em></p> <p> </p> <div class="container"> <div class="ad-code mx-auto no-click mb-3 mt-3 text-center overflow-hidden"> <!-- Admatic INPAGE ads START --> <ins data-publisher="adm-pub-180099317380" data-ad-network="659431c64d11b285b616f044" data-ad-type-id="995718032" class="adm-ads-area"></ins> <script type="text/javascript" src="https://static.cdn.admatic.com.tr/showad/showad.min.js"></script> <!-- Admatic INPAGE ads END --> </div> </div> <blockquote> <h3><span style="color:#c0392b;">Cumhuriyetimizin yüzüncü yılında, enerjide dışa bağımlılığın kilidini kıracak mega projemizde geri sayım devam ediyor.</span></h3> <h3> </h3> <h3> </h3> <h3>Enerji ve Tabi Kaynaklar Bakanı Fatih Dönmez</h3> </blockquote> <p><img alt="İZLEDİNİZ Mİ? Karadeniz Sakarya Gaz Sahası - Filyos Doğalgaz İşleme Tesisi!" alt="" src="https://www.enerjiekonomisi.com/images/files/2022/07/62c56a6f750b4.jpg" width="840" height="auto"></p> <p>Enerji Ekonomisi </p></div> <div class="container"> <div class="ad-code mx-auto no-click mb-3 mt-3 text-center overflow-hidden"> <!-- Admatic STANDARD ads START --> <ins data-publisher="adm-pub-180099317380" data-ad-network="659431c64d11b285b616f044" data-ad-size="[[640, 120]]" class="adm-ads-area"></ins> <script type="text/javascript" src="https://static.cdn.admatic.com.tr/showad/showad.min.js"></script> <!-- Admatic STANDARD ads END --> </div> </div> <div class="text-center mx-auto py-4" id="loadPreviousImages" style="display: none;"> </div> <div id="posts-container"></div> </div> <div x-show="showModal" x-cloak class="fixed inset-0 flex items-center justify-center z-50"> <div class="absolute inset-0 bg-black bg-opacity-75" @click="showModal = false"></div> <div class="relative max-w-5xl max-h-5xl"> <button @click="showModal = false" class="absolute top-0 right-0 p-2 bg-black bg-opacity-50 shadow-lg text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 opacity-75" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> <img :src="modalImage" alt="" class="post-image mb-1 max-w-full max-h-full"> </div> </div> </div> </div> <div class="tags mb-2 "> </div> <script src="https://www.enerjiekonomisi.com/build/libs/sweetalert2/sweetalert2.min.js"></script> <link href="https://www.enerjiekonomisi.com/build/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css"/> <div x-data="emojiComponent(35961, [{"id":1,"name":"Be\u011fendim","icon":"win.svg","count":0,"selected":false},{"id":2,"name":"Alk\u0131\u015f","icon":"alkis.svg","count":0,"selected":false},{"id":5,"name":"K\u0131zg\u0131n","icon":"kizgin.svg","count":0,"selected":false},{"id":6,"name":"Hahaha","icon":"hahaha.svg","count":0,"selected":false},{"id":7,"name":"\u0130nan\u0131lmaz","icon":"inanilmaz.svg","count":0,"selected":false},{"id":8,"name":"\u00dczg\u00fcn","icon":"uzgun.svg","count":0,"selected":false}])" class="rounded-tm flex flex-nowrap overflow-x-auto pt-8 pb-2 my-2 bg-box dark:bg-customdarkgray-800 dark:text-gray-300"> <template x-for="emoji in emojis" :key="emoji.id"> <div class="px-2 md:px-4 relative min-w-[60px]"> <button @click="selectEmoji(emoji)" @mouseenter="hovered = emoji.id" @mouseleave="hovered = null" :disabled="emoji.loading" :class="{'bg-[rgba(136,141,150,0.14)]': emoji.selected, 'opacity-50 cursor-not-allowed': emoji.loading}" class="px-2 md:px-9 emotion flex flex-col items-center space-y-2 p-2 rounded hover:bg-[rgba(136,141,150,0.14)] transition-all"> <!-- Normal ikon --> <img x-show="!emoji.loading" :src="'/build/images/emojis/' + emoji.icon" :alt="emoji.name" class="emotion-img w-10 h-10 hover:scale-110 transition-transform"> <!-- Loading spinner --> <svg x-show="emoji.loading" class="w-6 h-6 animate-spin text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4l3-3-3-3v4a12 12 0 00-12 12h4z"></path> </svg> <div x-show="hovered === emoji.id" class="emotion-name absolute -top-10 w-auto bg-gray-700 text-white text-xs rounded px-2 py-1"> <span x-text="emoji.name"></span> </div> <div class="emotion-count w-full"> <div class="emotion-count-perc" :style="'height:' + emoji.percentage + '%'"></div> </div> <span x-text="emoji.count" class="emotion-count-text text-xs"></span> </button> </div> </template> </div> <script> function emojiComponent(postId, initialEmojis) { return { emojis: initialEmojis.map(e => ({ id: e.id, name: e.name, icon: e.icon, count: e.count, selected: e.selected, percentage: 0, loading: false, // 🔹 yeni alan })), hovered: null, async getFreshCsrfToken() { try { const res = await fetch('/csrf-token.js', { cache: 'no-store' }); const text = await res.text(); const match = text.match(/'(.+)'/); return match ? match[1] : null; } catch (err) { console.error('CSRF token alınamadı:', err); return null; } }, init() { this.updatePercentages(); }, async selectEmoji(emoji) { if (!emoji.selected && this.emojis.filter(e => e.selected).length >= 2) { Swal.fire({ title: 'Uyarı', text: 'En fazla iki farklı emojiye oy verebilirsiniz.', icon: 'warning', confirmButtonColor: '#d33', timer: 2000, showConfirmButton: false }); return; } const previousState = emoji.selected; const previousCount = emoji.count; emoji.selected = !emoji.selected; this.hovered = null; emoji.loading = true; // 🔹 işlem başlıyor try { await this.sendEmojiData(emoji, previousState, previousCount); this.updatePercentages(); } catch (error) { emoji.selected = previousState; emoji.count = previousCount; this.updatePercentages(); Swal.fire({ title: 'Hata', text: 'Bir hata oluştu, lütfen tekrar deneyin.', icon: 'error', confirmButtonColor: '#d33', timer: 2000, showConfirmButton: false }); } finally { emoji.loading = false; // 🔹 işlem bitti } }, async sendEmojiData(emoji, previousState, previousCount) { const csrfToken = await this.getFreshCsrfToken(); if (!csrfToken) { throw new Error("CSRF token alınamadı"); } const response = await fetch(`/posts/${postId}/emojis`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': csrfToken, 'X-Requested-With': 'XMLHttpRequest' }, body: JSON.stringify({ emoji_id: emoji.id, post_id: postId, selected: emoji.selected }) }); const data = await response.json(); if (!response.ok || data.error) { Swal.fire({ title: 'Uyarı', text: data.error || 'Bir hata oluştu.', icon: 'warning', timer: 2000, showConfirmButton: false }); emoji.selected = previousState; emoji.count = previousCount; this.updatePercentages(); return; } if (data.success) { emoji.count = data.total; this.updatePercentages(); } }, updatePercentages() { const total = this.emojis.reduce((acc, cur) => acc + cur.count, 0); this.emojis.forEach(emoji => { emoji.percentage = total > 0 ? (emoji.count / total) * 100 : 0; }); } }; } </script> <script src="https://www.google.com/recaptcha/api.js?render=6LdefHIrAAAAAKUjhkp0a-u_YIPUsLtr6AMizIC6"></script> <script> document.addEventListener('DOMContentLoaded', function () { grecaptcha.ready(function () { grecaptcha.execute('6LdefHIrAAAAAKUjhkp0a-u_YIPUsLtr6AMizIC6', { action: 'submit' }) .then(function (token) { const recaptchaInput = document.querySelector('input[name="recaptcha_token"]'); if (recaptchaInput) { recaptchaInput.value = token; } }); }); }); </script> <div x-data="commentHandler(35961, 0)" x-init="fetchComments()" itemscope itemtype="http://schema.org/CreativeWork"> <meta itemprop="name" content="İZLEDİNİZ Mİ? Karadeniz Sakarya Gaz Sahası - Filyos Doğalgaz İşleme Tesisi!"> <meta itemprop="author" content=""> <meta itemprop="datePublished" content="2022-07-06T13:46:08+03:00"> <div x-cloak x-show="isTOSModalOpen" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"> <div class="text-black bg-white dark:bg-customdarkgray-800 dark:text-gray-300 p-4 rounded-tm w-full sm:w-1/2 md:w-1/3 mx-auto"> <h2 class="text-lg font-bold mb-4">Yorum Yazma Kuralları</h2> <p class="text-sm">Lütfen yorum yaparken veya bir yorumu yanıtlarken aşağıda yer alan yorum yazma kurallarına dikkat ediniz.<br /> Türkiye Cumhuriyeti yasalarına aykırı, suç veya suçluyu övme amaçlı yorumlar yapmayınız.<br /> Küfür, argo, hakaret içerikli, nefret uyandıracak veya nefreti körükleyecek yorumlar yapmayınız.<br /> Irkçı, cinsiyetçi, kişilik haklarını zedeleyen, taciz amaçlı veya saldırgan ifadeler kullanmayınız.<br /> Türkçe imla kurallarına ve noktalama işaretlerine uygun cümleler kurmaya özen gösteriniz.<br /> Yorumunuzu tamamı büyük harflerden oluşacak şekilde yazmayınız.<br /> Gizli veya açık biçimde reklam, tanıtım amaçlı yorumlar yapmayınız.<br /> Kendinizin veya bir başkasının kişisel bilgilerini paylaşmayınız.<br /> Yorumlarınızın hukuki sorumluluğunu üstlendiğinizi, talep edilmesi halinde bilgilerinizin yetkili makamlarla paylaşılacağını unutmayınız.</p> <div class="text-center"> <button x-on:click="acceptTOS" class="bg-red-700 hover:bg-red-800 text-white font-semibold p-2 rounded-md mt-2 text-sm"> Okudum ve Kabul Ediyorum </button> </div> </div> </div> <div class="comments-section" itemscope itemprop="comment" itemtype="http://schema.org/Comment"> <div x-cloak x-show="toast" class="fixed top-0 left-0 w-full h-full bg-black bg-opacity-50 z-40"></div> <div x-data="{ showCommentForm: false }" class="py-3 dark:text-gray-300" id="comments"> <div class="dark:bg-customdarkgray-800 dark:text-gray-300 bg-box flex items-center bg-gray-100 rounded-tm overflow-hidden"> <div class="bg-red-700 text-white flex flex-col items-center justify-center px-3 py-3"> <svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-white" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> <g> <path fill="#FFFFFF" d="M60,0H16c-2.211,0-4,1.789-4,4v6H4c-2.211,0-4,1.789-4,4v30c0,2.211,1.789,4,4,4h7c0.553,0,1,0.447,1,1v11 c0,1.617,0.973,3.078,2.469,3.695C14.965,63.902,15.484,64,16,64c1.039,0,2.062-0.406,2.828-1.172l14.156-14.156 c0,0,0.516-0.672,1.672-0.672S50,48,50,48c2.211,0,4-1.789,4-4v-8h6c2.211,0,4-1.789,4-4V4C64,1.789,62.211,0,60,0z M52,44 c0,1.105-0.895,2-2,2c0,0-14.687,0-15.344,0C32.709,46,32,47,32,47S20,59,18,61c-2.141,2.141-4,0.391-4-1c0-1,0-12,0-12 c0-1.105-0.895-2-2-2H4c-1.105,0-2-0.895-2-2V14c0-1.105,0.895-2,2-2h46c1.105,0,2,0.895,2,2V44z M62,32c0,1.105-0.895,2-2,2h-6V14 c0-2.211-1.789-4-4-4H14V4c0-1.105,0.895-2,2-2h44c1.105,0,2,0.895,2,2V32z"/> <path fill="#FFFFFF" d="M13,24h13c0.553,0,1-0.447,1-1s-0.447-1-1-1H13c-0.553,0-1,0.447-1,1S12.447,24,13,24z"/> <path fill="#FFFFFF" d="M41,28H13c-0.553,0-1,0.447-1,1s0.447,1,1,1h28c0.553,0,1-0.447,1-1S41.553,28,41,28z"/> <path fill="#FFFFFF" d="M34,34H13c-0.553,0-1,0.447-1,1s0.447,1,1,1h21c0.553,0,1-0.447,1-1S34.553,34,34,34z"/> </g> </svg> </div> <div class="flex flex-col justify-center flex-1 px-4 py-3"> <h3 class="text-lg font-medium uppercase">Yorumlar </h3> </div> <button x-on:click="checkLoginStatus; $el.style.display = 'none'" class="bg-white border border-gray-300 text-red-700 font-semibold py-1 px-2 text-sm rounded-tm hover:bg-gray-100 transition mr-2"> Yorum Yap </button> </div> <div x-show="showCommentForm" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95" class="mt-4 rounded-tm bg-white dark:bg-customdarkgray-800 dark:text-gray-300 p-4"> <form x-on:submit.prevent="addComment" x-show="showMainCommentForm"> <input type="hidden" name="_token" value="" autocomplete="off"> <div class="flex flex-col space-y-2"> <div class="flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-4"> <input x-show="!userIsLoggedIn" autocomplete="off" x-model="newComment.author" type="text" placeholder="Ad / Soyad" class="dark:bg-customdarkgray-900 w-full text-sm bg-gray-100 hover:bg-white" required> <input x-show="!userIsLoggedIn" autocomplete="off" x-model="newComment.email" type="email" placeholder="Email" class="dark:bg-customdarkgray-900 w-full text-sm bg-gray-100 hover:bg-white" required> </div> <textarea x-model="newComment.text" x-on:input="remainingChars = 1000 - newComment.text.length" class="dark:bg-customdarkgray-900 h-24 text-sm bg-gray-100 hover:bg-white" maxlength="1000" placeholder="Herkese açık bir yorum ekleyin" required></textarea> <div x-cloak x-show="remainingChars <=0" class="text-xs p-2 bg-red-100 border border-red-400 text-red-700 rounded-md mt-2"> Maksimum karakter sayısına ulaştınız </div> <p class="text-xs">Kalan Karakter: <span class="text-red-600" x-text="remainingChars"></span></p> <div x-data="voiceComment()" class="mt-2"> <button type="button" class="bg-gray-200 hover:bg-gray-300 text-gray-800 text-sm font-medium px-3 py-2 rounded-lg flex items-center gap-2 shadow-sm transition-all duration-150" x-on:click="toggleRecording"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="w-5 h-5" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18v3m6-3a6 6 0 01-12 0m12-5V9a6 6 0 00-12 0v4"/> <circle cx="12" cy="12" r="3"/> </svg> <span x-text="isRecording ? 'Kaydı Durdur' : 'Ses Ekle'"></span> </button> <template x-if="isRecording"> <div class="text-xs text-red-600 mt-2"> Süre: <span x-text="formattedTime"></span> / 02:00 </div> </template> <template x-if="audioUrl"> <div class="mt-2 space-y-2"> <audio :src="audioUrl" controls class="w-full"></audio> </div> </template> <input type="hidden" name="audio_blob" :value="$store.commentAudio.audio_blob"> </div> </div> <div class="flex items-center justify-between mt-2 my-2"> <div class="flex items-center"> <input type="checkbox" x-model="isTOSAccepted" @change="if (newComment.text.trim().length < 3) { Swal.fire({ title: 'Uyarı', text: 'Yorum alanı en az 3 karakter olmalıdır.', icon: 'warning', timer: 3000, showConfirmButton: false }); isTOSAccepted = false; }" name="usertos" id="usertos" class="mr-2" > <label for="usertos" class="mb-0 text-xs"> <a href="#" x-on:click.prevent="openTOSModal">Yorum yazma kurallarını</a> okudum ve kabul ediyorum. </label> </div> <button type="submit" :class="( newComment.text.length < 3 || newComment.author.trim().length < 3 || (!userIsLoggedIn && true && (!newComment.email || newComment.email.trim().length < 3)) || !isTOSAccepted ) ? 'bg-gray-300 cursor-not-allowed text-white font-semibold p-2 rounded-md text-xs' : 'bg-red-700 hover:bg-red-800 text-white font-semibold p-2 rounded-md text-xs'" :disabled="newComment.text.length < 3 || newComment.author.trim().length < 3 || (!userIsLoggedIn && true && (!newComment.email || newComment.email.trim().length < 3)) || !isTOSAccepted" > Gönder </button> </div> </form> </div> <div class="space-y-4 overflow-auto" itemprop="comment" style="max-height: 500px;"> <template x-for="comment in comments" :key="comment.id"> <div :class="{'comment-reply': isReply(comment)}" :data-depth="comment.depth || 0" itemprop="comment"> <div class="bg-white dark:bg-customdarkgray-800 dark:text-gray-300 p-4 rounded-tm p-3 space-y-4"> <div class="flex items-center justify-between"> <div itemprop="author" itemscope itemtype="http://schema.org/Person"> <div x-text="comment.name" class="font-bold text-sm" itemprop="name"></div> </div> <meta itemprop="datePublished" content="comment.created_at"> <div x-text="comment.created_at" class="text-xs text-gray-500 dark:text-gray-300"></div> </div> <p x-html="comment.body" class="text-sm" itemprop="text"></p> <template x-if="comment.audio_path"> <audio :src="comment.audio_path" controls class="mt-2 w-full"></audio> </template> <div class="flex items-center space-x-4"> <a x-on:click.prevent="checkLoginBeforeReply(comment.id, comment.depth)" href="#" class="text-xs flex items-center"> <div x-show="replyCommentId !== comment.id" class="flex items-center"> <svg width="16" height="16" class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M11 20L1 12L11 4V9C16.5228 9 21 13.4772 21 19C21 19.2727 20.9891 19.5428 20.9677 19.81C19.5055 17.0364 16.6381 15.119 13.313 15.0053L13 15H10.9999L11 20ZM8.99986 13H10.9999L13.0341 13.0003L13.3814 13.0065C14.6657 13.0504 15.9053 13.3165 17.0568 13.7734C15.5898 12.0749 13.4204 11 11 11H9V8.16125L4.20156 12L8.99992 15.8387L8.99986 13Z"></path> </svg> <span> Yanıtla</span> </div> <div x-show="replyCommentId === comment.id" class="flex items-center"> <span>Vazgeç</span> <svg width="16" height="16" class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z"></path> </svg> </div> </a> <div class="flex items-center space-x-4"> <a href="#" class="like-button text-xs hover:text-green-600 flex items-center" :data-comment-id="comment.id" @click.prevent="likeComment(comment)"> <svg class="fill-current hover:text-green-600 mr-1" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M14.5998 8.00033H21C22.1046 8.00033 23 8.89576 23 10.0003V12.1047C23 12.3659 22.9488 12.6246 22.8494 12.8662L19.755 20.3811C19.6007 20.7558 19.2355 21.0003 18.8303 21.0003H2C1.44772 21.0003 1 20.5526 1 20.0003V10.0003C1 9.44804 1.44772 9.00033 2 9.00033H5.48184C5.80677 9.00033 6.11143 8.84246 6.29881 8.57701L11.7522 0.851355C11.8947 0.649486 12.1633 0.581978 12.3843 0.692483L14.1984 1.59951C15.25 2.12534 15.7931 3.31292 15.5031 4.45235L14.5998 8.00033ZM7 10.5878V19.0003H18.1606L21 12.1047V10.0003H14.5998C13.2951 10.0003 12.3398 8.77128 12.6616 7.50691L13.5649 3.95894C13.6229 3.73105 13.5143 3.49353 13.3039 3.38837L12.6428 3.0578L7.93275 9.73038C7.68285 10.0844 7.36341 10.3746 7 10.5878ZM5 11.0003H3V19.0003H5V11.0003Z"></path> </svg> <span class="mr-2">Beğen</span> <span :id="'comment-' + comment.id + '-likes'" class="pr-2 pl-2 text-vs tracking-letter-1px text-white bg-green-400 rounded-tm" x-text="comment.likes"></span> </a> <a href="#" class="dislike-button text-xs hover:text-red-600 flex items-center" :data-comment-id="comment.id" @click.prevent="dislikeComment(comment)"> <svg class="fill-current mr-1" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M9.40017 16H3C1.89543 16 1 15.1046 1 14V11.8957C1 11.6344 1.05118 11.3757 1.15064 11.1342L4.24501 3.61925C4.3993 3.24455 4.76447 3 5.16969 3H22C22.5523 3 23 3.44772 23 4V14C23 14.5523 22.5523 15 22 15H18.5182C18.1932 15 17.8886 15.1579 17.7012 15.4233L12.2478 23.149C12.1053 23.3508 11.8367 23.4184 11.6157 23.3078L9.80163 22.4008C8.74998 21.875 8.20687 20.6874 8.49694 19.548L9.40017 16ZM17 13.4125V5H5.83939L3 11.8957V14H9.40017C10.7049 14 11.6602 15.229 11.3384 16.4934L10.4351 20.0414C10.3771 20.2693 10.4857 20.5068 10.6961 20.612L11.3572 20.9425L16.0673 14.27C16.3172 13.9159 16.6366 13.6257 17 13.4125ZM19 13H21V5H19V13Z"></path> </svg> <span class="mr-2">Beğenme</span> <span :id="'comment-' + comment.id + '-dislikes'" class="pr-2 pl-2 text-vs tracking-letter-1px text-red-400 bg-red-200 rounded-tm" x-text="comment.unlikes"></span> </a> </div> </div> <div x-show="replyCommentId === comment.id" class="bg-white dark:bg-customdarkgray-800 dark:text-gray-300 p-4 mt-4 flex flex-col rounded-tm"> <div class="flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-4 my-2"> <input x-show="!userIsLoggedIn" autocomplete="off" x-model="newReply.author" type="text" placeholder="Ad / Soyad" class="dark:bg-customdarkgray-900 w-full text-sm bg-gray-100 hover:bg-white" required> <input x-show="!userIsLoggedIn" autocomplete="off" x-model="newReply.email" type="email" placeholder="Email" class="dark:bg-customdarkgray-900 w-full text-sm bg-gray-100 hover:bg-white" required> </div> <textarea x-model="newReply.text" x-on:input="remainingChars = 1000 - newReply.text.length" class="dark:bg-customdarkgray-900 h-24 text-sm flex-1 mb-2 rounded border p-2 bg-gray-100 hover:bg-white" maxlength="1000" placeholder="Cevabınızı yazınız..." required></textarea> <p class="text-xs mb-2">Kalan Karakter: <span class="text-red-600" x-text="remainingChars"></span></p> <div x-show="replyCommentId === comment.id" x-data="voiceComment()" class="mt-2 mb-2"> <button type="button" class="bg-gray-200 hover:bg-gray-300 text-gray-800 text-sm font-medium px-3 py-2 rounded-lg flex items-center gap-2 shadow-sm transition-all duration-150" x-on:click="toggleRecording"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="w-5 h-5" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18v3m6-3a6 6 0 01-12 0m12-5V9a6 6 0 00-12 0v4"/> <circle cx="12" cy="12" r="3"/> </svg> <span x-text="isRecording ? 'Kaydı Durdur' : 'Ses Ekle'"></span> </button> <template x-if="isRecording"> <div class="text-xs text-red-600 mt-2"> Süre: <span x-text="formattedTime"></span> / 02:00 </div> </template> <template x-if="audioUrl"> <div class="mt-2 space-y-2"> <audio :src="audioUrl" controls class="w-full"></audio> </div> </template> <input type="hidden" name="audio_blob" :value="$store.commentAudio.audio_blob"> </div> <div class="flex items-center mb-2"> <input type="checkbox" x-model="isTOSAccepted" name="reply_usertos" id="reply_usertos" class="mr-2"> <label for="reply_usertos" class="mb-0 text-xs"> <a href="#" x-on:click.prevent="openTOSModal" class="underline">Yorum yazma kurallarını</a> okudum ve kabul ediyorum. </label> </div> <button x-on:click.prevent="addReply(comment.id)" x-bind:disabled="newReply.text.length < 3 || newReply.author.length < 3 || !isTOSAccepted" class="bg-red-500 hover:bg-red-600 text-white font-semibold p-2 rounded-md mt-2 text-sm self-end"> Gönder </button> </div> <div x-show="toast" x-text="toastMessage" @click.away="toast=false" class="fixed bottom-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 p-4 bg-green-500 text-white rounded-tm shadow-lg z-50"></div> </div> <template x-if="comment.replies && comment.replies.length > 0"> <div class="replies"> <template x-for="reply in comment.replies" :key="reply.id"> <div class="reply bg-white dark:bg-customdarkgray-800 dark:text-gray-300 rounded-tm p-3 space-y-4 my-4 comment-reply"> <div class="flex items-center justify-between"> <div x-text="reply.name" class="font-bold text-sm"></div> <div x-text="reply.created_at" class="text-xs text-gray-500 dark:text-gray-300"></div> </div> <p x-html="reply.body" class="text-sm"></p> <template x-if="comment.audio_path"> <audio :src="comment.audio_path" controls class="mt-2 w-full"></audio> </template> <div class="flex items-center space-x-4"> <div class="flex items-center space-x-4"> <a href="#" class="like-button text-xs hover:text-green-600 flex items-center" :data-comment-id="reply.id" @click.prevent="likeComment(reply)"> <svg class="fill-current hover:text-green-600 mr-1" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M14.5998 8.00033H21C22.1046 8.00033 23 8.89576 23 10.0003V12.1047C23 12.3659 22.9488 12.6246 22.8494 12.8662L19.755 20.3811C19.6007 20.7558 19.2355 21.0003 18.8303 21.0003H2C1.44772 21.0003 1 20.5526 1 20.0003V10.0003C1 9.44804 1.44772 9.00033 2 9.00033H5.48184C5.80677 9.00033 6.11143 8.84246 6.29881 8.57701L11.7522 0.851355C11.8947 0.649486 12.1633 0.581978 12.3843 0.692483L14.1984 1.59951C15.25 2.12534 15.7931 3.31292 15.5031 4.45235L14.5998 8.00033ZM7 10.5878V19.0003H18.1606L21 12.1047V10.0003H14.5998C13.2951 10.0003 12.3398 8.77128 12.6616 7.50691L13.5649 3.95894C13.6229 3.73105 13.5143 3.49353 13.3039 3.38837L12.6428 3.0578L7.93275 9.73038C7.68285 10.0844 7.36341 10.3746 7 10.5878ZM5 11.0003H3V19.0003H5V11.0003Z"></path> </svg> <span class="mr-2">Beğen</span> <span :id="'reply-' + reply.id + '-likes'" class="pr-2 pl-2 text-vs tracking-letter-1px text-white bg-green-400 rounded-tm" x-text="reply.likes"></span> </a> <a href="#" class="dislike-button text-xs hover:text-red-600 flex items-center" :data-comment-id="reply.id" @click.prevent="dislikeComment(reply)"> <svg class="fill-current mr-1" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M9.40017 16H3C1.89543 16 1 15.1046 1 14V11.8957C1 11.6344 1.05118 11.3757 1.15064 11.1342L4.24501 3.61925C4.3993 3.24455 4.76447 3 5.16969 3H22C22.5523 3 23 3.44772 23 4V14C23 14.5523 22.5523 15 22 15H18.5182C18.1932 15 17.8886 15.1579 17.7012 15.4233L12.2478 23.149C12.1053 23.3508 11.8367 23.4184 11.6157 23.3078L9.80163 22.4008C8.74998 21.875 8.20687 20.6874 8.49694 19.548L9.40017 16ZM17 13.4125V5H5.83939L3 11.8957V14H9.40017C10.7049 14 11.6602 15.229 11.3384 16.4934L10.4351 20.0414C10.3771 20.2693 10.4857 20.5068 10.6961 20.612L11.3572 20.9425L16.0673 14.27C16.3172 13.9159 16.6366 13.6257 17 13.4125ZM19 13H21V5H19V13Z"></path> </svg> <span class="mr-2">Beğenme</span> <span :id="'reply-' + reply.id + '-dislikes'" class="pr-2 pl-2 text-vs tracking-letter-1px text-red-400 bg-red-200 rounded-tm" x-text="reply.unlikes"></span> </a> </div> </div> </div> </template> </div> </template> </div> </template> </div> </div> </div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.store('commentAudio', { audio_blob: null }); }); var loggedInUser = {"name":"","lastname":"","email":""}; document.addEventListener('DOMContentLoaded', function() { var loginForm = document.getElementById('loginForm'); if (loginForm) { var errorDiv = document.getElementById('loginError'); loginForm.addEventListener('submit', async function(event) { event.preventDefault(); let csrfToken = null; try { const res = await fetch('/csrf-token.js', { cache: 'no-store' }); const text = await res.text(); const match = text.match(/'(.+)'/); csrfToken = match ? match[1] : null; } catch (err) { console.error('Login için CSRF token alınamadı:', err); return; } var formData = new FormData(loginForm); fetch('https://www.enerjiekonomisi.com/login', { method: 'POST', body: formData, headers: { 'X-CSRF-TOKEN': csrfToken, 'X-Requested-With': 'XMLHttpRequest' } }) .then(r => r.json()) .then(data => { if (data.success) { document.getElementById('loginModal').style.display = 'none'; window.location.reload(); } else { errorDiv.innerHTML = ''; errorDiv.style.display = 'block'; if (data.errors) { for (var error in data.errors) { errorDiv.innerHTML += data.errors[error] + '<br>'; } } setTimeout(() => errorDiv.style.display = 'none', 3000); } }) .catch(err => console.error('Error:', err)); }); } }); function commentHandler(postId) { const routes = { commentStore: "https://www.enerjiekonomisi.com/commentStore", commentShow: "https://www.enerjiekonomisi.com/post/35961/comments", commentReply: "https://www.enerjiekonomisi.com/commentReply", }; let userIsLoggedIn = false; const recaptchaSiteKey = "6LdefHIrAAAAAKUjhkp0a-u_YIPUsLtr6AMizIC6"; return { userIsLoggedIn: userIsLoggedIn, postId: postId, comments: [], newComment: { text: '', email: loggedInUser.email, author: loggedInUser.name + loggedInUser.lastname, postId: postId, parent_id: 0, post_type: 2 }, newReply: { text: '', email: loggedInUser.email, author: loggedInUser.name + loggedInUser.lastname, postId: postId, post_type: 2, depth: 1 }, replyCommentId: null, remainingChars: 1000, toast: false, toastMessage: '', isTOSAccepted: false, isTOSModalOpen: false, showMainCommentForm: true, openTOSModal() { this.isTOSModalOpen = true; }, acceptTOS() { this.isTOSAccepted = true; this.isTOSModalOpen = false; }, toggleReplyForm(commentId, currentDepth) { this.replyCommentId = this.replyCommentId === commentId ? null : commentId; this.newReply.depth = (currentDepth + 1) || 1; this.showMainCommentForm = this.replyCommentId === null; }, async fetchComments() { try { this.comments = []; } catch (error) { console.error("Comments could not be fetched: ", error.message); } }, async addComment() { const commentData = { text: this.newComment.text, email: this.newComment.email, author: this.newComment.author, postId: this.newComment.postId, parent_id: this.newComment.parent_id, post_type: this.newComment.post_type, audio_blob: Alpine.store('commentAudio').audio_blob || null, }; if (!this.isTOSAccepted) { Swal.fire({ title: 'Hata', text: 'Kuralları kabul etmelisiniz', icon: 'error', timer: 3000, showConfirmButton: false }); return; } if (!commentData.text || commentData.text.length < 3) { Swal.fire({ title: 'Hata', text: 'Yorum en az 3 karakter olmalı', icon: 'warning', timer: 3000, showConfirmButton: false }); return; } // ✅ Submit anında token çek let csrfToken = null; try { const res = await fetch('/csrf-token.js', { cache: 'no-store' }); const text = await res.text(); const match = text.match(/'(.+)'/); csrfToken = match ? match[1] : null; } catch (err) { console.error('CSRF token alınamadı:', err); Swal.fire({ title: 'Hata', text: 'CSRF token alınamadı', icon: 'error', timer: 3000, showConfirmButton: false }); return; } try { commentData.recaptcha_token = await grecaptcha.execute(recaptchaSiteKey, { action: 'submit' }); let response = await fetch(routes.commentStore, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': csrfToken, 'X-Requested-With': 'XMLHttpRequest' }, body: JSON.stringify(commentData) }); let data = await response.json(); if (response.ok) { Swal.fire({ title: 'Başarılı!', text: 'Yorum gönderildi', icon: 'success', timer: 3000, showConfirmButton: false }); this.handleNewComment(data); this.showCommentForm = false; } else { Swal.fire({ title: 'Hata!', text: data.message || 'Bir hata oluştu', icon: 'error', timer: 3000, showConfirmButton: false }); } } catch (error) { console.error('Yorum gönderilemedi:', error); Swal.fire({ title: 'Hata!', text: 'Yorum gönderilirken hata oluştu', icon: 'error', timer: 3000, showConfirmButton: false }); } }, checkLoginBeforeReply(commentId, depth) { fetch('/api/user-status') .then(response => response.json()) .then(data => { const commentsSecurity = data.commentsSecurity; this.userIsLoggedIn = data.loggedIn; if (this.userIsLoggedIn) { this.newReply.author = data.user.name + ' ' + data.user.lastname; this.newReply.email = data.user.email; this.toggleReplyForm(commentId, depth); } else { if (commentsSecurity == 0) { this.toggleReplyForm(commentId, depth); } else { Swal.fire({ title: 'Uyarı', text: 'Cevap yazabilmek için giriş yapmanız gerekmektedir.', icon: 'warning', showCancelButton: true, confirmButtonText: 'Üye Girişi Yap', cancelButtonText: 'Kapat', reverseButtons: true }).then((result) => { if (result.isConfirmed) { window.location.href = "https://www.enerjiekonomisi.com/login"; } }); } } }) .catch(error => { console.error('API Error:', error); }); }, checkLoginStatus() { fetch('/api/user-status') .then(response => response.json()) .then(data => { const commentsSecurity = data.commentsSecurity; this.userIsLoggedIn = data.loggedIn; if (this.userIsLoggedIn) { this.newComment.author = data.user.name + ' ' + data.user.lastname; this.newComment.email = data.user.email; this.showCommentForm = true; } else { if (commentsSecurity == 0) { this.showCommentForm = true; } else { this.showCommentForm = false; Swal.fire({ title: 'Uyarı', text: 'Yorum yapabilmek için giriş yapmanız gerekmektedir.', icon: 'warning', showCancelButton: true, confirmButtonText: 'Üye Girişi Yap', cancelButtonText: 'Kapat', reverseButtons: true }).then((result) => { if (result.isConfirmed) { window.location.href = "https://www.enerjiekonomisi.com/login"; } }); } } }) .catch(error => { console.error('API Error:', error); this.showCommentForm = false; }); }, handleNewComment(comment) { if (comment.status === 1) { this.comments.push(comment); } this.newComment = { text: '', author: '', postId: this.postId, parent_id: 0, post_type: 2 }; this.isTOSAccepted = false; // Sesli yorum temizliği this.audioUrl = null; this.audioDataBase64 = null; }, isReply(comment) { return comment.parent_id !== 0; }, async addReply(parentCommentId) { if (!this.isTOSAccepted) { Swal.fire({ title: 'Hata', text: 'Lütfen hizmet şartlarını kabul edin.', icon: 'error', timer: 3000, showConfirmButton: false }); return; } this.newReply.parent_id = parentCommentId; // ✅ Submit anında token çek let csrfToken = null; try { const res = await fetch('/csrf-token.js', { cache: 'no-store' }); const text = await res.text(); const match = text.match(/'(.+)'/); csrfToken = match ? match[1] : null; } catch (err) { Swal.fire({ title: 'Hata', text: 'CSRF token alınamadı', icon: 'error', timer: 3000, showConfirmButton: false }); return; } // Ses kaydı kontrolü const voiceComponent = document.querySelector('[x-data^="voiceComment"]')?._x_dataStack?.[0]; if (voiceComponent?.isRecording) { voiceComponent.stopRecording(); await new Promise(resolve => setTimeout(resolve, 1500)); } this.newReply.audio_blob = Alpine.store('commentAudio').audio_blob || null; try { this.newReply.recaptcha_token = await grecaptcha.execute(recaptchaSiteKey, {action: 'submit'}); let response = await fetch(routes.commentReply, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': csrfToken, 'X-Requested-With': 'XMLHttpRequest' }, body: JSON.stringify(this.newReply) }); let data = await response.json(); if (response.ok) { Swal.fire({ title: 'Başarılı!', text: 'Yorumunuz gönderildi', icon: 'success', timer: 3000, showConfirmButton: false }); this.handleNewReply(data); } else { Swal.fire({ title: 'Hata!', text: data.message || 'Hata Oluştu', icon: 'error', timer: 3000, showConfirmButton: false }); } } catch (error) { Swal.fire({ title: 'Hata!', text: error.message || 'Hata Oluştu', icon: 'error', timer: 3000, showConfirmButton: false }); } }, handleNewReply(reply) { let parentComment = this.comments.find(comment => comment.id === reply.parent_id); if (parentComment) { if (!parentComment.replies) { parentComment.replies = []; } parentComment.replies.push(reply); } this.newReply = { text: '', author: '', postId: this.postId, post_type: 2, depth: 1, audio_blob: null }; this.replyCommentId = null; this.showMainCommentForm = true; this.isTOSAccepted = false; }, showToast(message) { this.toastMessage = message; this.toast = true; setTimeout(() => this.toast = false, 3000); }, closeToast() { this.toast = false; }, likeComment(comment) { this.updateVote(comment, 'like'); }, dislikeComment(comment) { this.updateVote(comment, 'dislike'); }, updateVote(comment, action) { fetch(`/comments/${comment.id}/${action}`, { method: 'GET', headers: { 'X-CSRF-TOKEN': this.csrfToken, 'X-Requested-With': 'XMLHttpRequest' } }) .then(response => { if (!response.ok) throw response; return response.json(); }) .then(data => { if (data.success === false && data.error) { Swal.fire({ title: 'Hata!', text: data.error, icon: 'error', timer: 3000, showConfirmButton: false }); } else { comment.likes = data.likes; comment.unlikes = data.unlikes; } }) .catch(error => { if (error.json) { error.json().then(err => { Swal.fire({ title: 'Hata!', text: err.error || 'Bir hata oluştu!', icon: 'error', timer: 3000, showConfirmButton: false }); }); } else { console.error('Error:', error); } }); }, } } function voiceComment() { return { isRecording: false, mediaRecorder: null, audioChunks: [], audioUrl: null, timer: null, seconds: 0, maxSeconds: 120, get formattedTime() { const min = String(Math.floor(this.seconds / 60)).padStart(2, '0'); const sec = String(this.seconds % 60).padStart(2, '0'); return `${min}:${sec}`; }, async toggleRecording() { if (this.isRecording) { this.stopRecording(); } else { this.audioUrl = null; Alpine.store('commentAudio').audio_blob = null; const stream = await navigator.mediaDevices.getUserMedia({ audio: true }); this.mediaRecorder = new MediaRecorder(stream); this.mediaRecorder.ondataavailable = (e) => { this.audioChunks.push(e.data); }; this.mediaRecorder.onstop = () => { const blob = new Blob(this.audioChunks, { type: 'audio/webm' }); if (blob.size > 5 * 1024 * 1024) { Swal.fire({ title: 'Hata!', text: 'Ses kaydı 5MB üzeri olamaz.', icon: 'error', timer: 4000, showConfirmButton: false }); return; } this.audioUrl = URL.createObjectURL(blob); const reader = new FileReader(); reader.readAsDataURL(blob); reader.onloadend = () => { const base64 = reader.result; Alpine.store('commentAudio').audio_blob = base64; console.log('[DEBUG] Ses kaydı base64 uzunluk:', base64.length); }; this.audioChunks = []; this.seconds = 0; clearInterval(this.timer); }; this.mediaRecorder.start(); this.isRecording = true; this.timer = setInterval(() => { this.seconds++; if (this.seconds >= this.maxSeconds) { this.stopRecording(); } }, 1000); } }, stopRecording() { if (this.mediaRecorder && this.mediaRecorder.state !== 'inactive') { this.mediaRecorder.stop(); } this.isRecording = false; clearInterval(this.timer); } }; } </script> <div> <div class="py-2"> <div class="flex items-center"> <h3 class="text-xl font-bold whitespace-nowrap dark:text-gray-300">İLGİNİZİ ÇEKEBİLİR</h3> <div class="border border-gray-300 dark:border-darkborder-300 w-full ml-4"></div> </div> </div> <div class="flex flex-wrap -m-2 mb-1"> <div class="w-1/2 md:w-1/3 lg:w-1/3 p-2"> <a href="https://www.enerjiekonomisi.com/video/kacak-elektrikte-ust-level-mobil-kacak-trafo/39359" title="Kaçak elektrikte ÜST level 'Mobil KAÇAK Trafo'" class="group block overflow-hidden rounded-tm shadow-lg"> <div class="overflow-hidden"> <picture> <source srcset="https://www.enerjiekonomisi.com/images/media/2025/12/kacak-elektrikte-ust-level-mobil-kacak-trafo_6932a10153971_t.webp" type="image/webp" loading="lazy"> <img src="https://www.enerjiekonomisi.com/images/media/2025/12/kacak-elektrikte-ust-level-mobil-kacak-trafo_6932a10153971_t.jpg" alt="Kaçak elektrikte ÜST level 'Mobil KAÇAK Trafo'" loading="lazy" class="w-full max-h-[278px] sm:max-h-[375px] md:h-auto object-cover "> </picture> </div> <div class="flex min-h-[76px] px-2 py-3 bg-box dark:bg-customdarkgray-800 dark:text-gray-300"> <div class="text-18px font-bold line-clamp-2">Kaçak elektrikte ÜST level 'Mobil KAÇAK Trafo'</div> </div> </a> </div> <div class="w-1/2 md:w-1/3 lg:w-1/3 p-2"> <a href="https://www.enerjiekonomisi.com/video/enerji-tv-enerji-bakanligi-yeni-bitki-ve-gida-cesitleri/39303" title="Enerji TV - Enerji Bakanlığı 'YENİ bitki ve gıda çeşitleri'" class="group block overflow-hidden rounded-tm shadow-lg"> <div class="overflow-hidden"> <picture> <source srcset="https://www.enerjiekonomisi.com/images/media/2025/12/enerji-tv-enerji-bakanligi-yeni-bitki-ve-gida-cesitleri_692d8a9e28524_t.webp" type="image/webp" loading="lazy"> <img src="https://www.enerjiekonomisi.com/images/media/2025/12/enerji-tv-enerji-bakanligi-yeni-bitki-ve-gida-cesitleri_692d8a9e28524_t.jpg" alt="Enerji TV - Enerji Bakanlığı 'YENİ bitki ve gıda çeşitleri'" loading="lazy" class="w-full max-h-[278px] sm:max-h-[375px] md:h-auto object-cover "> </picture> </div> <div class="flex min-h-[76px] px-2 py-3 bg-box dark:bg-customdarkgray-800 dark:text-gray-300"> <div class="text-18px font-bold line-clamp-2">Enerji TV - Enerji Bakanlığı 'YENİ bitki ve gıda çeşitleri'</div> </div> </a> </div> <div class="w-1/2 md:w-1/3 lg:w-1/3 p-2"> <a href="https://www.enerjiekonomisi.com/video/enerji-iletim-hatlari-bakimi-nasil-yapiliyor/39205" title="Enerji iletim hatları bakımı nasıl yapılıyor?" class="group block overflow-hidden rounded-tm shadow-lg"> <div class="overflow-hidden"> <picture> <source srcset="https://www.enerjiekonomisi.com/images/media/2025/11/enerji-iletim-hatlari-bakimi-nasil-yapiliyor_6926ea701cfd0_t.webp" type="image/webp" loading="lazy"> <img src="https://www.enerjiekonomisi.com/images/media/2025/11/enerji-iletim-hatlari-bakimi-nasil-yapiliyor_6926ea701cfd0_t.jpg" alt="Enerji iletim hatları bakımı nasıl yapılıyor?" loading="lazy" class="w-full max-h-[278px] sm:max-h-[375px] md:h-auto object-cover "> </picture> </div> <div class="flex min-h-[76px] px-2 py-3 bg-box dark:bg-customdarkgray-800 dark:text-gray-300"> <div class="text-18px font-bold line-clamp-2">Enerji iletim hatları bakımı nasıl yapılıyor?</div> </div> </a> </div> <div class="w-1/2 md:w-1/3 lg:w-1/3 p-2"> <a href="https://www.enerjiekonomisi.com/video/koc-holdingden-10-kasim-mesaji-seni-sevmeler-cumhuriyeti/38976" title="Koç Holding’den 10 Kasım Mesajı “Seni Sevmeler Cumhuriyeti”" class="group block overflow-hidden rounded-tm shadow-lg"> <div class="overflow-hidden"> <picture> <source srcset="https://www.enerjiekonomisi.com/images/media/2025/11/koc-holdingden-10-kasim-mesaji-seni-sevmeler-cumhuriyeti_69109bbee64ac_t.webp" type="image/webp" loading="lazy"> <img src="https://www.enerjiekonomisi.com/images/media/2025/11/koc-holdingden-10-kasim-mesaji-seni-sevmeler-cumhuriyeti_69109bbee64ac_t.jpg" alt="Koç Holding’den 10 Kasım Mesajı “Seni Sevmeler Cumhuriyeti”" loading="lazy" class="w-full max-h-[278px] sm:max-h-[375px] md:h-auto object-cover "> </picture> </div> <div class="flex min-h-[76px] px-2 py-3 bg-box dark:bg-customdarkgray-800 dark:text-gray-300"> <div class="text-18px font-bold line-clamp-2">Koç Holding’den 10 Kasım Mesajı “Seni Sevmeler Cumhuriyeti”</div> </div> </a> </div> </div> </div> </div> <div class="w-full col-span-12 lg:col-span-4"> <div id="sidebar"> <div class="relative mb-4"> <div class="burclar-cover"> <img src="https://www.enerjiekonomisi.com/build/images/horoscope/astoloji-bg.svg" loading="lazy" alt="Burçlar" class="w-full h-full object-cover"/> </div> <div class="bg-box dark:bg-customdarkgray-800 dark:text-gray-300 flex justify-between items-center py-3 px-4"> <label for="Burclar" class="text-xl font-bold flex-none uppercase">BURÇLAR</label> <select name="Burclar" id="Burclar" class="custom-select ml-4 dark:bg-customdarkgray-900 dark:text-gray-300" onchange="if(this.options[this.selectedIndex].value != ''){window.top.location.href=this.options[this.selectedIndex].value}"> <option value="">Seçiniz</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/koc">KOÇ</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/boga">BOĞA</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/ikizler">İKİZLER</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/yengec">YENGEÇ</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/aslan">ASLAN</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/basak">BAŞAK</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/terazi">TERAZİ</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/akrep">AKREP</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/yay">YAY</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/oglak">OĞLAK</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/kova">KOVA</option> <option value="https://www.enerjiekonomisi.com/gunluk-burc/balik">BALIK</option> </select> </div> </div> <div class="w-full col-span-12 lg:col-span-4"> <div class="mb-4"> <div class="mb-2"> <div class="flex items-center"> <h3 class="text-xl font-bold whitespace-nowrap uppercase dark:text-gray-300">SON EKLENENLER</h3> <div class="border border-gray-300 dark:border-darkborder-300 w-full ml-4"></div> </div> </div> <div class="space-y-4"> <div class="bg-box shadow-md h-20 flex rounded-tm overflow-hidden dark:bg-customdarkgray-800 dark:text-gray-300"> <a href="https://www.enerjiekonomisi.com/enerji-bakanligi-sonuclari-acikladi/39369" class="flex w-full leading-6 group" title="Enerji Bakanlığı SONUÇLARI açıkladı!"> <!-- Görsel --> <picture class="flex-shrink-0 w-36 h-20"> <source srcset="https://www.enerjiekonomisi.com/images/media/2025/12/enerji-bakanligi-sonuclari-acikladi_6932d74c4411c_t.webp" type="image/webp" loading="lazy"> <img src="https://www.enerjiekonomisi.com/images/media/2025/12/enerji-bakanligi-sonuclari-acikladi_6932d74c4411c_t.webp" alt="Enerji Bakanlığı SONUÇLARI açıkladı!" loading="lazy" class="object-cover object-center w-full h-full"> </picture> <!-- Başlık --> <div class="flex-grow px-2 py-4"> <div class="text-18px line-clamp-2">Enerji Bakanlığı SONUÇLARI açıkladı!</div> </div> </a> </div> <div class="bg-box shadow-md h-20 flex rounded-tm overflow-hidden dark:bg-customdarkgray-800 dark:text-gray-300"> <a href="https://www.enerjiekonomisi.com/astor-sarj-kullanici-odakli-cozumlerini-tanitti/39368" class="flex w-full leading-6 group" title="Astor Şarj ' Kullanıcı Odaklı Çözümlerini Tanıttı'"> <!-- Görsel --> <picture class="flex-shrink-0 w-36 h-20"> <source srcset="https://www.enerjiekonomisi.com/images/media/2025/12/astor-sarj-kullanici-odakli-cozumlerini-tanitti_6932cf7fde7d0_t.webp" type="image/webp" loading="lazy"> <img src="https://www.enerjiekonomisi.com/images/media/2025/12/astor-sarj-kullanici-odakli-cozumlerini-tanitti_6932cf7fde7d0_t.webp" alt="Astor Şarj ' Kullanıcı Odaklı Çözümlerini Tanıttı'" loading="lazy" class="object-cover object-center w-full h-full"> </picture> <!-- Başlık --> <div class="flex-grow px-2 py-4"> <div class="text-18px line-clamp-2">Astor Şarj ' Kullanıcı Odaklı Çözümlerini Tanıttı'</div> </div> </a> </div> <div class="bg-box shadow-md h-20 flex rounded-tm overflow-hidden dark:bg-customdarkgray-800 dark:text-gray-300"> <a href="https://www.enerjiekonomisi.com/foto-galeri/akkuyu-ngsnin-1inci-guc-unitesine-ait-gaz-yalitimli-salt-tesisi-isletmeye-hazir/39367" class="flex w-full leading-6 group" title="Akkuyu Nükleer ''işletmeye hazır''"> <!-- Görsel --> <picture class="flex-shrink-0 w-36 h-20"> <source srcset="https://www.enerjiekonomisi.com/images/media/2025/12/akkuyu-ngsnin-1inci-guc-unitesine-ait-gaz-yalitimli-salt-tesisi-isletmeye-hazir_6932c8d87a0a8_t.webp" type="image/webp" loading="lazy"> <img src="https://www.enerjiekonomisi.com/images/media/2025/12/akkuyu-ngsnin-1inci-guc-unitesine-ait-gaz-yalitimli-salt-tesisi-isletmeye-hazir_6932c8d87a0a8_t.webp" alt="Akkuyu Nükleer ''işletmeye hazır''" loading="lazy" class="object-cover object-center w-full h-full"> </picture> <!-- Başlık --> <div class="flex-grow px-2 py-4"> <div class="text-18px line-clamp-2">Akkuyu Nükleer ''işletmeye hazır''</div> </div> </a> </div> <div class="bg-box shadow-md h-20 flex rounded-tm overflow-hidden dark:bg-customdarkgray-800 dark:text-gray-300"> <a href="https://www.enerjiekonomisi.com/lisanssiz-elektrik-uretimi-yonetmeliginde-degisiklik/39365" class="flex w-full leading-6 group" title="Lisanssız elektrik üretimi yönetmeliğinde değişiklik!"> <!-- Görsel --> <picture class="flex-shrink-0 w-36 h-20"> <source srcset="https://www.enerjiekonomisi.com/images/media/2025/12/lisanssiz-elektrik-uretimi-yonetmeliginde-degisiklik_6932be6116ea0_t.webp" type="image/webp" loading="lazy"> <img src="https://www.enerjiekonomisi.com/images/media/2025/12/lisanssiz-elektrik-uretimi-yonetmeliginde-degisiklik_6932be6116ea0_t.webp" alt="Lisanssız elektrik üretimi yönetmeliğinde değişiklik!" loading="lazy" class="object-cover object-center w-full h-full"> </picture> <!-- Başlık --> <div class="flex-grow px-2 py-4"> <div class="text-18px line-clamp-2">Lisanssız elektrik üretimi yönetmeliğinde değişiklik!</div> </div> </a> </div> <div class="bg-box shadow-md h-20 flex rounded-tm overflow-hidden dark:bg-customdarkgray-800 dark:text-gray-300"> <a href="https://www.enerjiekonomisi.com/cevko-vakfi-yesil-nokta-ogrenci-odulleri-sahiplerini-buldu/39363" class="flex w-full leading-6 group" title="ÇEVKO Vakfı Yeşil Nokta Öğrenci Ödülleri sahiplerini buldu!"> <!-- Görsel --> <picture class="flex-shrink-0 w-36 h-20"> <source srcset="https://www.enerjiekonomisi.com/images/media/2025/12/cevko-vakfi-yesil-nokta-ogrenci-odulleri-sahiplerini-buldu_6932aa98c12c4_t.webp" type="image/webp" loading="lazy"> <img src="https://www.enerjiekonomisi.com/images/media/2025/12/cevko-vakfi-yesil-nokta-ogrenci-odulleri-sahiplerini-buldu_6932aa98c12c4_t.webp" alt="ÇEVKO Vakfı Yeşil Nokta Öğrenci Ödülleri sahiplerini buldu!" loading="lazy" class="object-cover object-center w-full h-full"> </picture> <!-- Başlık --> <div class="flex-grow px-2 py-4"> <div class="text-18px line-clamp-2">ÇEVKO Vakfı Yeşil Nokta Öğrenci Ödülleri sahiplerini buldu!</div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div style="display:none;"> <div style="display: block;"> <a href="https://www.enerjiekonomisi.com/video/turkiye-nin-ilk-ruzgar-turbini-konseri-enerjisa-uretim-hazirladi/35960" id="prevPostUrl"></a> <a href="https://www.enerjiekonomisi.com/epdk-yayinladi-konu-akilli-sayaclar/39352" id="nextPostUrl"></a> </div> </div> </article> </div> </div> </div> <div x-data="importantPost()"> <div class="important-fixed-notification-icon-box" @click="togglePostPanel" :class="showPost ? 'bg-gray-700' : 'bg-red-700'"> <img src="https://www.enerjiekonomisi.com/build/images/notification-icon.gif" alt="Bildirim Zili"> <span class="important-notification-icon-box-count" @click="setCookieAndClose" title="Kapat">x</span> </div> <div x-cloak class="important-post-panel" x-show="showPost"> <div class="important-post-panel-close-button" @click="closePostPanel">×</div> <div class="mb-2 p-2 bg-red-700 border-l-4 border-red-800 font-semibold text-xl text-white rounded-tm"> <span x-text="panelTitle"></span> </div> <template x-for="item in post" :key="item.id"> <div class="important-post-item cursor-pointer"> <picture class="important-post-image"> <template x-if="item.post_thumb_image.webp !== item.post_thumb_image.image"> <source :srcset="item.post_thumb_image.webp" type="image/webp"> </template> <img :src="item.post_thumb_image.image" :alt="item.title" loading="lazy"> </picture> <div class="important-post-content"> <a :href="item.url" :title="item.title"> <div x-text="item.title" class="font-semibold line-clamp-2 text-sm"></div> </a> <p class="important-post-time-ago" x-text="item.created_at + ' önce'"></p> </div> </div> </template> <template x-if="!post.length"> <div class="p-3 text-sm text-gray-300">Şu an gösterilecek içerik bulunamadı.</div> </template> </div> </div> <script> function importantPost() { return { showPost: false, post: [], panelTitle: 'Günün Gelişmeleri', loadPost() { fetch("https://www.enerjiekonomisi.com/important-post", { headers: { 'X-Requested-With': 'XMLHttpRequest' }}) .then(r => r.json()) .then(data => { if (Array.isArray(data)) { this.post = data; this.panelTitle = data.length ? 'Günün Gelişmeleri' : 'İlginizi Çekebilir'; if (!data.length) this.fetchYesterdayFallback(); } else { this.post = data.items || []; this.panelTitle = data.title || (this.post.length ? 'Günün Gelişmeleri' : 'İlginizi Çekebilir'); } }) .catch(err => console.error('Önemli gönderi yüklenirken hata:', err)); }, fetchYesterdayFallback() { }, togglePostPanel() { this.showPost = !this.showPost; if (this.showPost && !this.post.length) this.loadPost(); }, closePostPanel() { this.showPost = false; }, setCookieAndClose() { document.cookie = "hidePostPanel=true; max-age=3600; path=/"; document.querySelector('[x-data="importantPost()"]').style.display = 'none'; } } } document.addEventListener('DOMContentLoaded', function () { if (document.cookie.split(';').some((c) => c.trim().startsWith('hidePostPanel='))) { const el = document.querySelector('[x-data="importantPost()"]'); if (el) el.style.display = 'none'; } }); </script> </div> <div class="page-load-status fixed bottom-0 left-0 right-0 z-50 hidden"> <div class="infinite-scroll-request bg-black bg-opacity-25 text-white text-center py-0"> <span class="dot">.</span><span class="dot">.</span><span class="dot">.</span> </div> </div> </main> <div class="js-cookie-consent cookie-consent fixed bottom-0 inset-x-0 pb-2 bg-gray-800" style="display: none;"> <div class="max-w-7xl mx-auto px-2"> <div class="p-2 rounded-lg mb-2"> <div class="flex items-center justify-between flex-wrap"> <div class="w-full text-center text-sm"> <p class="text-white cookie-consent__message"> <p>Sitemizde, sizlere daha iyi hizmet sunabilmek için çerezler kullanılmaktadır. KVKK ve GDPR kapsamında kişisel verileriniz işlenmektedir. Detaylar için Veri Politikamızı inceleyebilirsiniz.</p> </p> </div> </div> </div> <div class="mt-2 flex justify-center space-x-4"> <button class="js-cookie-consent-agree cookie-consent__agree cursor-pointer flex items-center justify-center px-4 py-2 rounded-md text-sm"> Çerezlere izin ver </button> <a href="https://www.enerjiekonomisi.com/cerez-politikasi" target="_blank" class="js-cookie-consent-reject cookie-consent__reject cookie-consent-button cursor-pointer flex items-center justify-center px-4 py-2 rounded-md text-sm hover:text-white text-sm"> Çerez Politikası </a> </div> </div> </div> <script> window.laravelCookieConsent = (function () { const COOKIE_VALUE = 1; const COOKIE_DOMAIN = 'www.enerjiekonomisi.com'; function consentWithCookies() { setCookie('laravel_cookie_consent', COOKIE_VALUE, 7300); hideCookieDialog(); } function cookieExists(name) { return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1); } function hideCookieDialog() { const dialogs = document.getElementsByClassName('js-cookie-consent'); for (let i = 0; i < dialogs.length; ++i) { dialogs[i].style.display = 'none'; } } function setCookie(name, value, expirationInDays) { const date = new Date(); date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';domain=' + COOKIE_DOMAIN + ';path=/' + ';secure' + ';samesite=lax'; } if (cookieExists('laravel_cookie_consent')) { hideCookieDialog(); } else { setTimeout(function() { const dialogs = document.getElementsByClassName('js-cookie-consent'); for (let i = 0; i < dialogs.length; ++i) { dialogs[i].style.display = 'block'; } }, 4000); } const agreeButtons = document.getElementsByClassName('js-cookie-consent-agree'); for (let i = 0; i < agreeButtons.length; ++i) { agreeButtons[i].addEventListener('click', consentWithCookies); } return { consentWithCookies: consentWithCookies, hideCookieDialog: hideCookieDialog }; })(); </script> <footer class="relative footer-bg py-5 footer-text overflow-hidden"> <div class="absolute inset-0 opacity-50"></div> <div class="relative z-10 container px-6"> <div class="flex flex-wrap"> <div class="flex flex-col lg:flex-row w-full p-4 space-y-4 lg:space-x-4 lg:space-y-0 mb-2"> <div class="w-full lg:w-1/3"> <div class="flex items-center justify-center"> <div class="mb-5 w-full"> <h2 class="font-bold text-18px mb-2 uppercase ml-custom-17 lg:ml-0 lg:text-left lg:px-4">Servisler</h2> <ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-1 gap-x-4 gap-y-3 menu-border-custom-left"> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/hava-durumu" title="Hava Durumu">Hava Durumu</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/namaz-vakitleri" title="Namaz Vakitleri">Namaz Vakitleri</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/gunun-haberleri" title="Günün Haberleri">Günün Haberleri</a> </li> </ul> </div> </div> <div class="py-6 menu-border-custom-left" id="newsletter-div"> <h2 class="font-bold mb-2 uppercase lg:ml-0 lg:text-left text-18px">Bülten</h2> <div class="mt-3 max-w-md"> <form id="subscription-form-2" action="https://www.enerjiekonomisi.com/send-newsletter" method="post" class="flex w-full"> <input type="hidden" name="_token" value="" autocomplete="off"> <input id="email-address-2" name="email" type="email" autocomplete="off" required class="rounded-l-md px-3 py-2 border border-gray-300 text-gray-600 flex-1 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Email Adresi"> <button type="submit" class="rounded-r-md bg-red-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-700 focus:ring-2 focus:ring-indigo-500"> Abone Ol </button> </form> </div> </div> <style> #newsletter-div form input { display: block; width: 100%; border-radius: 0.375rem 0 0 0.375rem; } #newsletter-div form button { display: inline-block; border-radius: 0 0.375rem 0.375rem 0; } </style> </div> <div class="w-full lg:w-1/3"> <div class="flex items-center justify-center"> <div class="mb-5 w-full"> <h2 class="font-bold text-18px mb-2 uppercase ml-custom-17 lg:ml-0 lg:text-left lg:px-4">İçerik</h2> <ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-1 gap-x-4 gap-y-3 menu-border-custom-left"> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/arsiv" title="Arşiv">Arşiv</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/foto-galeri" title="Foto Galeri">Foto Galeri</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/video-galeri" title="Video Galeri">Video Galeri</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/kose-yazarlari" title="Köşe Yazarları">Köşe Yazarları</a> </li> </ul> </div> </div> </div> <div class="w-full lg:w-1/3"> <div class="flex items-center justify-center"> <div class="mb-5 w-full"> <h2 class="font-bold text-18px mb-2 uppercase ml-custom-17 lg:ml-0 lg:text-left lg:px-4">Kurumsal</h2> <ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-1 gap-x-4 gap-y-3 menu-border-custom-left"> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/kunye" title="Künye">Künye</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/iletisim" title="İletişim">İletişim</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/gizlilik-ilkeleri" title="Gizlilik İlkeleri">Gizlilik İlkeleri</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/cerez-politikasi" title="Çerez Politikası">Çerez Politikası</a> </li> </ul> </div> </div> <div class="menu-border-custom-left"> <ul class="flex items-center justify-center lg:justify-start space-x-2 mt-4 mb-8"> <li> <a href="https://www.facebook.com/enerjiekonomi/" target="_blank" title="Facebook" class="inline-flex justify-center items-center w-7 h-7 bg-facebook animated-icon rounded-tm"> <svg class="w-4 h-4" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path> </svg> </a> </li> <li> <a href="https://twitter.com/enerjiekonomi" target="_blank" title="Twitter" class="inline-flex justify-center items-center w-7 h-7 bg-twitter animated-icon rounded-tm"> <svg class="w-4 h-4" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/> </path> </svg> </a> </li> <li> <a href="https://www.instagram.com/enerjiekonomisicom/" target="_blank" title="Instagram" class="inline-flex justify-center items-center w-7 h-7 bg-instagram animated-icon rounded-tm"> <svg class="w-5 h-5" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> </svg> </a> </li> <li> <a href="https://www.youtube.com/channel/UCIFkw0a2XyBTH75s-e_LvMw?view_as=subscriber" target="_blank" title="Youtube" class="inline-flex justify-center items-center w-7 h-7 bg-youtube animated-icon rounded-tm"> <svg class="w-4 h-4" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"> <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path> </svg> </a> </li> <li> <a href="https://www.linkedin.com/company/enerji-ekonomisi/" target="_blank" title="LinkedIn" class="inline-flex justify-center items-center w-7 h-7 bg-linkedin animated-icon rounded-tm"> <svg class="w-4 h-4" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/> </svg> </a> </li> </ul> <div class="flex items-center justify-center lg:justify-start space-x-2 mt-8 mb-8"> </div> </div> </div> <div class="w-full lg:w-1/3"> <div class="flex items-center justify-center"> <div class="mb-5 w-full"> <h2 class="font-bold text-18px mb-2 uppercase ml-custom-17 lg:ml-0 lg:text-left lg:px-4">Kategoriler</h2> <ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-2 gap-x-4 gap-y-3 menu-border-custom-left"> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/lpg-haberleri" title="LPG">LPG</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/maden-haberleri" title="Maden">Maden</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/elektrik-haberleri" title="Elektrik">Elektrik</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/dogal-gaz-haberleri" title="Doğal Gaz">Doğal Gaz</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/gunes-ges-haberleri" title="Güneş & GES">Güneş & GES</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/ruzgar-res-haberleri" title="Rüzgar & RES">Rüzgar & RES</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/iklim-cevre-haberleri" title="İklim & Çevre">İklim & Çevre</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/nukleer-enerji-haberleri" title="Nükleer Enerji">Nükleer Enerji</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/biyokutle-bes-haberleri" title="Biyokütle & BES">Biyokütle & BES</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/jeotermal-jes-haberleri" title="Jeotermal & JES">Jeotermal & JES</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/akaryakit-petrol-haberleri" title="Akaryakıt & Petrol">Akaryakıt & Petrol</a> </li> <li class="text-left"> <a href="https://www.enerjiekonomisi.com/hidroelektrik-hes-haberleri" title="Hidroelektrik & HES">Hidroelektrik & HES</a> </li> </ul> </div> </div> </div> </div> </div> <div class="hr-footer"></div> <div> <div class="flex flex-col items-center space-y-4 p-2"> <div class="w-full overflow-x-auto px-4"> <ul class="flex items-center space-x-4 text-sm whitespace-nowrap min-w-max justify-center"> <li> <a href="https://www.enerjiekonomisi.com/enerji-verimliligi" title="Enerji Verimliliği" > Enerji Verimliliği </a> </li> <li> <a href="https://www.enerjiekonomisi.com/turkiye-gunluk-enerji-elektrik-petrol-dogal-gaz-lpg-komur-uretim-ve-tuketim-istatistikleri/25544/" title="Enerji İstatistikleri" > Enerji İstatistikleri </a> </li> <li> <a href="https://www.enerjiekonomisi.com/enerji-bilgi-bankasi" title="Enerji Bilgi Bankası" > Enerji Bilgi Bankası </a> </li> <li> <a href="https://www.enerjiekonomisi.com/enerji-sirketleri-tarihi" title="Enerji Şirketleri Tarihi" > Enerji Şirketleri Tarihi </a> </li> <li> <a href="https://www.enerjiekonomisi.com/enerji-ekonomi-raporlari" title="Enerji & Ekonomi Raporları" > Enerji & Ekonomi Raporları </a> </li> </ul> </div> <div class="text-xs sm:text-sm text-center"><p>Sitemizde bulunan yazı , video, fotoğraf ve haberlerin her hakkı saklıdır.<br /> İzinsiz veya kaynak gösterilemeden kullanılamaz.</p></div> <div class="flex items-center space-x-1"> <span class="text-xs">Tumeva <a class="text-xs font-bold" href="https://www.tumeva.com" target="_blank" title="Haber Yazılımı">Haber Yazılımı</a> v2.5.0</span> </div> <div class="text-sm"> <a href="https://www.tuketicitv.com/s/yayinlarimiz-13.html">YAYINLARIMIZ: </a> <a href="https://www.enerjiekonomisi.com"> Enerji Ekonomisi - </a> <a href="https://www.tuketicipostasi.com"> Tüketici Postası - </a> <a href="https://www.sgkdunyasi.com"> SGK Dünyası - </a> <a href="https://www.tuketicitv.com"> Tüketici TV </a></div> </div> </div> </div> <div class="absolute inset-0 z-0"> <svg class="opacity-20 w-full h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"> <path fill="#fff" fill-opacity="0.2" d="M0,160L48,149.3C96,139,192,117,288,128C384,139,480,181,576,181.3C672,181,768,139,864,133.3C960,128,1056,160,1152,165.3C1248,171,1344,149,1392,138.7L1440,128L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path> </svg> </div> </footer> <button x-data="{ scrollTo: false, timeout: null }" x-show="scrollTo" @scroll.window=" clearTimeout(timeout); if (window.pageYOffset > 200) { scrollTo = true; timeout = setTimeout(() => scrollTo = false, 1000); // scroll durunca 1sn sonra kaybol } else { scrollTo = false; } " @click="window.scroll({ top:0, left:0, behavior: 'smooth'})" class="fixed bottom-8 right-6 items-center justify-center w-10 h-10 bg-red-600 hover:bg-red-800 text-white rounded-full z-50 focus:outline-none flex transition-opacity duration-300" :class="{ 'opacity-0': !scrollTo }" aria-label="Başa Dön" > <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" /> </svg> </button> <script src="https://www.enerjiekonomisi.com/build/js/infinite-scroll.pkgd.min.js?v=1373"></script> <script> document.addEventListener('DOMContentLoaded', function () { window.initInfinityHitTracker(); }); </script> <script> document.addEventListener('DOMContentLoaded', () => { const sidebar = document.getElementById('sidebar'); if (!sidebar) return; let lastKnownScrollY = 0; let ticking = false; const handleScroll = () => { if (lastKnownScrollY > 100) { sidebar.classList.add('sticky', 'top-24'); } else { sidebar.classList.remove('sticky', 'top-0'); } ticking = false; }; window.addEventListener('scroll', () => { lastKnownScrollY = window.scrollY; if (!ticking) { window.requestAnimationFrame(handleScroll); ticking = true; } }); }); </script> <script src="https://www.enerjiekonomisi.com/build/libs/sweetalert2/sweetalert2.min.js"></script> <link href="https://www.enerjiekonomisi.com/build/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css"/> <div id="newsletterPopup" class="hidden fixed bottom-0 left-0 mb-4 ml-4 p-4 bg-black bg-opacity-90 rounded-tm shadow-2xl transition-transform transform translate-y-full z-50 border border-gray-500 dark:border-darkborder-300"> <div class="flex justify-between items-center"> <h2 class="font-bold text-gray-200 uppercase">Bülten</h2> <button class="text-gray-300 hover:text-gray-500 close-popup" title="Kapat"> × </button> </div> <p class="text-gray-300 mt-2 mb-2 text-xs">Abone olun, gündemden uzak kalmayın!</p> <div class="mt-3 max-w-md"> <form id="subscription-form-1" action="https://www.enerjiekonomisi.com/send-newsletter" method="post" class="flex w-full"> <input type="hidden" name="_token" value="" autocomplete="off"> <input id="email-address-1" name="email" type="email" autocomplete="off" required class="rounded-l-md px-3 py-2 border border-gray-300 text-gray-600 flex-1 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Email Adresi"> <button type="submit" class="rounded-r-md bg-red-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-700 focus:ring-2 focus:ring-indigo-500"> Abone Ol </button> </form> </div> <style> #newsletterPopup form input { display: block; width: 100%; border-radius: 0.375rem 0 0 0.375rem; } #newsletterPopup form button { display: inline-block; border-radius: 0 0.375rem 0.375rem 0; } </style> </div> <script> window.config = { newsletterCookieName: "splash_newsletter", translations: { transactionSuccessful: "\u0130\u015flem Ba\u015far\u0131l\u0131", transactionFailed: "\u0130\u015flem Ba\u015far\u0131s\u0131z" } }; document.addEventListener('DOMContentLoaded', function () { const cookieName = window.config.newsletterCookieName; handleNewsletterPopup(cookieName); handleSubscriptionForm('subscription-form-1', window.config.newsletterCookieName); handleSubscriptionForm('subscription-form-2', window.config.newsletterCookieName); }); </script> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script> <script> var OneSignal = window.OneSignal || []; OneSignal.push(function() { OneSignal.init({ appId: "d02d67ba-16a0-48ec-a0d0-f9a0b381cc25", }); }); </script> <!-- Event snippet for Website traffic conversion page --> <script> gtag('event', 'conversion', {'send_to': 'AW-478104354/YcGaCKyBg4ADEKKW_eMB'}); </script> <meta name="google-site-verification" content="kspZqeOfHFrIgdCqt6324OlLe8IfXxyRmgHFf3XSRTc" /> <script type="text/javascript" async src="https://platform.foremedia.net/code/11589/analytics"></script> <!-- AdMatic BACKFILL ads START --> <script type="text/javascript" async src="https://static.cdn.admatic.com.tr/dist/gpt.min.js?id=NID-180099317380"></script> <!-- AdMatic BACKFILL ads END --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-H8XQMS2Z88"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-H8XQMS2Z88'); </script> <script> document.addEventListener('DOMContentLoaded', () => { const postId = 35961; const redirectUrl = 'https://www.enerjiekonomisi.com/profile?#subscriptions-tab'; const profileRoute = "https://www.enerjiekonomisi.com/profile"; const logoutRoute = "https://www.enerjiekonomisi.com/logout"; const loginRoute = "https://www.enerjiekonomisi.com/login"; executeIfCookieExists(postId, redirectUrl); showUserMenu(profileRoute, logoutRoute, loginRoute); }); </script> <style> .prx { position: absolute; top: -8px; height: auto; width: 160px; max-width: 160px; min-width: 160px; min-height: 600px; overflow: hidden; align-items: center; justify-content: center; } .prx.left { left: -170px; justify-content: flex-start; } .prx.right { right: -170px; justify-content: flex-end; } </style> <div x-data="adblockBanner()" x-init="init()" x-show="open" x-cloak class="fixed bottom-4 inset-x-0 z-20 flex justify-center" > <div class="mx-4 w-full max-w-3xl rounded-2xl bg-white/95 backdrop-blur border shadow-lg p-4 md:p-5"> <div class="flex items-start gap-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 shrink-0" viewBox="0 0 24 24" fill="currentColor"> <path d="M11 7h2v6h-2V7zm0 8h2v2h-2v-2z"/><path fill-rule="evenodd" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 1 0 .001 16.001A8 8 0 0 0 12 4z" clip-rule="evenodd"/> </svg> <div class="flex-1"> <h3 class="font-semibold">Lütfen sitemizde reklamlara izin verin</h3> <p class="mt-1 text-sm text-gray-700"> Reklamlar, bağımsız gazeteciliğin en önemli gelir kaynaklarından biridir. AdBlock açık görünüyor; lütfen sitemizi izinli listenize ekleyin. </p> <div class="mt-3 flex flex-wrap gap-2"> <button @click="dismiss(24)" class="inline-flex items-center rounded-lg bg-black text-white px-3 py-1.5 text-sm hover:opacity-90"> Anladım </button> </div> </div> <button @click="dismiss(24)" class="ml-2 rounded-lg p-1 hover:bg-gray-100" aria-label="Kapat"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor"><path d="M6.225 4.811 4.811 6.225 10.586 12l-5.775 5.775 1.414 1.414L12 13.414l5.775 5.775 1.414-1.414L13.414 12l5.775-5.775-1.414-1.414L12 10.586 6.225 4.811z"/></svg> </button> </div> </div> </div> <script> (() => { const LS_KEY = 'adblock_banner_until'; const ls = { get() { try { return +localStorage.getItem(LS_KEY) || 0; } catch { return 0; } }, set(v){ try { localStorage.setItem(LS_KEY, String(v)); } catch {} } }; window.__adblockCheck = window.__adblockCheck || null; window.adblockBanner = function () { return { open: false, async init() { const until = ls.get(); if (until && Date.now() < until) return; if (!window.__adblockCheck) window.__adblockCheck = this.detectAdblock(); const detected = await window.__adblockCheck; this.open = !!detected; }, dismiss(hours = 24) { ls.set(Date.now() + hours * 3600 * 1000); this.open = false; }, async detectAdblock() { const bait = document.createElement('div'); bait.className = 'ad adsbox adsbygoogle banner-ad ad-placeholder sponsored'; bait.style.cssText = 'width:1px;height:1px;position:absolute;left:-99999px;top:-99999px;'; document.body.appendChild(bait); await new Promise(r => requestAnimationFrame(() => setTimeout(r, 50))); const cs = getComputedStyle(bait); const hidden = cs.display === 'none' || cs.visibility === 'hidden' || bait.offsetParent === null || bait.offsetHeight === 0 || bait.clientHeight === 0; bait.remove(); return hidden; } } } })(); </script> </body> </html>
