localizador y tooltip arreglo estilos

This commit is contained in:
Dani Herrero 2017-06-08 10:05:11 +02:00
parent 3806e9e591
commit 491241398a
5 changed files with 20 additions and 18 deletions

View File

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

View File

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

View File

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

View File

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

View File

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