Follow-up from "Issue 14 | card_horizontal"

The following discussions from !20 (merged) should be addressed:

@fauno started a discussion:

el 25000 debería ser un campo numérico en goal.yml !8 (merged) para que luego podamos calcular el valor desde js
@fauno started a discussion:

usaría snake case: value_now
@fauno started a discussion:

me parece que te podrías ahorrar el min para que siempre sea 0 (hay casos en los que no?)

y el max podría ser el objetivo que decía arriba que salga de !8 (merged)

el now está bueno pasarlo así pero no sería necesario el width porque se va a calcular a partir de js. o sea siempre van a empezar en 0 y se van a cargar a mano, pero si en goal se puede cargar manualmente el valor actual (para actualizarlo manualmente por ejemplo), lo que habría que hacer es que el parametro solo sea now y luego width se ponga con style con el resultado de (now / max) * 100 para sacar la proporción

resumiendo: los únicos parámetros que se pasan son max y now

Testing

El color de relleno se calcula con la siguiente fórmula valuenow / valuemax * 100
Abrir el inspector en el elemento de la barrita y chequear que el cálculo dé bien usando los campos valuenow y valuemax con la fórmula del item anterior
El resultado se muestra en porcentaje en el atributo style= "width:"

Al cambiar alguno de los valores desde el inspector, no cambia el width porque el porcentaje se calcula al compilar el sitio

Edited Jan 04, 2023 by fauno