Add PedidoPage

- cambio de esqueleto segun figma
- componente de etiquetas
- tabla y form de Pedido

#TODO
- estetica de etiquetas
- redux y crear end points

2 files changed, 111 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..4a2a37c
--- /dev/null
+++ b/front/odiparpack/app/components/Odipar/EtiquetaData.js
@@ -0,0 +1,73 @@
+//Pedido
+export const pedido = {
+    entregado: {
+      text: "Entregado",
+      color: "#81C784",
+      icon: false
+    },
+    pendiente:{
+      text: "Pendiente",
+      color: "#FFB74D",
+      icon: false
+    },
+    enCamino: {
+      text: "En Camino",
+      color: "#64B5F6",
+      icon: false
+    },
+    cancelado: {
+      text: "Cancelado",
+      color: "#E57373",
+      icon: false
+    } 
+  }
+  
+  //Camion
+  export const camion = {
+    entregado: {
+      text: "Entregado",
+      color: "#81C784",
+      icon: false
+    },
+    pendiente:{
+      text: "Pendiente",
+      color: "#FFB74D",
+      icon: false
+    },
+    enCamino: {
+      text: "En Camino",
+      color: "#64B5F6",
+      icon: false
+    },
+    cancelado: {
+      text: "Cancelado",
+      color: "#E57373",
+      icon: false
+    } 
+  }
+  
+  export const bloqueo = {
+    desbloqueado: {
+      text: "Entregado",
+      color: "#81C784",
+      icon: false
+    },
+    bloqueado:{
+      text: "Pendiente",
+      color: "#FFB74D",
+      icon: false
+    } 
+  }
+  
+  export const almacen = {
+    noPrincipal: {
+      text: "Pequeño",
+      color: "#81C784",
+      icon: false
+    },
+    principal:{
+      text: "Principal",
+      color: "#FFB74D",
+      icon: false
+    } 
+  }
\ 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..c66b792
--- /dev/null
+++ b/front/odiparpack/app/components/Odipar/common.js
@@ -0,0 +1,38 @@
+import React from "react"
+import { Chip } from "@material-ui/core";
+import {pedido, camion, bloqueo, almacen} from './EtiquetaData'
+
+const etiquetaStyle = color => ({
+  fontWeight: 'bold',
+  color: '#FFF',
+  backgroundColor: color
+});
+
+
+//Etiquetas
+export function etiqueta(tipo , estado) { // eslint-disable-line
+  let {color, text} = ""
+  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': 
+      console.log("entre?")
+      text = almacen[Object.keys(almacen)[estado]].text
+      color = almacen[Object.keys(almacen)[estado]].color
+      break;
+  }
+
+  return (
+    <Chip label={text} style={etiquetaStyle(color)}/>
+  )
+}
\ No newline at end of file