Implementar nuevo componente: card

[abenassi]

Contexto

Actualmente el componente graphic suple parte de las necesidades para hacer un dashboard, pero hace falta un nuevo componente para cuando se quiere mostrar un número testigo (el último valor de un indicador).

A veces se necesita poner sólo un número, sólo un gráfico o ambos. El componente card debe abordar en sus variantes los distintos casos posibles de "sólo un número" o "ambos" (el caso de "sólo un gráfico" ya está abordado).

Propuesta

Desarrollar un componente card con los mismos principios de interfaz (para el objeto JS) que usamos en graphic que pueda generar las 6 variantes del diseño adjunto en PDF.

Card series_presentacion_ok.pdf

Variables:

• serieId: es la serie id con sus modificadores ":" que se mostrará en la tarjeta
• locale: 'AR',
• links: "none", "simple" o "full" (default). Simple solo muestra "Enlaces" y Full muestra "Descargar Ver más Enlaces"
• color: '#cecece' (opcional, por default usa el primer color de la lista que usa graphic)
• hasChart: "none", "small", "full" (default)
• chartType: 'column' (es parecido a graphic pero como hay una sola serie, está en singular y no necesita un objeto)
• title: 'Un título personalizado'
• source: 'Un pie de gráfico personalizado' (puede estar vacío, y la card aprovecha para ser más pequeña verticalmente)

Opciones:

A
hasChart: "none"

B
hasChart: "simple"

C
hasChart: "simple"
links: "simple"

D
hasChart: "full"

E
hasChart: "full"
links: "simple"

F
links: "none"

---

Cuándo mostrar el valor interanual?
Debería ser un opcional activable por un argumento nuevo en el que uno le pueda especificar que la card muestre (además del número principal) el valor con alguna transformación (percent_change, change, percent_change_a_year_ago, etc)
los textos de c/caso los definiríamos aparte como:

percent_change_a_year_ago: “….. var. % interanual”
percent_change: “…. var. % diaria / mensual / trimestral / semestral / anual” (depende de la frecuencia de la serie)
change_a_year_ago: “….. var. interanual”
change: “…. var. diaria / mensual / trimestral / semestral / anual” (depende de la frecuencia de la serie)

[alejandrosobko]

@abenassi Esta tarea fue partida en los issues listados abajo.

#370
#371
#372
#373
#374
#375
#376
#377