django – Cadastrando um produto e tentando gravar o preço médio

Fico grato pela ajuda, estou querendo cadastrar uma compra de um produto e logo calcular o preço médio.

view


def compras_produtos(request):
    form = ComprasForm(request.POST or None)
    if form.is_valid():
        form.save()
        return redirect('compras_produtos')
    return render(request, 'cadastra_compras.html', {'form': form})

models

class Produto(models.Model):
    nome_produto = models.CharField(max_length=100, unique=True, verbose_name='nome')

    class Meta:
        db_table = 'produto'

    def __str__(self):
        return self.nome_produto


class Compra_Produto(models.Model):
    produto = models.ForeignKey(Produto, on_delete=models.CASCADE, verbose_name='Produto')
    quantidade = models.IntegerField(blank=False, null=True, verbose_name='Quantidade')
    valor_produto = models.DecimalField(max_digits=10, decimal_places=2, blank=False, null=True, verbose_name='Preço')
    valor_medio = models.DecimalField(max_digits=10, decimal_places=2, verbose_name='Preço Médio')

    class Meta:
        db_table = 'compra'

    def __str__(self):
        return self.produto

¿Como se puede hacer para que la linea de en medio se mueva con los divs?

Me gustaría saber cómo hacer que la línea de en medio se mueva junto con los divs en la pantalla mientras los muevo con el mouse y así hacer que la linea vaya siguiendo los divs a su vez y siempre este enlazada a esos divs.
He intentado hacerlo con los diferentes eventos de drag y mouse events pero realmente no sé cómo usarlos correctamente.

  <script>
    window.onload = function () {
      let x1 = document.getElementById("div1").clientWidth;
      let y1 = document.getElementById("div1").offsetLeft;
      console.log(x1);
      console.log(y1);
      let x2 = document.getElementById("div2").offsetLeft;
      let y2 = document.getElementById("div2").clientHeight;
      let mid = y2 / 2;
      console.log(x2);
      console.log(y2);
      console.log(mid);
      let line = document.getElementById("line");
      line.setAttribute("x1", x1);
      line.setAttribute("y1", y1);
      line.setAttribute("x2", x2);
      line.setAttribute("y2", mid);
    };
  </script>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <div
      id="div1"
      draggable="true"
      style="
        width: 100px;
        height: 100px;
        top: 0;
        left: 0;
        background: rgb(236, 92, 92);
        position: absolute;
      "
    ></div>
    <div
      id="div2"
      draggable="true"
      style="
        width: 100px;
        height: 100px;
        top: 0px;
        left: 250px;
        background: rgb(155, 69, 69);
        position: absolute;
      "
    ></div>
    <svg>
      <line id="line" stroke="black" />
    </svg>
  </body>
</html>

reactjs – Agregar datos a un array por medio de una api react

Tengo el siguiente codigo. Debo agregar a un array los datos obtenidos atraves de la consulta de la api pero el boton no funciona. El boton de agregar se muestra en la descripcion del super heroe cuando muestra los resultados de la busqueda

<h1>Bascador</h1>
    <div>
      <input
        id="search-bar"
        type="search"
        placeholder="Buscar"
        onChange={handleChange}
        value={searchText}
      />
    </div>
    <div>
      {
      superheroData != null ? (
      superheroData.map((superhero) => 
      (
        <div className="search-result">
          <div className="left">
            <img src={superhero.image.url} alt="super pic" />
          </div>
          <div className="right">
            <h1>{superhero.name}</h1>
            <span style={{ color: "gray", marginBottom: 5 }}>
              {superhero.biography("full-name")}
            </span>
            <div className="stats">
              <div>strength: {superhero.powerstats.strength}</div>
              <div>speed: {superhero.powerstats.speed}</div>
              <div>power: {superhero.powerstats.power}</div>
            </div>
          </div>
          <button onClick={()=> addTeam(superhero)}>Agregar heroe al equipo</button>
        </div>

esta es la funcion para agegar el heroe a un array para luego mostrarlo

function addTeam(superhero){
    
    arrayTeam.push(superhero);
  }

¿Cuál es el precio medio por día de una habitación en función de si el anfitrión tiene verificado o no su perfil? en R

arb is:

daily_price

host_identity_verified2

94 NO VERIFICA
125 VERIFICA
100 NO VERIFICA
120 VERIFICA
70 VERIFICA
200 NO VERIFICA
700 VERIFICA
250 VERIFICA
100 NO VERIFICA
280 VERIFICA
Ç
Con la funcion: arb_verifica %>% group_by(host_identity_verified2) %>% summarise(media_precio = mean(daily_price))

El resultado solo me da la media para

NO VERIFICA : 103.7647
VERIFICA

html – ¿Cómo insertar una imagen en el medio de un texto sin tapar su contenido y manteniendo márgenes adecuados?

Estoy aprendiendo HTML y CSS de manera autodidacta, siguiendo y aplicando lecciones de internet, así como ésta.

Estoy intentando centrar una imagen en medio de un texto, aplicando una regla CSS, pero me arroja los siguientes problemas:

  • Interrumpe el texto en el sitio exacto donde la pongo.
  • No mantiene espacios izq. derecho, arriba, abajo, afectando su elegancia y quedando pegado al texto.
  • En lugar de intercalarse “en” el texto, se interpuso “sobre” el texto tapándolo.

Quisiera sus buenos oficios para mejorar el código que seguidamente expongo, y que igual que yo, otros lectores sabrán darle la utilidad que corresponde. De antemano gracias. Anexo código y texto simulado.

javascript – Cómo acceder y extraer Datos de una API por medio de JS y JQUERY

Hola estoy en proceso de aprendizaje, así que ser un poco blando conmigo, la cuestión es: Quiero hacer que la consola me de:
//Hola, yo soy Luke Skywalker y soy del planeta Tatooine y en cambio me da el mensaje //Hola, yo soy Luke Skywalker y soy del planeta http://swapi.dev/api/planets/1/(Dirección de la información) o //Hola, yo soy Luke Skywalker y soy del planeta undefined , no he logrado hacer que suceda la primero por ningún medio que sea de mi entender, estoy utilizando la API de Star Wars ( https://swapi.dev/ ).

Básicamente, a través de los Personajes (https://swapi.dev/api/people/1/) lo que quiero es acceder y extraer la información de “HOMEWORD” : http://swapi.dev/api/planets/1/ (planetas). y que se muestre
//Hola, yo soy Luke Skywalker y soy del planeta **Tatooine** que tiene un periodo orbital de **304** dias , por ejemplo… Gracias por Adelantado 🙂

——————-RECOMIENDO VER LAS IMAGENES————

Dejo este código por aquí….

const API_URL='https://swapi.dev/api/';
const PEOPLE_URL= 'people/:id';
const HOMEWORD_URL= 'planets/:id';

const options={crossDomain: true};

const onPeopleResponse= function (personaje) {
    // console.log(arguments)
    console.log(`Hola, yo soy ${personaje.name} y soy del planeta ${personaje.homeworld}`) //(Se que asi no se hace)
 }

function obtenerPersonaje(id) {
    const url=`${API_URL}${PEOPLE_URL.replace( `:id`, id )}`;
    $.get(url, options, onPeopleResponse)
}

let obtenerCienPersonajes =78;
for (let i = 1; i < obtenerCienPersonajes; i++) {
    obtenerPersonaje(i)
}
//Esto me da la consola con este codigo:

//Hola, yo soy Luke Skywalker y soy del planeta http://swapi.dev/api/planets/1/

//Hola, yo soy Ratts Tyerel y soy del planeta http://swapi.dev/api/planets/38/

//Quiero que me de:

//Hola, yo soy Luke Skywalker y soy del planeta Tatooine

Imágenes por aquí

Persona

Información del Personaje 1 de la API

Planeta

Información del Planeta 1 en la API

como hacer una buena conexión a Firebase desde arduino por medio de un ESP32 D (codigo)

MODULO WIFI ESP32D y Firebase

Necesitamos controlar 4 focos o lamparas. Por lo tanto tenemos 4 salidas del modulo wifi, las cuales son: (2,15,19,21) , estamos utilizando las librerías :

#include <WiFi.h>
#include "FirebaseESP32.h"

Por el momento solo funcionan 3 de las 4 salidas, la ultima no funciona dentro del código, pero realizando una prueba aparte si funciona, por lo tanto no hay ningún fallo en el circuito

html – ¿Como posiciono un elemento en medio de una pantalla? HTML5 y CSS3

me encuentro aprendiendo HTML y CSS, se como organizar las cosas en el medio de la pantalla utilizando

margin-left:auto;
margin-right:auto;

pero no se como posicionar un bloque en medio de forma vertical.

El codigo CSS del bloque que quiero posicionar es el siguiente:

.content{
height: 350px;
background-color: chocolate;
margin-left:10%;
margin-right: 10%;
padding: 5%;
}

Gracias a todos

princípios de programação – Porque a linguagens c e considerada como uma linguagem de medio nivel?

Obrigado por contribuir com o Stack Overflow em Português!

  • Certifique-se de responder à pergunta. Entre em detalhes sobre a sua solução e compartilhe o que você descobriu.

Mas evite

  • Pedir esclarecimentos ou detalhes sobre outras respostas.
  • Fazer afirmações baseadas apenas na sua opinião; aponte referências ou experiências anteriores.

Para aprender mais, veja nossas dicas sobre como escrever boas respostas.