From 6123278945f1a84d83427b3e1eee7fc1b196d4ef Mon Sep 17 00:00:00 2001
From: Dani Herrero <dherrero@alfatecsistemas.es>
Date: Wed, 7 Jun 2017 15:03:12 +0200
Subject: [PATCH] =?UTF-8?q?en=20progreso:=20interfaz=20gr=C3=A1fica?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/production/src/index/index.html | 43 +++++++++++++++++++++++---
 client/production/src/index/index.js   |  5 +++
 client/production/src/index/style.scss | 26 ++++++++++++++++
 3 files changed, 70 insertions(+), 4 deletions(-)
 create mode 100644 client/production/src/index/style.scss

diff --git a/client/production/src/index/index.html b/client/production/src/index/index.html
index bdc2da7ea..7ab9356a2 100644
--- a/client/production/src/index/index.html
+++ b/client/production/src/index/index.html
@@ -1,5 +1,5 @@
 <vn-card margin-large>
-   <!--<mg-ajax path="" options="vnIndex"></mg-ajax>-->
+   <mg-ajax path="/static/mockIndexProduction.json" options="vnIndex"></mg-ajax>
    <vn-vertical pad-medium>
        <vn-horizontal vn-one>
             <vn-title vn-one><span translate>Localizador</span></vn-title>           
@@ -23,14 +23,49 @@
                 </vn-none>
            </vn-one>
        </vn-horizontal>
-       <vn-horizontal vn-one>
+       <vn-horizontal vn-one margin-large-bottom>
            <vn-one>
                <vn-horizontal>
-                    <vn-button vn-auto label="Impreso"></vn-button>
-                    
+                    <vn-button vn-none margin-medium-right label="Impreso"></vn-button>
+                    <vn-icon-button vn-none margin-medium-right icon="assignment"></vn-icon-button>
+                    <vn-icon-button vn-none margin-medium-right icon="textsms"></vn-icon-button>
+                    <vn-icon-button vn-none margin-medium-right icon="person"></vn-icon-button>
+                    <vn-icon-button vn-none margin-medium-right icon="query_builder"></vn-icon-button>
                </vn-horizontal>
            </vn-one>
            <vn-two></vn-two>
        </vn-horizontal>
+       <vn-horizontal vn-one class="list list-header">
+           <vn-one></vn-one>
+           <vn-one>
+                <vn-check model="$ctrl.checkAll"></vn-check>
+           </vn-one>
+           <vn-label vn-one text="ID Ticket"></vn-label>
+           <vn-label vn-one text="Agencia"></vn-label>
+           <vn-label vn-one text="Trabajador"></vn-label>
+           <vn-label vn-one text="Hora"></vn-label>
+           <vn-label vn-one text="Estado"></vn-label>
+           <vn-label vn-one text="Lineas"></vn-label>
+           <vn-label vn-one text="m3"></vn-label>
+           <vn-label vn-one text="Cajas"></vn-label>
+           <vn-one></vn-one>
+       </vn-horizontal>
+       <vn-horizontal vn-one class="list list-body" ng-repeat="item in index.model track by item.id">
+           <vn-one></vn-one>
+           <vn-one>
+                <vn-check model="item.cheched"></vn-check>
+           </vn-one>
+           <vn-one>{{::item.id}}</vn-one>
+           <vn-one>{{::item.agency.id}}</vn-one>
+           <vn-one>{{::item.employee.name}}</vn-one>
+           <vn-one>{{::item.hour}}</vn-one>
+           <vn-one>{{::item.state.name}}</vn-one>
+           <vn-one>{{::item.lines}}</vn-one>
+           <vn-one>{{::item.meters}}</vn-one>
+           <vn-one>{{::item.boxes}}</vn-one>
+           <vn-one></vn-one>
+       </vn-horizontal>
+       <vn-horizontal vn-one margin-large-bottom class="list list-footer">
+       </vn-horizontal>
    </vn-vertical>
 </vn-card>
\ No newline at end of file
diff --git a/client/production/src/index/index.js b/client/production/src/index/index.js
index 3c0e9cfaf..73a40ed8b 100644
--- a/client/production/src/index/index.js
+++ b/client/production/src/index/index.js
@@ -1,6 +1,11 @@
 import ngModule from '../module';
+import './style.scss';
 
 export default class ProductionIndex {
+    constructor() {
+        this.model = {};
+        this.checkAll = false;
+    }
     search(index) {
         index.filter.search = this.model.search;
         index.accept();
diff --git a/client/production/src/index/style.scss b/client/production/src/index/style.scss
new file mode 100644
index 000000000..d6f8d50e0
--- /dev/null
+++ b/client/production/src/index/style.scss
@@ -0,0 +1,26 @@
+vn-production-index {
+    button {
+        height: 20px;
+        padding: 0 6px;
+    }
+
+    .list-header{
+        border-bottom: 3px solid #9D9D9D;
+        font-weight: bold;
+    }
+
+    .list-footer{
+        border-top: 3px solid #9D9D9D;
+        font-weight: bold;
+    }
+    .list > vn-one{
+        text-align: center;
+    }
+    .list > [vn-one]{
+        text-align: center;
+    }
+    .list-body{
+        padding: 4px 0px;
+        border-bottom: 1px solid #9D9D9D;
+    }
+}
\ No newline at end of file