verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 57 Releases Wiki Activity

columnHeader change icon, style

This commit is contained in:
Dani Herrero 2017-07-11 08:59:12 +02:00
parent bbd09b3d36
commit 81726e0a09
5 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/core/src/colum-header/colum-header.html → client/core/src/column-header/column-header.html
View File

@ -4,8 +4,8 @@
{{::$ctrl.text}} {{::$ctrl.text}}
</vn-none> </vn-none>
<vn-none> <vn-none>
<vn-icon icon="keyboard_arrow_down" ng-if="$ctrl.showArrow('DESC')"></vn-icon> <vn-icon icon="arrow_drop_down" ng-if="$ctrl.showArrow('DESC')"></vn-icon>
<vn-icon icon="keyboard_arrow_up" ng-if="$ctrl.showArrow('ASC')"></vn-icon> <vn-icon icon="arrow_drop_up" ng-if="$ctrl.showArrow('ASC')"></vn-icon>
</vn-none> </vn-none>
</vn-horizontal> </vn-horizontal>
<ng-transclude ng-if="!$ctrl.text"></ng-transclude> <ng-transclude ng-if="!$ctrl.text"></ng-transclude>

10
client/core/src/colum-header/colum-header.js → client/core/src/column-header/column-header.js
View File

@ -1,6 +1,6 @@
import {module} from '../module'; import {module} from '../module';
export default class ColumHeader { export default class ColumnHeader {
constructor() { constructor() {
this.order = undefined; this.order = undefined;
this.mouseIsOver = false; this.mouseIsOver = false;
@ -22,10 +22,10 @@ export default class ColumHeader {
return showArrow; return showArrow;
} }
} }
ColumHeader.$inject = []; ColumnHeader.$inject = [];
module.component('vnColumHeader', { module.component('vnColumnHeader', {
template: require('./colum-header.html'), template: require('./column-header.html'),
bindings: { bindings: {
field: '@?', field: '@?',
text: '@?', text: '@?',
@ -34,6 +34,6 @@ module.component('vnColumHeader', {
require: { require: {
gridHeader: '^^vnGridHeader' gridHeader: '^^vnGridHeader'
}, },
controller: ColumHeader, controller: ColumnHeader,
transclude: true transclude: true
}); });

2
client/core/src/components.js
View File

@ -17,7 +17,7 @@ import './snackbar/snackbar';
import './tooltip/tooltip'; import './tooltip/tooltip';
import './icon-menu/icon-menu'; import './icon-menu/icon-menu';
import './drop-down/drop-down'; import './drop-down/drop-down';
import './colum-header/colum-header'; import './column-header/column-header';
import './grid-header/grid-header'; import './grid-header/grid-header';
import './multi-check/multi-check'; import './multi-check/multi-check';

6
client/core/src/grid-header/style.scss
View File

@ -7,12 +7,12 @@ vn-grid-header {
white-space: nowrap; white-space: nowrap;
justify-content: center; justify-content: center;
vn-none{ vn-none{
min-width: 16px; min-width: 17px;
} }
} }
vn-icon{ vn-icon{
line-height: 16px; line-height: 17px;
font-size: 16px; font-size: 17px;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: inline; display: inline;

22
client/production/src/production-table/production-table.html
View File

@ -1,18 +1,18 @@
<vn-vertical> <vn-vertical>
<vn-grid-header on-order="$ctrl.onOrder(field, order)"> <vn-grid-header on-order="$ctrl.onOrder(field, order)">
<vn-none min-none></vn-none> <vn-none min-none></vn-none>
<vn-colum-header vn-none min-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.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-colum-header> </vn-column-header>
<vn-colum-header vn-one pad-medium-h field="ticketFk" text="Ticket ID"></vn-colum-header> <vn-column-header vn-one pad-medium-h field="ticketFk" text="Ticket ID"></vn-column-header>
<vn-colum-header vn-two pad-medium-h field="agency" text="Agency"></vn-colum-header> <vn-column-header vn-two pad-medium-h field="agency" text="Agency"></vn-column-header>
<vn-colum-header vn-one pad-medium-h field="routeFk" text="Route ID"></vn-colum-header> <vn-column-header vn-one pad-medium-h field="routeFk" text="Route ID"></vn-column-header>
<vn-colum-header vn-two pad-medium-h field="salesPerson" text="Commercial"></vn-colum-header> <vn-column-header vn-two pad-medium-h field="salesPerson" text="Commercial"></vn-column-header>
<vn-colum-header vn-one pad-medium-h field="hour" text="Hour"></vn-colum-header> <vn-column-header vn-one pad-medium-h field="hour" text="Hour"></vn-column-header>
<vn-colum-header vn-one pad-medium-h field="state" text="State"></vn-colum-header> <vn-column-header vn-one pad-medium-h field="state" text="State"></vn-column-header>
<vn-colum-header vn-one pad-medium-h field="lines" text="Lines"></vn-colum-header> <vn-column-header vn-one pad-medium-h field="lines" text="Lines"></vn-column-header>
<vn-colum-header vn-one pad-medium-h field="m3" text="m3"></vn-colum-header> <vn-column-header vn-one pad-medium-h field="m3" text="m3"></vn-column-header>
<vn-colum-header vn-one pad-medium-h field="boxes" text="Boxes"></vn-colum-header> <vn-column-header vn-one pad-medium-h field="boxes" text="Boxes"></vn-column-header>
<vn-none min-none></vn-none> <vn-none min-none></vn-none>
</vn-grid-header> </vn-grid-header>
<vn-one class="list list-content"> <vn-one class="list list-content">