en progreso: interfaz gráfica
This commit is contained in:
parent
544c69ecd8
commit
6123278945
|
@ -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>
|
|
@ -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();
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue