From 9c396976bb42a9d41407358ce1a1d37242230f21 Mon Sep 17 00:00:00 2001
From: gabrhr <73925454+gabrhr@users.noreply.github.com>
Date: Fri, 27 May 2022 12:50:13 -0500
Subject: Add redux, dispatch and etiquetas
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- estetica de etiquetas (ok)
- add message, pedido Reducer
- add dispatch en Componentes con connect
- add api reducer que obtienen el JSON todo ok

#TODO
- FIX logica de añadiir
- FIX axios y dispatch fuera de un componente
---
 .../app/components/Odipar/EtiquetaData.js          | 53 ++++++++++++----------
 front/odiparpack/app/components/Odipar/common.js   | 10 ++--
 2 files changed, 37 insertions(+), 26 deletions(-)

(limited to 'front/odiparpack/app/components/Odipar')

diff --git a/front/odiparpack/app/components/Odipar/EtiquetaData.js b/front/odiparpack/app/components/Odipar/EtiquetaData.js
index 4a2a37c..a2f262d 100644
--- a/front/odiparpack/app/components/Odipar/EtiquetaData.js
+++ b/front/odiparpack/app/components/Odipar/EtiquetaData.js
@@ -1,10 +1,5 @@
 //Pedido
 export const pedido = {
-    entregado: {
-      text: "Entregado",
-      color: "#81C784",
-      icon: false
-    },
     pendiente:{
       text: "Pendiente",
       color: "#FFB74D",
@@ -15,59 +10,71 @@ export const pedido = {
       color: "#64B5F6",
       icon: false
     },
+    entregado: {
+      text: "Entregado",
+      color: "#81C784",
+      icon: false
+    },
     cancelado: {
       text: "Cancelado",
       color: "#E57373",
       icon: false
-    } 
+    },
+    pendienteAveria:{
+      text: "Pendiente por Averia",
+      color: "#FFB74D",
+      icon: false
+    }
   }
   
   //Camion
   export const camion = {
-    entregado: {
-      text: "Entregado",
+    disponible : {
+      text: "Disponible",
       color: "#81C784",
       icon: false
     },
-    pendiente:{
-      text: "Pendiente",
-      color: "#FFB74D",
+    enReparto: {
+      text: "En Reparto",
+      color: "#64B5F6",
       icon: false
     },
-    enCamino: {
-      text: "En Camino",
-      color: "#64B5F6",
+    mantenimiento:{
+      text: "Mantenimiento",
+      color: "#FFB74D",
       icon: false
     },
     cancelado: {
-      text: "Cancelado",
+      text: "Inhabilitado",
       color: "#E57373",
       icon: false
     } 
   }
   
+  //Bloqueos
   export const bloqueo = {
     desbloqueado: {
-      text: "Entregado",
+      text: "Disponible",
       color: "#81C784",
       icon: false
     },
     bloqueado:{
-      text: "Pendiente",
-      color: "#FFB74D",
+      text: "Bloqueado",
+      color: "#E57373",
       icon: false
     } 
   }
-  
+
+  //Almacen
   export const almacen = {
     noPrincipal: {
       text: "Pequeño",
-      color: "#81C784",
-      icon: false
+      color: "#DED8D8",
+      icon: 10
     },
     principal:{
       text: "Principal",
-      color: "#FFB74D",
-      icon: false
+      color: "#DED8D8",
+      icon: 16
     } 
   }
\ No newline at end of file
diff --git a/front/odiparpack/app/components/Odipar/common.js b/front/odiparpack/app/components/Odipar/common.js
index c66b792..39ba76a 100644
--- a/front/odiparpack/app/components/Odipar/common.js
+++ b/front/odiparpack/app/components/Odipar/common.js
@@ -1,6 +1,7 @@
 import React from "react"
 import { Chip } from "@material-ui/core";
-import {pedido, camion, bloqueo, almacen} from './EtiquetaData'
+import { pedido, camion, bloqueo, almacen } from './EtiquetaData'
+import Brightness1Icon from '@material-ui/icons/Brightness1';
 
 const etiquetaStyle = color => ({
   fontWeight: 'bold',
@@ -11,7 +12,7 @@ const etiquetaStyle = color => ({
 
 //Etiquetas
 export function etiqueta(tipo , estado) { // eslint-disable-line
-  let {color, text} = ""
+  let {color, text, icon} = ""
   switch(tipo){
     case 'etiq_pedido': 
       text = pedido[Object.keys(pedido)[estado]].text
@@ -29,10 +30,13 @@ export function etiqueta(tipo , estado) { // eslint-disable-line
       console.log("entre?")
       text = almacen[Object.keys(almacen)[estado]].text
       color = almacen[Object.keys(almacen)[estado]].color
+      icon = almacen[Object.keys(almacen)[estado]].icon
       break;
   }
 
   return (
-    <Chip label={text} style={etiquetaStyle(color)}/>
+    tipo == "etiq_alma" ?
+      <Chip label={text} icon = {<Brightness1Icon style={{ fontSize: icon, color: "#B1ABAB" }}/>} style={{fontWeight: 'bold', backgroundColor: color}}/> :
+      <Chip label={text} style={etiquetaStyle(color)}/>
   )
 }
\ No newline at end of file
-- 
cgit v1.2.3