ᲠᲐ ᲤᲘᲚᲛᲘᲡ ᲡᲐᲜᲐᲮᲐᲕᲐᲓ? ᲙᲕᲘᲠᲘᲡ ᲓᲦᲔ: ᲝᲠᲨᲐᲑᲐᲗᲘ ᲡᲐᲛᲨᲐᲑᲐᲗᲘ ᲝᲗᲮᲨᲐᲑᲐᲗᲘ ᲮᲣᲗᲨᲐᲑᲐᲗᲘ ᲞᲐᲠᲐᲡᲙᲔᲕᲘ ᲨᲐᲑᲐᲗᲘ ᲙᲕᲘᲠᲐ ᲟᲐᲜᲠᲘ: ᲖᲦᲐᲞᲠᲣᲚᲘ ᲓᲠᲐᲛᲐ ᲙᲝᲛᲔᲓᲘᲐ ᲗᲠᲘᲚᲔᲠᲘ ᲓᲔᲢᲔᲥᲢᲘᲕᲘ ᲢᲘᲞᲘ: ᲤᲘᲚᲛᲘ ᲡᲔᲠᲘᲐ ᲒᲐᲛᲝᲤᲔᲜᲐ ᲒᲐᲛᲝᲛᲘᲒᲖᲐᲕᲜᲔ ᲔᲚ.ᲤᲝᲡᲢᲘᲗ ᲐᲩᲕᲔᲜᲔᲗ ᲡᲐᲘᲢᲖᲔ დაუცველი</a> კინორეჟისორ რობ ბლისთან ერთად, რომელშიც მოხალისე შოშანა ბ. რობერტსი 10 საათს დადის ქალაქში, ორი მიკროფონით ხელში. მისი მუქი ჯინსი და ეკიპაჟის კისრის ჩაი ერთმანეთთან ერწყმის გამვლელებს, მაგრამ რამდენიმე წყურვილისთვის ქალბატონი რობერტსი მაინც გამოირჩევა. ზოგი მას კეთილდღეურად უსურვებს კარგ დღეს, ზოგი კი მას სტვენითა და დამამცირებელი კომენტარებით ხიბლავს. რადგან ერთი ადამიანი მას ოთხი წუთის განმავლობაში ადევნებს თვალყურს, ზოგჯერ უხერხულ მზერას ისვრის მის მიმართულებით, ის აშკარად არ არის გართული. და, მით უფრო ნაკლებად, როდესაც ბიჭი, რომელიც მას ადანაშაულებს მჭიდრო ტალღებში, რადგან ის აფასებს მის გარეგნობას.<p>მისტერ ბლისის მოკლე ნაჩვენებია, თუ როგორია ქალის მგზავრობა ისეთი მეტროპოლიაში, როგორიცაა ნიუ-იორკი, მაგრამ ჰოლაბაკის <a href='http://www.ihollaback.org/blog/2014/10/27/new-street-harassment-psa/'>ვებსაიტი</a> აფრთხილებს, რომ ქუჩის შევიწროება განსხვავებულად გამოიყურება დემოგრაფიული თვალსაზრისით. ლგბტქ საზოგადოება და უმცირესობები ყველაზე მეტად არიან მიდრეკილნი მსხვერპლის მიმართ, როდესაც ძალადობა გადალახავს სექსს, როგორც შევიწროების თემას.<p>თქვენ იცით, რომ სამყაროში რაღაც არის არასწორი, როდესაც ვერც კი იგრძნობთ თავს უსაფრთხოდ Starbucks– ისთვის.<p> </article> <div class="float-left-right text-center mt-40 mt-sm-20"> <ul class="mb-30 list-li-mt-10 list-li-mr-5 list-a-plr-15 list-a-ptb-7 list-a-bg-grey list-a-br-2 list-a-hvr-primary "> <li> <a href="/politics/">პოლიტიკა</a> </li> </ul> </div><!-- float-left-right --> <div class="brdr-ash-1 opacty-5"></div> <h4 class="p-title mt-50"> <b>ᲡᲢᲐᲢᲘᲔᲑᲘ, ᲠᲝᲛᲚᲔᲑᲘᲪ ᲨᲔᲘᲫᲚᲔᲑᲐ ᲛᲝᲒᲔᲬᲝᲜᲝᲗ</b> :</h4> <div class="row"> <div class="col-sm-6"> <img src="https://newbornsplanet.com/img/entertainment/48/though-well-meaning-nostalgia-drowns-its-own-sorrow.png" alt="მართალია, კარგის აზრით, 'ნოსტალგია' საკუთარ მწუხარებაში იძირება"> <h4 class="pt-20"> <a href="/though-well-meaning-nostalgia-drowns-its-own-sorrow"> <b>მართალია, კარგის აზრით, 'ნოსტალგია' საკუთარ მწუხარებაში იძირება</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/entertainment/" class="color-black"> <b>გასართობი</b> </a> 2024</li> </ul> </div><!-- col-sm-6 --><div class="col-sm-6"> <img src="https://newbornsplanet.com/img/arts/14/bloombergs-girlfriend-diana-taylor-threatens-resign-from-sothebys-board-if-teamstersdemands-are-met.jpg" alt="ბლუმბერგის მეგობარი გოგონა, დიანა ტეილორი ემუქრება Sotheby's Board- ის გადადგომას, თუ გუნდური მოთხოვნები დაკმაყოფილდება (ვიდეო)"> <h4 class="pt-20"> <a href="/bloombergs-girlfriend-diana-taylor-threatens-resign-from-sothebys-board-if-teamstersdemands-are-met"> <b>ბლუმბერგის მეგობარი გოგონა, დიანა ტეილორი ემუქრება Sotheby's Board- ის გადადგომას, თუ გუნდური მოთხოვნები დაკმაყოფილდება (ვიდეო)</b> </a> </h4> <ul class="list-li-mr-20 pt-10 mb-30"> <li class="color-lite-black"> <a href="/arts/" class="color-black"> <b>ხელოვნება</b> </a> 2024</li> </ul> </div><!-- col-sm-6 --> </div><!-- row --> </div><!-- col-md-9 --> <div class="d-none d-md-block d-lg-none col-md-3"></div> <div class="col-md-6 col-lg-4"> <div class="pl-20 pl-md-0"> <div class="mtb-50"> <h4 class="p-title"> <b>ᲘᲮᲘᲚᲔᲗ ᲐᲡᲔᲕᲔ:</b> </h4> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/i-ve-traveled-world-many-times-over"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/travel/20/i-ve-traveled-world-many-times-over.jpg" alt="მე ბევრჯერ ვიარე მსოფლიო. ყველა ამბობს, რომ მე გარბის. Მერე რა?"></div> <div class="ml-120 min-h-100x"> <h5> <b>მე ბევრჯერ ვიარე მსოფლიო. ყველა ამბობს, რომ მე გარბის. Მერე რა?</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/hologram-king-is-rambling"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/movies/69/hologram-king-is-rambling.jpg" alt="'ჰოლოგრამა მეფისთვის' არის სათამაშო, კარგად გასროლა, მაგრამ უშედეგო კურიო"></div> <div class="ml-120 min-h-100x"> <h5> <b>'ჰოლოგრამა მეფისთვის' არის სათამაშო, კარგად გასროლა, მაგრამ უშედეგო კურიო</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/take-leap-why-2020-s-leap-day-is-crowded-with-weddings"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/innovation/22/take-leap-why-2020-s-leap-day-is-crowded-with-weddings.jpg" alt="ნახტომი: რატომ არის 2020 წლის ნახტომის დღე ხალხმრავლობა ქორწილებით"></div> <div class="ml-120 min-h-100x"> <h5> <b>ნახტომი: რატომ არის 2020 წლის ნახტომის დღე ხალხმრავლობა ქორწილებით</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/c-line-dion-s-stylist-will-be-new-america-s-next-top-model"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/lifestyle/29/c-line-dion-s-stylist-will-be-new-america-s-next-top-model.jpg" alt="სელინ დიონის სტილისტი იქნება ახალ 'America's Next Top Model' - ზე"></div> <div class="ml-120 min-h-100x"> <h5> <b>სელინ დიონის სტილისტი იქნება ახალ 'America's Next Top Model' - ზე</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/stone-temple-pilots-talented-mr"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/lifestyle/96/stone-temple-pilots-talented-mr.jpg" alt="ქვის ტაძრის პილოტები: ნიჭიერი მისტერ რიპოფი"></div> <div class="ml-120 min-h-100x"> <h5> <b>ქვის ტაძრის პილოტები: ნიჭიერი მისტერ რიპოფი</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/alive-may-be-your-next-netflix-obsession"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/tv/13/alive-may-be-your-next-netflix-obsession.png" alt="‘# ცოცხალი’ შეიძლება იყოს თქვენი შემდეგი Netflix დაკვირვება"></div> <div class="ml-120 min-h-100x"> <h5> <b>‘# ცოცხალი’ შეიძლება იყოს თქვენი შემდეგი Netflix დაკვირვება</b> </h5> </div> </a> <a class="oflow-hidden pos-relative mb-20 dplay-block" href="/les-liaisons-dangereuses-with-liev-schrieber-is-too-tame-titillate"> <div class="wh-100x abs-tlr"> <img src="https://newbornsplanet.com/img/entertainment/78/les-liaisons-dangereuses-with-liev-schrieber-is-too-tame-titillate.jpg" alt="'Les Liaison Dangereuses' ლიევ შრიბერთან ძალიან მოწონებულია ტიტილატისთვის"></div> <div class="ml-120 min-h-100x"> <h5> <b>'Les Liaison Dangereuses' ლიევ შრიბერთან ძალიან მოწონებულია ტიტილატისთვის</b> </h5> </div> </a> </div><!-- mtb-50 --> </div><!-- pl-20 --> </div><!-- col-md-3 --> </div> <div class="32980abcf19ce8f57d7040e6ff6660df"></div> <input type="hidden" id="aa7f1721b4c5ce23deccbb76e8eeaa63" value=//ka.newbornsplanet.com/far-fetched-scenario,//ka.newbornsplanet.com/bill-hillary-clinton-shamelessly-mock-working-class,//ka.newbornsplanet.com/hottest-bitch-this-place,//ka.newbornsplanet.com/email-reveals-clinton-camp-spied-sanders-delegates-before-convention,//ka.newbornsplanet.com/james-comey-loretta-lynch-should-be-impeached,/> <input type="hidden" id="a050161ef54c78388e3a5fe2332f9339" value=/> </div> </section> <input type="hidden" class="lang" value="ka"> <input type="hidden" id="calculating_films" value="ᲒᲗᲮᲝᲕᲗ ᲛᲝᲘᲪᲐᲓᲝᲗ"> <input type="hidden" id="next_page" value=//ka.newbornsplanet.com/here-s-everything-wrong-with-rock> <footer class="bg-191 color-ccc"> <div class="container"> <div class="pt-50 pb-20 pos-relative"> <div class="row"> <div class="col-sm-4"> <div class="mb-30"> <p class="mtb-20 color-ccc"> ᲡᲘᲜᲐᲗᲚᲘᲡ ᲫᲘᲠᲘᲗᲐᲓᲘ ᲡᲘᲐᲮᲚᲔᲔᲑᲘ ᲓᲐ ᲧᲕᲔᲚᲐ ᲣᲐᲮᲚᲔᲡᲘ ᲢᲔᲜᲓᲔᲜᲪᲘᲐ ᲪᲮᲝᲕᲠᲔᲑᲘᲡ ᲬᲔᲡᲘᲗ, ᲮᲔᲚᲝᲕᲜᲔᲑᲘᲡ, ᲑᲘᲖᲜᲔᲡ ᲞᲝᲚᲘᲢᲘᲙᲘᲡᲐ ᲓᲐ ᲡᲐᲮᲔᲚᲒᲐᲜᲗᲥᲛᲣᲚᲘ ᲡᲘᲐᲮᲚᲔᲔᲑᲘᲡ ᲛᲗᲔᲚᲡ ᲛᲡᲝᲤᲚᲘᲝᲨᲘ.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="responsive" data-sizes-mobile="responsive" data-slot="10"></ins><br /> <p class="color-ash">Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved </p> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script><!-- newbornsplanet1 --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9496335237" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</script><br /><br /><br /><hr /> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> </div><!-- mb-30 --> </div><!-- col-md-4 --> <div class="col-sm-4"> <div class="mb-30"> <h5 class="color-primary mb-20"> <b>პოპულარული პოსტები</b> </h5> <div class="mb-20 mt-20"> <a class="color-white" href="/joy-rex-reed-year-tough-love-from-our-favorite-movie-critic"> <b>რექს რიდის სიხარული: ერთი წელი მკაცრ სიყვარულში ჩვენი საყვარელი კინოკრიტიკოსისგან</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/nh-poll-christie-sixth-place"> <b>NH გამოკითხვა: Christie მეექვსე ადგილზე, როგორც Rubio Leapfrogs Over Cruz</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/augmented-reality-is-going-change-how-you-update-your-wardrobe"> <b>დამატებული რეალობა იცვლება თქვენი გარდერობის განახლების გზით</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div><div class="mb-20 mt-20"> <a class="color-white" href="/here-s-how-joker-cinematographer-lawrence-sher-filmed-oscar-nominated-movie"> <b>აი როგორ გადაიღო ‘ჯოკერის’ კინემატოგრაფისტმა ლოურენს შერმა ოსკარის ნომინირებული ფილმი</b> </a> </div> <div class="brdr-ash-1 opacty-2 mr-30"></div> </div><!-- mb-30 --> </div><!-- col-md-4 --> <div class="col-sm-4"> <div class="mb-30"> <h5 class="color-primary mb-20"> <b>რედაქტორის არჩევანი</b> </h5> <ul class="Tipp-Der-Redaktion"> <li><a href="/you-can-use-your-phone">როგორ ვითამაშოთ იხვზე ნადირობა ემულატორზე</a> </li><li><a href="/best-whole-house-water-filters">ჭაბურღილის წყლის ფილტრაციის სისტემის მიმოხილვა</a> </li><li><a href="/how-blue-apron-became-massive-2-billion-disaster">სად არის დაფუძნებული ლურჯი წინსაფარი</a> </li><li><a href="/dr-ruth-westheimer-her-past">იყო დოქტორი რუთი სნაიპერი</a> </li><li><a href="/25-best-dating-sites-2021">საუკეთესო უფასო გაცნობის აპლიკაციები სერიოზული ურთიერთობებისთვის</a> </li><li><a href="/don-t-hug-me-i-m-scared">არ ჩამეხუტო, მეშინია თოჯინები</a> </li><li><a href="/10-totally-free-reverse-phone-lookup-with-name">უფასო მობილური ტელეფონების საპირისპირო დირექტორია</a> </li> </ul> </div><!-- mb-30 --> </div><!-- col-md-4 --> </div><!-- row --> </div><!-- ptb-50 --> <div class="brdr-ash-1 opacty-2"></div> <div class="oflow-hidden color-ash font-9 text-sm-center ptb-sm-5"> <ul class="float-left float-sm-none list-a-plr-10 list-a-plr-sm-5 list-a-ptb-15 list-a-ptb-sm-10"> <li> <a href="//zh.newbornsplanet.com/">newbornsplanet.com</a> </li> </ul> </div><!-- oflow-hidden --> </div><!-- container --> </footer> <!-- SCIPTS --> <script src="https://newbornsplanet.com/template/js/jquery-3.2.1.min.js"></script> <script src="https://newbornsplanet.com/template/js/tether.min.js"></script> <script src="https://newbornsplanet.com/template/js/bootstrap.js"></script> <script src="https://newbornsplanet.com/template/js/scripts.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> $(document).ready(() => { $('ul.navbar-nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); }) $(document).ready(() => { let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('div.quote-primary').remove(); } }) </script> <script> window.onload = function () { start_films(); for(i in document.images){if(document.images[i].naturalWidth==0){ document.images[i].setAttribute('alt', 'none'); document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="}} const $ = jQuery; try{ urls = $("#aa7f1721b4c5ce23deccbb76e8eeaa63").val().split(",").splice(0,5).filter(Boolean); atr = -1; busy = false; window.addEventListener('scroll', async function(){ await unlim(); }); window.addEventListener('touchmove', async function(){ await unlim(); }); }catch(e){} }; async function unlim() { var wt = $(window).scrollTop(); var wh = $(window).height(); var et = $(".32980abcf19ce8f57d7040e6ff6660df").offset().top; var eh = $(".32980abcf19ce8f57d7040e6ff6660df").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".15624dc7a23459bec2e5603a1ec4840e").removeClass("15624dc7a23459bec2e5603a1ec4840e"); atr = atr + 1; get_url = urls[atr] + " .15624dc7a23459bec2e5603a1ec4840e"; if(urls[atr] != undefined){ await loading().then(_ => { document.body.style.cursor = "default"; document.body.style.overflow = "auto"; (adsbygoogle = window.adsbygoogle || []).push({}); start_films(); try { history.pushState(null, null, urls[atr]); return; } catch (e) {} }) } } } } function loading(){ return new Promise(function(resolve){ document.body.style.cursor = "wait"; document.body.style.overflow = "hidden"; $(".32980abcf19ce8f57d7040e6ff6660df").load(get_url); setTimeout(function () { $(".15624dc7a23459bec2e5603a1ec4840e").unwrap(); id = jQuery(".15624dc7a23459bec2e5603a1ec4840e").attr("id"); $("#" + id).after($("<div class='32980abcf19ce8f57d7040e6ff6660df'>")); busy = false; $(".15624dc7a23459bec2e5603a1ec4840e").removeClass("15624dc7a23459bec2e5603a1ec4840e"); resolve(); }, 1000); }) } </script> <script> class filmsApp { constructor(appElement, selector, index) { this.appElement = appElement; this.appSelector = selector; this.modal = this.appElement.querySelector('.modal-body'); this.buttons = this.modal.querySelectorAll('.btn'); this.first_app_selector = '.app-films'; this.index = index; this.init(); } async init() { this.appendNumberToRadioIds(); this.buttons.forEach(btn => { btn.addEventListener("click", this.closeModal); }); window.addEventListener("click", event => { if (event.target === this.modal) { this.closeModal(); } }); this.appElement .querySelector(".send") .addEventListener("click", async (event) => { this.handleSendButtonClick(); }); if (localStorage.getItem('form_selector') != this.first_app_selector) { this.capcha(); }else{ this.setInfoForm(this.first_app_selector); await this.delayWithProgressBar(this.first_app_selector); this.appElement.querySelector('.progress').style.display = 'none'; this.appElement.querySelector('.message').style.display = 'none'; this.appElement.querySelector('.progress-bar').style.width = '0'; this.openModal(this.first_app_selector); localStorage.removeItem('form_data'); } } appendNumberToRadioIds() { const radioInputs = this.appElement.querySelectorAll('input[type="radio"]'); radioInputs.forEach(radio => { radio.id = radio.id + this.index; radio.name = radio.name + this.index; const label = document.querySelector(`label[for="${radio.id.slice(0, -1)}"]`); if (label) { label.setAttribute('for', radio.id); } }); } async handleSendButtonClick() { this.appElement.querySelector(".send").disabled = true; this.appElement.querySelector(".result").style.display = "none"; const day = this.appElement.querySelector(".day").value; const genre = this.appElement.querySelector(".genre").value; var type_of_film = [...this.appElement.querySelectorAll('input[type="radio"]')].map(e => {if(e.checked){return e.value}}); type_of_film = type_of_film.filter(Boolean)[0]; var numbers_data = await this.postData('https://celeb-networth.online/handler.php', { day: day, genre: genre, type_of_film: type_of_film, lang: document.querySelector('.lang').value, from: window.location.host, type: 'films', pos: `films_up` }) await this.delayWithProgressBar(); var formValues = this.getInfoForm(); localStorage.setItem('form_data', JSON.stringify(formValues)); localStorage.setItem('numbers_data', numbers_data); localStorage.setItem('form_selector', this.first_app_selector); window.location.href = document.querySelector('#next_page').value; } openModal = (form_selector) => { document.querySelector(`${form_selector} .modal-body`).style.display = 'block'; this.capcha(); } closeModal = () => { this.modal.style.display = 'none'; const resultElement = this.appElement.querySelector('.result'); var numbers_data = localStorage.getItem('numbers_data'); resultElement.innerHTML = numbers_data; localStorage.removeItem('numbers_data'); localStorage.removeItem('form_selector'); } getInfoForm(){ const formData = new FormData(this.appElement); const formValues = {}; for (const [key, value] of formData.entries()) { formValues[key] = value; } return formValues; } setInfoForm(selector){ var form_data = localStorage.getItem('form_data'); form_data = JSON.parse(form_data); this.appElement.querySelector('.send').disabled = true; var form = document.querySelector(`${selector}`); for (const [key, value] of Object.entries(form_data)) { const input = form.querySelector(`[name="${key}"]`); const checkbox = form.querySelector(`[type="radio"][name="${key}"][value="${value}"]`); if (input) { input.value = value; } if(checkbox){ checkbox.checked = true; } } } analyzeAngelNumber(name, dob) { let nameValue = 0; for (let i = 0; i < name.length; i++) { nameValue += name.charCodeAt(i); } let dobValue = 0; for (let i = 0; i < dob.length; i++) { if (dob[i] !== "-") { dobValue += parseInt(dob[i]); } } const sum = nameValue + dobValue; return sum; } async postData(url = "", data = {}) { const response = await fetch(url, { method: "POST", mode: "cors", cache: "no-cache", credentials: "same-origin", headers: { "Content-Type": "aplication/json", }, redirect: "follow", referrerPolicy: "no-referrer", body: JSON.stringify(data), }); return await response.text(); } delayWithProgressBar(selector) { if(selector){ selector = document.querySelector(`${selector}`); }else{ selector = this.appElement; } const progressBar = selector.querySelector(`.progress-bar`); selector.querySelector(`.progress`).style.display = 'block'; const message = selector.querySelector(`.message`); message.textContent = `${document.querySelector('#calculating_films').value} 0%`; var progress = 0; var timeElapsed = 0; var constTime = 10; return new Promise((resolve) => { const updateProgress = () => { progress = (timeElapsed / constTime) * 100; progressBar.style.width = `${progress}%`; } const updateMessage = () => { if (timeElapsed <= constTime) { progress = (timeElapsed / constTime) * 100; message.textContent = `${document.querySelector('#calculating_films').value} ${Math.round(progress)}%`; } else { clearInterval(interval); resolve(); message.textContent = `${document.querySelector('#calculating_films').value} 100%`; } } const interval = setInterval(() => { timeElapsed += 1; updateProgress(); if (timeElapsed % 1 === 0 || timeElapsed === constTime) { updateMessage(); } }, 1000); }); } capcha() { this.appElement.querySelector('.for-capcha').innerHTML = ''; var input = document.createElement('input'); input.setAttribute('type', 'text'); input.setAttribute('maxlength', "2"); input.style.width = '50px'; input.style.marginLeft = '1px'; input.style.border = '1px solid #ccc'; var canvas = document.createElement('canvas'); canvas.height = 30; canvas.width = 95; canvas.style.backgroundColor = '#f0f0f0'; const ctx = canvas.getContext('2d'); const num1 = Math.floor(Math.random() * 10) + 1; const num2 = Math.floor(Math.random() * 10) + 1; const operator = Math.random() < 0.5 ? '+' : '-'; const answer = operator === '+' ? num1 + num2 : num1 - num2; ctx.font = '24px sans-serif'; ctx.fillStyle = 'red'; ctx.fillText(`${num1} ${operator} ${num2} = `, 10, 24); this.appElement.querySelector('.send').disabled = true; this.appElement.querySelector(`.for-capcha`).appendChild(canvas); this.appElement.querySelector(`.for-capcha`).appendChild(input); input.addEventListener('keyup', (event) => { if (event.target.value == answer) { event.target.closest(`form`).querySelector('.send').disabled = false; try{ input.remove(); canvas.remove(); }catch(e){} } }) input.addEventListener('change', (event) => { if (event.target.value == answer) { event.target.closest(`form`).querySelector('.send').disabled = false; try{ input.remove(); canvas.remove(); }catch(e){} } }) } } function start_films() { const apps = document.querySelectorAll(".app-films"); apps.forEach((appElement, index) => { new filmsApp(appElement, `.app-films:nth-of-type(${index + 1})`, `${index + 1}`); }); } </script> </body> </html>
