Category: javascript

after a few error and trials i have managed to authorize my data and load into the html but however now how can i call the api from database and load into my table

here the code for my file

<table id="infoTable" class="table" style="width: 920px; margin: 0; padding: 0; border: 0;">
                                <thead>
                                  <tr>
                                    <th scope="col" style="text-align: justify;"> </th>
                                    <th scope="col" style="text-align: center; padding-right: 2px;"></th>
                                    <th scope="col" style="text-align: center;"></th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <td scope="row" style="padding-left: 45px;"></td>
                                    <td style="text-align: center;"></td>
                                    <td style="text-align: center;"></td>
                                  </tr>
                                
                                </tbody>
                                
                              </table>  

here the ajax file

$.ajax({
                                // The url that you're going to post
                                /*

                                This is the url that you're going to put to call the
                                backend api,
                                in this case, it's
                                https://ecoexchange.dscloud.me:8080/api/get (production env)

                                */
                                url:"https://ecoexchange.dscloud.me:8080/api/get",
                                // The HTTP method that you're planning to use
                                // i.e. GET, POST, PUT, DELETE
                                // In this case it's a get method, so we'll use GET
                                method:"GET",
                                // In this case, we are going to use headers as
                                headers:{
                                    // The query you're planning to call
                                    // i.e. <query> can be UserGet(0), RecyclableGet(0), etc.
                                    query:"RecyclableGet(0)",
                                    
                                    // Gets the apikey from the sessionStorage
                                    apikey:sessionStorage.getItem("apikey")
                                },
                    
                                success:function(data,textStatus,xhr) {
                                    

                                        console.log(data);
                                },
                                error:function(xhr,textStatus,err) {
                                    console.log(err);
                                }
                            });

So this is all i have currently i trying to load my database into the table but so far i am receiving is a blank empty table, needed some help and advise here
Thanks

How can I use chrome.history.addUrl with custom time?
So right now chrome.history.addUrl adds a URL with current time, so how can I change it so it can add URL to a different time?

Can I maybe change chrome’s time?
or change the time when chrome is saving into database?

Basically I am trying to genereate a custom chrome browser history.

I am trying to call my API with a search term from a submit form but I can get an error stating cannot read properties of undefined, I am not sure why there is no data when I send the ajax request, below is my code.

$(function (){
   let searchform = $('#searchForm')
     searchform.on("submit",function(event){

        event.preventDefault();
        newNameInput = $('#search_term')
        let searchterm = newNameInput.val();
        console.log(searchterm)
        $('#showList').empty();
        $.ajax({
            method: 'GET',
            url: 'http://api.tvmaze.com/search/shows?q='+searchterm,
            success: function(movies){
                $.each(movies, function(i,movie){
                    $('#showList').append('<li class="list"><a href="'+ movie._links.self.href+'">'+ movie.show.name +'</a></li>')
                    $('#showList').show();
                })
            }
        })
    
    }) 
})

Html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TV Shows</title>
</head>
<body>
    <h1>TV Shows</h1>
    <div id="show" hidden></div>
    <ul id="showList" hidden></ul>
    <form id="searchForm">
        <input type="text" id="search_term">
        <label for="text">Search</label>
        <button>Submit</button>
    
    </form>
    <a id="homelink" href="/" hidden>Back to All Shows</a>
    
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
        crossorigin="anonymous"></script>
    <script src="/public/js/index.js"></script>
</body>
</html>

When I check the URL it returns data correctly but does not from Ajax.

http://api.tvmaze.com/search/shows?q='+searchterm

I am trying to reload my masonry each time I add item to my with an ajax query. However, it seems the recalculation of the masonry (I mean the display of each bloc) is never finished.

Each video bloc is hovering each other after load once I reexecute manually

$grid = $('#masonry').masonry({
        itemSelector: ".video-box",
        percentPosition: true,
      });

Does anyone see the reason why in my code ?

Ajax function called (load() is called each time the bottom of the page is crossed and at the first page load)

    function load(recherche, start=0, limit=20, handlerEndPage) {
  console.log(start)
  console.log(limit)
  //$(document).bind("scroll", handlerEndPage);

  $("#loader_active").show()
  let form_data = new FormData();
  form_data.append('recherche', recherche);
  form_data.append('start', start);
  form_data.append('limit', limit);


  $.ajax({

    url: "http://siteurl.com/ajax/videos.php",
    contentType: false,
    dataType: "json",
    processData: false,
    cache: false,
    data: form_data,
    type: 'POST',

    success: function (data) {
      if (data.length != 0){

        $grid = $('#masonry').masonry({
          itemSelector: ".video-box",
          percentPosition: true,
        });

        $(data).each(function(index, value) {
          if (value.id_video != null){
            $item = $(showVideo(value, false));
            $grid.append($item).masonry('appended', $item);
          }
        })


        console.log("bind")
        setTimeout(function(){
          $(document).unbind("scroll", handlerEndPage);
          $(document).bind("scroll", handlerEndPage);
        }, 300);

        // Scroll top items
        const scrollButtons = document.querySelectorAll(".scroll-btn"),
            searchesWrapper = document.querySelector(".searches-wrapper");

        var amount = 0;
        scrollButtons.forEach((btn, i) => btn.addEventListener("click", () => {
          let direction = i > 0 ? "-" : "+";

          amount = eval(`${amount} ${direction} ${searchesWrapper.offsetWidth}`);
          searchesWrapper.style.setProperty("--scroll", amount + "px");

          if (amount >= 0) {
            scrollButtons[0].disabled = true;
          } else {
            scrollButtons[0].disabled = false;
          }

          if (Math.abs(amount - searchesWrapper.offsetWidth) >= searchesWrapper.scrollWidth) {
            scrollButtons[1].disabled = true;
          } else {
            scrollButtons[1].disabled = false;
          }
        }));

        // Videos


        // Masonry Layout
        //$('#masonry').masonry('reloadItems')

        //$('#masonry').masonry({
        //  itemSelector: ".video-box",
        //  percentPosition: true,
        //});

      }
      else {
        console.log("Aucune video restante.")
        console.log("unbind")
        $(document).unbind("scroll", handlerEndPage);
      }

      $("#loader_active").hide()

      // Evénement : Aucune vidéo retournée

      if ($(".bgVideo").length == 0){
        console.log("Aucun resultat trouvé")
        $("#aucun_resultat").show()
      }
      else {
        console.log("Des résultats ont été trouvés")
        $("#aucun_resultat").hide()
      }

      $grid = $('#masonry').masonry({
        itemSelector: ".video-box",
        percentPosition: true,
      });

    }
  })
}

Page before ajax call

<!DOCTYPE html>
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
    <head>
        <title>Tok Tok</title>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0" />

        <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
        <link href="http://siteurl.com/css/style.css" rel="stylesheet" />

        <link href="http://siteurl.com/css/style-toktok.css" rel="stylesheet" />
        <link rel="preconnect" href="https://fonts.gstatic.com" />
        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap" rel="stylesheet" />
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

        <link rel="shortcut icon" href="http://siteurl.com/favicon.ico" type="image/x-icon" />
        <link rel="apple-touch-icon" href="http://siteurl.com/image/grey_grenouille.png" />
        <link rel="icon" href="http://siteurl.com/favicon.ico" type="image/x-icon" />
        <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
        <script src="https://kit.fontawesome.com/566683bca0.js" crossorigin="anonymous"></script>
        <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
    </head>

    <script src="http://siteurl.com/js/showVideo.js"></script>
    <script src="http://siteurl.com/js/load.js"></script>

    <body>
        <header>
            <div class="wrapper">
                <form class="search-box">
                    <input type="search" name="search" id="search" placeholder="Rechercher ..." />
                    <button id="search-btn">
                        <span id="clear" onclick='$("#search").val("");' class="material-icons">search</span>
                    </button>
                </form>
                <button type="button" id="upload-btn">
                    <span class="material-icons">video_call</span>
                    <span>Upload</span>
                </button>
                <button type="button" id="sign-in-btn">
                    <span class="material-icons">account_circle</span>
                    <span>Sign in</span>
                </button>
                <nav id="menu" aria-hidden="true">
                    <div class="list">
                        <p class="list-title">List 1</p>
                        <ul>
                            <li><a href="#">Item 1</a></li>
                            <li><a href="#">Item 2</a></li>
                            <li><a href="#">Item 3</a></li>
                            <li><a href="#">Item 4</a></li>
                        </ul>
                    </div>
                    <div class="list">
                        <p class="list-title">List 2</p>
                        <ul>
                            <li><a href="#">Item 1</a></li>
                            <li><a href="#">Item 2</a></li>
                            <li><a href="#">Item 3</a></li>
                            <li><a href="#">Item 4</a></li>
                        </ul>
                    </div>
                    <div class="list">
                        <p class="list-title">List 3</p>
                        <ul>
                            <li><a href="#">Item 1</a></li>
                            <li><a href="#">Item 2</a></li>
                            <li><a href="#">Item 3</a></li>
                            <li><a href="#">Item 4</a></li>
                        </ul>
                    </div>
                    <div class="list">
                        <p class="list-title">List 4</p>
                        <ul>
                            <li><a href="#">Item 1</a></li>
                            <li><a href="#">Item 2</a></li>
                            <li><a href="#">Item 3</a></li>
                            <li><a href="#">Item 4</a></li>
                        </ul>
                    </div>
                </nav>
                <button type="button" id="menu-btn">
                    <span class="material-icons">menu</span>
                    <span class="material-icons">close</span>
                </button>
            </div>
        </header>

        <section id="searches">
            <div class="wrapper">
                <div class="searches-top">
                    <h1 class="section-title">Trending Searches</h1>
                    <div class="scroll-buttons">
                        <button type="button" class="scroll-btn" disabled>
                            <span class="material-icons">chevron_left</span>
                        </button>
                        <button type="button" class="scroll-btn">
                            <span class="material-icons">chevron_right</span>
                        </button>
                    </div>
                </div>
                <div class="searches-container">
                    <div class="searches-wrapper">
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/511.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/510.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/505.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/506.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/507.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/508.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/492.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/493.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/494.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/495.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/496.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/497.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/498.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                        <a href="#" class="search-box">
                            <video src="http://siteurl.com/videos/499.mp4" preload="metadata"></video>
                            <p class="search-title">Search tag</p>
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <section id="trending">
            <div class="wrapper">
                <h1 class="section-title">Dernières vidéos</h1>
                <div id="masonry" class="trending-container"></div>
            </div>
        </section>
    </body>

    <script src="http://siteurl.com/js/script.js"></script>
    <script>
        let start = 0;
        let limit = 30;

        // Gestion infinite scroll
        var handlerEndPage = function () {
            var deviceAgent = navigator.userAgent.toLowerCase();
            var agentID = deviceAgent.match(/(iphone|ipod|ipad)/);

            if ($(window).scrollTop() + $(window).height() > $(document).height() - 100 || (agentID && $(window).scrollTop() + $(window).height() + 200 > $(document).height())) {
                load($("#search").val(), start, limit, handlerEndPage);
                start += limit;
                console.log("Fin de page détectée -> Chargement enclenché");
            }
        };

        $(document).bind("scroll", handlerEndPage);

        load("", start, limit, handlerEndPage);
        start += limit;

        // Gestion de la barre de recherche
        let old_search = "";
        let search = "";

        $("#clear").on("click", function () {
            setTimeout(function () {
                $("#videos").empty();
                $("#loader_active").show();
                search = $("#search").val();

                console.log("rechargement");
                start = 0;
                limit = 30;
                load(search, start, limit, handlerEndPage);
                start += limit;
            }, 100);
        });

        $("#search").on("keyup paste", function () {
            setTimeout(function () {
                $("#videos").empty();
                $("#loader_active").show();
                search = $("#search").val();

                console.log("rechargement");
                start = 0;
                limit = 30;
                load(search, start, limit, handlerEndPage);
                start += limit;
            }, 100);
        });

        // Gestion des Play/Pause de chaque vidéo
        $(document).on("click", ".video-box", function () {
            console.log("ok detected");
            if (this.children[0].paused) {
                console.log(this.children[0]);
                $(this).children("#video_tag").removeClass("pause");
                $(this).children("#video_tag").addClass("play");

                let playPromise = this.children[0].play();
                if (playPromise !== undefined) {
                    playPromise
                        .then((_) => {
                            // Automatic playback started!
                            // Show playing UI.
                        })
                        .catch((error) => {
                            // Auto-play was prevented
                            // Show paused UI.
                        });
                }
            } else {
                this.children[0].pause();
                $(this).children("#video_tag").removeClass("play");
                $(this).children("#video_tag").addClass("pause");
            }
        });
    </script>
</html>

ShowVideo function:

function showVideo(videoData, autoplay=false) {

    // VIDEO BOX

    let videoBox = $("<div/>", {
        class: "video-box",
        id: "append"
    });

    let video = $('<video />', {
        src: "http://siteurl.com/videos/" + videoData.lien,
        preload: "none",
        controls: false,
        autoplay: false,
        poster: "http://siteurl.com/thumbnails/"+videoData.id_video+".jpg",
        id : "video_tag"
    });

    let vidElements = $("<div/>", {
        class: "vid-elements"
    });

    // ICONS

    let stateIcon = $("<div/>", {
        class: "state-icon"
    });

    let playArrow = $("<span/>", {
        class: "material-icons"
    });
    playArrow = playArrow.html('play_arrow');

    let pause = $("<span/>", {
        class: "material-icons"
    });
    pause = pause.html('pause');

    stateIcon = stateIcon.append(playArrow)
    stateIcon = stateIcon.append(pause)

    vidElements = vidElements.append(stateIcon)


        //<div className="bottom-elements">
        //    <p className="vid-title">Meme title</p>
         //   <button type="button" className="favorite">
         //       <span className="material-icons">favorite</span>
        //    </button>
       // </div>


    let bottomElements = $("<div/>", {
        class: "bottom-elements"
    });

    let buttonFavorite = $("<button/>", {
        class: "favorite",
        type: "button"
    });


    let memeTitle = $("<p/>", {
        class: "vid-title"
    });
    memeTitle = memeTitle.html(videoData.titre)

    let favorite = $("<span/>", {
        class: "material-icons"
    });
    favorite = favorite.html("favorite")

    buttonFavorite = buttonFavorite.append(favorite)
    bottomElements = bottomElements.append(memeTitle)
    bottomElements = bottomElements.append(buttonFavorite)

    vidElements = vidElements.append(bottomElements)

    videoBox = videoBox.append(video)
    videoBox = videoBox.append(vidElements)

    return videoBox


}

Example of result after ajax call (videos are crossing hover each other once I execute:

example of result

I’m new to node.js and discord.js, the previous version of this bot was written in discord.py (now deprecated).

This function iterates through all the webhooks (id and token) in my SQL database and sends a message to each of them. There are about 1500 of them (one for each server). I have to send a message roughly every 5 seconds. This worked perfectly in the python version, but that only had to run on about 300 guilds. I don’t have the code for it anymore, but it worked the same way (all the requests were sent at once, probably about 300 requests in 500ms and this worked fine), so I don’t think this is a rate limit issue.

    client.on('messageCreate', (message) => {
        if (message.channelId === '906659272744665139') {
            console.log('found message');
    
                const url = message.content;
                var webhooklist = [];
                
                //get all the webhooks from the database
                db.prepare('SELECT * FROM webhooks').all().forEach(webhook => {
                    const webhookclient = new WebhookClient({id: webhook.webhookID, token: webhook.webhookToken});
                    webhooklist.push(webhookclient);
                })
    
                console.time('sent');
                
                var failed = 0;
                webhooklist.forEach(webhook => {
    
                    var row = new MessageActionRow()
                        .addComponents(
                            savebutton,
                            reportbutton
                        )
                    
                    webhook.send({content: url, components: [row]})
                        .catch(err => {
                            if (err instanceof DiscordAPIError) {
                                if (err.code === 10015) {
                                    //remove the webhook from the database
                                    db.prepare('DELETE FROM webhooks WHERE webhookID = ?').run(webhook.id);
                                    console.log(`Removed webhook ${webhook.id}`);
                            } else {
                                failed += 1;
                                console.log(err);
                            }
                        } else {
                            failed += 1;
                        }
                    });
                });
    
                console.timeEnd('sent');
                console.log(failed);
              
            });
        }
    });

The problem:
A request is sent to each webhook, however, the messages don’t actually get sent half the time. For example, I’m looking at 3 different servers that this bot is in, and in one of them a message appeared and in the other two it didn’t (any other combination of these outcomes also occurs, its not a problem with how the servers are set up). There are also no errors, indicated by the failed variable. To clarify, about 50% of the messages get through, but the other 50% are supposedly sent by the bot but never appear in the channel.

Things that are (most likely) NOT the issue:

-Discord Rate limits
Why: Sending messages through webhooks does not count against the bot’s sent messages, and therefore will not cause rate limits (the global 50 messages per second). The only way this would cause me to be rate limited is if I was exceeding the 5/5 rate limit for each webhook individually (this is the same as what happens when you try to spam one channel).

-API rate limits
Why: API rate limits would only trip if I sent more than 10,000 invalid requests in 10 minutes. All of the requests go through, and there are no errors in the console. If I was being API rate limited, I would get completely blocked from using the discord API for up to an hour.

-I’m setting off some sort of spam protection
I’ve already considered this. Since most of the messages get through, I don’t think this is the problem. If I did set off any filters regarding volume of requests, the requests would probably either time out, or I would get blocked.

Other notes:

-A delay between requests is not a viable solution because pretty much any amount of delay multiplied by the 1500 times this has to run would result in this function taking multiple minutes to run.

-This could be related to another issue I’m having, where buttons take a long time to respond to so the interactions will often time out before I can even run .deferReply(), however, none of the webhook requests time out (which suggests that this may not be the issue)

-my internet has seemed slow recently even though I have gigabit, but again, if internet was the issue there would be errors.

In conclusion, a large volume of webhook messages like this SHOULD work, so this issue is most likely client-side.

cant use firebase in react app, i installed firebase using npm install firebase and created firebase project. and i add that code that given from firebase and exported it like this

export const auth = firebase.auth();
export const googleAuthProvider = new firebase.auth.GoogleAuthProvider();

then i used it in react component like below

import {auth} from '../../firebase';

and it says cant compile like this
image

Can’t seem to resolve this issue that I’m having building a Solana app, I’m using replit to host the web app and the idl file I’m using I’m quite certain is correct. Have tried the anchor build, deploy many times along with checking my program ID. Not sure what I’m doing wrong here.

Here’s the web app. Here’s the link to my replit.

Logical OR operators throws a syntax error here in JS – where am I going wrong?

function playRound(playerSelection, computerSelection) {
  if (playerSelection == 'rock' && computerSelection == 'paper') ||
  (playerSelection == 'paper' && computerSelection == 'shotgun') ||
  (playerSelection == 'shotgun' && computerSelection == 'rock') {
  console.log(`Sorry! ${computerSelection} beats ${playerSelection}`);}
}

I am trying to manipulate my URL using URLSearchParams. However URLSearchParams.delete() expects the name of the param. If I have params with the same name, (from what I’ve tested) the function only removes the last matching param. Is there a way to delete by both name and value?

My query looks something like this:

?color[]=Black&color[]=Green&material[]=Steel

So when I call .delete("color[]") it will remove the color[]=Green param, but what if I want to remove color[]=Black?

The reason for the duplicate names is the backend (PHP) is leveraging this functionallity to auto parse the parameters into arrays…which requires the syntax above.

Big picture is- I’m trying to add/remove “filters” from this array-to-be. Also, some filter categories could have matching values so I don’t want remove by value either. I am open to considering an entirely new approach…just trying to do it in the least hacky way.

If I create a small web application on my desktop (html and js files) and want to share the functionality of it so my friend could use it on his website, how can I do that?

For example, if I want to use the benefits of bootstrap to quickly make changes, they instruct me to download this file

<!-- JavaScript Bundle with Popper --> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

1. What is this file? I’m assuming all the js code and logic to their
   platform lives in this file, yes?

2. If I want to build my own
   application and share it so others can use it, how would I do it?

Sample application: a user copies the CDN file link, they add it to their index.html file at the top of the page, when they reload their website a modal pops up in 5 seconds. That’s it.

Good night folks.

I’m new to programming, less than 2 months, so I don’t quite understand how to make this work. Here’s exactly what I want to do:
I have this game I’m trying to make which needs to do a raffle between existing units that fit the condition “is alive” and have “is able to use the prize”. To do that, I was told I needed to include an array with the unit Id for the units that can receive it, then filter them by “is alive” to choose from by a random generator. Thing is, I have no idea how to make this work. I’ve tried this code, but it does not work. Anyone has any idea why or how I should do it instead?

var rafflearray = []; // the array containing the units
if (root.getExternalData().isUnitRegistered() = true) {var character = root.getCurrentSession().getPlayerList().getData()}; // establish the character as a variable

if (var character.getAliveStatus = true ) {rafflearray.push(character)}; // checks his alive status and send him to the array

var chosen = rafflearray [Math.random()*chosenarray.lenght]; // to choose amongst them
chosen.addItem()

Thanks in advance for the attention!

In mongoDB, get number of array items in a document — and why didn’t I just use sql to begin with!?

I have a document that looks like this …

{
    "age": 18,
    "role": "client",
    "email": "[email protected]",
    "name": "down",
    "answers": [{
        "_id": {
            "$oid": "61aa9a5e467fa9109b745d21"
        },
        "position": 2,
        "scale": 9,
        "slider": 0
    }, {
        "_id": {
            "$oid": "61aa9d3cd3912610d1196e40"
        },
        "position": 2,
        "scale": 9,
        "slider": 0
    }],
    "createdAt": {
        "$date": "2021-11-01T20:26:05.225Z"
    },
    "updatedAt": {
        "$date": "2021-12-03T22:42:04.861Z"
    },
    "__v": 0
}

Using mongoose, how do I get the number of array elements in the answers array?

I was rewriting my code from firebase v8 to v9, i was watching this tutorial

i try to use the signInWithRedirect() function followed by the getRedirectResult() function

i import them like i import my others functions but when i console.log() thoses i get undefined in my console

here is my code :

import { View } from "react-native";

import firebase, { initializeApp } from 'firebase/app';

import { GoogleAuthProvider, useDeviceLanguage, signInWithCredential, onAuthStateChanged, getAuth, signInWithRedirect, getRedirectResult } from "firebase/auth";

const LoginSceen = (props) => {

  console.log(signInWithRedirect) //return undefined
  console.log(getRedirectResult ) //return undefined
 
  console.log(getAuth) //return [Function getAuth]
  console.log(GoogleAuthProvider) //return [Function GoogleAuthProvider]
  

  return (
    <View style={{ flex: 1, backgroundColor: "#9297C4" }}>

    </View>[enter image description here][1]
  );
}

export default LoginSceen;

PS : the error i get is TypeError: _auth.signInWithRedirect is not a function
firebase version in my package.json "firebase": "^9.6.0",

here the getAuth function detected by vscode IntelliSense
here the signInWithRedirect function who appear as undefined in my console but detected too by IntelliSense

I’m relatively new to Vue 3, working on an application in which many components need access to the value of screen width, with the necessity of updating it dynamically as the window resizes.

Is there any elegant, no-third-party-plugin solution for implementing such a variable once, and using it in multiple components, without having to add event listeners seperately inside each one of them?

I’ve tried to define windowWidth in main.js as a globalProperty, and add a window event listener:

import { createApp, ref } from "vue";
import App from "./App.vue";
import router from "./router";

const app = createApp(App).use(router);

app.config.globalProperties.breakpoints = {
  sm: 768,
  md: 1024,
  lg: 1200,
};

app.config.globalProperties.winWidth = ref(window.innerWidth);

window.addEventListener(
  "resize",
  () => (app.config.globalProperties.winWidth = window.innerWidth)
);

app.use(router);
app.mount("#app");

But the value does not change when I resize the window (calling winWidth inside a <p> tag in a component to test).

I would love to learn how to implement this successfully!

Get Help with File Explorer in Windows 11 +1-877-947-7788 rebuilds the data utility but doesn’t fix the Get Help with File Explorer in Windows 11. This is often a complicated issue and has required fixing as soon as possible. When this Get Help with File Explorer in Windows 11 occurs users generally get the message, ‘Recover data file’ or ‘Your Get Help with File Explorer in Windows 11 isn’t working. For this Get Help with File Explorer in Windows 11, the Get Help with File Explorer in Windows 11 file must fix and recovered. To stop this Get Help with File Explorer in Windows 11 from doing any damage, restore a backup copy, and then condense the company file. It’s a really support software issue that needs immediate Get Help with File Explorer in Windows 11 mention and will be fixed as soon as possible. How does Get Help with File Explorer in Windows 11 +1-877-947-7788 talk to a person affect? As mentioned earlier they skipped 111 Get Help with File Explorer in Windows 11 is one of the most accounting. Get Help With File Explorer In Windows 11 s in MS OFFICE. So it means the business or user is at constant risk of Contact of Get Help With File Explorer In Windows 11 This Get Help With File Explorer In Windows 11 mostly occurs within the application system because of file damage. The file must be repaired by either restoration or by replacing it with an earlier saved backup copy of the stored data. Get Help with File Explorer in Windows 11- However, this is often Get Help With File Explorer In Windows 11 software within the end and that’s why Get Help With File Explorer In Windows 11 sometimes it does face issues affecting the business operations of its users. An issue that’s quite common has the Get Help with File Explorer in Windows 11 +1-877-947-7788. This Get Help with File Explorer in Windows 11 code recovers the data that has been founded and again rebuilds the data section. Losing their financial and operational data. Then they need storing in MS OFFICE. It’s imperative to make a backup of the data to stop problems in the future. Steps to resolve Get Help with File Explorer in Windows 11 Wherever there’s a problem there’s always a resolution. A similar is that the case with Get Help with File Explorer in Windows 11 +1-877-947-7788. Below mentioned are some steps that may help to repair can pass few tests and if your file passes these tests, then the backup of the file has automatically been created in the ADR folder. After this, the logging program of ADR transactions will invoice all the transactions quickly also as automatically. It’ll invoice all the transactions that have integrated with the file from a specific instance on Get Help with File Explorer in Windows 11 +1-877-947-7788 Software. Once the recovering process is complete, Get Help with File Explorer in Windows 11 accounting software will create a duplicate of that file. But if your application is open, you’d not find any backup created. This may produce two backup duplicates and also the latest one would be 12 hours old while another would be 24 hours old. This way the oldest file would get deleted.