Merge branch 'dev' of https://gitea.verdnatura.es/verdnatura/salix into dev
This commit is contained in:
commit
5187a7e15b
|
@ -20,7 +20,7 @@ vn-autocomplete {
|
|||
right: 0;
|
||||
top: 1.3em;
|
||||
height: 1em;
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
border-radius: .2em;
|
||||
|
||||
& > vn-icon {
|
||||
|
@ -28,7 +28,7 @@ vn-autocomplete {
|
|||
font-size: 18px;
|
||||
|
||||
&:hover {
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -53,11 +53,8 @@ ul.vn-autocomplete {
|
|||
padding: .8em;
|
||||
margin: 0;
|
||||
|
||||
&.active {
|
||||
background-color: $hover;
|
||||
}
|
||||
&.load-more {
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
font-family: vn-font-bold;
|
||||
padding: .4em .8em;
|
||||
}
|
||||
|
|
|
@ -1,9 +1,11 @@
|
|||
<div>
|
||||
<vn-horizontal class="header">
|
||||
<vn-auto>
|
||||
<vn-icon icon="keyboard_arrow_left" class="pointer"
|
||||
<vn-icon
|
||||
icon="keyboard_arrow_left"
|
||||
class="pointer"
|
||||
ng-click="$ctrl.movePrevious($ctrl.skip)"
|
||||
ng-show="$ctrl.displayControls"
|
||||
ng-show="$ctrl.displayControls"/>
|
||||
</vn-icon>
|
||||
</vn-auto>
|
||||
<vn-one>
|
||||
|
@ -13,7 +15,9 @@
|
|||
</strong>
|
||||
</vn-one>
|
||||
<vn-auto>
|
||||
<vn-icon icon="keyboard_arrow_right" class="pointer"
|
||||
<vn-icon
|
||||
icon="keyboard_arrow_right"
|
||||
class="pointer"
|
||||
ng-click="$ctrl.moveNext($ctrl.skip)"
|
||||
ng-show="$ctrl.displayControls"
|
||||
</vn-icon>
|
||||
|
|
|
@ -16,8 +16,8 @@ vn-calendar {
|
|||
}
|
||||
|
||||
.weekdays {
|
||||
border-bottom: 1px solid $hover;
|
||||
border-top: 1px solid $hover;
|
||||
border-bottom: 1px solid $color-hover-cd;
|
||||
border-top: 1px solid $color-hover-cd;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
|
@ -43,98 +43,98 @@ vn-calendar {
|
|||
}
|
||||
|
||||
.day.gray {
|
||||
color: $secondary-font-color
|
||||
color: $color-font-secondary
|
||||
}
|
||||
|
||||
.day.orange {
|
||||
font-weight: bold;
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
}
|
||||
|
||||
.day.orange-circle {
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
& > span {
|
||||
background-color: $main-01
|
||||
background-color: $color-main
|
||||
}
|
||||
}
|
||||
|
||||
.day.orange-circle:hover {
|
||||
& > span {
|
||||
background-color: $main-01-05
|
||||
background-color: $color-main-medium
|
||||
}
|
||||
}
|
||||
|
||||
.day.light-orange {
|
||||
color: $main-01-05
|
||||
color: $color-main-medium
|
||||
}
|
||||
|
||||
.day.green {
|
||||
font-weight: bold;
|
||||
color: $main-02;
|
||||
color: $color-success;
|
||||
}
|
||||
|
||||
.day.green-circle {
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
& > span {
|
||||
background-color: $main-02
|
||||
background-color: $color-success
|
||||
}
|
||||
}
|
||||
|
||||
.day.green-circle:hover {
|
||||
& > span {
|
||||
background-color: $main-02-05
|
||||
background-color: $color-success-medium
|
||||
}
|
||||
}
|
||||
|
||||
.day.light-green {
|
||||
font-weight: bold;
|
||||
color: $main-02-05
|
||||
color: $color-success-medium
|
||||
}
|
||||
|
||||
.day.blue {
|
||||
font-weight: bold;
|
||||
color: $main-03;
|
||||
color: $color-notice;
|
||||
}
|
||||
|
||||
.day.blue-circle {
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
& > span {
|
||||
background-color: $main-03
|
||||
background-color: $color-notice
|
||||
}
|
||||
}
|
||||
|
||||
.day.blue-circle:hover {
|
||||
& > span {
|
||||
background-color: $main-03-05
|
||||
background-color: $color-notice-medium
|
||||
}
|
||||
}
|
||||
|
||||
.day.light-blue {
|
||||
font-weight: bold;
|
||||
color: $main-03-05
|
||||
color: $color-notice-medium
|
||||
}
|
||||
|
||||
.day.red {
|
||||
font-weight: bold;
|
||||
color: $alert-01
|
||||
color: $color-alert
|
||||
}
|
||||
|
||||
.day.red-circle {
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
& > span {
|
||||
background-color: $alert-01
|
||||
background-color: $color-alert
|
||||
}
|
||||
}
|
||||
|
||||
.day.red-circle:hover {
|
||||
& > span {
|
||||
background-color: $alert-01-05
|
||||
background-color: $color-alert-medium
|
||||
}
|
||||
}
|
||||
|
||||
.day.light-red {
|
||||
font-weight: bold;
|
||||
color: $alert-01-05;
|
||||
color: $color-alert-medium;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -10,7 +10,7 @@ vn-check {
|
|||
padding-left: 5px;
|
||||
position: absolute;
|
||||
bottom: 3px;
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
font-size: 20px !important
|
||||
}
|
||||
}
|
||||
|
|
|
@ -4,12 +4,12 @@ vn-chip {
|
|||
margin: 0 0.5em 0.5em 0;
|
||||
|
||||
.mdl-chip {
|
||||
background-color: rgba($main-01, 0.9);
|
||||
background-color: rgba($color-main, 0.9);
|
||||
color: #FFF
|
||||
}
|
||||
|
||||
.mdl-chip:active {
|
||||
background-color: $main-01
|
||||
background-color: $color-main
|
||||
}
|
||||
|
||||
& > vn-one > span > span {
|
||||
|
|
|
@ -22,5 +22,5 @@ vn-date-picker {
|
|||
.flatpickr-months .flatpickr-month,
|
||||
.flatpickr-weekdays,
|
||||
span.flatpickr-weekday {
|
||||
background-color: $main-01;
|
||||
background-color: $color-main;
|
||||
}
|
|
@ -21,7 +21,7 @@
|
|||
}
|
||||
& > div {
|
||||
position: relative;
|
||||
box-shadow: 0 0 .4em rgba(0, 0, 0, .4);
|
||||
box-shadow: 0 0 .4em $color-shadow;
|
||||
background-color: white;
|
||||
border-radius: .2em;
|
||||
overflow: auto;
|
||||
|
@ -62,7 +62,7 @@
|
|||
background-color: transparent;
|
||||
border: none;
|
||||
border-radius: .1em;
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
font-family: vn-font-bold;
|
||||
padding: .7em;
|
||||
margin: -0.7em;
|
||||
|
|
|
@ -24,7 +24,7 @@ vn-drop-down {
|
|||
& .selected label {
|
||||
font-size: inherit;
|
||||
bottom: 2px;
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
}
|
||||
}
|
||||
& > vn-icon[icon=clear] {
|
||||
|
@ -40,7 +40,7 @@ vn-drop-down {
|
|||
font-size: 18px;
|
||||
|
||||
&:hover {
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
}
|
||||
}
|
||||
&:hover > vn-icon[icon=clear] {
|
||||
|
@ -67,12 +67,11 @@ vn-drop-down {
|
|||
margin-right: .6em;
|
||||
}
|
||||
&.active {
|
||||
background-color: #3D3A3B;
|
||||
color: white;
|
||||
@extend %active;
|
||||
}
|
||||
}
|
||||
.status {
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -20,7 +20,7 @@ vn-fetched-tags {
|
|||
}
|
||||
& > vn-auto > .inline-tag {
|
||||
display: inline-block;
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
margin-right: .4em;
|
||||
text-align: center;
|
||||
font-size: .8em;
|
||||
|
@ -28,10 +28,10 @@ vn-fetched-tags {
|
|||
padding: .1em;
|
||||
border-radius: .1em;
|
||||
width: 4em;
|
||||
border: 1px solid $secondary-font-color;
|
||||
border: 1px solid $color-font-secondary;
|
||||
|
||||
&.empty {
|
||||
border: 1px solid $main-bg;
|
||||
border: 1px solid $color-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -2,16 +2,17 @@
|
|||
|
||||
vn-icon-button {
|
||||
outline: 0;
|
||||
color: $color-main;
|
||||
|
||||
button {
|
||||
background: transparent !important;
|
||||
background-color: transparent !important;
|
||||
display: inline-block;
|
||||
color: $main-01;
|
||||
border: 0
|
||||
}
|
||||
color: inherit;
|
||||
border: 0;
|
||||
|
||||
button.mdl-button--colored {
|
||||
color: orange
|
||||
&.mdl-button--colored {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -9,7 +9,7 @@ vn-input-number {
|
|||
vn-icon[icon=add],
|
||||
vn-icon[icon=remove]{
|
||||
&:not(:hover){
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
}
|
||||
i {
|
||||
-moz-user-select: none;
|
||||
|
|
|
@ -1,12 +1,12 @@
|
|||
@import "variables";
|
||||
vn-input-range {
|
||||
label {
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
font-size: 12px;
|
||||
padding: 0 25px;
|
||||
}
|
||||
label.min-label, label.max-label {
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
}
|
||||
label.max-label {
|
||||
float: right;
|
||||
|
|
|
@ -2,19 +2,18 @@
|
|||
|
||||
vn-label-value > section {
|
||||
& > vn-label {
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
|
||||
&::after {
|
||||
content: ':';
|
||||
}
|
||||
}
|
||||
& > span {
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
}
|
||||
|
||||
& > vn-icon {
|
||||
vertical-align: middle;
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
font-size: 1.2em
|
||||
}
|
||||
}
|
|
@ -8,10 +8,10 @@ vn-log {
|
|||
display: none;
|
||||
}
|
||||
.label {
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
}
|
||||
.value {
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
}
|
||||
|
||||
.after, .before {
|
||||
|
|
|
@ -5,7 +5,7 @@ vn-paging {
|
|||
text-align: center;
|
||||
|
||||
ul {
|
||||
box-shadow: 0 0 .4em rgba(1,1,1,.4);
|
||||
box-shadow: 0 0 .4em $color-shadow;
|
||||
background-color: #fff;
|
||||
display: inline-block;
|
||||
margin: 20px 0;
|
||||
|
@ -20,7 +20,7 @@ vn-paging {
|
|||
margin-left: 0;
|
||||
}
|
||||
&.active > a {
|
||||
background: $main-header;
|
||||
background: $color-active;
|
||||
color: #fff;
|
||||
}
|
||||
& > a,
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import "variables";
|
||||
|
||||
.vn-popover {
|
||||
display: none;
|
||||
z-index: 20;
|
||||
|
@ -6,7 +8,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
color: initial;
|
||||
color: $color-font;
|
||||
|
||||
opacity: 0;
|
||||
transform: translateY(-.6em);
|
||||
|
@ -20,22 +22,22 @@
|
|||
}
|
||||
& > .popover {
|
||||
position: absolute;
|
||||
box-shadow: 0 .1em .4em rgba(1, 1, 1, .4);
|
||||
box-shadow: 0 .1em .4em $color-shadow;
|
||||
z-index: 0;
|
||||
|
||||
& > .arrow {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
margin: -.5em;
|
||||
background-color: white;
|
||||
box-shadow: 0 .1em .4em rgba(1, 1, 1, .4);
|
||||
background-color: $color-bg-panel;
|
||||
box-shadow: 0 .1em .4em $color-shadow;
|
||||
position: absolute;
|
||||
transform: rotate(45deg);
|
||||
z-index: -1;
|
||||
}
|
||||
& > .content {
|
||||
border-radius: .1em;
|
||||
background-color: white;
|
||||
background-color: $color-bg-panel;
|
||||
height: inherit;
|
||||
overflow: auto;
|
||||
}
|
||||
|
|
|
@ -11,8 +11,8 @@ vn-snackbar #shapes {
|
|||
}
|
||||
|
||||
vn-snackbar .shape {
|
||||
background-color: rgba(1, 1, 1, 0.8);
|
||||
box-shadow: 0 0 .4em rgba(1,1,1,.4);
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
box-shadow: 0 0 .4em $color-shadow;
|
||||
transition: transform 300ms ease-in-out;
|
||||
transform: translateY(20em);
|
||||
box-sizing: border-box;
|
||||
|
@ -52,7 +52,7 @@ vn-snackbar .shape {
|
|||
margin-left: .5em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
float: right;
|
||||
border: none;
|
||||
padding: .5em;
|
||||
|
|
|
@ -5,7 +5,7 @@ vn-step-control {
|
|||
justify-content: center;
|
||||
|
||||
.step-control {
|
||||
border-top: 2px solid $main-01;
|
||||
border-top: 2px solid $color-main;
|
||||
margin-bottom: 15px;
|
||||
|
||||
& > .steps {
|
||||
|
@ -21,7 +21,7 @@ vn-step-control {
|
|||
}
|
||||
|
||||
& > .steps > .step .circle {
|
||||
border: 2px solid $main-01;
|
||||
border: 2px solid $color-main;
|
||||
background-color: white;
|
||||
align-content: center;
|
||||
margin-top: -9.5px;
|
||||
|
@ -34,7 +34,7 @@ vn-step-control {
|
|||
}
|
||||
|
||||
& > .steps > .step .circle.active {
|
||||
background-color: $main-01;
|
||||
background-color: $color-main;
|
||||
}
|
||||
|
||||
& > .buttons {
|
||||
|
|
|
@ -1 +1,8 @@
|
|||
<div></div>
|
||||
<div>
|
||||
<vn-empty-rows ng-if="$ctrl.model && !$ctrl.model.data" translate>
|
||||
Enter a new search
|
||||
</vn-empty-rows>
|
||||
<vn-empty-rows ng-if="$ctrl.model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</div>
|
|
@ -1,4 +1,5 @@
|
|||
@import "effects";
|
||||
@import "variables";
|
||||
|
||||
vn-table {
|
||||
display: block;
|
||||
|
@ -10,55 +11,49 @@ vn-table {
|
|||
display: table;
|
||||
border-collapse: collapse;
|
||||
|
||||
vn-thead {
|
||||
& > vn-thead {
|
||||
display: table-header-group;
|
||||
border-bottom: .15em solid $color-spacer;
|
||||
|
||||
vn-th[field] {
|
||||
position: relative;
|
||||
cursor: pointer
|
||||
}
|
||||
vn-th[field] > * {
|
||||
padding-right: 20px
|
||||
}
|
||||
vn-th[field] > :after {
|
||||
font-family: 'Material Icons';
|
||||
content: 'arrow_drop_down';
|
||||
position: absolute;
|
||||
padding-left: 2px;
|
||||
color: $lines;
|
||||
opacity: 0
|
||||
}
|
||||
vn-th[field] > :hover:after {
|
||||
opacity: 1
|
||||
}
|
||||
vn-th[field].active > :after {
|
||||
color: $main-font-color;
|
||||
opacity: 1
|
||||
}
|
||||
vn-th[field].desc > :after {
|
||||
content: 'arrow_drop_down';
|
||||
}
|
||||
vn-th[field].asc > :after {
|
||||
content: 'arrow_drop_up';
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
|
||||
&.active > :after {
|
||||
color: $color-font;
|
||||
opacity: 1;
|
||||
}
|
||||
&.desc > :after {
|
||||
content: 'arrow_drop_down';
|
||||
}
|
||||
&.asc > :after {
|
||||
content: 'arrow_drop_up';
|
||||
}
|
||||
& > :after {
|
||||
font-family: 'Material Icons';
|
||||
content: 'arrow_drop_down';
|
||||
position: absolute;
|
||||
color: $color-spacer;
|
||||
opacity: 0;
|
||||
}
|
||||
&:hover > :after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
vn-tbody {
|
||||
display: table-row-group
|
||||
& > vn-tbody {
|
||||
display: table-row-group;
|
||||
}
|
||||
vn-tfoot {
|
||||
& > vn-tfoot {
|
||||
border-top: .15em solid $color-spacer;
|
||||
display: table-footer-group
|
||||
}
|
||||
vn-tr, a.vn-tr {
|
||||
display: table-row
|
||||
}
|
||||
vn-empty-rows {
|
||||
display: table-caption;
|
||||
caption-side: bottom;
|
||||
text-align: center;
|
||||
padding: 10px
|
||||
}
|
||||
vn-thead, vn-tbody, vn-tfoot {
|
||||
vn-tr, a.vn-tr {
|
||||
& > * {
|
||||
display: table-row;
|
||||
|
||||
vn-th {
|
||||
|
@ -68,7 +63,11 @@ vn-table {
|
|||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
text-align: left;
|
||||
padding: 10px;
|
||||
padding: .6em .5em;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 6em;
|
||||
|
||||
&[number] {
|
||||
text-align: right;
|
||||
|
@ -76,38 +75,87 @@ vn-table {
|
|||
&[center] {
|
||||
text-align: center;
|
||||
}
|
||||
&[shrink] {
|
||||
width: 1px;
|
||||
text-align: center;
|
||||
}
|
||||
&[expand] {
|
||||
max-width: 40em;
|
||||
min-width: 0;
|
||||
}
|
||||
vn-icon.bright, i.bright {
|
||||
color: #f7931e;
|
||||
}
|
||||
}
|
||||
vn-th {
|
||||
font-weight: bold;
|
||||
padding-top: 1em;
|
||||
padding-bottom: .8em;
|
||||
}
|
||||
& > :last-child {
|
||||
padding-right: 1em;
|
||||
}
|
||||
& > :first-child {
|
||||
padding-left: 1em;
|
||||
}
|
||||
}
|
||||
a.vn-tr {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
vn-thead, vn-tbody, vn-empty-rows {
|
||||
border-bottom: 3px solid $lines;
|
||||
}
|
||||
vn-tbody > vn-tr, vn-tbody > a.vn-tr{
|
||||
border-bottom: 1px solid $lines;
|
||||
transition: background-color 200ms ease-in-out;
|
||||
vn-tbody > * {
|
||||
border-bottom: .1em solid $color-spacer-light;
|
||||
|
||||
&,
|
||||
& > vn-td,
|
||||
& > vn-td > .chip {
|
||||
transition: background-color 200ms ease-in-out;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
&.clickable {
|
||||
@extend %clickable;
|
||||
}
|
||||
&.success, & > vn-td.success, & > vn-td-editable.success {
|
||||
background-color: rgba(163, 209, 49, 0.3);
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(163, 209, 49, 0.5);
|
||||
}
|
||||
& > vn-td > .chip {
|
||||
padding: .3em;
|
||||
border-radius: .3em;
|
||||
}
|
||||
&.warning, & > vn-td.warning, & > vn-td-editable.warning {
|
||||
background-color: rgba(247, 147, 30, 0.3);
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(247, 147, 30, 0.5);
|
||||
}
|
||||
&.notice,
|
||||
& > .notice,
|
||||
& > vn-td > .notice {
|
||||
color: white;
|
||||
background-color: $color-notice;
|
||||
}
|
||||
&.success,
|
||||
& > .success,
|
||||
& > vn-td > .success {
|
||||
color: white;
|
||||
background-color: $color-success;
|
||||
}
|
||||
&.warning,
|
||||
& > .warning,
|
||||
& > vn-td > .warning {
|
||||
color: white;
|
||||
background-color: $color-main;
|
||||
}
|
||||
&.alert,
|
||||
& > .alert,
|
||||
& > vn-td > .alert {
|
||||
color: white;
|
||||
background-color: $color-alert;
|
||||
}
|
||||
}
|
||||
}
|
||||
vn-empty-rows {
|
||||
display: table-caption;
|
||||
caption-side: bottom;
|
||||
text-align: center;
|
||||
padding: 1.5em;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
color: $color-font-secondary;
|
||||
}
|
||||
vn-autocomplete {
|
||||
div.mdl-textfield {
|
||||
padding: 0px !important;
|
||||
|
|
|
@ -9,13 +9,13 @@ vn-textarea {
|
|||
position: absolute;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
transition-duration: .2s;
|
||||
transition-timing-function: cubic-bezier(.4,0,.2,1);
|
||||
}
|
||||
& textarea.ng-not-empty+label.placeholder{
|
||||
top: 5px;
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
padding: 0;
|
||||
font-size: 12px;
|
||||
visibility: visible!important;
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
@import "variables";
|
||||
|
||||
vn-textfield {
|
||||
margin: 20px 0!important;
|
||||
display: inline-block;
|
||||
|
@ -20,7 +21,7 @@ vn-textfield {
|
|||
|
||||
.leftIcons, .rightIcons, .suffix {
|
||||
display: flex;
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
|
||||
.material-icons {
|
||||
font-size: 20px !important
|
||||
|
@ -62,13 +63,13 @@ vn-textfield {
|
|||
left: 0;
|
||||
padding: 4px 0!important;
|
||||
pointer-events: none;
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
transition-duration: .2s;
|
||||
transition-timing-function: cubic-bezier(.4,0,.2,1);
|
||||
}
|
||||
&.not-empty label{
|
||||
bottom: 24px;
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
padding: 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
@ -104,10 +105,10 @@ vn-textfield {
|
|||
content: ' ';
|
||||
pointer-events: none;
|
||||
width: 100%;
|
||||
background-color: rgba(0,0,0,.12);
|
||||
background-color: $color-input-underline;
|
||||
}
|
||||
.selected.underline {
|
||||
background-color: rgb(255,152,0);
|
||||
background-color: $color-main;
|
||||
height: 2px;
|
||||
left: 50%;
|
||||
width: 0px !important;
|
||||
|
@ -121,7 +122,7 @@ vn-textfield {
|
|||
}
|
||||
label {
|
||||
bottom: 24px;
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
font-size: 12px;
|
||||
}
|
||||
.selected.underline{
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
<div translate ng-click="$ctrl.onToggleOrder()">
|
||||
<div translate">
|
||||
<ng-transclude></ng-transclude>
|
||||
</div>
|
|
@ -4,9 +4,10 @@ export default class Th {
|
|||
constructor($element) {
|
||||
this._order = 'ASC';
|
||||
this.column = $element[0];
|
||||
$element.on('click', () => this.onToggleOrder());
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Changes the order if the cell has a field and defaultOrder property
|
||||
*/
|
||||
$onInit() {
|
||||
|
@ -31,46 +32,46 @@ export default class Th {
|
|||
return this.column.getAttribute('field');
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Toggle order ASC/DESC
|
||||
*/
|
||||
toggleOrder() {
|
||||
if (this.order === 'ASC') {
|
||||
if (this.order === 'ASC')
|
||||
this.order = 'DESC';
|
||||
} else {
|
||||
else
|
||||
this.order = 'ASC';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Applies a new filter order to the model and
|
||||
* updates the cell arrow
|
||||
*/
|
||||
onToggleOrder() {
|
||||
if (!this.field) return;
|
||||
|
||||
if (this.table.field == this.field) {
|
||||
if (this.table.field == this.field)
|
||||
this.toggleOrder();
|
||||
} else {
|
||||
else
|
||||
this.table.setOrder(this.field, this.order);
|
||||
}
|
||||
|
||||
|
||||
this.updateArrow();
|
||||
|
||||
this.table.applyOrder(this.field, this.order);
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Set cell class to asc/desc
|
||||
*/
|
||||
updateArrow() {
|
||||
this.column.classList.remove('asc', 'desc');
|
||||
|
||||
if (this.order === 'DESC') {
|
||||
if (this.order === 'DESC')
|
||||
this.column.classList.add('desc');
|
||||
} else {
|
||||
else
|
||||
this.column.classList.add('asc');
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -1,9 +1,11 @@
|
|||
@import "variables";
|
||||
|
||||
.vn-tooltip {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 150;
|
||||
background-color: #333;
|
||||
color: white;
|
||||
background-color: $color-bg-dark;
|
||||
color: $color-active-font;
|
||||
border-radius: .2em;
|
||||
|
||||
&.show {
|
||||
|
|
|
@ -23,25 +23,25 @@ vn-treeview {
|
|||
}
|
||||
|
||||
li > vn-horizontal:hover {
|
||||
background-color: $hover
|
||||
background-color: $color-hover-cd
|
||||
}
|
||||
|
||||
li.selected > vn-horizontal > .description .text,
|
||||
li.included > vn-horizontal > .description .text {
|
||||
font-weight: bold;
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
}
|
||||
|
||||
li.included {
|
||||
& > vn-horizontal > .description > vn-horizontal > vn-check {
|
||||
.mdl-checkbox .mdl-checkbox__box-outline, {
|
||||
border: 2px solid $main-01-05;
|
||||
border: 2px solid $color-main-medium;
|
||||
}
|
||||
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
|
||||
border: 2px solid rgba(0,0,0,.26);
|
||||
}
|
||||
.mdl-checkbox .mdl-checkbox__tick-outline {
|
||||
background: $main-01-05;
|
||||
background: $color-main-medium;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -10,7 +10,7 @@ body {
|
|||
}
|
||||
.mdl-button {
|
||||
font-weight: bolder;
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
}
|
||||
.mdl-button--colored {
|
||||
color: white !important;
|
||||
|
@ -18,31 +18,31 @@ body {
|
|||
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
|
||||
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
|
||||
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
|
||||
color: $main-01 !important;
|
||||
color: $color-main !important;
|
||||
}
|
||||
.mdl-checkbox.is-checked .mdl-checkbox__box-outline, {
|
||||
border: 2px solid $main-01;
|
||||
border: 2px solid $color-main;
|
||||
}
|
||||
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
|
||||
border: 2px solid rgba(0,0,0,.26);
|
||||
}
|
||||
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
|
||||
background: $main-01;
|
||||
background: $color-main;
|
||||
}
|
||||
.mdl-textfield__label::after{
|
||||
background-color: $main-01 !important;
|
||||
background-color: $color-main !important;
|
||||
}
|
||||
.mdl-button--colored,
|
||||
.mdl-button--colored:focus,
|
||||
.mdl-button--colored:active {
|
||||
background-color: $main-01 !important;
|
||||
background-color: $color-main !important;
|
||||
}
|
||||
.mdl-button--colored:hover,
|
||||
.mdl-button--raised:hover {
|
||||
background-color: $main-01 !important;
|
||||
background-color: $color-main !important;
|
||||
}
|
||||
.mdl-button--fab{
|
||||
color: white !important;
|
||||
background-color: $main-01 !important;
|
||||
background-color: $color-main !important;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
@import "variables";
|
||||
|
||||
body {
|
||||
background-color: $bg-content;
|
||||
background-color: $color-bg;
|
||||
overflow: auto;
|
||||
}
|
||||
vn-app {
|
||||
|
@ -13,7 +13,7 @@ vn-app {
|
|||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||
box-shadow: 0 .1em .2em $color-shadow;
|
||||
height: $topbar-height;
|
||||
padding: .4em;
|
||||
|
||||
|
@ -31,7 +31,7 @@ vn-app {
|
|||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
}
|
||||
}
|
||||
& > .main-title {
|
||||
|
|
|
@ -23,7 +23,7 @@ vn-home {
|
|||
@extend %clickable-light;
|
||||
overflow:hidden;
|
||||
border-radius: 6px;
|
||||
background-color: $main-01;
|
||||
background-color: $color-main;
|
||||
color: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
@ -19,6 +19,7 @@ vn-left-menu {
|
|||
@extend %clickable;
|
||||
padding: .5em 1em;
|
||||
display: block;
|
||||
color: inherit;
|
||||
|
||||
& > vn-icon:nth-child(1) {
|
||||
vertical-align: middle;
|
||||
|
@ -32,8 +33,7 @@ vn-left-menu {
|
|||
}
|
||||
|
||||
& > li > a.active {
|
||||
background-color: $main-header;
|
||||
color: white;
|
||||
@extend %active;
|
||||
}
|
||||
|
||||
& > li > a.expanded {
|
||||
|
|
|
@ -6,10 +6,10 @@ vn-login {
|
|||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
font-size: 1.1em;
|
||||
font-weight: normal;
|
||||
background-color: #3c393b;
|
||||
background-color: $color-bg-dark;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
@ -21,8 +21,8 @@ vn-login {
|
|||
max-width: 19em;
|
||||
min-width: 15em;
|
||||
padding: 3em;
|
||||
background-color: white;
|
||||
box-shadow: 0 0 1em 0 rgba(1,1,1,.6);
|
||||
background-color: $color-bg-panel;
|
||||
box-shadow: 0 0 1em 0 rgba(0, 0, 0, .6);
|
||||
border-radius: .5em;
|
||||
|
||||
& > img {
|
||||
|
@ -63,12 +63,11 @@ vn-login {
|
|||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
background-color: white;
|
||||
background-color: $color-bg-panel;
|
||||
|
||||
& > .box {
|
||||
padding: 1em;
|
||||
box-shadow: none;
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -15,7 +15,7 @@ vn-main-menu {
|
|||
padding-left: .6em;
|
||||
|
||||
&:hover {
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
}
|
||||
}
|
||||
& > #user {
|
||||
|
@ -35,7 +35,7 @@ vn-main-menu {
|
|||
|
||||
& > li {
|
||||
@extend %clickable-light;
|
||||
background-color: $main-01;
|
||||
background-color: $color-main;
|
||||
margin-bottom: .6em;
|
||||
padding: .8em;
|
||||
border-radius: .1em;
|
||||
|
|
|
@ -7,8 +7,8 @@ vn-side-menu > .menu {
|
|||
bottom: 0;
|
||||
width: $menu-width;
|
||||
min-width: $menu-width;
|
||||
background-color: white;
|
||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||
background-color: $color-bg-panel;
|
||||
box-shadow: 0 .1em .2em $color-shadow;
|
||||
overflow: auto;
|
||||
top: $topbar-height;
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@ vn-topbar {
|
|||
display: flex;
|
||||
color: white;
|
||||
box-sizing: border-box;
|
||||
background-color: $bg-dark-bar;
|
||||
background-color: $color-header;
|
||||
align-items: center;
|
||||
|
||||
& > header {
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
vn-user-configuration-popover {
|
||||
vn-popover {
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
vn-vertical {
|
||||
min-width: 250px;
|
||||
}
|
||||
|
|
|
@ -1,29 +1,11 @@
|
|||
@import "./variables";
|
||||
|
||||
html [bg-main], .bg-main {
|
||||
background-color: $main-bg;
|
||||
.bg-panel {
|
||||
background-color: $color-bg-panel;
|
||||
}
|
||||
html [bg-minor], .bg-minor {
|
||||
background-color: $bg-minor;
|
||||
.item-hightlight {
|
||||
background-color: $color-hightlight;
|
||||
}
|
||||
html [bg-content], .bg-content {
|
||||
background-color: $bg-content;
|
||||
}
|
||||
html [bg-panel], .bg-panel {
|
||||
background-color: $bg-panel;
|
||||
}
|
||||
html [bg-dark-bar], .bg-dark-bar {
|
||||
background-color: $bg-dark-bar;
|
||||
}
|
||||
html [bg-dark-menu], .bg-dark-menu {
|
||||
background-color: darken($bg-dark-menu, 35%);
|
||||
}
|
||||
/* Color para items seleccionados */
|
||||
.bg-dark-item {
|
||||
background-color: $bg-dark-bar;
|
||||
color: $color-white;
|
||||
}
|
||||
/* Color para items inactivos */
|
||||
.bg-opacity-item {
|
||||
opacity: 0.6;
|
||||
.item-disabled {
|
||||
opacity: $color-disabled;
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
@import "./colors";
|
||||
@import "./variables";
|
||||
|
||||
html [border-none], .border-none {
|
||||
|
|
|
@ -1,32 +0,0 @@
|
|||
$main-font-color:#222222;
|
||||
$secondary-font-color: #9b9b9b;
|
||||
$main-header: #3d3d3d;
|
||||
$hover: rgba(0, 0, 0, 0.1);
|
||||
$hover-opacity: .7;
|
||||
$main-bg: #e5e5e5;
|
||||
$main-01: #f7931e;
|
||||
$main-01-05: rgba($main-01, 0.5);
|
||||
$main-01-03: rgba($main-01, 0.3);
|
||||
$main-02: #a3d131;
|
||||
$main-02-05: rgba($main-02, 0.5);
|
||||
$main-02-03: rgba($main-02, 0.3);
|
||||
$main-03: #32b1ce;
|
||||
$main-03-05: rgba($main-03, 0.5);
|
||||
$main-03-03: rgba($main-03, 0.3);
|
||||
$lines: #9b9b9b;
|
||||
$alert-01: #f42121;
|
||||
$alert-01-03: rgba($alert-01, 0.5);
|
||||
$alert-01-05: rgba($alert-01, 0.5);
|
||||
|
||||
$color-green: #a3d131;
|
||||
$color-orange: #f7931e;
|
||||
$color-white: white;
|
||||
$color-dark: $main-header; //headerbar
|
||||
$color-dark-grey: #424242;
|
||||
$color-light-grey: $main-bg;
|
||||
$color-medium-grey: $secondary-font-color;
|
||||
$color-grey: #c4c4c4; //deprecated
|
||||
$color-medium-green: rgba($color-green, 0.5);
|
||||
$color-medium-orange: rgba($color-orange, 0.5);
|
||||
$color-light-green: rgba($color-green, 0.3);
|
||||
$color-light-orange: rgba($color-orange, 0.3);
|
|
@ -1,14 +1,13 @@
|
|||
|
||||
@import "./effects";
|
||||
@import "./colors";
|
||||
@import "./variables";
|
||||
|
||||
.vn-descriptor {
|
||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||
box-shadow: 0 .1em .2em $color-shadow;
|
||||
|
||||
& > .header {
|
||||
display: flex;
|
||||
background: $main-01;
|
||||
background: $color-main;
|
||||
color: white;
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
|
@ -21,6 +20,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: .5em;
|
||||
color: inherit;
|
||||
|
||||
& > vn-icon {
|
||||
font-size: 1.8em;
|
||||
|
@ -47,12 +47,11 @@
|
|||
|
||||
& > vn-icon {
|
||||
padding: $pad-small;
|
||||
color: #666;
|
||||
opacity: .4;
|
||||
color: $color-secondary;
|
||||
font-size: 1.5em;
|
||||
|
||||
&.bright {
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -2,16 +2,6 @@
|
|||
display: block;
|
||||
}
|
||||
|
||||
.well {
|
||||
min-height: 20px;
|
||||
padding: 19px;
|
||||
margin-bottom: 20px;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #e3e3e3;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
|
|
@ -1,12 +1,12 @@
|
|||
|
||||
@import "./colors";
|
||||
@import "./variables";
|
||||
|
||||
%clickable {
|
||||
cursor: pointer;
|
||||
transition: background-color 250ms ease-out;
|
||||
|
||||
&:hover {
|
||||
background-color: $hover;
|
||||
background-color: $color-hover-cd;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -15,6 +15,11 @@
|
|||
transition: opacity 250ms ease-out;
|
||||
|
||||
&:hover {
|
||||
opacity: $hover-opacity;
|
||||
opacity: $color-hover-dc;
|
||||
}
|
||||
}
|
||||
|
||||
%active {
|
||||
background-color: $color-active;
|
||||
color: $color-active-font;
|
||||
}
|
|
@ -1,24 +1,16 @@
|
|||
@import "./colors";
|
||||
@import "./variables";
|
||||
@import "./font-family";
|
||||
|
||||
body {
|
||||
color: $main-font-color;
|
||||
color: $color-font;
|
||||
font-family: vn-font;
|
||||
}
|
||||
html [uppercase], .uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
html [orange], .orange {color: $main-01}
|
||||
html [green], .green {color: $main-02}
|
||||
html [blue], .blue {color: $main-03}
|
||||
html [red], html [alert], .red, .alert {color: $alert-01}
|
||||
html [white], .white {color: $color-white}
|
||||
html [dark], .dark {color: $color-dark}
|
||||
html [dark-grey], .dark-grey {color: $color-dark-grey}
|
||||
html [light-grey], .light-grey {color: $color-light-grey}
|
||||
html [medium-grey], .medium-grey {color: $hover}
|
||||
html [medium-green], .medium-green {color: $color-medium-green}
|
||||
html [medium-orange], .medium-orange {color: $color-medium-orange}
|
||||
html [light-green], .light-green {color: $color-light-green}
|
||||
html [light-orange], .light-orange {color: $color-light-orange}
|
||||
html [color-main], .color-main {
|
||||
color: $color-main;
|
||||
}
|
||||
html [color-secondary], .color-secondary {
|
||||
color: $color-secondary;
|
||||
}
|
||||
|
|
|
@ -4,11 +4,10 @@ import './layout.scss';
|
|||
import './display.scss';
|
||||
import './margin.scss';
|
||||
import './padding.scss';
|
||||
import './background.scss';
|
||||
import './border.scss';
|
||||
import './background.scss';
|
||||
import './font-style.scss';
|
||||
import './misc.scss';
|
||||
import './colors.scss';
|
||||
import './effects.scss';
|
||||
import './order-product.scss';
|
||||
import './summary.scss';
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
@import "./variables";
|
||||
@import "./colors";
|
||||
@import "./effects";
|
||||
|
||||
a:focus,
|
||||
|
@ -19,11 +18,16 @@ input[type=reset]::-moz-focus-inner {
|
|||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
a , .link{
|
||||
color: $color-main;
|
||||
text-decoration: none;
|
||||
}
|
||||
.link {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
&:hover{
|
||||
color: $main-01!important;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -73,14 +77,14 @@ html [vn-center], .vn-center{
|
|||
|
||||
.list-element{
|
||||
padding: 8px 0 0 0;
|
||||
border-bottom: 1px solid $lines;
|
||||
border-bottom: 1px solid $color-spacer;
|
||||
i {
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
}
|
||||
}
|
||||
.tooltip {
|
||||
.list-header{
|
||||
border-bottom: 3px solid $color-medium-grey;
|
||||
border-bottom: 3px solid $color-spacer;
|
||||
font-family: vn-font-bold;
|
||||
text-align: center
|
||||
}
|
||||
|
@ -90,23 +94,23 @@ html [vn-center], .vn-center{
|
|||
}
|
||||
.list-footer{
|
||||
font-family: vn-font-bold;
|
||||
border-top: 3px solid $lines;
|
||||
border-top: 3px solid $color-spacer;
|
||||
}
|
||||
.list-element.warning{
|
||||
background-color: $color-medium-orange;
|
||||
background-color: $color-main-medium;
|
||||
}
|
||||
.list-element.success{
|
||||
background-color: $color-medium-green;
|
||||
background-color: $color-success-medium;
|
||||
|
||||
}
|
||||
.list-element.success:hover{
|
||||
background-color: $color-light-green;
|
||||
background-color: $color-success-light;
|
||||
}
|
||||
.list-element.warning:hover{
|
||||
background-color: $color-light-orange;
|
||||
background-color: $color-main-light;
|
||||
}
|
||||
.flatpickr-month, .flatpickr-weekdays, span.flatpickr-weekday {
|
||||
background-color: $main-01;
|
||||
background-color: $color-main;
|
||||
}
|
||||
|
||||
html [pointer], .pointer{
|
||||
|
@ -117,14 +121,6 @@ html [noDrop], .noDrop{
|
|||
cursor: no-drop;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
|
||||
&:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
html [compact], .compact{
|
||||
max-width: 950px;
|
||||
margin-left: auto;
|
||||
|
@ -159,7 +155,7 @@ a.vn-list-item {
|
|||
|
||||
.vn-list-item {
|
||||
padding: $pad-medium;
|
||||
border-bottom: $border-thin solid $border-color;
|
||||
border-bottom: $border-thin solid $color-spacer-light;
|
||||
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
|
@ -174,7 +170,7 @@ a.vn-list-item {
|
|||
|
||||
vn-icon {
|
||||
opacity: .4;
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
margin-left: .5em;
|
||||
transition: opacity 250ms ease-out;
|
||||
font-size: 2em;
|
||||
|
@ -198,7 +194,7 @@ fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
|
|||
}
|
||||
fieldset[disabled] .mdl-textfield .mdl-textfield__label,
|
||||
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
|
||||
color: $main-01 !important;
|
||||
color: $color-main !important;
|
||||
}
|
||||
|
||||
/** END - FORM ELEMENTS DISABLED **/
|
||||
|
@ -210,17 +206,11 @@ fieldset[disabled] .mdl-textfield .mdl-textfield__label,
|
|||
}
|
||||
|
||||
.counter {
|
||||
background-color: $main-header;
|
||||
display: inline-block;
|
||||
color: $color-white;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
min-width: 1.5em;
|
||||
padding: 5px
|
||||
}
|
||||
@extend %active;
|
||||
|
||||
.counter.small {
|
||||
font-size: 0.7em
|
||||
&.small {
|
||||
font-size: 0.7em
|
||||
}
|
||||
}
|
||||
|
||||
.vn-grid {
|
||||
|
@ -242,10 +232,10 @@ fieldset[disabled] .mdl-textfield .mdl-textfield__label,
|
|||
}
|
||||
}
|
||||
& > thead, & > tbody {
|
||||
border-bottom: 3px solid $lines;
|
||||
border-bottom: 3px solid $color-spacer;
|
||||
}
|
||||
& > tbody > tr {
|
||||
border-bottom: 1px solid $lines;
|
||||
border-bottom: 1px solid $color-spacer;
|
||||
transition: background-color 200ms ease-in-out;
|
||||
|
||||
&.clickable {
|
||||
|
|
|
@ -1,10 +1,9 @@
|
|||
@import 'colors';
|
||||
@import "./padding";
|
||||
@import './variables';
|
||||
|
||||
vn-dialog.modal-form {
|
||||
vn-horizontal.header{
|
||||
@extend .pad-small;
|
||||
background-color: $main-01;
|
||||
padding: $pad-small;
|
||||
background-color: $color-main;
|
||||
h5{
|
||||
color: white;
|
||||
margin: 0 auto;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
@import "./colors";
|
||||
@import "./variables";
|
||||
|
||||
@media screen and (max-width: 1920px){
|
||||
.catalog-list .product {
|
||||
|
@ -34,7 +34,7 @@
|
|||
padding: 4px;
|
||||
|
||||
& > vn-one {
|
||||
border: 1px solid rgba($lines, 0.5);
|
||||
border: 1px solid rgba($color-spacer, 0.5);
|
||||
display: block
|
||||
}
|
||||
|
||||
|
@ -66,7 +66,7 @@
|
|||
}
|
||||
|
||||
& > span {
|
||||
color: $secondary-font-color;
|
||||
color: $color-font-secondary;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 0.5em;
|
||||
font-weight: bold;
|
||||
|
@ -85,7 +85,7 @@
|
|||
font-size: 0.8em;
|
||||
|
||||
& > vn-one span:first-child {
|
||||
color: $secondary-font-color
|
||||
color: $color-font-secondary
|
||||
}
|
||||
|
||||
& > vn-one span:first-child, & > vn-one span:last-child {
|
||||
|
@ -93,7 +93,7 @@
|
|||
}
|
||||
|
||||
vn-icon[icon="add_circle"] {
|
||||
color: $main-01
|
||||
color: $color-main
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
@import "./colors";
|
||||
@import "./variables";
|
||||
|
||||
.summary {
|
||||
|
@ -9,8 +8,8 @@
|
|||
& > h5 {
|
||||
padding: $pad-small;
|
||||
border: none;
|
||||
background: $main-01;
|
||||
color: $color-white;
|
||||
background: $color-main;
|
||||
color: white;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
line-height: 1.3em;
|
||||
|
@ -30,8 +29,8 @@
|
|||
padding: 7px;
|
||||
padding-bottom: 4px; /* Bottom line-height fix */
|
||||
font-family: unset;
|
||||
background-color: $main-01-03;
|
||||
border-bottom: .1em solid $main-01;
|
||||
background-color: $color-main-light;
|
||||
border-bottom: .1em solid $color-main;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
@import "./colors";
|
||||
@import "./variables";
|
||||
|
||||
h1 {
|
||||
font-size: 32pt;
|
||||
|
@ -24,5 +24,5 @@ h1, h2, h3, h4, h5, h6 {
|
|||
margin-top: 0;
|
||||
margin-bottom: .2em;
|
||||
font-family: vn-font-bold;
|
||||
color: $main-font-color
|
||||
color: $color-font
|
||||
}
|
|
@ -1,18 +1,8 @@
|
|||
@import "./colors";
|
||||
|
||||
$menu-width: 16em;
|
||||
$topbar-height: 4em;
|
||||
$mobile-width: 800px;
|
||||
|
||||
// Background color
|
||||
|
||||
$bg-main: $color-green;
|
||||
$bg-minor: $color-orange;
|
||||
$bg-content: $color-light-grey;
|
||||
$bg-panel: $color-white;
|
||||
$bg-dark-bar: $main-header;
|
||||
$bg-dark-menu: $color-dark-grey;
|
||||
|
||||
// Padding
|
||||
|
||||
$pad-none: 0;
|
||||
|
@ -30,5 +20,72 @@ $margin-large: 32px;
|
|||
// Border
|
||||
|
||||
$border-color: #AAA;
|
||||
$border-thin: 1px;
|
||||
$border-thick: 2px;
|
||||
$border-thin: .1em;
|
||||
$border-thick: .15em;
|
||||
|
||||
// Light theme
|
||||
|
||||
$color-header: #3d3d3d;
|
||||
$color-bg: #e5e5e5;
|
||||
$color-bg-dark: #3d3d3d;
|
||||
$color-font:#222222;
|
||||
$color-font-secondary: #9b9b9b;
|
||||
$color-active: #3d3d3d;
|
||||
$color-active-font: white;
|
||||
$color-bg-panel: white;
|
||||
$color-main: #f7931e;
|
||||
$color-secondary: #ccc;
|
||||
$color-success: #a3d131;
|
||||
$color-notice: #32b1ce;
|
||||
$color-alert: #f42121;
|
||||
$color-spacer: rgba(0, 0, 0, .3);
|
||||
$color-spacer-light: rgba(0, 0, 0, .12);
|
||||
$color-input-underline: rgba(0, 0, 0, .12);
|
||||
$color-shadow: rgba(0, 0, 0, .2);
|
||||
$color-hightlight: rgba(0, 0, 0, .15);
|
||||
$color-hover-cd: rgba(0, 0, 0, .1);
|
||||
$color-hover-dc: .7;
|
||||
$color-disabled: .6;
|
||||
|
||||
$color-main-medium: lighten($color-main, 20%);
|
||||
$color-main-light: lighten($color-main, 35%);
|
||||
$color-success-medium: lighten($color-success, 20%);
|
||||
$color-success-light: lighten($color-success, 35%);
|
||||
$color-notice-medium: lighten($color-notice, 20%);
|
||||
$color-notice-light: lighten($color-notice, 35%);
|
||||
$color-alert-medium: lighten($color-alert, 20%);
|
||||
$color-alert-light: lighten($color-alert, 35%);
|
||||
|
||||
// Dark theme
|
||||
/*
|
||||
$color-header: #3d3d3d;
|
||||
$color-bg: #222;
|
||||
$color-bg-dark: #222;
|
||||
$color-font: white;
|
||||
$color-font-secondary: #777;
|
||||
$color-active: #666;
|
||||
$color-active-font: white;
|
||||
$color-bg-panel: #3c3b3b;
|
||||
$color-main: #f7931e;
|
||||
$color-secondary: #ccc;
|
||||
$color-success: #a3d131;
|
||||
$color-notice: #32b1ce;
|
||||
$color-alert: #f42121;
|
||||
$color-spacer: rgba(255, 255, 255, .3);
|
||||
$color-spacer-light: rgba(255, 255, 255, .12);
|
||||
$color-input-underline: rgba(255, 255, 255, .12);
|
||||
$color-shadow: rgba(0, 0, 0, .2);
|
||||
$color-hightlight: rgba(255, 255, 255, .15);
|
||||
$color-hover-cd: rgba(255, 255, 255, .1);
|
||||
$color-hover-dc: .7;
|
||||
$color-disabled: .6;
|
||||
|
||||
$color-main-medium: darken($color-main, 20%);
|
||||
$color-main-light: darken($color-main, 35%);
|
||||
$color-success-medium: darken($color-success, 20%);
|
||||
$color-success-light: darken($color-success, 35%);
|
||||
$color-notice-medium: darken($color-notice, 20%);
|
||||
$color-notice-light: darken($color-notice, 35%);
|
||||
$color-alert-medium: darken($color-alert, 20%);
|
||||
$color-alert-light: darken($color-alert, 35%);
|
||||
/**/
|
|
@ -17,7 +17,7 @@
|
|||
</vn-searchbar>
|
||||
</vn-card>
|
||||
</div>
|
||||
<vn-card margin-medium-v pad-medium>
|
||||
<vn-card margin-medium-v>
|
||||
<vn-table model="model">
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
|
@ -47,9 +47,6 @@
|
|||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="!model.data || model.data.length === 0" translate>
|
||||
Enter a new search
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-card>
|
||||
<vn-pagination model="model"></vn-pagination>
|
||||
|
@ -61,7 +58,6 @@
|
|||
<vn-zone-summary zone="$ctrl.zoneSelected"></vn-zone-summary>
|
||||
</tpl-body>
|
||||
</vn-dialog>
|
||||
|
||||
<a ui-sref="zone.create" vn-tooltip="New zone" vn-bind="+" fixed-bottom-right>
|
||||
<vn-float-button icon="add"></vn-float-button>
|
||||
</a>
|
|
@ -43,21 +43,23 @@
|
|||
<vn-tr>
|
||||
<vn-th number>Id</vn-th>
|
||||
<vn-th>Destination</vn-th>
|
||||
<vn-th number>Landed</vn-th>
|
||||
<vn-th>Landed</vn-th>
|
||||
<vn-th number>Quantity</vn-th>
|
||||
<vn-th number>Description</vn-th>
|
||||
<vn-th>Description</vn-th>
|
||||
<vn-th number>Price</vn-th>
|
||||
<vn-th number>Disc.</vn-th>
|
||||
<vn-th number>Total</vn-th>
|
||||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr ng-repeat="saleClaimed in $ctrl.salesClaimed" vn-repeat-last on-last="$ctrl.focusLastInput()">
|
||||
<vn-tr
|
||||
ng-repeat="saleClaimed in $ctrl.salesClaimed"
|
||||
vn-repeat-last on-last="$ctrl.focusLastInput()">
|
||||
<vn-td number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, saleClaimed.sale.itemFk)"
|
||||
pointer class="link">
|
||||
{{("000000"+saleClaimed.sale.itemFk).slice(-6)}}
|
||||
class="link">
|
||||
{{saleClaimed.sale.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td>
|
||||
|
@ -72,21 +74,17 @@
|
|||
on-change="$ctrl.setClaimDestination(saleClaimed.id, value)">
|
||||
</vn-autocomplete>
|
||||
</vn-td>
|
||||
<vn-td number>{{saleClaimed.sale.ticket.landed | dateTime: 'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td>{{saleClaimed.sale.ticket.landed | dateTime: 'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td number>{{saleClaimed.sale.quantity}}</vn-td>
|
||||
<vn-td number>{{saleClaimed.sale.concept}}</vn-td>
|
||||
<vn-td expand>{{saleClaimed.sale.concept}}</vn-td>
|
||||
<vn-td number>{{saleClaimed.sale.price | currency: 'EUR':2}}</vn-td>
|
||||
<vn-td number>{{saleClaimed.sale.discount}} %</vn-td>
|
||||
<vn-td number>
|
||||
{{(saleClaimed.sale.quantity * saleClaimed.sale.price) -
|
||||
((saleClaimed.sale.discount *
|
||||
(saleClaimed.sale.quantity * saleClaimed.sale.price))/100) | currency: 'EUR':2
|
||||
}}
|
||||
{{saleClaimed.sale.quantity * saleClaimed.sale.price *
|
||||
((100 - saleClaimed.sale.discount) / 100) | currency: 'EUR':2}}
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
<vn-td shrink>
|
||||
<vn-icon-button
|
||||
medium-grey
|
||||
margin-medium-v
|
||||
vn-tooltip="Remove line"
|
||||
icon="delete"
|
||||
ng-click="$ctrl.deleteClaimedSale(saleClaimed.id)"
|
||||
|
@ -95,9 +93,6 @@
|
|||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-vertical>
|
||||
</vn-card>
|
||||
|
@ -116,43 +111,40 @@
|
|||
-->
|
||||
|
||||
<!-- Add Lines Dialog -->
|
||||
<vn-dialog
|
||||
vn-id="addSales">
|
||||
<vn-dialog vn-id="addSales">
|
||||
<tpl-body>
|
||||
<h3 translate>Claimable sales from ticket</h3><h3> {{$ctrl.claim.ticketFk}}</h3>
|
||||
<vn-table>
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th number>Id</vn-th>
|
||||
<vn-th number>Landed</vn-th>
|
||||
<vn-th>Landed</vn-th>
|
||||
<vn-th number>Quantity</vn-th>
|
||||
<vn-th number>Description</vn-th>
|
||||
<vn-th>Description</vn-th>
|
||||
<vn-th number>Price</vn-th>
|
||||
<vn-th number>Disc.</vn-th>
|
||||
<vn-th number>Total</vn-th>
|
||||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr ng-repeat="sale in $ctrl.salesToClaim" class="clickable" ng-click="$ctrl.addClaimedSale(sale.saleFk)">
|
||||
<vn-tr
|
||||
ng-repeat="sale in $ctrl.salesToClaim"
|
||||
class="clickable"
|
||||
ng-click="$ctrl.addClaimedSale(sale.saleFk)">
|
||||
<vn-td number>{{sale.saleFk}}</vn-td>
|
||||
<vn-td number>{{sale.landed | dateTime: 'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td>{{sale.landed | dateTime: 'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td number>{{sale.quantity}}</vn-td>
|
||||
<vn-td number>{{sale.concept}}</vn-td>
|
||||
<vn-td expand>{{sale.concept}}</vn-td>
|
||||
<vn-td number>{{sale.price | currency: 'EUR':2}}</vn-td>
|
||||
<vn-td number>{{sale.discount}} %</vn-td>
|
||||
<vn-td number>
|
||||
{{(sale.quantity * sale.price) - ((sale.discount * (sale.quantity * sale.price))/100) | currency: 'EUR':2}}
|
||||
{{sale.quantity * sale.price * ((100 - sale.discount) * / 100) | currency: 'EUR':2}}
|
||||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</tpl-body>
|
||||
</vn-dialog>
|
||||
|
||||
|
||||
<vn-crud-model
|
||||
vn-id="lastTicketsModel"
|
||||
url="/claim/api/Tickets"
|
||||
|
@ -173,9 +165,9 @@
|
|||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr
|
||||
class="clickable"
|
||||
ng-repeat="ticket in lastTickets"
|
||||
ng-click="$ctrl.importTicketLines(ticket.id)">
|
||||
class="clickable"
|
||||
ng-repeat="ticket in lastTickets"
|
||||
ng-click="$ctrl.importTicketLines(ticket.id)">
|
||||
<vn-td number>{{::ticket.id}}</vn-td>
|
||||
<vn-td>{{::ticket.shipped | date: 'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td>{{::ticket.agencyMode.name}}</vn-td>
|
||||
|
@ -185,6 +177,7 @@
|
|||
</vn-table>
|
||||
</div>
|
||||
</vn-popover>
|
||||
<vn-item-descriptor-popover vn-id="descriptor"
|
||||
quicklinks="$ctrl.quicklinks">
|
||||
<vn-item-descriptor-popover
|
||||
vn-id="descriptor"
|
||||
quicklinks="$ctrl.quicklinks">
|
||||
</vn-item-descriptor-popover>
|
|
@ -23,13 +23,14 @@
|
|||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th number>Id</vn-th>
|
||||
<vn-th>Landed</vn-th>
|
||||
<vn-th center>Landed</vn-th>
|
||||
<vn-th number>Quantity</vn-th>
|
||||
<vn-th number>Claimed</vn-th>
|
||||
<vn-th>Claimed</vn-th>
|
||||
<vn-th>Description</vn-th>
|
||||
<vn-th number>Price</vn-th>
|
||||
<vn-th number>Disc.</vn-th>
|
||||
<vn-th number>Total</vn-th>
|
||||
<vn-th></vn-th>
|
||||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
|
@ -37,13 +38,13 @@
|
|||
<vn-td number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, saleClaimed.sale.itemFk)"
|
||||
pointer class="link">
|
||||
class="link">
|
||||
{{::saleClaimed.sale.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td>{{::saleClaimed.sale.ticket.landed | dateTime:'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td center>{{::saleClaimed.sale.ticket.landed | dateTime:'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td number>{{::saleClaimed.sale.quantity}}</vn-td>
|
||||
<vn-td number>
|
||||
<vn-td>
|
||||
<vn-textfield
|
||||
vn-focus
|
||||
model="saleClaimed.quantity"
|
||||
|
@ -51,16 +52,14 @@
|
|||
type="text">
|
||||
</vn-textfield>
|
||||
</vn-td>
|
||||
<vn-td>{{::saleClaimed.sale.concept}}</vn-td>
|
||||
<vn-td expand>{{::saleClaimed.sale.concept}}</vn-td>
|
||||
<vn-td number>{{::saleClaimed.sale.price | currency: 'EUR':2}}</vn-td>
|
||||
<vn-td number>{{::saleClaimed.sale.discount}} %</vn-td>
|
||||
<vn-td number>
|
||||
{{::$ctrl.getSaleTotal(saleClaimed.sale) | currency: 'EUR':2}}
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
<vn-td shrink>
|
||||
<vn-icon-button
|
||||
medium-grey
|
||||
margin-medium-v
|
||||
vn-tooltip="Remove sale"
|
||||
icon="delete"
|
||||
ng-click="$ctrl.deleteClaimedSale($index)"
|
||||
|
@ -69,9 +68,6 @@
|
|||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="$ctrl.salesClaimed.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-vertical>
|
||||
</vn-card>
|
||||
|
|
|
@ -90,7 +90,6 @@
|
|||
vn-acl="salesAssistant">
|
||||
</vn-autocomplete>
|
||||
<vn-icon-button
|
||||
medium-grey
|
||||
margin-medium-v
|
||||
vn-tooltip="Remove sale"
|
||||
icon="delete"
|
||||
|
|
|
@ -18,13 +18,13 @@
|
|||
</vn-searchbar>
|
||||
</vn-card>
|
||||
</div>
|
||||
<vn-card margin-medium-v pad-medium compact>
|
||||
<vn-card margin-medium-v compact>
|
||||
<vn-table model="model">
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th field="id" number>Id</vn-th>
|
||||
<vn-th field="clientFk">Client</vn-th>
|
||||
<vn-th field="created">Created</vn-th>
|
||||
<vn-th field="created" center>Created</vn-th>
|
||||
<vn-th field="workerFk">Worker</vn-th>
|
||||
<vn-th field="claimStateFk">State</vn-th>
|
||||
<vn-th></vn-th>
|
||||
|
@ -36,15 +36,19 @@
|
|||
class="{{::$ctrl.compareDate(ticket.shipped)}} clickable vn-tr searchResult"
|
||||
ui-sref="claim.card.summary({id: claim.id})">
|
||||
<vn-td number>{{::claim.id}}</vn-td>
|
||||
<vn-td>
|
||||
<vn-td expand>
|
||||
<span class="link" ng-click="$ctrl.showDescriptor($event, claim.client.id)">
|
||||
{{::claim.client.name}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td>{{::claim.created | date:'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td>{{::claim.worker.user.nickname}}</vn-td>
|
||||
<vn-td class="{{::claim.claimState.description}}">{{::claim.claimState.description}}</vn-td>
|
||||
<vn-td center>{{::claim.created | date:'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td expand>{{::claim.worker.user.nickname}}</vn-td>
|
||||
<vn-td>
|
||||
<span class="chip {{::$ctrl.stateColor(claim)}}">
|
||||
{{::claim.claimState.description}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td shrink>
|
||||
<vn-icon-button
|
||||
ng-click="$ctrl.preview($event, claim)"
|
||||
vn-tooltip="Preview"
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
import ngModule from '../module';
|
||||
import './style.scss';
|
||||
|
||||
export default class Controller {
|
||||
constructor($scope) {
|
||||
|
@ -55,6 +54,17 @@ export default class Controller {
|
|||
}
|
||||
}
|
||||
|
||||
stateColor(claim) {
|
||||
switch (claim.claimState.description) {
|
||||
case 'Pendiente':
|
||||
return 'warning';
|
||||
case 'Gestionado':
|
||||
return 'notice';
|
||||
case 'Resuelto':
|
||||
return 'success';
|
||||
}
|
||||
}
|
||||
|
||||
showDescriptor(event, clientFk) {
|
||||
this.$.descriptor.clientFk = clientFk;
|
||||
this.$.descriptor.parent = event.target;
|
||||
|
|
|
@ -1,16 +0,0 @@
|
|||
@import "variables";
|
||||
|
||||
vn-claim-index {
|
||||
.Pendiente {
|
||||
background-color: $main-01-05;
|
||||
}
|
||||
.Gestionado {
|
||||
background-color: $main-03-05;
|
||||
}
|
||||
.Anulado, .Cuestionado {
|
||||
background-color: white;
|
||||
}
|
||||
.Resuelto {
|
||||
background-color: $main-02-05;
|
||||
}
|
||||
}
|
|
@ -55,27 +55,22 @@
|
|||
<vn-td number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, saleClaimed.sale.itemFk)"
|
||||
pointer class="link">
|
||||
{{("000000"+saleClaimed.sale.itemFk).slice(-6)}}
|
||||
class="link">
|
||||
{{saleClaimed.sale.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td>{{saleClaimed.sale.ticket.landed | dateTime: 'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td number>{{saleClaimed.sale.quantity}}</vn-td>
|
||||
<vn-td number>{{saleClaimed.quantity}}</vn-td>
|
||||
<vn-td>{{saleClaimed.sale.concept}}</vn-td>
|
||||
<vn-td expand>{{saleClaimed.sale.concept}}</vn-td>
|
||||
<vn-td number>{{saleClaimed.sale.price | currency: 'EUR':2}}</vn-td>
|
||||
<vn-td number>{{saleClaimed.sale.discount}} %</vn-td>
|
||||
<vn-td number>
|
||||
{{(saleClaimed.sale.quantity * saleClaimed.sale.price) -
|
||||
((saleClaimed.sale.discount *
|
||||
(saleClaimed.sale.quantity * saleClaimed.sale.price))/100) | currency: 'EUR':2
|
||||
}}
|
||||
{{saleClaimed.sale.quantity * saleClaimed.sale.price *
|
||||
((100 - saleClaimed.sale.discount) / 100) | currency: 'EUR':2}}
|
||||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-auto>
|
||||
<vn-auto>
|
||||
|
@ -99,9 +94,6 @@
|
|||
<vn-td>{{development.claimRedelivery.description}}</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-auto>
|
||||
<vn-auto>
|
||||
|
@ -110,10 +102,10 @@
|
|||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th number>Id</vn-th>
|
||||
<vn-th number>Destination</vn-th>
|
||||
<vn-th>Destination</vn-th>
|
||||
<vn-th number>Landed</vn-th>
|
||||
<vn-th number>Quantity</vn-th>
|
||||
<vn-th number>Description</vn-th>
|
||||
<vn-th>Description</vn-th>
|
||||
<vn-th number>Price</vn-th>
|
||||
<vn-th number>Disc.</vn-th>
|
||||
<vn-th number>Total</vn-th>
|
||||
|
@ -124,28 +116,23 @@
|
|||
<vn-td number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, action.sale.itemFk)"
|
||||
pointer class="link">
|
||||
{{("000000"+action.sale.itemFk).slice(-6)}}
|
||||
class="link">
|
||||
{{action.sale.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td number>{{action.sale.id}}</vn-td>
|
||||
<vn-td number>{{action.claimBeggining.description}}</vn-td>
|
||||
<vn-td expand>{{action.claimBeggining.description}}</vn-td>
|
||||
<vn-td number>{{action.sale.ticket.landed | dateTime: 'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td number>{{action.sale.quantity}}</vn-td>
|
||||
<vn-td number>{{action.sale.concept}}</vn-td>
|
||||
<vn-td expand>{{action.sale.concept}}</vn-td>
|
||||
<vn-td number>{{action.sale.price}}</vn-td>
|
||||
<vn-td number>{{action.sale.discount}} %</vn-td>
|
||||
<vn-td number>
|
||||
{{(action.sale.quantity * action.sale.price) -
|
||||
((action.sale.discount *
|
||||
(action.sale.quantity * action.sale.price))/100) | currency: 'EUR':2
|
||||
}}
|
||||
{{action.sale.quantity * action.sale.price *
|
||||
((100 - action.sale.discount) / 100) | currency: 'EUR':2}}
|
||||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-auto>
|
||||
</vn-horizontal>
|
||||
|
|
|
@ -82,8 +82,6 @@
|
|||
</vn-textfield>
|
||||
<vn-none>
|
||||
<vn-icon-button
|
||||
medium-grey
|
||||
margin-medium-v
|
||||
vn-tooltip="Remove note"
|
||||
icon="delete"
|
||||
ng-click="$ctrl.removeObservation($index)"
|
||||
|
@ -93,7 +91,6 @@
|
|||
</vn-horizontal>
|
||||
</div>
|
||||
<vn-icon-button
|
||||
pointer
|
||||
vn-bind="+"
|
||||
vn-tooltip="Add note"
|
||||
icon="add_circle"
|
||||
|
|
|
@ -8,23 +8,30 @@
|
|||
</vn-crud-model>
|
||||
<div compact>
|
||||
<vn-card pad-large>
|
||||
<vn-horizontal ng-repeat="address in addresses" class="pad-medium-top" style="align-items: center;">
|
||||
<vn-one border-radius class="pad-small border-solid"
|
||||
ng-class="{'bg-main': address.isDefaultAddress,'bg-opacity-item': !address.isActive && !address.isDefaultAddress}">
|
||||
<vn-horizontal
|
||||
ng-repeat="address in addresses"
|
||||
class="pad-medium-top"
|
||||
style="align-items: center;">
|
||||
<vn-one
|
||||
border-radius
|
||||
class="pad-small border-solid"
|
||||
ng-class="{'item-hightlight': address.isDefaultAddress, 'item-disabled': !address.isActive && !address.isDefaultAddress}">
|
||||
<vn-horizontal style="align-items: center;">
|
||||
<vn-none pad-medium-h>
|
||||
<vn-icon-button icon="star"
|
||||
<vn-icon-button
|
||||
icon="star"
|
||||
ng-if="address.isDefaultAddress">
|
||||
</vn-icon-button>
|
||||
<vn-icon-button icon="star_border"
|
||||
<vn-icon-button
|
||||
ng-if="!address.isActive"
|
||||
icon="star_border"
|
||||
vn-tooltip="Active first to set as default">
|
||||
</vn-icon-button>
|
||||
<vn-icon-button orange
|
||||
<vn-icon-button
|
||||
ng-if="address.isActive && !address.isDefaultAddress"
|
||||
icon="star_border"
|
||||
vn-tooltip="Set as default"
|
||||
ng-click="$ctrl.setDefault(address)"
|
||||
ng-if="address.isActive && !address.isDefaultAddress">
|
||||
ng-click="$ctrl.setDefault(address)">
|
||||
</vn-icon-button>
|
||||
</vn-none>
|
||||
<vn-one border-solid-right>
|
||||
|
|
|
@ -29,7 +29,6 @@
|
|||
<vn-none>
|
||||
<vn-icon
|
||||
pointer
|
||||
medium-grey
|
||||
margin-medium-v
|
||||
vn-tooltip="Remove contact"
|
||||
icon="delete"
|
||||
|
|
|
@ -1,11 +1,18 @@
|
|||
<div compact>
|
||||
<vn-card pad-large>
|
||||
<vn-horizontal ng-repeat="classification in $ctrl.classifications track by classification.id" class="pad-medium-top" style="align-items: center;">
|
||||
<vn-one border-radius class="pad-small border-solid" ng-class="{'bg-main': !classification.finished,'bg-opacity-item': classification.finished}">
|
||||
<vn-horizontal
|
||||
ng-repeat="classification in $ctrl.classifications track by classification.id"
|
||||
class="pad-medium-top"
|
||||
style="align-items: center;">
|
||||
<vn-one
|
||||
border-radius
|
||||
class="pad-small border-solid"
|
||||
ng-class="{'item-hightlight': !classification.finished,'item-disabled': classification.finished}">
|
||||
<vn-horizontal style="align-items: center;">
|
||||
<vn-none pad-medium-h orange>
|
||||
<vn-icon-button icon="lock" orange
|
||||
<vn-none pad-medium-h>
|
||||
<vn-icon-button
|
||||
ng-if="!classification.finished"
|
||||
icon="lock"
|
||||
vn-tooltip="Close contract"
|
||||
ng-click="$ctrl.closeContract(classification)">
|
||||
</vn-icon-button>
|
||||
|
|
|
@ -2,6 +2,6 @@
|
|||
|
||||
vn-client-summary {
|
||||
.alert span {
|
||||
color: $alert-01 !important
|
||||
color: $color-alert !important
|
||||
}
|
||||
}
|
|
@ -2,9 +2,9 @@
|
|||
|
||||
vn-client-web-payment {
|
||||
vn-icon[icon=clear] {
|
||||
color: $alert-01;
|
||||
color: $color-alert;
|
||||
}
|
||||
vn-icon[icon=check] {
|
||||
color: $main-02;
|
||||
color: $color-success;
|
||||
}
|
||||
}
|
|
@ -23,8 +23,6 @@
|
|||
</vn-textfield>
|
||||
<vn-none>
|
||||
<vn-icon
|
||||
medium-grey
|
||||
margin-medium-v
|
||||
vn-acl="buyer,replenisher"
|
||||
pointer
|
||||
vn-tooltip="Remove barcode"
|
||||
|
|
|
@ -2,77 +2,83 @@
|
|||
vn-id="model"
|
||||
url="item/api/Items/getDiary"
|
||||
filter="$ctrl.filter"
|
||||
data="sales" auto-load="false">
|
||||
data="sales"
|
||||
auto-load="false">
|
||||
</vn-crud-model>
|
||||
<vn-vertical>
|
||||
<vn-card pad-large compact>
|
||||
<vn-vertical>
|
||||
<vn-horizontal>
|
||||
<vn-autocomplete
|
||||
vn-focus
|
||||
url="/item/api/Warehouses"
|
||||
show-field="name"
|
||||
value-field="id"
|
||||
initial-data="$ctrl.warehouseFk"
|
||||
field="$ctrl.warehouseFk"
|
||||
label="Select warehouse">
|
||||
</vn-autocomplete>
|
||||
</vn-horizontal>
|
||||
<vn-table model="model">
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th>Date</vn-th>
|
||||
<vn-th number order="DESC">Id</vn-th>
|
||||
<vn-th>State</vn-th>
|
||||
<vn-th>Reference</vn-th>
|
||||
<vn-th>Client</vn-th>
|
||||
<vn-th number>In</vn-th>
|
||||
<vn-th number>Out</vn-th>
|
||||
<vn-th number>Balance</vn-th>
|
||||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr ng-class="::{'isToday': $ctrl.isToday(sale.date), 'isIn': sale.in, 'balanceNegative': sale.balance < 0}"
|
||||
ng-repeat="sale in sales" vn-repeat-last on-last="$ctrl.scrollToLine()">
|
||||
<vn-td class="date">
|
||||
{{::sale.date | date:'dd/MM/yyyy' }}
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
<span ng-class="::{'link pointer': sale.isTicket}"
|
||||
ng-click="$ctrl.showDescriptor($event, sale)"
|
||||
class="id">
|
||||
{{::sale.origin | dashIfEmpty}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td>{{::sale.stateName | dashIfEmpty}}</vn-td>
|
||||
<vn-td>{{::sale.reference | dashIfEmpty}}</vn-td>
|
||||
<vn-td class="truncate">
|
||||
<span
|
||||
ng-class="::{'link pointer': sale.isTicket}"
|
||||
ng-click="$ctrl.showClientDescriptor($event, sale)">
|
||||
{{::sale.name | dashIfEmpty}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td number class="in">{{::sale.in | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>{{::sale.out | dashIfEmpty}}</vn-td>
|
||||
<vn-td number class="balance">
|
||||
<span class="balanceSpan">
|
||||
{{::sale.balance | dashIfEmpty}}
|
||||
</span>
|
||||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-vertical>
|
||||
<vn-vertical>
|
||||
<vn-horizontal>
|
||||
<vn-autocomplete
|
||||
vn-focus
|
||||
url="/item/api/Warehouses"
|
||||
show-field="name"
|
||||
value-field="id"
|
||||
initial-data="$ctrl.warehouseFk"
|
||||
field="$ctrl.warehouseFk"
|
||||
label="Select warehouse">
|
||||
</vn-autocomplete>
|
||||
</vn-horizontal>
|
||||
<vn-table model="model">
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th>Date</vn-th>
|
||||
<vn-th number order="DESC">Id</vn-th>
|
||||
<vn-th>State</vn-th>
|
||||
<vn-th>Reference</vn-th>
|
||||
<vn-th>Client</vn-th>
|
||||
<vn-th number>In</vn-th>
|
||||
<vn-th number>Out</vn-th>
|
||||
<vn-th number>Balance</vn-th>
|
||||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr
|
||||
ng-class="::{
|
||||
'isToday': $ctrl.isToday(sale.date),
|
||||
'isIn': sale.in,
|
||||
'balanceNegative': sale.balance < 0}"
|
||||
ng-repeat="sale in sales"
|
||||
vn-repeat-last
|
||||
on-last="$ctrl.scrollToLine()">
|
||||
<vn-td>
|
||||
<span class="chip date">
|
||||
{{::sale.date | date:'dd/MM/yyyy' }}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
<span
|
||||
ng-class="::{link: sale.isTicket}"
|
||||
ng-click="$ctrl.showDescriptor($event, sale)"
|
||||
class="id">
|
||||
{{::sale.origin | dashIfEmpty}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td>{{::sale.stateName | dashIfEmpty}}</vn-td>
|
||||
<vn-td>{{::sale.reference | dashIfEmpty}}</vn-td>
|
||||
<vn-td class="truncate">
|
||||
<span
|
||||
ng-class="::{link: sale.isTicket}"
|
||||
ng-click="$ctrl.showClientDescriptor($event, sale)">
|
||||
{{::sale.name | dashIfEmpty}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td number class="in">{{::sale.in | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>{{::sale.out | dashIfEmpty}}</vn-td>
|
||||
<vn-td number class="balance">
|
||||
<span class="chip balanceSpan">
|
||||
{{::sale.balance | dashIfEmpty}}
|
||||
</span>
|
||||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
</vn-table>
|
||||
</vn-vertical>
|
||||
</vn-card>
|
||||
</vn-vertical>
|
||||
<vn-ticket-descriptor-popover
|
||||
vn-id="descriptor">
|
||||
</vn-ticket-descriptor-popover>
|
||||
|
||||
<vn-client-descriptor-popover
|
||||
vn-id="clientDescriptor">
|
||||
</vn-client-descriptor-popover>
|
|
@ -4,23 +4,22 @@ vn-item-diary {
|
|||
& > vn-vertical {
|
||||
display: block;
|
||||
}
|
||||
& vn-horizontal {
|
||||
vn-horizontal {
|
||||
justify-content: center;
|
||||
}
|
||||
& vn-autocomplete > div{
|
||||
vn-autocomplete > div {
|
||||
width: 400px;
|
||||
}
|
||||
.balanceNegative .balance {
|
||||
color: $alert-01;
|
||||
font-weight: bold;
|
||||
color: $color-alert;
|
||||
}
|
||||
.isIn .in {
|
||||
color: $main-02;
|
||||
color: $color-success;
|
||||
font-weight: bold;
|
||||
}
|
||||
.isToday .date{
|
||||
background-color: rgba(247, 147, 30, 0.5);
|
||||
font-weight: bold;
|
||||
.isToday .date {
|
||||
color: white;
|
||||
background-color: $color-main;
|
||||
}
|
||||
.truncate {
|
||||
max-width: 250px;
|
||||
|
|
|
@ -4,7 +4,7 @@ vn-item-product {
|
|||
display: block;
|
||||
|
||||
.id {
|
||||
background-color: $main-01;
|
||||
background-color: $color-main;
|
||||
color: white;
|
||||
margin-bottom: 0em;
|
||||
}
|
||||
|
|
|
@ -2,70 +2,72 @@
|
|||
vn-id="model"
|
||||
url="/item/api/Items/getLastEntries"
|
||||
filter="::$ctrl.filter"
|
||||
data="entries" auto-load="false">
|
||||
data="entries"
|
||||
auto-load="false">
|
||||
</vn-crud-model>
|
||||
<vn-vertical>
|
||||
<vn-card pad-large>
|
||||
<vn-vertical>
|
||||
<vn-horizontal>
|
||||
<vn-date-picker
|
||||
vn-one
|
||||
label="Since"
|
||||
model="$ctrl.date"
|
||||
ini-options="{dateFormat: 'd-m-Y'}">
|
||||
</vn-date-picker>
|
||||
<!--datepicker-->
|
||||
</vn-horizontal>
|
||||
<vn-table model="model">
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th number vn-tooltip="Ignored">Ig</vn-th>
|
||||
<vn-th number>Warehouse</vn-th>
|
||||
<vn-th number>Landed</vn-th>
|
||||
<vn-th number>Entry</vn-th>
|
||||
<vn-th number vn-tooltip="Price Per Unit">P.P.U</vn-th>
|
||||
<vn-th number vn-tooltip="Price Per Package">P.P.P</vn-th>
|
||||
<vn-th number class="expendable">Label</vn-th>
|
||||
<vn-th number>Packing</vn-th>
|
||||
<vn-th number>Grouping</vn-th>
|
||||
<vn-th number class="expendable">Stems</vn-th>
|
||||
<vn-th number>Quantity</vn-th>
|
||||
<vn-th number class="expendable">Cost</vn-th>
|
||||
<vn-th number>Cube</vn-th>
|
||||
<vn-th number class="expendable">Provider</vn-th>
|
||||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr ng-repeat="entry in entries">
|
||||
<vn-td number>
|
||||
<vn-check
|
||||
field="entry.isIgnored"
|
||||
disabled="true">
|
||||
</vn-check>
|
||||
</vn-td>
|
||||
<vn-td number>{{entry.warehouse| dashIfEmpty}}</vn-td>
|
||||
<vn-td number>{{entry.landed | date:'dd/MM/yyyy HH:mm'}}</vn-td>
|
||||
<vn-td number>{{entry.entryFk | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>{{entry.price2 | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>{{entry.price3 | dashIfEmpty}}</vn-td>
|
||||
<vn-td number class="expendable">{{entry.stickers | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>
|
||||
<div ng-class="{'counter': entry.groupingMode == 2}">{{entry.packing | dashIfEmpty}}</div>
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
<span ng-class="{'counter': entry.groupingMode == 1}">{{entry.grouping | dashIfEmpty}}</span>
|
||||
</vn-td>
|
||||
<vn-td number class="expendable">{{entry.stems | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>{{entry.quantity}}</vn-td>
|
||||
<vn-td number class="expendable">{{entry.buyingValue | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>{{entry.packageFk | dashIfEmpty}}</vn-td>
|
||||
<vn-td number class="expendable">{{entry.supplier | dashIfEmpty}}</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
<vn-horizontal>
|
||||
<vn-date-picker
|
||||
vn-one
|
||||
label="Since"
|
||||
model="$ctrl.date"
|
||||
ini-options="{dateFormat: 'd-m-Y'}">
|
||||
</vn-date-picker>
|
||||
<!--datepicker-->
|
||||
</vn-horizontal>
|
||||
<vn-table model="model">
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th vn-tooltip="Ignored" center>Ig</vn-th>
|
||||
<vn-th>Warehouse</vn-th>
|
||||
<vn-th>Landed</vn-th>
|
||||
<vn-th number>Entry</vn-th>
|
||||
<vn-th number vn-tooltip="Price Per Unit">P.P.U</vn-th>
|
||||
<vn-th number vn-tooltip="Price Per Package">P.P.P</vn-th>
|
||||
<vn-th number class="expendable">Label</vn-th>
|
||||
<vn-th number>Packing</vn-th>
|
||||
<vn-th number>Grouping</vn-th>
|
||||
<vn-th number class="expendable">Stems</vn-th>
|
||||
<vn-th number>Quantity</vn-th>
|
||||
<vn-th number class="expendable">Cost</vn-th>
|
||||
<vn-th number>Cube</vn-th>
|
||||
<vn-th class="expendable">Provider</vn-th>
|
||||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr ng-repeat="entry in entries">
|
||||
<vn-td center>
|
||||
<vn-check
|
||||
field="entry.isIgnored"
|
||||
disabled="true">
|
||||
</vn-check>
|
||||
</vn-td>
|
||||
<vn-td>{{entry.warehouse| dashIfEmpty}}</vn-td>
|
||||
<vn-td>{{entry.landed | date:'dd/MM/yyyy HH:mm'}}</vn-td>
|
||||
<vn-td number>{{entry.entryFk | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>{{entry.price2 | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>{{entry.price3 | dashIfEmpty}}</vn-td>
|
||||
<vn-td number class="expendable">{{entry.stickers | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>
|
||||
<span class="chip" ng-class="{counter: entry.groupingMode == 2}">
|
||||
{{entry.packing | dashIfEmpty}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
<span class="chip" ng-class="{counter: entry.groupingMode == 1}">
|
||||
{{entry.grouping | dashIfEmpty}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td number class="expendable">{{entry.stems | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>{{entry.quantity}}</vn-td>
|
||||
<vn-td number class="expendable">{{entry.buyingValue | dashIfEmpty}}</vn-td>
|
||||
<vn-td number>{{entry.packageFk | dashIfEmpty}}</vn-td>
|
||||
<vn-td class="expendable">{{entry.supplier | dashIfEmpty}}</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
</vn-table>
|
||||
</vn-vertical>
|
||||
<vn-pagination model="model"></vn-pagination>
|
||||
</vn-card>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
@import "variables";
|
||||
vn-item-last-entries {
|
||||
.round {
|
||||
background-color: $lines;
|
||||
background-color: $color-spacer;
|
||||
border-radius: 25px;
|
||||
float: right;
|
||||
width: 25px;
|
||||
|
|
|
@ -31,8 +31,6 @@
|
|||
</vn-textfield>
|
||||
<vn-none>
|
||||
<vn-icon
|
||||
medium-grey
|
||||
margin-medium-v
|
||||
vn-acl="buyer,replenisher"
|
||||
pointer
|
||||
vn-tooltip="Remove niche"
|
||||
|
|
|
@ -63,9 +63,8 @@
|
|||
show-field="name"
|
||||
value-field="name">
|
||||
</vn-autocomplete>
|
||||
<vn-icon-button vn-none
|
||||
medium-grey
|
||||
margin-medium-v
|
||||
<vn-icon-button
|
||||
vn-none
|
||||
vn-tooltip="Remove tag"
|
||||
icon="delete"
|
||||
ng-click="filter.tags.splice($index, 1)"
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
@import "./colors";
|
||||
@import "./variables";
|
||||
|
||||
vn-item-summary {
|
||||
p {
|
||||
|
@ -8,7 +8,7 @@ vn-item-summary {
|
|||
|
||||
.item-state {
|
||||
padding: .4em;
|
||||
background-color: $main-01;
|
||||
background-color: $color-main;
|
||||
color: white;
|
||||
|
||||
p {
|
||||
|
|
|
@ -65,8 +65,6 @@
|
|||
</vn-textfield>
|
||||
<vn-none>
|
||||
<vn-icon-button
|
||||
medium-grey
|
||||
margin-medium-v
|
||||
vn-tooltip="Remove tag"
|
||||
icon="delete"
|
||||
ng-click="model.remove($index)"
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
vn-dialog.modal-form {
|
||||
vn-horizontal.header{
|
||||
background-color: $main-01;
|
||||
background-color: $color-main;
|
||||
h5{
|
||||
color: white;
|
||||
margin: 0 auto;
|
||||
|
|
|
@ -43,7 +43,7 @@
|
|||
<img
|
||||
ng-src="//verdnatura.es/vn-image-data/catalog/200x200/{{::item.image}}"
|
||||
zoom-image="//verdnatura.es/vn-image-data/catalog/1600x900/{{::item.image}}"
|
||||
on-error-src pointer/>
|
||||
on-error-src/>
|
||||
</vn-one>
|
||||
<vn-one pad-small class="description ellipsize">
|
||||
<vn-vertical>
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
@import "variables";
|
||||
|
||||
vn-order-catalog .catalog-header {
|
||||
border-color: $lines;
|
||||
border-bottom: 1px solid rgba($lines, 0.5);
|
||||
border-color: $color-spacer;
|
||||
border-bottom: 1px solid rgba($color-spacer, 0.5);
|
||||
|
||||
vn-one:first-child {
|
||||
padding-top: 2em;
|
||||
|
@ -11,6 +11,6 @@ vn-order-catalog .catalog-header {
|
|||
padding-top: 0.5em;
|
||||
}
|
||||
span {
|
||||
color: $secondary-font-color
|
||||
color: $color-font-secondary
|
||||
}
|
||||
}
|
|
@ -5,8 +5,8 @@ vn-catalog-filter > div {
|
|||
& > .input {
|
||||
padding-left: $pad-medium;
|
||||
padding-right: $pad-medium;
|
||||
border-color: $lines;
|
||||
border-bottom: 1px solid rgba($lines, 0.5);
|
||||
border-color: $color-spacer;
|
||||
border-bottom: 1px solid rgba($color-spacer, 0.5);
|
||||
}
|
||||
.item-category {
|
||||
padding: $pad-small;
|
||||
|
@ -22,12 +22,12 @@ vn-catalog-filter > div {
|
|||
|
||||
& > vn-icon {
|
||||
padding: $pad-small;
|
||||
background-color: $secondary-font-color;
|
||||
background-color: $color-font-secondary;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
|
||||
&.active {
|
||||
background-color: $main-01;
|
||||
background-color: $color-main;
|
||||
color: #FFF
|
||||
}
|
||||
& > i:before {
|
||||
|
|
|
@ -17,41 +17,41 @@
|
|||
</vn-searchbar>
|
||||
</vn-card>
|
||||
</div>
|
||||
<vn-card margin-medium-v pad-medium>
|
||||
<vn-card margin-medium-v>
|
||||
<vn-table model="model">
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th field="id" default-order="DESC">Id</vn-th>
|
||||
<vn-th field="id" default-order="DESC" number>Id</vn-th>
|
||||
<vn-th field="clientFk">Client</vn-th>
|
||||
<vn-th field="clientFk">Sales person</vn-th>
|
||||
<vn-th field="isConfirmed">Confirmed</vn-th>
|
||||
<vn-th field="isConfirmed" center>Confirmed</vn-th>
|
||||
<vn-th field="sourceApp">Created from</vn-th>
|
||||
<vn-th field="created">Created</vn-th>
|
||||
<vn-th field="created">Landed</vn-th>
|
||||
<vn-th field="created" center>Created</vn-th>
|
||||
<vn-th field="created" center>Landed</vn-th>
|
||||
<vn-th field="companyFk">Company</vn-th>
|
||||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr ng-repeat="order in orders" class="clickable searchResult"
|
||||
ui-sref="order.card.summary({id: {{::order.id}}})">
|
||||
<vn-td>{{::order.id}}</vn-td>
|
||||
<vn-td>
|
||||
<vn-td number>{{::order.id}}</vn-td>
|
||||
<vn-td expand>
|
||||
<span class="link" ng-click="$ctrl.showDescriptor($event, order.clientFk)">
|
||||
{{::order.client.name}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td>{{::order.client.salesPerson.user.nickname}}</vn-td>
|
||||
<vn-td>
|
||||
<vn-td center>
|
||||
<vn-check
|
||||
field="order.isConfirmed"
|
||||
disabled="true">
|
||||
</vn-check>
|
||||
</vn-td>
|
||||
<vn-td>{{::order.sourceApp}}</vn-td>
|
||||
<vn-td>{{::order.created | date:'dd/MM/yyyy HH:mm'}}</vn-td>
|
||||
<vn-td>{{::order.landed | date:'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td center>{{::order.created | date:'dd/MM/yyyy HH:mm'}}</vn-td>
|
||||
<vn-td center>{{::order.landed | date:'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td>{{::order.company.code}}</vn-td>
|
||||
<vn-td>
|
||||
<vn-td shrink>
|
||||
<vn-icon-button
|
||||
ng-click="$ctrl.preview($event, order)"
|
||||
vn-tooltip="Preview"
|
||||
|
|
|
@ -7,21 +7,21 @@
|
|||
<vn-vertical>
|
||||
<vn-horizontal>
|
||||
<div class="totalBox">
|
||||
<vn-label translate>Subtotal</vn-label>
|
||||
<span>{{$ctrl.subtotal | currency: 'EUR':2}}</span>
|
||||
<vn-label translate>Subtotal</vn-label>
|
||||
<span>{{$ctrl.subtotal | currency: 'EUR':2}}</span>
|
||||
<p>
|
||||
<vn-label translate>VAT</vn-label>
|
||||
<span>{{$ctrl.VAT | currency: 'EUR':2}}</span>
|
||||
</p>
|
||||
<vn-label><strong>Total</strong></vn-label>
|
||||
<strong>{{$ctrl.order.total | currency: 'EUR':2}}</strong>
|
||||
<vn-label><strong>Total</strong></vn-label>
|
||||
<strong>{{$ctrl.order.total | currency: 'EUR':2}}</strong>
|
||||
</div>
|
||||
</vn-horizontal>
|
||||
<vn-table>
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th style="text-align: center">Item</vn-th>
|
||||
<vn-th style="text-align: center">ID</vn-th>
|
||||
<vn-th></vn-th>
|
||||
<vn-th number>Id</vn-th>
|
||||
<vn-th>Description</vn-th>
|
||||
<vn-th>Warehouse</vn-th>
|
||||
<vn-th>Shipped</vn-th>
|
||||
|
@ -32,28 +32,27 @@
|
|||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr ng-repeat="row in $ctrl.rows">
|
||||
<vn-td style="text-align: center">
|
||||
<vn-td shrink>
|
||||
<img
|
||||
ng-src="//verdnatura.es/vn-image-data/catalog/50x50/{{::row.item.image}}"
|
||||
zoom-image="//verdnatura.es/vn-image-data/catalog/1600x900/{{::row.item.image}}"
|
||||
on-error-src/>
|
||||
</vn-td>
|
||||
<vn-td>
|
||||
<vn-td number>
|
||||
<span ng-click="$ctrl.showDescriptor($event, row.itemFk)"
|
||||
pointer number class="link">
|
||||
{{("000000"+row.itemFk).slice(-6)}}
|
||||
class="link">
|
||||
{{row.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td><vn-fetched-tags max-length="6" item="row.item"/></vn-td>
|
||||
<vn-td expand><vn-fetched-tags max-length="6" item="row.item"/></vn-td>
|
||||
<vn-td>{{row.warehouse.name}}</vn-td>
|
||||
<vn-td>{{row.shipped | date: 'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td number>{{row.quantity}}</vn-td>
|
||||
<vn-td number>
|
||||
{{row.price | currency: 'EUR':2}}
|
||||
</vn-td>
|
||||
<vn-td ng-if="!$ctrl.order.isConfirmed">
|
||||
<vn-td shrink ng-if="!$ctrl.order.isConfirmed">
|
||||
<vn-icon-button
|
||||
medium-grey
|
||||
vn-tooltip="Remove item"
|
||||
icon="delete"
|
||||
ng-click="$ctrl.showDeleteRow($index)"
|
||||
|
@ -62,9 +61,6 @@
|
|||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="$ctrl.rows.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-vertical>
|
||||
</vn-card>
|
||||
|
@ -75,11 +71,9 @@
|
|||
</vn-button>
|
||||
</vn-button-bar>
|
||||
</vn-vertical>
|
||||
|
||||
<vn-item-descriptor-popover
|
||||
vn-id="descriptor">
|
||||
</vn-item-descriptor-popover>
|
||||
|
||||
<vn-confirm
|
||||
vn-id="delete-row"
|
||||
on-response="$ctrl.deleteRow(response)"
|
||||
|
|
|
@ -4,10 +4,10 @@
|
|||
<a translate-attr="{title: 'Return to module index'}" ui-sref="item.index">
|
||||
<vn-icon icon="chevron_left"></vn-icon>
|
||||
</a>
|
||||
<vn-icon icon="inbox"></vn-icon>
|
||||
<a translate-attr="{title: 'Preview'}" ui-sref="item.card.summary({id: $ctrl.item.id})">
|
||||
<vn-icon icon="desktop_windows"></vn-icon>
|
||||
</a>
|
||||
<vspan></span>
|
||||
</div>
|
||||
<div pad-medium>
|
||||
<vn-horizontal>
|
||||
|
@ -37,9 +37,15 @@
|
|||
<form name="form">
|
||||
<vn-horizontal
|
||||
ng-repeat="price in $ctrl.prices">
|
||||
<vn-one class="ellipsize text" title="{{::price.warehouse}}">{{::price.warehouse}}</vn-one>
|
||||
<vn-one
|
||||
class="ellipsize text"
|
||||
title="{{::price.warehouse}}">
|
||||
{{::price.warehouse}}
|
||||
</vn-one>
|
||||
<vn-one class="number text">
|
||||
<span orange ng-click="$ctrl.addQuantity(price)" class="link unselectable">{{::price.grouping}}</span><span> x {{::price.price | currency: 'EUR': 2}}</span>
|
||||
<span ng-click="$ctrl.addQuantity(price)"
|
||||
class="link unselectable">{{::price.grouping}}</span>
|
||||
<span> x {{::price.price | currency: 'EUR': 2}}</span>
|
||||
</vn-one>
|
||||
<vn-one>
|
||||
<vn-input-number
|
||||
|
|
|
@ -14,7 +14,7 @@ vn-order-prices-popover {
|
|||
|
||||
vn-vertical.data{
|
||||
padding-right: 16px;
|
||||
border-right: 1px solid $main-01;
|
||||
border-right: 1px solid $color-main;
|
||||
}
|
||||
|
||||
vn-vertical.prices{
|
||||
|
|
|
@ -39,44 +39,41 @@
|
|||
<p><vn-label><strong>Total</strong></vn-label> <strong>{{$ctrl.summary.total | currency: 'EUR':2}}</strong></p>
|
||||
</vn-one>
|
||||
<vn-auto>
|
||||
<table class="vn-grid">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th number translate>Item</th>
|
||||
<th translate>Description</th>
|
||||
<th number translate>Quantity</th>
|
||||
<th number translate>Price</th>
|
||||
<th number translate>Amount</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="row in $ctrl.summary.rows track by row.id">
|
||||
<td>
|
||||
<vn-table class="vn-grid">
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th></vn-th>
|
||||
<vn-th number>Item</vn-th>
|
||||
<vn-th>Description</vn-th>
|
||||
<vn-th number>Quantity</vn-th>
|
||||
<vn-th number>Price</vn-th>
|
||||
<vn-th number>Amount</vn-th>
|
||||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr ng-repeat="row in $ctrl.summary.rows track by row.id">
|
||||
<vn-td>
|
||||
<vn-icon
|
||||
ng-show="row.visible || row.available"
|
||||
orange
|
||||
color-main
|
||||
icon="warning"
|
||||
vn-tooltip="Visible: {{::row.visible || 0}} <br> {{::$ctrl.translate.instant('Available')}} {{::row.available || 0}}">
|
||||
</vn-icon>
|
||||
<vn-icon ng-show="row.reserved" icon="icon-reserva"></vn-icon>
|
||||
</td>
|
||||
<td number>
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, row.itemFk)"
|
||||
class="link" pointer>
|
||||
{{("000000"+row.itemFk).slice(-6)}}
|
||||
class="link">
|
||||
{{row.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</td>
|
||||
<td><vn-fetched-tags max-length="6" item="row.item"/></td>
|
||||
<td number>{{::row.quantity}}</td>
|
||||
<td number>{{::row.price | currency: 'EUR':2}}</td>
|
||||
<td number>{{::row.quantity * row.price | currency: 'EUR':2}}</td>
|
||||
</tr>
|
||||
<tr ng-if="!$ctrl.summary.rows" class="list list-element">
|
||||
<td colspan="8" style="text-align: center" translate>No results</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</vn-td>
|
||||
<vn-td expand><vn-fetched-tags max-length="6" item="row.item"/></vn-td>
|
||||
<vn-td number>{{::row.quantity}}</vn-td>
|
||||
<vn-td number>{{::row.price | currency: 'EUR':2}}</vn-td>
|
||||
<vn-td number>{{::row.quantity * row.price | currency: 'EUR':2}}</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
</table>
|
||||
</vn-auto>
|
||||
</vn-horizontal>
|
||||
|
|
|
@ -34,7 +34,7 @@
|
|||
<vn-td number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, row.itemFk)"
|
||||
pointer class="link">
|
||||
class="link">
|
||||
{{::row.itemFk}}
|
||||
</span>
|
||||
</vn-td>
|
||||
|
|
|
@ -8,78 +8,76 @@
|
|||
</vn-crud-model>
|
||||
<vn-vertical>
|
||||
<vn-card pad-large>
|
||||
<vn-vertical>
|
||||
<table class="vn-grid">
|
||||
<thead>
|
||||
<tr>
|
||||
<th number translate>Item</th>
|
||||
<th translate>Description</th>
|
||||
<th number translate>Quantity</th>
|
||||
<th translate>Serie</th>
|
||||
<th translate>Components</th>
|
||||
<th number translate>Import</th>
|
||||
<th number translate>Total import</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td number colspan="7">
|
||||
<span translate>Base</span> {{$ctrl.base() | currency: 'EUR':3}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td number colspan="7">
|
||||
<span translate>Margin</span> {{$ctrl.profitMargin() | currency: 'EUR':3}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td number colspan="7">
|
||||
<span translate>Total</span> {{$ctrl.total() | currency: 'EUR':3}}
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
<tbody ng-repeat="sale in components track by sale.id">
|
||||
<tr>
|
||||
<td rowspan="{{
|
||||
::sale.components.length + 1
|
||||
}}" number>
|
||||
<span pointer
|
||||
ng-click="$ctrl.showDescriptor($event, sale.itemFk)"
|
||||
class="link">
|
||||
{{("000000"+sale.itemFk).slice(-6)}}
|
||||
</span>
|
||||
</td>
|
||||
<td rowspan="{{
|
||||
::sale.components.length + 1
|
||||
}}"><vn-fetched-tags max-length="6" item="sale.item"/></td>
|
||||
<td rowspan="{{
|
||||
::sale.components.length + 1
|
||||
}}" number>{{::sale.quantity}}</td>
|
||||
</tr>
|
||||
<tr
|
||||
ng-repeat="component in sale.components track by component.componentFk">
|
||||
<td ng-class="::{
|
||||
first: $index == 0,last: $index == sale.components.length - 1
|
||||
}">{{::component.componentRate.componentType.type}}</td>
|
||||
<td ng-class="::{
|
||||
first: $index == 0,last: $index == sale.components.length - 1
|
||||
}">{{::component.componentRate.name}}</td>
|
||||
<td ng-class="::{
|
||||
first: $index == 0,last: $index == sale.components.length - 1
|
||||
}" number>{{::component.value | currency: 'EUR':3}}</td>
|
||||
<td ng-class="::{
|
||||
first: $index == 0,last: $index == sale.components.length - 1
|
||||
}" number>{{::sale.quantity * component.value | currency: 'EUR':3}}</td>
|
||||
</tr>
|
||||
<tr ng-if="model.data.length === 0" class="list list-element">
|
||||
<td colspan="7" style="text-align: center" translate>No results</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</vn-vertical>
|
||||
<!-- <vn-paging vn-one margin-large-top index="index" total="index.model.count"></vn-paging> -->
|
||||
<vn-vertical>
|
||||
<table class="vn-grid">
|
||||
<thead>
|
||||
<tr>
|
||||
<th number translate>Item</th>
|
||||
<th translate>Description</th>
|
||||
<th number translate>Quantity</th>
|
||||
<th translate>Serie</th>
|
||||
<th translate>Components</th>
|
||||
<th number translate>Import</th>
|
||||
<th number translate>Total import</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td number colspan="7">
|
||||
<span translate>Base</span> {{$ctrl.base() | currency: 'EUR':3}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td number colspan="7">
|
||||
<span translate>Margin</span> {{$ctrl.profitMargin() | currency: 'EUR':3}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td number colspan="7">
|
||||
<span translate>Total</span> {{$ctrl.total() | currency: 'EUR':3}}
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
<tbody ng-repeat="sale in components track by sale.id">
|
||||
<tr>
|
||||
<td rowspan="{{::sale.components.length + 1}}" number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, sale.itemFk)"
|
||||
class="link">
|
||||
{{sale.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</td>
|
||||
<td rowspan="{{::sale.components.length + 1}}">
|
||||
<vn-fetched-tags max-length="6" item="sale.item"/>
|
||||
</td>
|
||||
<td rowspan="{{::sale.components.length + 1}}" number>
|
||||
{{::sale.quantity}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr
|
||||
ng-repeat="component in sale.components track by component.componentFk">
|
||||
<td ng-class="::{first: $index == 0,last: $index == sale.components.length - 1}">
|
||||
{{::component.componentRate.componentType.type}}
|
||||
</td>
|
||||
<td ng-class="::{first: $index == 0,last: $index == sale.components.length - 1}">
|
||||
{{::component.componentRate.name}}
|
||||
</td>
|
||||
<td ng-class="::{first: $index == 0,last: $index == sale.components.length - 1}" number>
|
||||
{{::component.value | currency: 'EUR':3}}
|
||||
</td>
|
||||
<td ng-class="::{first: $index == 0,last: $index == sale.components.length - 1}" number>
|
||||
{{::sale.quantity * component.value | currency: 'EUR':3}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr ng-if="model.data.length === 0" class="list list-element">
|
||||
<td colspan="7" style="text-align: center" translate>No results</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</vn-vertical>
|
||||
</vn-card>
|
||||
</vn-vertical>
|
||||
<vn-item-descriptor-popover vn-id="descriptor"
|
||||
<vn-item-descriptor-popover
|
||||
vn-id="descriptor"
|
||||
quicklinks="$ctrl.quicklinks">
|
||||
</vn-item-descriptor-popover>
|
|
@ -2,8 +2,8 @@
|
|||
|
||||
tpl-item{
|
||||
&.notActive {
|
||||
background-color: $main-bg;
|
||||
color: $secondary-font-color;
|
||||
background-color: $color-bg;
|
||||
color: $color-font-secondary;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
<vn-crud-model auto-load="false"
|
||||
<vn-crud-model
|
||||
auto-load="false"
|
||||
vn-id="model"
|
||||
url="/ticket/api/Expeditions/filter"
|
||||
link="{ticketFk: $ctrl.$stateParams.id}"
|
||||
|
@ -31,7 +32,7 @@
|
|||
</vn-td>
|
||||
<vn-td number>
|
||||
<span
|
||||
ng-class="{'link pointer':expedition.itemFk}"
|
||||
ng-class="{link: expedition.itemFk}"
|
||||
ng-click="$ctrl.showDescriptor($event, expedition.itemFk)">
|
||||
{{expedition.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
|
@ -44,9 +45,6 @@
|
|||
<vn-td>{{::expedition.created | date:'dd/MM/yyyy HH:mm'}}</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-vertical>
|
||||
<vn-pagination model="model"></vn-pagination>
|
||||
|
|
|
@ -10,13 +10,12 @@
|
|||
<div class="vn-list">
|
||||
<vn-card pad-medium-h>
|
||||
<vn-horizontal>
|
||||
<vn-three>
|
||||
<vn-searchbar
|
||||
panel="vn-ticket-search-panel"
|
||||
on-search="$ctrl.onSearch($params)"
|
||||
vn-focus>
|
||||
</vn-searchbar>
|
||||
</vn-three>
|
||||
<vn-searchbar
|
||||
style="width: 100%"
|
||||
panel="vn-ticket-search-panel"
|
||||
on-search="$ctrl.onSearch($params)"
|
||||
vn-focus>
|
||||
</vn-searchbar>
|
||||
<vn-icon-menu
|
||||
vn-id="more-button"
|
||||
icon="more_vert"
|
||||
|
@ -29,7 +28,7 @@
|
|||
</vn-horizontal>
|
||||
</vn-card>
|
||||
</div>
|
||||
<vn-card margin-medium-v pad-medium>
|
||||
<vn-card margin-medium-v>
|
||||
<vn-table model="model" auto-load="false">
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
|
@ -48,21 +47,26 @@
|
|||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<a ng-repeat="ticket in tickets" class="clickable vn-tr searchResult"
|
||||
ui-sref="ticket.card.summary({id: {{::ticket.id}}})">
|
||||
<vn-td>
|
||||
<vn-icon ng-show="ticket.problem" class="bright"
|
||||
<a ng-repeat="ticket in tickets"
|
||||
class="clickable vn-tr searchResult"
|
||||
ui-sref="ticket.card.summary({id: {{::ticket.id}}})">
|
||||
<vn-td shrink>
|
||||
<vn-icon
|
||||
ng-show="ticket.problem"
|
||||
class="bright"
|
||||
vn-tooltip="{{ticket.problem}}"
|
||||
icon="warning">
|
||||
</vn-icon>
|
||||
</vn-td>
|
||||
<vn-td number>{{::ticket.id}}</vn-td>
|
||||
<vn-td>{{::ticket.userNickname | dashIfEmpty}}</vn-td>
|
||||
<vn-td class="{{$ctrl.compareDate(ticket.shipped)}}">
|
||||
{{::ticket.shipped | dateTime: 'dd/MM/yyyy'}}
|
||||
<vn-td>
|
||||
<span class="chip {{$ctrl.compareDate(ticket.shipped)}}">
|
||||
{{::ticket.shipped | dateTime: 'dd/MM/yyyy'}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td>{{::ticket.shipped | dateTime: 'HH:mm'}}</vn-td>
|
||||
<vn-td>
|
||||
<vn-td expand>
|
||||
<span
|
||||
class="link"
|
||||
ng-click="$ctrl.showDescriptor($event, ticket.clientFk)">
|
||||
|
@ -70,11 +74,15 @@
|
|||
</span>
|
||||
</vn-td>
|
||||
<vn-td>{{::ticket.province}}</vn-td>
|
||||
<vn-td class="{{$ctrl.stateColor(ticket)}}">{{::ticket.state}}</vn-td>
|
||||
<vn-td>
|
||||
<span class="chip {{$ctrl.stateColor(ticket)}}">
|
||||
{{::ticket.state}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td>{{::ticket.agencyMode}}</vn-td>
|
||||
<vn-td>{{::ticket.warehouse}}</vn-td>
|
||||
<vn-td number>{{::ticket.total | currency: 'EUR': 2}}</vn-td>
|
||||
<vn-td number>
|
||||
<vn-td shrink>
|
||||
<vn-icon-button
|
||||
ng-click="$ctrl.goToLines($event, ticket.id)"
|
||||
vn-tooltip="Go to lines"
|
||||
|
@ -88,12 +96,6 @@
|
|||
</vn-td>
|
||||
</a>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
<vn-empty-rows ng-if="model.data === null" translate>
|
||||
Enter a new search
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-card>
|
||||
<vn-pagination model="model"></vn-pagination>
|
||||
|
|
|
@ -79,13 +79,13 @@ export default class Controller {
|
|||
|
||||
stateColor(ticket) {
|
||||
if (ticket.alertLevelCode === 'OK')
|
||||
return 'alertOk';
|
||||
return 'success';
|
||||
else if (ticket.alertLevelCode === 'FREE')
|
||||
return 'alertFree';
|
||||
return 'notice';
|
||||
else if (ticket.alertLevel === 1)
|
||||
return 'alert1';
|
||||
return 'warning';
|
||||
else if (ticket.alertLevel === 0)
|
||||
return 'alert0';
|
||||
return 'alert';
|
||||
}
|
||||
|
||||
showDescriptor(event, clientFk) {
|
||||
|
|
|
@ -4,37 +4,41 @@ vn-ticket-index{
|
|||
vn-icon-menu{
|
||||
padding-top: 30px;
|
||||
padding-left: 10px;
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
li {
|
||||
color: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.alert1 {
|
||||
background-color: $main-01-03;
|
||||
&:hover {
|
||||
background-color: $main-01-05;
|
||||
}
|
||||
color: white;
|
||||
background-color: $color-main-light;
|
||||
}
|
||||
vn-tr:hover .alert1 {
|
||||
background-color: $color-main-medium;
|
||||
}
|
||||
|
||||
.alertOk {
|
||||
background-color: $main-02-03;
|
||||
&:hover {
|
||||
background-color: $main-02-05;
|
||||
}
|
||||
color: white;
|
||||
background-color: $color-success-light;
|
||||
}
|
||||
vn-tr:hover .alertOk {
|
||||
background-color: $color-success-medium;
|
||||
}
|
||||
|
||||
.alertFree {
|
||||
background-color: $main-03-03;
|
||||
&:hover {
|
||||
background-color: $main-03-05;
|
||||
}
|
||||
color: white;
|
||||
background-color: $color-notice-light;
|
||||
}
|
||||
vn-tr:hover .alertFree {
|
||||
background-color: $color-notice-medium;
|
||||
}
|
||||
|
||||
.alert0 {
|
||||
background-color: $alert-01-03;
|
||||
&:hover {
|
||||
background-color: $alert-01-05;
|
||||
}
|
||||
color: white;
|
||||
background-color: $color-alert-light;
|
||||
}
|
||||
vn-tr:hover .alert0 {
|
||||
background-color: $color-alert-medium;
|
||||
}
|
||||
}
|
|
@ -37,7 +37,6 @@
|
|||
<vn-auto pad-medium-top>
|
||||
<vn-icon
|
||||
pointer
|
||||
medium-grey
|
||||
vn-tooltip="Remove note"
|
||||
icon="delete"
|
||||
ng-click="model.remove($index)">
|
||||
|
@ -47,7 +46,7 @@
|
|||
</vn-one>
|
||||
<vn-one>
|
||||
<vn-icon-button
|
||||
pointer vn-tooltip="Add note"
|
||||
vn-tooltip="Add note"
|
||||
icon="add_circle"
|
||||
vn-bind="+"
|
||||
ng-if="observationTypes.length > observations.length"
|
||||
|
|
|
@ -41,7 +41,6 @@
|
|||
<vn-auto pad-medium-top>
|
||||
<vn-icon
|
||||
pointer
|
||||
medium-grey
|
||||
vn-tooltip="Remove package"
|
||||
icon="delete"
|
||||
ng-click="model.remove($index)">
|
||||
|
@ -51,7 +50,6 @@
|
|||
</vn-one>
|
||||
<vn-one>
|
||||
<vn-icon-button
|
||||
pointer
|
||||
vn-tooltip="Add package"
|
||||
vn-bind="+"
|
||||
icon="add_circle"
|
||||
|
|
|
@ -18,7 +18,7 @@
|
|||
<img
|
||||
ng-src="//verdnatura.es/vn-image-data/catalog/200x200/{{::sale.item.image}}"
|
||||
zoom-image="//verdnatura.es/vn-image-data/catalog/1600x900/{{::sale.item.image}}"
|
||||
on-error-src pointer/>
|
||||
on-error-src/>
|
||||
</vn-one>
|
||||
<vn-one pad-small class="description ellipsize">
|
||||
<vn-vertical>
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
<vn-crud-model auto-load="false"
|
||||
<vn-crud-model
|
||||
auto-load="false"
|
||||
vn-id="model"
|
||||
url="/ticket/api/TicketRequests"
|
||||
fields="['id', 'description', 'created', 'requesterFk', 'atenderFk', 'quantity', 'price', 'saleFk', 'isOk']"
|
||||
|
@ -14,65 +15,66 @@
|
|||
</vn-watcher>
|
||||
<form name="form" ng-submit="$ctrl.onSubmit()">
|
||||
<vn-card pad-large>
|
||||
<vn-horizontal>
|
||||
<vn-table model="model">
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th number>Id</vn-th>
|
||||
<vn-th>Description</vn-th>
|
||||
<vn-th number>Created</vn-th>
|
||||
<vn-th>Requester</vn-th>
|
||||
<vn-th>Atender</vn-th>
|
||||
<vn-th number>Quantity</vn-th>
|
||||
<vn-th number>Price</vn-th>
|
||||
<vn-th number>Sale id</vn-th>
|
||||
<vn-th number>Ok</vn-th>
|
||||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr ng-repeat="request in purchaseRequests">
|
||||
<vn-td number>{{::request.id}}</vn-td>
|
||||
<vn-td>{{::request.description}}</vn-td>
|
||||
<vn-td number>{{::request.created | dateTime: 'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td>{{::request.requester.user.nickname}}</vn-td>
|
||||
<vn-td>{{::request.atender.user.nickname}}</vn-td>
|
||||
<vn-td number>{{::request.quantity}}</vn-td>
|
||||
<vn-td number>{{::request.price | currency: 'EUR': 2}}</vn-td>
|
||||
<vn-td number>
|
||||
<span
|
||||
ng-show="::request.saleFk"
|
||||
ng-click="$ctrl.showDescriptor($event, request.sale)"
|
||||
pointer class="link">
|
||||
{{("000000"+request.saleFk).slice(-6)}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
<vn-check vn-one
|
||||
field="::request.isOk"
|
||||
disabled="true">
|
||||
</vn-check>
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
<vn-icon-button
|
||||
disabled="::request.saleFk"
|
||||
icon="delete"
|
||||
ng-click="$ctrl.removeLine($index)"
|
||||
vn-tooltip="Remove request"
|
||||
tabindex="-1">
|
||||
</vn-icon-button>
|
||||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal>
|
||||
<vn-table model="model">
|
||||
<vn-thead>
|
||||
<vn-tr>
|
||||
<vn-th number>Id</vn-th>
|
||||
<vn-th>Description</vn-th>
|
||||
<vn-th number>Created</vn-th>
|
||||
<vn-th>Requester</vn-th>
|
||||
<vn-th>Atender</vn-th>
|
||||
<vn-th number>Quantity</vn-th>
|
||||
<vn-th number>Price</vn-th>
|
||||
<vn-th number>Sale id</vn-th>
|
||||
<vn-th number>Ok</vn-th>
|
||||
</vn-tr>
|
||||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr ng-repeat="request in purchaseRequests">
|
||||
<vn-td number>{{::request.id}}</vn-td>
|
||||
<vn-td expand>{{::request.description}}</vn-td>
|
||||
<vn-td number>{{::request.created | dateTime: 'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td>{{::request.requester.user.nickname}}</vn-td>
|
||||
<vn-td>{{::request.atender.user.nickname}}</vn-td>
|
||||
<vn-td number>{{::request.quantity}}</vn-td>
|
||||
<vn-td number>{{::request.price | currency: 'EUR': 2}}</vn-td>
|
||||
<vn-td number>
|
||||
<span
|
||||
ng-show="::request.saleFk"
|
||||
ng-click="$ctrl.showDescriptor($event, request.sale)"
|
||||
class="link">
|
||||
{{request.saleFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
<vn-check vn-one
|
||||
field="::request.isOk"
|
||||
disabled="true">
|
||||
</vn-check>
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
<vn-icon-button
|
||||
disabled="::request.saleFk"
|
||||
icon="delete"
|
||||
ng-click="$ctrl.removeLine($index)"
|
||||
vn-tooltip="Remove request"
|
||||
tabindex="-1">
|
||||
</vn-icon-button>
|
||||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
</vn-table>
|
||||
</vn-horizontal>
|
||||
</vn-card>
|
||||
<vn-item-descriptor-popover vn-id="descriptor"
|
||||
</form>
|
||||
<vn-item-descriptor-popover
|
||||
vn-id="descriptor"
|
||||
quicklinks="$ctrl.quicklinks">
|
||||
</vn-item-descriptor-popover>
|
||||
</form>
|
||||
<a ui-sref="ticket.card.request.create" vn-tooltip="New request" vn-bind="+" fixed-bottom-right>
|
||||
<a ui-sref="ticket.card.request.create"
|
||||
vn-tooltip="New request"
|
||||
vn-bind="+"
|
||||
fixed-bottom-right>
|
||||
<vn-float-button icon="add"></vn-float-button>
|
||||
</a>
|
|
@ -29,8 +29,8 @@
|
|||
<vn-td number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, sale.itemFk)"
|
||||
class="link" pointer>
|
||||
{{("000000"+sale.itemFk).slice(-6)}}
|
||||
class="link">
|
||||
{{sale.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td><vn-fetched-tags max-length="6" item="sale.item"/></vn-td>
|
||||
|
|
|
@ -33,8 +33,8 @@
|
|||
<vn-td number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, sale.itemFk)"
|
||||
class="link" pointer>
|
||||
{{("000000"+sale.itemFk).slice(-6)}}
|
||||
class="link">
|
||||
{{sale.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td><vn-fetched-tags max-length="6" item="sale.item"/></vn-td>
|
||||
|
|
|
@ -80,14 +80,13 @@
|
|||
<a ui-sref="claim.card.basicData({id: sale.claim.claimFk})">
|
||||
<vn-icon
|
||||
ng-show="sale.claim.claimFk"
|
||||
orange
|
||||
icon="icon-claims"
|
||||
vn-tooltip="{{::$ctrl.$translate.instant('Claim')}}: {{::sale.claim.claimFk}}">
|
||||
</vn-icon>
|
||||
</a>
|
||||
<vn-icon
|
||||
ng-show="sale.visible || sale.available"
|
||||
orange
|
||||
color-main
|
||||
icon="warning"
|
||||
vn-tooltip="Visible: {{::sale.visible || 0}} <br> {{::$ctrl.$translate.instant('Available')}}: {{::sale.available || 0}}">
|
||||
</vn-icon>
|
||||
|
@ -104,11 +103,13 @@
|
|||
<vn-td number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, sale.itemFk)"
|
||||
pointer class="link">
|
||||
class="link">
|
||||
{{::sale.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td><vn-fetched-tags max-length="6" item="sale.tags" title="sale.concept"/></vn-td>
|
||||
<vn-td expand>
|
||||
<vn-fetched-tags max-length="6" item="sale.tags" title="sale.concept"/>
|
||||
</vn-td>
|
||||
<vn-td ng-if="!$ctrl.isEditable" number>{{sale.quantity}}</vn-td>
|
||||
<vn-td ng-if="$ctrl.isEditable" number>
|
||||
<vn-textfield
|
||||
|
@ -121,7 +122,6 @@
|
|||
ng-if="$ctrl.isEditable"
|
||||
class="link"
|
||||
ng-click="$ctrl.showEditPricePopover($event, sale)"
|
||||
pointer
|
||||
vn-tooltip="Edit price">
|
||||
{{sale.price | currency: 'EUR':2}}
|
||||
</vn-td>
|
||||
|
@ -132,7 +132,6 @@
|
|||
ng-if="$ctrl.isEditable"
|
||||
class="link"
|
||||
ng-click="$ctrl.showEditPopover($event, sale)"
|
||||
pointer
|
||||
vn-tooltip="Edit discount">
|
||||
{{sale.discount}} %
|
||||
</vn-td>
|
||||
|
@ -242,19 +241,17 @@
|
|||
type="number">
|
||||
</vn-textfield>
|
||||
<vn-icon-button
|
||||
pointer
|
||||
icon="arrow_forward_ios"
|
||||
ng-click="$ctrl.moveLines($ctrl.moveToTicketFk)">
|
||||
</vn-icon-button>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal>
|
||||
<vn-button
|
||||
pointer
|
||||
label="New ticket"
|
||||
ng-click="$ctrl.linesToNewTicket()">
|
||||
</vn-button>
|
||||
<vn-icon
|
||||
medium-grey
|
||||
color-secondary
|
||||
vn-tooltip="You have to allow pop-ups in your web browser to use this functionality"
|
||||
icon="info">
|
||||
</vn-icon>
|
||||
|
|
|
@ -11,7 +11,7 @@ vn-ticket-sale {
|
|||
}
|
||||
|
||||
vn-horizontal.header{
|
||||
background-color: $main-01;
|
||||
background-color: $color-main;
|
||||
h5{
|
||||
color: white;
|
||||
margin: 0 auto;
|
||||
|
@ -21,7 +21,7 @@ vn-ticket-sale {
|
|||
p.simulatorTitle{
|
||||
margin-bottom: 0px;
|
||||
font-size: 12px;
|
||||
color: $main-01;
|
||||
color: $color-main;
|
||||
}
|
||||
|
||||
vn-label-value{
|
||||
|
|
|
@ -43,7 +43,6 @@
|
|||
<vn-auto pad-medium-top>
|
||||
<vn-icon
|
||||
pointer
|
||||
medium-grey
|
||||
vn-tooltip="Remove service"
|
||||
icon="delete"
|
||||
ng-click="model.remove($index)">
|
||||
|
@ -52,8 +51,7 @@
|
|||
</vn-horizontal>
|
||||
</vn-one>
|
||||
<vn-one>
|
||||
<vn-icon-button
|
||||
pointer
|
||||
<vn-icon-butto
|
||||
vn-tooltip="Add service"
|
||||
vn-bind="+"
|
||||
icon="add_circle"
|
||||
|
|
|
@ -69,15 +69,13 @@
|
|||
<vn-td>
|
||||
<a ui-sref="claim.card.basicData({id: sale.claimBeginning.claimFk})">
|
||||
<vn-icon
|
||||
ng-show="sale.claimBeginning.claimFk"
|
||||
orange
|
||||
icon="icon-claims"
|
||||
vn-tooltip="{{::$ctrl.$translate.instant('Claim')}}: {{::sale.claimBeginning.claimFk}}">
|
||||
</vn-icon>
|
||||
</a>
|
||||
<vn-icon
|
||||
ng-show="sale.visible || sale.available"
|
||||
orange
|
||||
color-main
|
||||
icon="warning"
|
||||
vn-tooltip="Visible: {{::sale.visible || 0}} <br> {{::$ctrl.translate.instant('Available')}} {{::sale.available || 0}}">
|
||||
</vn-icon>
|
||||
|
@ -86,19 +84,16 @@
|
|||
<vn-td number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, sale.itemFk)"
|
||||
class="link" pointer>
|
||||
class="link">
|
||||
{{sale.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td><vn-fetched-tags max-length="6" item="sale.item" title="sale.concept"/></vn-td>
|
||||
<vn-td expand><vn-fetched-tags max-length="6" item="sale.item" title="sale.concept"/></vn-td>
|
||||
<vn-td number>{{::sale.quantity}}</vn-td>
|
||||
<vn-td number>{{::sale.price | currency: 'EUR':2}}</vn-td>
|
||||
<vn-td number>{{::sale.discount}} %</vn-td>
|
||||
<vn-td number>{{::sale.quantity * sale.price | currency: 'EUR':2}}</vn-td>
|
||||
</vn-tr>
|
||||
<vn-tr ng-if="!$ctrl.summary.sales" class="list list-element">
|
||||
<vn-td colspan="8" style="text-align: center" translate>No results</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
</vn-table>
|
||||
</vn-auto>
|
||||
|
@ -119,9 +114,6 @@
|
|||
<vn-td number>{{package.quantity}}</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-one>
|
||||
<vn-one ng-if="$ctrl.summary.services.length != 0">
|
||||
|
@ -139,15 +131,12 @@
|
|||
<vn-tbody>
|
||||
<vn-tr ng-repeat="service in $ctrl.summary.services">
|
||||
<vn-td number>{{::service.id}}</vn-td>
|
||||
<vn-td>{{::service.description}}</vn-td>
|
||||
<vn-td expand>{{::service.description}}</vn-td>
|
||||
<vn-td number>{{::service.quantity}}</vn-td>
|
||||
<vn-td number>{{::service.price}}</vn-td>
|
||||
<vn-td>{{::service.taxClass.description}}</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="$ctrl.summary.services.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-one>
|
||||
<vn-auto ng-if="$ctrl.summary.requests.length != 0">
|
||||
|
@ -167,7 +156,7 @@
|
|||
</vn-thead>
|
||||
<vn-tbody>
|
||||
<vn-tr ng-repeat="request in $ctrl.summary.requests">
|
||||
<vn-td>{{::request.description}}</vn-td>
|
||||
<vn-td expand>{{::request.description}}</vn-td>
|
||||
<vn-td number>{{::request.created | dateTime: 'dd/MM/yyyy'}}</vn-td>
|
||||
<vn-td>{{::request.requester.user.name}}</vn-td>
|
||||
<vn-td>{{::request.atender.user.name}}</vn-td>
|
||||
|
@ -177,8 +166,8 @@
|
|||
<span
|
||||
ng-show="::request.saleFk"
|
||||
ng-click="$ctrl.showDescriptor($event, request.saleFk)"
|
||||
pointer class="link">
|
||||
{{("000000"+request.saleFk).slice(-6)}}
|
||||
class="link">
|
||||
{{request.saleFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td number>
|
||||
|
@ -189,12 +178,9 @@
|
|||
</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="$ctrl.summary.requests.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-auto>
|
||||
|
||||
</vn-horizontal>
|
||||
</vn-card>
|
||||
<vn-item-descriptor-popover
|
||||
vn-id="descriptor"
|
||||
|
|
|
@ -34,18 +34,15 @@
|
|||
<vn-td number>
|
||||
<span
|
||||
ng-click="$ctrl.showDescriptor($event, sale.itemFk)"
|
||||
class="link" pointer>
|
||||
{{("000000"+sale.itemFk).slice(-6)}}
|
||||
class="link">
|
||||
{{sale.itemFk | zeroFill:6}}
|
||||
</span>
|
||||
</vn-td>
|
||||
<vn-td><vn-fetched-tags max-length="6" item="sale.item"/></vn-td>
|
||||
<vn-td expand><vn-fetched-tags max-length="6" item="sale.item"/></vn-td>
|
||||
<vn-td number>{{::sale.quantity}}</vn-td>
|
||||
<vn-td number>{{::sale.volume.m3 | number:3}}</vn-td>
|
||||
</vn-tr>
|
||||
</vn-tbody>
|
||||
<vn-empty-rows ng-if="model.data.length === 0" translate>
|
||||
No results
|
||||
</vn-empty-rows>
|
||||
</vn-table>
|
||||
</vn-vertical>
|
||||
<vn-pagination model="model"></vn-pagination>
|
||||
|
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue