en progreso: interfaz gráfica

This commit is contained in:
Dani Herrero 2017-06-07 15:03:12 +02:00
parent 544c69ecd8
commit 6123278945
3 changed files with 70 additions and 4 deletions

View File

@ -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>

View File

@ -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();

View File

@ -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;
}
}