tabla localizador de rutas maquetada

This commit is contained in:
Daniel Herrero 2017-11-02 14:57:36 +01:00
parent f0b4e1ff71
commit ae2ecb6d73
3 changed files with 31 additions and 5 deletions

View File

@ -3,6 +3,10 @@ import ngModule from '../module';
class LocatorIndex {
constructor($state) {
this.$state = $state;
this.routes = [
{id: 1, zoneFk: 1, postalcode: 46006, order: 1, preparado: '25/08', entrada: '26/08', ticket: 1547892, routeFk: 9999, alias: 'Flores Vendrell', bultos: 12, m3: 0.23},
{id: 2, zoneFk: 1, postalcode: 46006, order: 1, preparado: '25/08', entrada: '26/08', ticket: 1547892, routeFk: 9999, alias: 'Flores Vendrell', bultos: 12, m3: 0.23}
];
}
}
LocatorIndex.$inject = ['$state'];

View File

@ -1,8 +1,7 @@
<vn-vertical>
<vn-grid-header on-order="$ctrl.onOrder(field, order)">
<vn-none min-none></vn-none>
<vn-column-header vn-none min-none>
<vn-multi-check check-all="$ctrl.checkAll" models="$ctrl.tickets" options="[{id:'all',name:'Todos'},{id:'any',name:'Ninguno'},{id:'problem',name:'Con incidencia'},{id:'no-problem',name:'Sin incidencia'}]"></vn-multi-check>
<vn-multi-check check-all="$ctrl.checkAll" models="$ctrl.routes" options="[{id:'all',name:'Todos'},{id:'any',name:'Ninguno'}]"></vn-multi-check>
</vn-column-header>
<vn-column-header vn-one pad-medium-h field="zoneFk" text="Zona"></vn-column-header>
<vn-column-header vn-one pad-medium-h field="postalcode" text="Postal Code"></vn-column-header>
@ -14,9 +13,29 @@
<vn-column-header vn-one pad-medium-h field="alias" text="Alias"></vn-column-header>
<vn-column-header vn-one pad-medium-h field="bultos" text="Bultos"></vn-column-header>
<vn-column-header vn-one pad-medium-h field="m3" text="m3"></vn-column-header>
<vn-none min-none></vn-none>
</vn-grid-header>
<vn-one class="list list-content">
<vn-twoe class="list list-content">
<vn-vertical class="list list-element text-center" ng-repeat="route in $ctrl.routes">
<vn-horizontal>
<vn-none pad-medium-h></vn-none>
<vn-one pad-medium-h>{{::route.zoneFk}}</vn-one>
<vn-one pad-medium-h>{{::route.postalcode}}</vn-one>
<vn-one pad-medium-h>{{::route.order}}</vn-one>
<vn-one pad-medium-h>{{::route.preparado}}</vn-one>
<vn-one pad-medium-h>{{::route.entrada}}</vn-one>
<vn-one pad-medium-h>{{::route.ticket}}</vn-one>
<vn-one pad-medium-h>{{::route.routeFk}}</vn-one>
<vn-one pad-medium-h>{{::route.alias}}</vn-one>
<vn-one pad-medium-h>{{::route.bultos}}</vn-one>
<vn-one pad-medium-h>{{::route.m3}}</vn-one>
</vn-horizontal>
<vn-horizontal margin-small-top>
<vn-none>
<vn-check model="route.checked"></vn-check>
</vn-none>
<vn-one></vn-one>
<vn-six text-left pad-small border-solid>Direccion: </vn-twoe>
</vn-horizontal>
</vn-vertical>
</vn-one>
</vn-vertical>

View File

@ -9,5 +9,8 @@ LocatorTable.$inject = ['$state'];
ngModule.component('vnLocatorTable', {
template: require('./locator-table.html'),
bindings: {
routes: '<'
},
controller: LocatorTable
});