2 files changed, 123 insertions, 0 deletions
diff --git a/front/odiparpack/app/components/Odipar/EtiquetaData.js b/front/odiparpack/app/components/Odipar/EtiquetaData.js
new file mode 100644
index 0000000..a2f262d
--- /dev/null
+++ b/front/odiparpack/app/components/Odipar/EtiquetaData.js
@@ -0,0 +1,80 @@
+//Pedido
+export const pedido = {
+    pendiente:{
+      text: "Pendiente",
+      color: "#FFB74D",
+      icon: false
+    },
+    enCamino: {
+      text: "En Camino",
+      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 = {
+    disponible : {
+      text: "Disponible",
+      color: "#81C784",
+      icon: false
+    },
+    enReparto: {
+      text: "En Reparto",
+      color: "#64B5F6",
+      icon: false
+    },
+    mantenimiento:{
+      text: "Mantenimiento",
+      color: "#FFB74D",
+      icon: false
+    },
+    cancelado: {
+      text: "Inhabilitado",
+      color: "#E57373",
+      icon: false
+    } 
+  }
+  
+  //Bloqueos
+  export const bloqueo = {
+    desbloqueado: {
+      text: "Disponible",
+      color: "#81C784",
+      icon: false
+    },
+    bloqueado:{
+      text: "Bloqueado",
+      color: "#E57373",
+      icon: false
+    } 
+  }
+
+  //Almacen
+  export const almacen = {
+    noPrincipal: {
+      text: "Pequeño",
+      color: "#DED8D8",
+      icon: 10
+    },
+    principal:{
+      text: "Principal",
+      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
new file mode 100644
index 0000000..b6fb49d
--- /dev/null
+++ b/front/odiparpack/app/components/Odipar/common.js
@@ -0,0 +1,43 @@
+import React from "react"
+import { Chip } from "@material-ui/core";
+import { pedido, camion, bloqueo, almacen } from './EtiquetaData'
+import Brightness1Icon from '@material-ui/icons/Brightness1';
+
+export const etiquetaStyle = color => ({
+  fontWeight: 'bold',
+  color: '#FFF',
+  backgroundColor: color
+});
+
+
+//Etiquetas
+export function etiqueta(tipo , estado) { // eslint-disable-line
+  let {color, text, icon} = ""
+  switch(tipo){
+    case 'etiq_pedido': 
+      text = pedido[Object.keys(pedido)[estado]].text
+      color = pedido[Object.keys(pedido)[estado]].color
+      break;
+    case 'etiq_camion': 
+      text = camion[Object.keys(camion)[estado]].text
+      color = camion[Object.keys(camion)[estado]].color
+      break;
+    case 'etiq_bloqueo': 
+      text = bloqueo[Object.keys(bloqueo)[estado]].text
+      color = bloqueo[Object.keys(bloqueo)[estado]].color
+      break;
+    case 'etiq_alma': 
+      let {estadoNum} = 2
+      estado === false? estadoNum = 0 : estadoNum = 1
+      text = almacen[Object.keys(almacen)[estadoNum]].text
+      color = almacen[Object.keys(almacen)[estadoNum]].color
+      icon = almacen[Object.keys(almacen)[estadoNum]].icon
+      break;
+  }
+
+  return (
+    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