localizador y tooltip arreglo estilos
This commit is contained in:
parent
3806e9e591
commit
491241398a
|
@ -7,10 +7,9 @@
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
max-width: 250px;
|
max-width: 250px;
|
||||||
color: #222;
|
color: #424242;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
border: 2px solid #A7A7A7;
|
border: 1px solid #A7A7A7;
|
||||||
border-radius: 5px;
|
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -7,7 +7,7 @@ function tooltip($document, $compile) {
|
||||||
restrict: 'A',
|
restrict: 'A',
|
||||||
scope: true,
|
scope: true,
|
||||||
link: function(scope, element, attrs) {
|
link: function(scope, element, attrs) {
|
||||||
var tip = $compile('<div ng-class="tipClass">{{ text }}<div class="tooltip-arrow"></div></div>')(scope);
|
var tip = $compile('<div class="mdl-shadow--2dp" ng-class="tipClass">{{ text }}<div class="tooltip-arrow"></div></div>')(scope);
|
||||||
var tipClassName = 'tooltip';
|
var tipClassName = 'tooltip';
|
||||||
var tipActiveClassName = 'tooltip-show';
|
var tipActiveClassName = 'tooltip-show';
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<vn-card margin-large>
|
<vn-card margin-large>
|
||||||
<mg-ajax path="/static/mockIndexProduction.json" options="vnIndex"></mg-ajax>
|
<mg-ajax path="/static/mockIndexProduction.json" options="vnIndex" actions="$ctrl.tickets = index.model"></mg-ajax>
|
||||||
<vn-vertical pad-medium>
|
<vn-vertical pad-medium>
|
||||||
<vn-horizontal vn-one>
|
<vn-horizontal vn-one>
|
||||||
<vn-title vn-one><span translate>Localizador</span></vn-title>
|
<vn-title vn-one><span translate>Localizador</span></vn-title>
|
||||||
|
@ -50,27 +50,27 @@
|
||||||
<vn-label vn-one text="Cajas"></vn-label>
|
<vn-label vn-one text="Cajas"></vn-label>
|
||||||
<vn-one></vn-one>
|
<vn-one></vn-one>
|
||||||
</vn-horizontal>
|
</vn-horizontal>
|
||||||
<vn-horizontal vn-one class="list list-body" ng-repeat="item in index.model track by item.id">
|
<vn-horizontal vn-one class="list list-body" ng-repeat="ticket in $ctrl.tickets track by ticket.id">
|
||||||
<vn-one>
|
<vn-one>
|
||||||
<vn-icon icon="report_problem" ng-if="item.problem" vn-tooltip="{{item.problem}}" tooltip-position="right"></vn-icon>
|
<vn-icon icon="report_problem" ng-if="ticket.problem" vn-tooltip="{{ticket.problem}}" tooltip-position="right"></vn-icon>
|
||||||
</vn-one>
|
</vn-one>
|
||||||
<vn-one>
|
<vn-one>
|
||||||
<vn-check model="item.cheched"></vn-check>
|
<vn-check model="ticket.cheched"></vn-check>
|
||||||
</vn-one>
|
</vn-one>
|
||||||
<vn-one>{{::item.id}}</vn-one>
|
<vn-one>{{ticket.id}}</vn-one>
|
||||||
<vn-one>{{::item.agency.id}}</vn-one>
|
<vn-one>{{ticket.agency.id}}</vn-one>
|
||||||
<vn-one>{{::item.employee.name}}</vn-one>
|
<vn-one>{{ticket.employee.name}}</vn-one>
|
||||||
<vn-one>{{::item.hour}}</vn-one>
|
<vn-one>{{ticket.hour}}</vn-one>
|
||||||
<vn-one>{{::item.state.name}}</vn-one>
|
<vn-one>{{ticket.state.name}}</vn-one>
|
||||||
<vn-one>{{::item.lines}}</vn-one>
|
<vn-one>{{ticket.lines}}</vn-one>
|
||||||
<vn-one>{{::item.meters}}</vn-one>
|
<vn-one>{{ticket.meters}}</vn-one>
|
||||||
<vn-one>{{::item.boxes}}</vn-one>
|
<vn-one>{{ticket.boxes}}</vn-one>
|
||||||
<vn-one></vn-one>
|
<vn-one></vn-one>
|
||||||
</vn-horizontal>
|
</vn-horizontal>
|
||||||
<vn-horizontal vn-one margin-large-bottom class="list list-footer">
|
<vn-horizontal vn-one margin-large-bottom class="list list-footer">
|
||||||
<vn-two>
|
<vn-two>
|
||||||
<span translate="Resultados"></span>:
|
<span translate="Resultados"></span>:
|
||||||
<span>{{index.model.length}}</span>
|
<span>{{$ctrl.tickets.length}}</span>
|
||||||
</vn-two>
|
</vn-two>
|
||||||
<vn-one></vn-one>
|
<vn-one></vn-one>
|
||||||
<vn-one></vn-one>
|
<vn-one></vn-one>
|
||||||
|
|
|
@ -5,6 +5,7 @@ export default class ProductionIndex {
|
||||||
constructor() {
|
constructor() {
|
||||||
this.model = {};
|
this.model = {};
|
||||||
this.checkAll = false;
|
this.checkAll = false;
|
||||||
|
this.tickets = [];
|
||||||
}
|
}
|
||||||
search(index) {
|
search(index) {
|
||||||
index.filter.search = this.model.search;
|
index.filter.search = this.model.search;
|
||||||
|
|
|
@ -3,7 +3,9 @@ vn-production-index {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
}
|
}
|
||||||
|
.icon-square{
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
.list-header{
|
.list-header{
|
||||||
border-bottom: 3px solid #9D9D9D;
|
border-bottom: 3px solid #9D9D9D;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
Loading…
Reference in New Issue