Piero Pajares's questions

I am trying to get this format with moment.js library

01/24/2022 10:14 PM GMT-0500

but I still don't know how to put "GMT" before it in time...

This is what I am trying:

// datetime es la fecha en formato tiempo
moment(new Date(dateTime)).format('MM/DD/yyyy hh:mm A Z');

and what I get is : 01/24/2022 10:14 PM -05:00

I have this structure of my plugin index and service:

service.ts:

declare interface Params {
  title: string;
  description?: string;
  type?: string;
  duration?: number;
}

export default class ServiceToast {
  public toastRef: any; // component

  public constructor(modalRef: any) {
    this.toastRef = modalRef;
    console.log(this.toastRef);
  }

  public open(params: Params) {
    this.toastRef.open(params);
  }
}

Basically I have created a service that receives the component so that it interacts with the component as desired.

index.ts:

import _Vue from 'vue';
import Toast from '@/components/_includes/layouts/Toast.vue';
import ServiceToast from './service';

const ToastPlugin = {
  install: (Vue: typeof _Vue, options?: any) => {
    Vue.mixin({
      created() {
        Vue.prototype.$toast = new ServiceToast(Toast);
      },
    });
  },
};

export default ToastPlugin;

Where I install the plugin and use the service that I showed previously.

Here I call the plugin and do the corresponding Vue.use but when I want to call it in any component:

<a @click="$toast.open({ title: 'Hola mundo' })">Hola, dame click!</a>

I get the following error: "TypeError: this.toastRef.open is not a function"

In the shims-vue-plugin.d.ts:

/* eslint-disable */
import Vue from 'vue';
import { AxiosInstance } from 'axios';
import 'webpack-env';
import { FieldFlagsBag } from 'vee-validate';
import { SnackbarProgrammatic as Snackbar, DialogProgrammatic as Dialog } from 'buefy';
import ServiceToast from './app-config/toast/service';

declare module 'vue/types/vue' {
  interface Vue {
    $auth: any;
    $axios: AxiosInstance;
    veeFields: FieldFlagsBag;
    $dialog: typeof Dialog;
    $snackbar: typeof Snackbar;
    $toast: ServiceToast;
  }
}


declare namespace NodeJS {
  interface Process extends __WebpackModuleApi.NodeProcess {
    server: boolean;
  }
}

Does anyone know what it could be? or that I am missing since I can not find the error.

UPDATE: This is the Modal component:

<template>
  <ModalComponent v-model="isActive" :close-inside="false" :is-footer="false"
                  ref="toast" @close="$emit('close')" :width="240" :min-width="240" class="toast">
    <template slot="body">
      <div class="toast-content has-text-centered">
        <figure class="image is-128x128 flex-center" v-if="type === 'success'">
          <img src="/static/img/images/success.png">
        </figure>
        <figure class="image is-128x128 flex-center" v-if="type === 'warning'">
          <img src="/static/img/images/warning.png">
        </figure>
        <figure class="image is-128x128 flex-center" v-if="type === 'danger'">
          <img src="/static/img/images/danger.png">
        </figure>
        <h1 class="is-size-3 has-text-weight-bold has-text-danger">{{ title }}</h1>
        <p v-if="description">{{ description }}</p>
      </div>
    </template>
  </ModalComponent>
</template>

<script lang="ts">
import {
  Component, Prop, Vue, Watch,
} from 'vue-property-decorator';
import ModalComponent from '@/components/_includes/ModalComponent.vue';

@Component({ components: { ModalComponent } })
export default class Toast extends Vue {
  public isActive: boolean = false;

  public title: string = '';

  public description?: string = '';

  public type?: string = 'success';

  public duration?: number = 1000;

  open(params: any) {
    this.isActive = true;
    this.title = params.title;
    this.description = params.description;
    this.type = params.type ? params.type : this.type;
    this.duration = params.duration ? params.duration : this.duration;

    setTimeout(() => {
      this.close();
    }, this.duration);
  }

  close() {
    this.isActive = false;
  }
}
</script>

With the zoho api I consult the mail that has an attachment with this format:

b' Ruta\tDespacho\tFecha Reparto\tRegional\tZona\tSector\tNombre\tTipo 
Caja\tFactura\tNumero Caja\tCodigo Cliente\tIdentificacion\tCod Premio/Producto\tDireccion\tCodigo Distrito\tDistri
to\tDescrip Premios/Productos\tCantidad\tCiudad\tTelefono\tReferencia de la Direccion\tCampana\tFecha Despacho\tCons Caja\tCodigo Distribuidor\tDistribuidor\tCelular1\n  18782\t51602\t\t
001\t132\t012\tNELLY MARIBEL TOAPANTA TOAQUIZA\tPEDIDO\t1528806\t1\t132012001\t0504095548\t\tLA VICTORIA SN ANTONIO TELLO\t81\tMULINLIVI\t\t1\tPUJILI\t0\tCASA AZUL DE 1 PISO, VIA PRINCIP
AL POR LA CURVA CERRAMIENTO MAYA PORTON NEGRO CA\t202002\t01/29/2020\t14\t135\tMARIANA ESPINOZA SANTILLAN\t0984044011\n'

I am wanting to be able to convert it to csv and be able to format it in python: I see many examples but most do it by opening the file but not with the content directly: in this way:

import csv
with open('archivo.csv') as csvfile:
reader = csv.DictReader(csvfile)
#y aqui poder manejarlo como diccionario
for row in reader:
    print(row['Ruta'], row['Despacho'])

but I don't see the way how to pass it to csv format and then handle it as a dictionary.

I have an array:

funciones = ['paciente.hospital', 'paciente.enfermad', 'paciente.documento'];

and a string:

const parametro = '72476675';

What I want to do is create a dynamic object from this array and this string so that it looks like this:

const result = {
   exp: 'paciente.hospitap',
   params: {
     exp: 'paciente.enfermedad',
     params: {
        exp: 'paciente.documento',
        params: parametro,
     }
   },
};

where the last function element will receive the parameter which is the string.

const result = {};
funciones.forEach((fn, i) => {
  if (i === funciones.length - 1) { // si es el ultimo le asignamos el parametro
     result.exp = parametro
  } else {
     // aqui no se como ir acumulando el objeto
     console.log(fn);
  }
});

The problem is that I don't know how to accumulate the object since this array of functions can have less or more elements.

I am trying to concatenate an array of strings:

const funcNames = ['paciente.obtener', 'paciente.buscar', 'paciente.contiene']

This arrangement can continue to grow...

Each one represents a function, for example: patient.obtain('expression') What I want to do is go through the list of strings and if the element has another element in front of its list, put it inside the function and if it is the last one, leave it as patient.contains(expression)

For example, this list would look like this:

paciente.obtener(paciente.buscar(paciente.contiene('expresion')))

I am trying this way:

funcNames.forEach((e, i) => {
      const demo = funcNames[i + 1] ? `${e}(${funcNames[i + 1]}(expresión))` : `${e}(expresión)`;
      console.log(demo);
    });

but this only works with 2 and I don't know how to concatenate with the others so that the "function" grows

I have 2 User and EcoUser models with a 1 to 1 relationship (I have reduced the fields of the tables for this example):

class User(AbstractUser):
    picture_url = models.ImageField(upload_to='logos/', blank=True)

class EcoUser(models.Model):
    user = models.OneToOneField(User, related_name='eco_user')
    document = models.CharField(max_length=45, blank=True)

    def __str__(self):
        return str(self.user)

In which I use a NestedSerializer to be able to create and update the data of the two tables in a single post or put , in this way I did the update since I do not save images in the registry and I have no problem with it:

This is the serializer

class EcoUserSerializer(serializers.ModelSerializer):

 user = UserSerializer(required=True)

 class Meta:
     model = EcoUser
     fields = '__all__'

 def update(self, instance, validated_data):
     instance.document = validated_data.get('document', instance.document)
     instance.save()
     user_data = validated_data.pop('user')
     user = instance.user
     user.picture_url = user_data.get('picture_url', user.picture_url)
     user.save()
     return instance

and in my viewset

class EcoUserViewSet(viewsets.ModelViewSet):
    serializer_class = EcoUserSerializer
    queryset = EcoUser.objects.all()
    pagination_class = None
    parser_classes = (MultiPartParser,)

    @transaction.atomic
    def update(self, request, *args, **kwargs):
        with transaction.atomic():
            try:
                instance = self.get_object()
                instance.id = kwargs.get('pk')
                serializer = EcoUserSerializer(instance=instance, data=request.data)
                print(serializer)
                if serializer.is_valid(raise_exception=True):
                    self.perform_update(serializer)
                    return Response({"status": True, "results": "Datos actualizados correctamente"},
                                    status=status.HTTP_201_CREATED)
            except ValidationError as err:
                return Response({"status": False, "error_description": err.detail}, status=status.HTTP_400_BAD_REQUEST)

This worked correctly until when I added the ImageField field, it no longer updated the data and gave me a 400 bad request error. This I send from VUEJS by axios :

const bodyFormData = new FormData();
bodyFormData.append('user.picture_url', this.params.user.picture_url.name);
bodyFormData.append('document', this.params.document);
this.axios.put(`/users/${this.params.id}/`, bodyFormData, { headers: { 'Content-Type': 'multipart/form-data' } })
  .then((response) => {
    this.isSending = false;
    this.$snackbar.open(response.data.results);
  });

Is it ok if in the apppend as field name I put user.picture_url ? since it is inside the user object and then I access the picture_url to be able to update it.

Create a function which brings me the days of the week from Monday to Sunday :

    weekLabel(current) {
        const week = [];
        const weekFormat = [];
        current.setDate(((current.getDate() - current.getDay()) + 1));
        for (let i = 0; i < 7; i++) {
          week.push(new Date(current));
          current.setDate(current.getDate() + 1);
        }
        week.forEach((w) => {
          weekFormat.push(moment(w).format('DD/MM/YYYY'));
        });
        return weekFormat;
      },

In which current is what the function is waiting for, in this case it passes a date... this works correctly but when I pass it a date of a Sunday it already returns the days of the other week. I know that the week starts from Sunday but I would like to know if I can put it to start from Monday

I want to make a filter with 2 fields from the django user model first_name and last_name like this:

queryset = User.objects.annotate(search_name=Concat('first_name', Value(' '), 'last_name'))
queryset.filter(search_name__icontains='Prueba Pruebita')

But it is not returning the filter if not the entire list of users.

This is my serializer that just brings up most of the fields and the write-only password.

class UserSerializer(serializers.ModelSerializer):
    class Meta:
        model = User
        fields = ('id','username', 'password', 'first_name', 'last_name', 'email', 'code', 'phone')
        extra_kwargs = {'password': {'write_only': True}}

Am I missing something? or is there another way to make a filter with 2 fields of a model?

I come from javascript and I would like to know how I can go through that array that in python is known as list.

"dispatches_types": [
  {
    "status_id": 2
  },
  {
    "status_id": 1
  },
  {
    "status_id": 1
  },
  {
    "status_id": 1
  },
  {
    "status_id": 2
  }
 ]

The problem I have is that I want to add a counter that increases when status_idit is 1 but this is dynamic since sometimes it can bring that status and sometimes not. Sometimes it can even bring up the empty list.

So far I am trying this way:

    cont = 0
    if len(dispatch_types) > 0:
        for status1 in dispatch_types:
            if 1 in status1:
                cont +=1
    else:
        cont = 0

I have 2 arrays of
EL objects first named data :

const data = [
  {
    id: 1,
    nombre: 'Piero',
  },
  {
    id: 4,
    nombre: 'Nelson',
  },
  {
    id: 7,
    nombre: 'Diego'
  },
 ]

and the second called subs :

const subs = [
  {
    id: 1,
    name: 'Temprano',
  },
  {
    id: 4,
    name: 'A tiempo',
  },
  {
    id: 7,
    name: 'Tarde'
  },
]

In which I want to compare that if they have the same id the subs array passes their name and if it does not match that they put a data'-' array try this way:

data.forEach((d)=>{
 subs.forEach((s)=>{
   if(d.id === s.id){
     d.subname = s.name;
   }
   else {
     d.subname = '-';
    }
   });
 }); 

But it always prints me the values ​​with '-'as if it doesn't match any. What part am I doing wrong? Is there another easier way to do this? I would greatly appreciate your help.

The size of the subs array can vary

I have a component called B-DATEPICKER that gives me BUEFY to display a date field:

The problem I'm having is when I call the function from here so that when the date changes I call the DetailTracking() function but the web page freezes and doesn't respond.

<b-datepicker
   v-model="dateFilter"
   @input="detailTracking()"
   icon="calendar" expanded>
</b-datepicker>

What causes this problem? Note: the function works correctly because when I call it from a setInterval if it calls that function:

this.interval = setInterval(() => {
    this.detailTracking();
}, 30000);

Is there another way to call the function when changing the date?

UPDATE

detailTracking(track) {
        this.isEmpty = false;
        this.isLoadingContainer = true;
        this.cont += 1;
        if(this.cont <= 1){
          this.dateFilter = track.date;
          this.licenseName = track.license;
        }
        this.dateFilter = new Date(Date.parse(this.dateFilter))
        this.nPositions = 0;
        const data = {
          param: this.licenseName,
          date: moment(this.dateFilter).format('YYYY-MM-DD'),
        };
        this.axios.post('tracking/filter-vehicle/', data)
          .then((response) => {
            this.isDetail = true;
            this.tracking = response.data.results;
            if(this.tracking.length !== 0) {
              this.tracking.forEach((t) => {
                t.position = { lat: t.latitude, lng: t.longitude };
                this.nPositions += 1;
              });
              this.pointsGps = this.tracking.map((d) => {
                const p = {
                  lat: parseFloat(d.latitude, 10),
                  lng: parseFloat(d.longitude, 10),
                };
                return p;
              });
              this.center = this.tracking[0].position;
              this.isLoadingContainer = false;
            }
            else {
              this.isEmpty = true;
              this.copytracking.forEach((l)=>{
                if(l.license === this.licenseName){
                  this.tracking = [l];
                }
              });
              this.tracking.forEach((t) => {
                t.position = { lat: t.latitude, lng: t.longitude };
                this.nPositions += 1;
              });
              this.pointsGps = this.tracking.map((d) => {
                const p = {
                  lat: parseFloat(d.latitude, 10),
                  lng: parseFloat(d.longitude, 10),
                };
                return p;
              });
              this.center = this.tracking[0].position;
              this.isLoadingContainer = false;
            }
          })
          .catch(error => console.log(error));
      },

I am using the vue-json-excel library which helps me to download data from a json to excel.

where in the vue view I have:

<div class="column is-narrow" @click="btDispatch">
    <json-excel
      class   = "button is-primary"
     :data   = "routes"
     :fields = "json_fields_routes"
     :name    = "`descarga-rutas.xls`">
    <span class="icon"><i class="fa fa-download"></i></span><span>Descargar entregas</span>
   </json-excel>

Where :data = "routes" is the json to download: and this is the data at the bottom:

data () {
  return {
     json_fields_routes: {
       ruta_id: 'id',
       fecha: 'date',
       estado_codigo: 'route_state',
       estado: 'estado',
       vehículo: 'vehicle',
       conductor_codigo: 'worker.id',
       conductor_nombre: 'worker.name',
       hora_inicio: 'date_start_web',
       hora_fin: 'date_end_web',
       entregas: 'dispatches_count',
       pendientes: 'pendientes',
       entregados: 'entregados',
       parciales: 'parciales',
       no_entregados: 'noEntregados',
     },
     json_meta: [
      [
        {
          key: 'charset',
          value: 'utf-8',
        },
      ],
    ],
  }
}

According to the documentation I must do this to be able to download the excel and it works correctly. The problem I have is that this downloads when there is existing data but I am working with data that comes from the server and previously I loaded it in load() but sometimes it tends to see a lot of data and it usually takes a while to want to enter the section of download, so I prefer to use a download button and then just load the data and download. So far I have:

methods: {
  btRoute() {
        this.axios.post('/routesdownload/filter_route/', this.params)
            .then((response) => {
              this.routes = response.data.results;
              for (let i = 0; i < this.routes.length; i++) {
                this.routes[i].pendientes = this.filterByStatus(this.routes[i].dispatches, 1);
                this.routes[i].entregados = this.filterByStatus(this.routes[i].dispatches, 2);
                this.routes[i].parciales = this.filterByStatus(this.routes[i].dispatches, 3);
                this.routes[i].noEntregados = this.filterByStatus(this.routes[i].dispatches, 4);
                this.routes[i].date = moment(this.routes[i].date).format('YYYY/MM/DD');
                if (this.routes[i].date_start_web && this.routes[i].date_end_web != null) {
                  this.routes[i].date_start_web
                  = moment(this.routes[i].date_start_web).format('YYYY/MM/DD HH:mm:ss');
                  this.routes[i].date_end_web
                  = moment(this.routes[i].date_end_web).format('YYYY/MM/DD HH:mm:ss');
                } else {
                  this.routes[i].date_start_web = '-';
                  this.routes[i].date_end_web = '-';
                }
                if (this.routes[i].route_state === 1) {
                  this.routes[i].estado = 'Borrador';
                } else if (this.routes[i].route_state === 2) {
                  this.routes[i].estado = 'Publicado';
                } else if (this.routes[i].route_state === 3) {
                  this.routes[i].estado = 'Iniciado';
                } else {
                  this.routes[i].estado = 'Terminado';
                }
              }
            });
      },
}

But this just fetches the data and the weapon as needed but how could I after finishing the request, call the function that downloads with this library? I could do it with a callback or a promise but how do I call that download function.

I have a model called worker

class Worker(models.Model):
    name = models.CharField(max_length=300)
    code = models.CharField(max_length=100)
    user = models.OneToOneField(User, null=True, blank=True)

    def __str__(self):
        return self.name

Which has a 1 to 1 relationship with django's user model. This is my serializer:

class WorkerSerializer(serializers.ModelSerializer):
    class Meta:
        model = Worker
        fields = '__all__'

and this my viewset:

@transaction.atomic
    def update(self, request, *args, **kwargs):
        with transaction.atomic():
            try:
                instance = self.get_object()
                instance.id = kwargs.get('pk')
                serializer = WorkerSerializer(instance=instance, data=request.data)
                if serializer.is_valid(raise_exception=True):
                    self.perform_update(serializer)
                    return Response({"status": True, "results": "Datos actualizados correctamente"},
                                    status=status.HTTP_201_CREATED)
            except ValidationError as err:
                return Response({"status": False, "error_description": err.detail}, status=status.HTTP_400_BAD_REQUEST)

The problem I have is that when I want to update the user field, it asks me for the user's id, but I want to update by putting their username in the client, how can I do this? And how do I check if that worker already has an associated user ?

I have an arrayof objects :

ruta :[
    { 'order': 1, 'id': 121 },
    { 'order': 2, 'id': 123 }
]

which I represent in a table using buefy . At the same time, I am using the sortable.js extension to vary the order of the table rows when dragging them:

const createSortable = (el, options, vnode) => {
    return Sortable.create(el, {
        ...options,
        onEnd: function (evt) {
            const data = vnode.context.ruta
            const item = data[evt.oldIndex]
            if (evt.newIndex > evt.oldIndex) {
                for (let i = evt.oldIndex; i < evt.newIndex; i++) {
                    data[i] = data[i + 1]
                }
            } else {
                for (let i = evt.oldIndex; i > evt.newIndex; i--) {
                    data[i] = data[i - 1]
                }
            }
            data[evt.newIndex] = item
            //Aquí
            for (let i = 0; i < data.length; i++) {
                data[i].order = i + 1;
            }
        }
    })
} 

At the beginning the table is perfectly represented, but I need that when the position of the rows varies, the value of order. For example, if the value of orderthe last row is 5and I drag it to the first row, this row should change its value of orderby 1and the others should update their value depending on their position in the table.

I tried testing:

for (let i = 0; i < data.length; i++) {
    data[i].order = i + 1;
}

Since I want the value of order.

Also in the ifand elseabove I tried with:

if
    data[i].order = i + 1;
else
    data[i].order = i - 1;

But it does not work.

This is the unordered table where the number is the value of the order:

and when I try to raise Andrés Garcíawhat is in the position 4to the position 1this happens:

However, internally, they are sorted on the array.

In this example, it should be Andrés Garcíafirst in line, but it puts it at the bottom and so it happens with the others.

I have an array of objects:

[
    {
      order: 4,
      id: 1,
    },
    {
      order: 2,
      id: 2,
    }
]

Where id is the primary key and order is the value to update, I'm posting to the server with axios :

this.axios.post('route-dispatchs/order/', this.ordsend)
   .then((response) => {
     console.log('success');
});

And my Viewset :

@list_route(methods=['post'], url_path='order')
    def order_dispatch(self, request):
        for data in request.data:
            self.queryset.filter(id=data['id']).update(order=data['order'])
        page = self.paginate_queryset(self.queryset)
        if page is not None:
            serializer = self.get_serializer(page, many=True)
            return self.get_paginated_response(serializer.data)
        serializer = self.get_serializer(self.queryset, many=True)
        return Response(serializer.data)

In which I filter by the id and update its respective order in a for. But it is throwing me the following error: AttributeError: 'list' object has no attribute 'items'

Am I missing something? since when I send only one this.ordsend[0]and I remove the for if it comes to update the element.

Error image:

I have 2 serializers:

class DetalleSerializer(serializers.ModelSerializer):
    producto = serializers.CharField(source='producto.nombre')
    class Meta:
        model = DetalleVenta
        fields = ('cantidad','producto')

class PedidoSerializer(serializers.ModelSerializer):
    detalleventa = DetalleSerializer(many=True, read_only=True)
    class Meta:
        model = Venta
        fields = ('id','cliente','descripcion','detalleventa','atendido')

and my viewset :

class PedidoViewSet(viewsets.ModelViewSet):
    queryset = Venta.objects.exclude(atendido=True)
    serializer_class = PedidoSerializer

    def destroy(self, request, pk=None):
        try:
            queryset = Venta.objects.exclude(atendito=True)
            object = get_object_or_404(queryset, pk=pk)
            object.atendido = True
            object.save(update_fields=['atendido'])
            return Response({"status": True, "results": "Pedido atendido correctamente"})
        except NotFound as err:
            return Response({"status": False, "error_description": err.detail})

In which for the delete I just change the state of my attended field which is a boolean (true/false) a logical delete.

and these are my 2 urls :

url(r'^pedido/$',PedidoViewSet.as_view({'get': 'list', 'post': 'create'}),name='api-pedido',),
url(r'^pedido/(?P<pk>\d+)/$',PedidoViewSet.as_view({'get': 'retrieve', 'put': 'update', 'patch': 'partial_update', 'delete': 'destroy'}),
        name='api-atendido',),

Recovering all the data is no problem, it brings me everything I need.

via url: url: "{% url 'api-pedido' %}", GET

But when I want to do the logical deletion from a button (DELETE) :

UDATE I corrected the problem of the url and it is that I had to send the pk in this way :

$('.btn').click(function(){
   $.ajax({
      url: "{%  url 'api-atendido' pk=85 %}",
      headers: { "X-CSRFToken": getCookie("csrftoken") },
      type: 'DELETE',
      contentType: 'application/json',
      success: function(result) {
         console.log('atendido correctamente');
      },
    });
 });

As you can see in the headers, I added the security csrf since django forces me to use it.

Now if it deletes correctly but I only want to delete logical and it is failing in the destroy function showing me the following error:

It is an error in the function since if I remove it, it is working correctly.

I have the following json:

[
{
 "cliente": "Milagros",
 "descripcion": "Sin ensalada",
 "detalleventa": [
   {"cantidad": 2, "producto": "Super D'Nicos"}, 
   {"cantidad": 1, "producto": "Cl\u00e1sica"},
   {"cantidad": 1, "producto": "Chicha morada"}
  ],
 "atendido": false
 },
 {
 "cliente": "Nicolas",
 "descripcion": "Todas las cremas",
 "detalleventa": [
   {"cantidad": 2, "producto": "Agregado Pollo"}, 
   {"cantidad": 1, "producto": "Hot dog frankfurt simple"}
 ],
 "atendido": false
 },
 {
  "cliente": "Hamilton",
  "descripcion": "Todas las cremas",
  "detalleventa": [
    {"cantidad": 2, "producto": "Super D'Nicos"},
    {"cantidad": 1, "producto": "Chicha morada"}
  ],
  "atendido": false
  }
]

In which through ajax I am getting it:

var json = $.parseJSON($.ajax({
                    url:  "{%  url 'api-pedido' %}",
                    dataType: "json",
                    async: false
                }).responseText);

So what I want to achieve is that from that data I can paint some bootsrap cards in my html. So far I already get the number of cards depending on the size of the arrangement, the name of the client and the description but I have problems with the saledetail since it is an array and in each saledetail its size is different and I don't know how to recover and put them in their respective li, so far I managed to do this:

for (let pedidos of json) {
                for(let detalle of pedidos.detalleventa){
                $('.container').append("<div class='col-xs-auto spaceCard'><div class='card'><h5 class='card-header'>" + pedidos.cliente +"</h5><div class='card-body'><h5 class='card-title'><span class='colorDnicos'>Descripción: </span>" + pedidos.descripcion + "</h5><div class='card-text'><ul><li>"+detalle.cantidad+ " " + detalle.producto +"</li></ul></div><a href='#' class='btn btn-primary btn-block'><span class='fa fa-check'></span>Atendido</a></div</div></div>");
                }
            }

But instead of putting the saledetail array on each card, you are creating 1 card for each detail:

I have a queryset that lists all sales for today:

from django.utils import timezone

class VentaToday(ListView):
    queryset = Venta.objects.filter(fecha=timezone.now()).order_by('-id')
    template_name = 'venta/venta_today.html'

In local, this works fine but in production (Pythonanywhere) the sales from the previous day still appear. To solve it, I have to go to the pythonanywhere panel and click the **reload** button to solve the problem, that is, refresh the page and there just the sales from the previous day disappear.

I have tried changing the server time:

And this is the configuration of my settings.py

LANGUAGE_CODE = 'es-pe'

TIME_ZONE = 'America/Lima'

USE_I18N = True

USE_L10N = True

USE_TZ = True

Is it a cache problem on the server? or am I doing something wrong? since that problem does not happen to me locally.

It is possible to add the total columns from django so that, for example, it brings me the total of all sales but ignores the pagination when adding the values.

This is my model:

class Venta(models.Model):
    cliente = models.CharField(max_length=300, verbose_name='Cliente')
    fecha =  models.DateField(auto_now_add=True)
    descripcion = models.CharField(max_length=300, blank=True, verbose_name='Detalle del pedido')
    total = models.DecimalField(decimal_places=2, max_digits=7, verbose_name='Total de la venta')

    def __str__(self):
        return '{}'.format(self.id)

The filters I made with the django-filter library

class VentasFilter(django_filters.FilterSet):
    min_date = django_filters.DateFilter(name="fecha", lookup_expr='gte')
    max_date = django_filters.DateFilter(name="fecha", lookup_expr='lte')
    min_total = django_filters.NumberFilter(name="total", lookup_expr='gte')
    max_total = django_filters.NumberFilter(name="total", lookup_expr='lte')
    class Meta:
        model = Venta
        fields = ['cliente','min_date', 'max_date','min_total','max_total']

And here the view of the sales list:

def filterVenta(request):
    venta_list = Venta.objects.all().order_by('-id')
    venta_filter = VentasFilter(request.GET, queryset=venta_list)
    venta_list = venta_filter.qs
    paginator = Paginator(venta_list,10)
    page = request.GET.get('page')
    try:
        ventas = paginator.page(page)
    except PageNotAnInteger:
        ventas = paginator.page(1)
    except EmptyPage:
        ventas = paginator.page(paginator.num_pages)
    return render(request, 'venta/venta_filter.html', {'filter': venta_filter,'ventas': ventas})

With which I have no problem but I would like to add all the totals but it does not recognize the pagination , that is, if there are 100 sales, it should bring me the total of the 100 sales and not only the total of the 10 that are in the pagination and the same way when there is a filter that brings me the total of all those sales of the filter.

Previously when I didn't have pagination I did it from the client with jquery but now that I have pagination I need to do the sum from the backend (django).

Here is my template where I did the sum but with jquery in case it helps someone:

{% extends 'base/base.html' %}
{% load widget_tweaks %}
{% block titulo %}Filtros de ventas{% endblock %}
{% block contenido %}
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="{% url 'venta:venta_crear' %}">Registrar venta</a></li>
      <li class="breadcrumb-item active" aria-current="page">Ventas</li>
    </ol>
  </nav>
   <form method="get">
    <div class="spaceFilter">
    <div class="card border-info">
      <div class="card-body">
        <h5 class="font-weight-bold">Filtros de ventas:</h5>
        <div class="row">
          <div class="form-group col-sm-4 col-md-3">
            <label for="cliente"><i class="fa fa-user"></i> Cliente: </label>
            {% render_field filter.form.cliente class="form-control" %}
          </div>
        </div>
        <div class="row">
          <div class="form-group col-xs-6 col-sm-3 col-md-3">
            <label for="desdeDate"><i class="fa fa-calendar"></i> Desde: </label>
            {% render_field filter.form.min_date class="form-control" %}
          </div>
          <div class="form-group  col-xs-6 col-sm-3 col-md-3">
            <label for="hastaDate"><i class="fa fa-calendar"></i> Hasta: </label>
            {% render_field filter.form.max_date class="form-control" %}
          </div>
          <div class="form-group col-xs-6 col-sm-3 col-md-3">
            <label for="desdeMonto"><i class="fa fa-dollar"></i> Monto desde: </label>
            {% render_field filter.form.min_total class="form-control" %}
          </div>
          <div class="form-group col-xs-6 col-sm-3 col-md-3">
            <label for="hastaMonto"><i class="fa fa-dollar"></i> Monto hasta: </label>
            {% render_field filter.form.max_total class="form-control" %}
          </div>
        </div>
      <div class="col-md-4 offset-md-4">
      <button type="submit" class="btn btn-primary btn-block btn-md">
        <span><i class="fa fa-filter"></i></span> Filtrar
      </button>
      </div>
      </div>
    </div>
    </div>
  </form>
  <div class="table-responsive-md">
    <table class="table table-striped" id="tabla-today">
      <thead class="thead-dark">
        <tr>
          <th scope="col">#</th>
          <th scope="col">Fecha de venta</th>
          <th scope="col">Cliente</th>
          <th scope="col">Descripción del pedido</th>
          <th scope="col">Total de la venta</th>
          <th scope="col">Acciones</th>
        </tr>
      </thead>
      <tbody>
        {% for venta in ventas %}
      <tr>
        <td>{{ venta.id }}</td>
        <td>{{ venta.fecha}}</td>
        <td>{{ venta.cliente }}</td>
        <td>{{ venta.descripcion }}</td>
        <td><span class="total-list">{{ venta.total }}</span></td>
        <td><a href="{% url 'venta:venta_editar' venta.id %}"><i class="fa fa-eye fa-lg spaceIcon" style="color:#007bff"></i></a>
      <a href="{% url 'venta:venta_eliminar' venta.id %}"><i class="fa fa-trash fa-lg colorDnicos"></i></a>
    </td></td>
      </tr>
    {% empty %}
      <tr>
        <td colspan="8" class="text-center colorVacio">No existen ventas</td>
      </tr>
    {% endfor %}
      </tbody>
      </table>
  </div>
  <span class="current">
        Pagina <span class="colorDnicos">{{ ventas.number }}</span> de
        <span class="colorDnicos">{{ ventas.paginator.num_pages }}</span>.
    </span>
    <ul class="pagination justify-content-center">
        {% if ventas.has_previous %}
            <li class="page-item"><a class="page-link" href="?page=1">&laquo; Inicio</a></li>
        <li class="page-item"><a class="page-link" href="?page={{ ventas.previous_page_number }}">Previous</a></li>
        {% endif %}
        {% for i in ventas.paginator.page_range %}
          {% if ventas.number == i %}
            <li class="page-item active"><span class="page-link">{{ i }} <span class="sr-only">(current)</span></span></li>
          {% else %}
            <li class="page-item"><a class="page-link" href="?page={{ i }}">{{ i }}</a></li>
          {% endif %}
        {% endfor %}
        {% if ventas.has_next %}
        <li class="page-item"><a class="page-link" href="?page={{ ventas.next_page_number }}">Next</a></li>
        <li class="page-item"><a class="page-link" href="?page={{ ventas.paginator.num_pages }}">Ultimo &raquo;</a></li>
        {% endif %}
    </ul>
  <div class="row justify-content-center spaceIndicador">
      <div class="card border-info mb-3" style="max-width: 18rem;">
        <div class="card-header">Total de ventas</div>
        <div class="card-body text-info">
          <p class="card-text">EL monto es de: S/.<span class="totalVentas font-weight-bold"></span></p>
        </div>
      </div>
    </div>
{% endblock %}
{% block javascript %}
    <script type="text/javascript">
      $(document).ready(function(){
        $('#id_min_date').datetimepicker({
            format: 'DD/MM/YYYY',
            locale: 'pe'
        });
        $('#id_max_date').datetimepicker({
            format: 'DD/MM/YYYY',
            locale: 'pe'
        });
        //Calculo de totales
          var sum = 0;
          $(".total-list").each(function(){
          sum += parseFloat($(this).text().replace(',', '.'));
        });
        $('.totalVentas').text(sum.toFixed(2));
      });
    </script>
{% endblock %}

I have a problem that I am using 2 libraries: django-**autocomplete-light and django-dynamic-formset . They are both very good at doing their jobs. I use the first one for autocompletion in a foreign key field and the second one to make django formsets dynamic, that is, to be able to add or remove formsets. but when you want to join these 2 a problem occurs.

Here it works correctly because it is only 1

But when adding another:

It stops working and I'm trying to fix that problem as it seems to be the way the django-dynamic-formset library duplicates formsets

My Template:

  {% extends 'base/base.html' %}
  {% load static %}
  {% block titulo%} Registrar venta {%endblock%}
  {% block contenido %}
   <div class="col-md-12">
    <form method="post">{% csrf_token %}
    <div class="col-md-4 form-group">
    <label class="font-weight-bold" for="{{form.cliente.name}}">
    {{form.cliente.label}}</label>
     {{form.cliente}}
   </div>
<h4 class="text-left">Detalle de venta: </h4>
<div class="table-responsive-sm">
    <table class="table" id="tablaDetalle">
        {{ detalleformset.management_form }}
        <thead class="thead-dark">
            <th>Producto</th>
            <th width="100px">Cantidad</th>
            <th width="115px">Prec.Unit.</th>
            <th width="115px">Subtotal</th>
            <th>Acción</th>
        </thead>
        <tbody>
        {% for form in detalleformset.forms %}
            <tr class="formset_row">
                {% for field in form.visible_fields %}
                    <td>
                        {# Include the hidden fields in the form #}
                        {% if forloop.first %}
                            {% for hidden in form.hidden_fields %}
                                {{ hidden }}
                            {% endfor %}
                        {% endif %}
                        {{ field.errors.as_ul }}
                        {{ field }}
                    </td>
                {% endfor %}
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>
    <div class="row justify-content-md-end">
    <div class="col-md-2">
    <label class="font-weight-bold" for="{{form.total.name}}">{{form.total.label}}</label>
    {{form.total}}
    </div>
    </div>
    <div class="form-group">
    <label class="font-weight-bold" for="{{form.descripcion.name}}">{{form.descripcion.label}}</label>
    {{form.descripcion}}
    </div>
    <div class="col-md-4 offset-md-4">
      <button class="btn btn-block btn-lg btn-primary" type="submit"><span><i class="fa fa-shopping-cart"></i>
      </span>Registrar venta</button>
    </div>
</form>
</div>
   {% endblock %}
   {% block javascript %}
   <script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>
   {{ detalleformset.media }}
  <script src="{% static 'js/jquery.formset.js' %}"></script>
   <script type="text/javascript">
    $('.formset_row').formset({
     addText: 'Agregar Producto',
     deleteText: 'remover',
     prefix: 'detalleventa'
    });
   </script>   
   {% endblock %}

Is there any solution to this? I've been looking but there is little information.

UPDATE forms.py:

from dal import autocomplete
from django import forms
from apps.venta.models import Venta,DetalleVenta
from django.forms import inlineformset_factory

class VentaForm(forms.ModelForm):
    class Meta:
        model = Venta
        fields = [
            'cliente',
            'descripcion',
            'total',
        ]
        labels = {
            'cliente':'Cliente:',
            'descripcion':'Descripción de pedido:',
            'total':'Total S/.',
        }
        widgets ={
            'cliente':forms.TextInput(attrs={'placeholder':'Ejm:Nicolas','class':'form-control','required':True}),
            'descripcion': forms.Textarea(attrs={'rows':'3','placeholder':'Ejm: 1 con ensalada y la otra solo mostaza'
                ,'class': 'form-control'}),
            'total': forms.NumberInput(attrs={'class':'form-control-plaintext total','placeholder': '0.00','required':True, 'readonly':True}),
        }

class DetalleForm(forms.ModelForm):
    class Meta:
        model = DetalleVenta
        fields = [
            'producto',
            'cantidad',
            'preciounit',
            'subtotal',
        ]
        labels = {
            'producto':'Producto',
            'cantidad':'Cantidad',
            'preciounit':'Prec.Unit.',
            'subtotal':'Subtotal',
        }
        widgets = {
            'producto': autocomplete.ModelSelect2(url='producto-autocomplete'),
            'cantidad':forms.NumberInput(attrs={'class':'form-control cantidad', 'required': True}),
            'preciounit':forms.NumberInput(attrs={'class':'form-control-plaintext', 'placeholder':'0.00','readonly':True}),
            'subtotal':forms.NumberInput(attrs={'class':'form-control-plaintext subtotal', 'placeholder':'0.00','readonly':True}),
        }
DetalleFormSet = inlineformset_factory(Venta, DetalleVenta,
                                       form=DetalleForm, extra=1)