Merge branch 'dev' of https://gitea.verdnatura.es/verdnatura/salix into dev
This commit is contained in:
Gerard
commit
9573c875e2
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-calendar {
|
vn-calendar {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-check {
|
vn-check {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-chip {
|
vn-chip {
|
||||||
margin: 0 0.5em 0.5em 0;
|
margin: 0 0.5em 0.5em 0;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-date-picker {
|
vn-date-picker {
|
||||||
.mdl-chip__action {
|
.mdl-chip__action {
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
@import "effects";
|
@import "effects";
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-drop-down {
|
vn-drop-down {
|
||||||
.dropdown {
|
.dropdown {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-fetched-tags {
|
vn-fetched-tags {
|
||||||
&.noTitle vn-one {
|
&.noTitle vn-one {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-icon-button {
|
vn-icon-button {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
@import '../textfield/style.scss';
|
@import '../textfield/style.scss';
|
||||||
|
|
||||||
vn-input-number {
|
vn-input-number {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
vn-input-range {
|
vn-input-range {
|
||||||
label {
|
label {
|
||||||
color: $main-01;
|
color: $main-01;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
@import '../textfield/style.scss';
|
@import '../textfield/style.scss';
|
||||||
|
|
||||||
vn-input-time {
|
vn-input-time {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-label-value > section {
|
vn-label-value > section {
|
||||||
& > vn-label {
|
& > vn-label {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-log {
|
vn-log {
|
||||||
vn-td {
|
vn-td {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-paging {
|
vn-paging {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "padding";
|
@import "variables";
|
||||||
|
|
||||||
vn-searchbar {
|
vn-searchbar {
|
||||||
padding-top: 6px;
|
padding-top: 6px;
|
||||||
|
|
@ -13,6 +13,6 @@ vn-searchbar {
|
||||||
max-height: 48em;
|
max-height: 48em;
|
||||||
|
|
||||||
& > form {
|
& > form {
|
||||||
@extend .pad-large;
|
padding: $pad-large;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-snackbar #shapes {
|
vn-snackbar #shapes {
|
||||||
max-height: 20.625em;
|
max-height: 20.625em;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-step-control {
|
vn-step-control {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-textarea {
|
vn-textarea {
|
||||||
& > .mdl-textfield {
|
& > .mdl-textfield {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
vn-textfield {
|
vn-textfield {
|
||||||
margin: 20px 0!important;
|
margin: 20px 0!important;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-treeview {
|
vn-treeview {
|
||||||
ul {
|
ul {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Rewrited CSS rules from Material Design Lite.
|
* Rewrited CSS rules from Material Design Lite.
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,7 @@
|
||||||
@import "background";
|
|
||||||
@import "margin";
|
|
||||||
@import "variables";
|
@import "variables";
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@extend .bg-content;
|
background-color: $bg-content;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
vn-app {
|
vn-app {
|
||||||
|
|
@ -56,7 +54,7 @@ vn-app {
|
||||||
padding-top: $topbar-height;
|
padding-top: $topbar-height;
|
||||||
}
|
}
|
||||||
.content-block {
|
.content-block {
|
||||||
@extend .margin-medium;
|
margin: $margin-medium;
|
||||||
|
|
||||||
form vn-horizontal {
|
form vn-horizontal {
|
||||||
& > * {
|
& > * {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-login {
|
vn-login {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "background";
|
@import "variables";
|
||||||
|
|
||||||
vn-topbar {
|
vn-topbar {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-user-configuration-popover {
|
vn-user-configuration-popover {
|
||||||
vn-popover {
|
vn-popover {
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,4 @@
|
||||||
@import "colors";
|
@import "./variables";
|
||||||
|
|
||||||
$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;
|
|
||||||
|
|
||||||
html [bg-main], .bg-main {
|
html [bg-main], .bg-main {
|
||||||
background-color: $main-bg;
|
background-color: $main-bg;
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,5 @@
|
||||||
@import "colors";
|
@import "./colors";
|
||||||
|
@import "./variables";
|
||||||
$border-color: #AAA;
|
|
||||||
$border-thin: 1px;
|
|
||||||
$border-thick: 2px;
|
|
||||||
|
|
||||||
html [border-none], .border-none {
|
html [border-none], .border-none {
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
|
|
||||||
@import "./effects";
|
@import "./effects";
|
||||||
@import "./colors";
|
@import "./colors";
|
||||||
@import "./padding";
|
@import "./variables";
|
||||||
|
|
||||||
.vn-descriptor {
|
.vn-descriptor {
|
||||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||||
|
|
@ -28,13 +28,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
& > .body {
|
& > .body {
|
||||||
@extend .pad-small;
|
padding: $pad-small;
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
@extend .pad-small;
|
padding: $pad-small;
|
||||||
}
|
}
|
||||||
& > .attributes > h5 {
|
& > .attributes > h5 {
|
||||||
@extend .pad-small-bottom;
|
padding-bottom: $pad-small;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -46,7 +46,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
& > vn-icon {
|
& > vn-icon {
|
||||||
@extend .pad-small;
|
padding: $pad-small;
|
||||||
color: #666;
|
color: #666;
|
||||||
opacity: .4;
|
opacity: .4;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
|
|
@ -64,7 +64,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
& > a {
|
& > a {
|
||||||
@extend .pad-small;
|
padding: $pad-small;
|
||||||
|
|
||||||
& > vn-icon {
|
& > vn-icon {
|
||||||
font-size: 1.8em;
|
font-size: 1.8em;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
@import "colors";
|
@import "./colors";
|
||||||
@import "font-family";
|
@import "./font-family";
|
||||||
|
|
||||||
body {
|
body {
|
||||||
color: $main-font-color;
|
color: $main-font-color;
|
||||||
|
|
@ -9,16 +9,16 @@ html [uppercase], .uppercase {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
html [orange], .orange{color: $main-01}
|
html [orange], .orange {color: $main-01}
|
||||||
html [green], .green{color: $main-02}
|
html [green], .green {color: $main-02}
|
||||||
html [blue], .blue{color: $main-03}
|
html [blue], .blue {color: $main-03}
|
||||||
html [red], html [alert], .red, .alert {color: $alert-01}
|
html [red], html [alert], .red, .alert {color: $alert-01}
|
||||||
html [white], .white{color: $color-white}
|
html [white], .white {color: $color-white}
|
||||||
html [dark], .dark{color: $color-dark}
|
html [dark], .dark {color: $color-dark}
|
||||||
html [dark-grey], .dark-grey{color: $color-dark-grey}
|
html [dark-grey], .dark-grey {color: $color-dark-grey}
|
||||||
html [light-grey], .light-grey{color: $color-light-grey}
|
html [light-grey], .light-grey {color: $color-light-grey}
|
||||||
html [medium-grey], .medium-grey{color: $hover}
|
html [medium-grey], .medium-grey {color: $hover}
|
||||||
html [medium-green], .medium-green{color: $color-medium-green}
|
html [medium-green], .medium-green {color: $color-medium-green}
|
||||||
html [medium-orange], .medium-orange{color: $color-medium-orange}
|
html [medium-orange], .medium-orange {color: $color-medium-orange}
|
||||||
html [light-green], .light-green{color: $color-light-green}
|
html [light-green], .light-green {color: $color-light-green}
|
||||||
html [light-orange], .light-orange{color: $color-light-orange}
|
html [light-orange], .light-orange {color: $color-light-orange}
|
||||||
|
|
@ -1,8 +1,4 @@
|
||||||
|
@import "variables";
|
||||||
$margin-none: 0;
|
|
||||||
$margin-small: 8px;
|
|
||||||
$margin-medium: 16px;
|
|
||||||
$margin-large: 32px;
|
|
||||||
|
|
||||||
/* None */
|
/* None */
|
||||||
|
|
||||||
|
|
@ -16,101 +12,101 @@ html [margin-small], .margin-small {
|
||||||
margin: $margin-small;
|
margin: $margin-small;
|
||||||
}
|
}
|
||||||
html [margin-small-top], .margin-small-top {
|
html [margin-small-top], .margin-small-top {
|
||||||
margin-top: $margin-small;
|
margin-top: $margin-small;
|
||||||
}
|
}
|
||||||
html [margin-small-left], .margin-small-left {
|
html [margin-small-left], .margin-small-left {
|
||||||
margin-left: $margin-small;
|
margin-left: $margin-small;
|
||||||
}
|
}
|
||||||
html [margin-small-right], .margin-small-right {
|
html [margin-small-right], .margin-small-right {
|
||||||
margin-right: $margin-small;
|
margin-right: $margin-small;
|
||||||
}
|
}
|
||||||
html [margin-small-bottom], .margin-small-bottom {
|
html [margin-small-bottom], .margin-small-bottom {
|
||||||
margin-bottom: $margin-small;
|
margin-bottom: $margin-small;
|
||||||
}
|
}
|
||||||
html [margin-small-v], .margin-small-v {
|
html [margin-small-v], .margin-small-v {
|
||||||
margin-top: $margin-small;
|
margin-top: $margin-small;
|
||||||
margin-bottom: $margin-small;
|
margin-bottom: $margin-small;
|
||||||
}
|
}
|
||||||
html [margin-small-h], .margin-small-h {
|
html [margin-small-h], .margin-small-h {
|
||||||
margin-left: $margin-small;
|
margin-left: $margin-small;
|
||||||
margin-right: $margin-small;
|
margin-right: $margin-small;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Medium */
|
/* Medium */
|
||||||
|
|
||||||
html [margin-medium], .margin-medium {
|
html [margin-medium], .margin-medium {
|
||||||
margin: $margin-medium;
|
margin: $margin-medium;
|
||||||
}
|
}
|
||||||
html [margin-medium-top], .margin-medium-top {
|
html [margin-medium-top], .margin-medium-top {
|
||||||
margin-top: $margin-medium;
|
margin-top: $margin-medium;
|
||||||
}
|
}
|
||||||
html [margin-medium-left], .margin-medium-left {
|
html [margin-medium-left], .margin-medium-left {
|
||||||
margin-left: $margin-medium;
|
margin-left: $margin-medium;
|
||||||
}
|
}
|
||||||
html [margin-medium-right], .margin-medium-right {
|
html [margin-medium-right], .margin-medium-right {
|
||||||
margin-right: $margin-medium;
|
margin-right: $margin-medium;
|
||||||
}
|
}
|
||||||
html [margin-medium-bottom], .margin-medium-bottom {
|
html [margin-medium-bottom], .margin-medium-bottom {
|
||||||
margin-bottom: $margin-medium;
|
margin-bottom: $margin-medium;
|
||||||
}
|
}
|
||||||
html [margin-medium-v], .margin-medium-v {
|
html [margin-medium-v], .margin-medium-v {
|
||||||
margin-top: $margin-medium;
|
margin-top: $margin-medium;
|
||||||
margin-bottom: $margin-medium;
|
margin-bottom: $margin-medium;
|
||||||
}
|
}
|
||||||
html [margin-medium-h], .margin-medium-h {
|
html [margin-medium-h], .margin-medium-h {
|
||||||
margin-left: $margin-medium;
|
margin-left: $margin-medium;
|
||||||
margin-right: $margin-medium;
|
margin-right: $margin-medium;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Large */
|
/* Large */
|
||||||
|
|
||||||
html [margin-large], .margin-large {
|
html [margin-large], .margin-large {
|
||||||
margin: $margin-large;
|
margin: $margin-large;
|
||||||
}
|
}
|
||||||
html [margin-large-top], .margin-large-top {
|
html [margin-large-top], .margin-large-top {
|
||||||
margin-top: $margin-large;
|
margin-top: $margin-large;
|
||||||
}
|
}
|
||||||
html [margin-large-left], .margin-large-left {
|
html [margin-large-left], .margin-large-left {
|
||||||
margin-left: $margin-large;
|
margin-left: $margin-large;
|
||||||
}
|
}
|
||||||
html [margin-large-right], .margin-large-right {
|
html [margin-large-right], .margin-large-right {
|
||||||
margin-right: $margin-large;
|
margin-right: $margin-large;
|
||||||
}
|
}
|
||||||
html [margin-large-bottom], .margin-large-bottom {
|
html [margin-large-bottom], .margin-large-bottom {
|
||||||
margin-bottom: $margin-large;
|
margin-bottom: $margin-large;
|
||||||
}
|
}
|
||||||
html [margin-large-v], .margin-large-v {
|
html [margin-large-v], .margin-large-v {
|
||||||
margin-top: $margin-large;
|
margin-top: $margin-large;
|
||||||
margin-bottom: $margin-large;
|
margin-bottom: $margin-large;
|
||||||
}
|
}
|
||||||
html [margin-large-h], .margin-large-h {
|
html [margin-large-h], .margin-large-h {
|
||||||
margin-left: $margin-large;
|
margin-left: $margin-large;
|
||||||
margin-right: $margin-large;
|
margin-right: $margin-large;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Minus Small */
|
/* Minus Small */
|
||||||
|
|
||||||
html [margin--small], .margin--small {
|
html [margin--small], .margin--small {
|
||||||
margin: -$margin-small;
|
margin: -$margin-small;
|
||||||
}
|
}
|
||||||
html [margin--small-top], .margin--small-top {
|
html [margin--small-top], .margin--small-top {
|
||||||
margin-top: -$margin-small;
|
margin-top: -$margin-small;
|
||||||
}
|
}
|
||||||
html [margin--small-left], .margin--small-left {
|
html [margin--small-left], .margin--small-left {
|
||||||
margin-left: -$margin-small;
|
margin-left: -$margin-small;
|
||||||
}
|
}
|
||||||
html [margin--small-right], .margin--small-right {
|
html [margin--small-right], .margin--small-right {
|
||||||
margin-right: -$margin-small;
|
margin-right: -$margin-small;
|
||||||
}
|
}
|
||||||
html [margin--small-bottom], .margin--small-bottom {
|
html [margin--small-bottom], .margin--small-bottom {
|
||||||
margin-bottom: -$margin-small;
|
margin-bottom: -$margin-small;
|
||||||
}
|
}
|
||||||
html [margin--small-v], .margin--small-v {
|
html [margin--small-v], .margin--small-v {
|
||||||
margin-top: -$margin-small;
|
margin-top: -$margin-small;
|
||||||
margin-bottom: -$margin-small;
|
margin-bottom: -$margin-small;
|
||||||
}
|
}
|
||||||
html [margin--small-h], .margin--small-h {
|
html [margin--small-h], .margin--small-h {
|
||||||
margin-left: -$margin-small;
|
margin-left: -$margin-small;
|
||||||
margin-right: -$margin-small;
|
margin-right: -$margin-small;
|
||||||
}
|
}
|
||||||
|
|
@ -1,7 +1,5 @@
|
||||||
@import "./padding";
|
@import "./variables";
|
||||||
@import "./margin";
|
|
||||||
@import "./colors";
|
@import "./colors";
|
||||||
@import "./border";
|
|
||||||
@import "./effects";
|
@import "./effects";
|
||||||
|
|
||||||
a:focus,
|
a:focus,
|
||||||
|
|
@ -160,8 +158,8 @@ a.vn-list-item {
|
||||||
}
|
}
|
||||||
|
|
||||||
.vn-list-item {
|
.vn-list-item {
|
||||||
@extend .pad-medium;
|
padding: $pad-medium;
|
||||||
@extend .border-solid-bottom;
|
border-bottom: $border-thin solid $border-color;
|
||||||
|
|
||||||
display: block;
|
display: block;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,5 @@
|
||||||
@import "./colors";
|
@import "./colors";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 1920px){
|
@media screen and (max-width: 1920px){
|
||||||
.catalog-list .product {
|
.catalog-list .product {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,4 @@
|
||||||
|
@import "./variables";
|
||||||
$pad-none: 0;
|
|
||||||
$pad-small: 8px;
|
|
||||||
$pad-medium: 16px;
|
|
||||||
$pad-large: 32px;
|
|
||||||
|
|
||||||
/* None */
|
/* None */
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
@import "./colors";
|
@import "./colors";
|
||||||
@import "./margin";
|
@import "./variables";
|
||||||
@import "./padding";
|
|
||||||
|
|
||||||
.summary {
|
.summary {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
@ -8,7 +7,7 @@
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
& > h5 {
|
& > h5 {
|
||||||
@extend .pad-small;
|
padding: $pad-small;
|
||||||
border: none;
|
border: none;
|
||||||
background: $main-01;
|
background: $main-01;
|
||||||
color: $color-white;
|
color: $color-white;
|
||||||
|
|
@ -21,10 +20,10 @@
|
||||||
}
|
}
|
||||||
& > vn-horizontal {
|
& > vn-horizontal {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
@extend .pad-medium;
|
padding: $pad-medium;
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
@extend .margin-medium-bottom;
|
margin-bottom: $margin-medium;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: 15pt;
|
font-size: 15pt;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
|
@ -38,7 +37,7 @@
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
& > * {
|
& > * {
|
||||||
@extend .margin-small;
|
margin: $margin-small;
|
||||||
min-width: 14em;
|
min-width: 14em;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
@ -80,27 +79,3 @@
|
||||||
font-size: .9em
|
font-size: .9em
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.state {
|
|
||||||
padding: 5px;
|
|
||||||
background-color: $main-01;
|
|
||||||
color: white;
|
|
||||||
|
|
||||||
p {
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 15px;
|
|
||||||
text-align: center;
|
|
||||||
margin: .1em 0;
|
|
||||||
|
|
||||||
&:nth-child(1) {
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
vn-one {
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
&:nth-child(1) {
|
|
||||||
border-right: .1em solid white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "./colors";
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 32pt;
|
font-size: 32pt;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,34 @@
|
||||||
|
@import "./colors";
|
||||||
|
|
||||||
$menu-width: 16em;
|
$menu-width: 16em;
|
||||||
$topbar-height: 4em;
|
$topbar-height: 4em;
|
||||||
$mobile-width: 800px;
|
$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;
|
||||||
|
$pad-small: 8px;
|
||||||
|
$pad-medium: 16px;
|
||||||
|
$pad-large: 32px;
|
||||||
|
|
||||||
|
// Margin
|
||||||
|
|
||||||
|
$margin-none: 0;
|
||||||
|
$margin-small: 8px;
|
||||||
|
$margin-medium: 16px;
|
||||||
|
$margin-large: 32px;
|
||||||
|
|
||||||
|
// Border
|
||||||
|
|
||||||
|
$border-color: #AAA;
|
||||||
|
$border-thin: 1px;
|
||||||
|
$border-thick: 2px;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-claim-index {
|
vn-claim-index {
|
||||||
.Pendiente {
|
.Pendiente {
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,32 @@ vn-client-sample-create {
|
||||||
}
|
}
|
||||||
|
|
||||||
tpl-body {
|
tpl-body {
|
||||||
min-width: 800px
|
min-width: 800px;
|
||||||
|
|
||||||
|
.container, .container h1 {
|
||||||
|
font-family: "Roboto","Helvetica","Arial",sans-serif;
|
||||||
|
font-size: 1em !important;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-weight: bold;
|
||||||
|
margin: auto
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 1em 0
|
||||||
|
}
|
||||||
|
|
||||||
|
footer p {
|
||||||
|
font-size: 10px !important;
|
||||||
|
line-height: 10px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.title h1 {
|
||||||
|
font-size: 2em !important;
|
||||||
|
margin: 0
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-client-summary {
|
vn-client-summary {
|
||||||
.alert span {
|
.alert span {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-client-web-payment {
|
vn-client-web-payment {
|
||||||
vn-icon[icon=clear] {
|
vn-icon[icon=clear] {
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
</vn-float-button>
|
</vn-float-button>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<vn-horizontal class="state">
|
<vn-horizontal class="item-state">
|
||||||
<vn-one>
|
<vn-one>
|
||||||
<p translate>Visible</p>
|
<p translate>Visible</p>
|
||||||
<p>{{$ctrl.item.visible}}</p>
|
<p>{{$ctrl.item.visible}}</p>
|
||||||
|
|
@ -46,7 +46,7 @@
|
||||||
<div class="attributes">
|
<div class="attributes">
|
||||||
<h5>{{$ctrl.item.id}}</h5>
|
<h5>{{$ctrl.item.id}}</h5>
|
||||||
<vn-label-value label="Name"
|
<vn-label-value label="Name"
|
||||||
value="{{::$ctrl.item.name}}">
|
value="{{$ctrl.item.name}}">
|
||||||
</vn-label-value>
|
</vn-label-value>
|
||||||
<vn-label-value label="Buyer"
|
<vn-label-value label="Buyer"
|
||||||
value="{{$ctrl.item.itemType.worker.user.nickname}}">
|
value="{{$ctrl.item.itemType.worker.user.nickname}}">
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-item-diary {
|
vn-item-diary {
|
||||||
& > vn-vertical {
|
& > vn-vertical {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-item-product {
|
vn-item-product {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
vn-item-last-entries {
|
vn-item-last-entries {
|
||||||
.round {
|
.round {
|
||||||
background-color: $lines;
|
background-color: $lines;
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
ng-src="//verdnatura.es/vn-image-data/catalog/200x200/{{$ctrl.item.image}}"
|
ng-src="//verdnatura.es/vn-image-data/catalog/200x200/{{$ctrl.item.image}}"
|
||||||
zoom-image="//verdnatura.es/vn-image-data/catalog/1600x900/{{$ctrl.item.image}}" on-error-src/>
|
zoom-image="//verdnatura.es/vn-image-data/catalog/1600x900/{{$ctrl.item.image}}" on-error-src/>
|
||||||
</vn-one>
|
</vn-one>
|
||||||
<vn-horizontal class="state">
|
<vn-horizontal class="item-state">
|
||||||
<vn-one>
|
<vn-one>
|
||||||
<p translate>Visible</p>
|
<p translate>Visible</p>
|
||||||
<p>{{$ctrl.summary.visible}}</p>
|
<p>{{$ctrl.summary.visible}}</p>
|
||||||
|
|
@ -36,7 +36,7 @@
|
||||||
value="{{$ctrl.summary.item.origin.name}}">
|
value="{{$ctrl.summary.item.origin.name}}">
|
||||||
</vn-label-value>
|
</vn-label-value>
|
||||||
<vn-label-value label="stems"
|
<vn-label-value label="stems"
|
||||||
value="{{$ctrl.summary.item.origin.stems}}">
|
value="{{$ctrl.summary.item.stems}}">
|
||||||
</vn-label-value>
|
</vn-label-value>
|
||||||
<vn-label-value label="Buyer"
|
<vn-label-value label="Buyer"
|
||||||
value="{{$ctrl.summary.item.itemType.worker.user.nickname}}">
|
value="{{$ctrl.summary.item.itemType.worker.user.nickname}}">
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,35 @@
|
||||||
|
@import "./colors";
|
||||||
|
|
||||||
vn-item-summary {
|
vn-item-summary {
|
||||||
p {
|
p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-state {
|
||||||
|
padding: .4em;
|
||||||
|
background-color: $main-01;
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: .8em;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
text-transform: uppercase;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
&:last-child {
|
||||||
|
font-size: 1.5em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
vn-one {
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
&:nth-child(1) {
|
||||||
|
border-right: .1em solid white;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -67,6 +67,7 @@ class Controller {
|
||||||
this.$scope.model.save().then(() => {
|
this.$scope.model.save().then(() => {
|
||||||
this.$scope.watcher.notifySaved();
|
this.$scope.watcher.notifySaved();
|
||||||
this.$scope.model.refresh();
|
this.$scope.model.refresh();
|
||||||
|
this.card.reload();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -75,5 +76,8 @@ Controller.$inject = ['$stateParams', '$scope'];
|
||||||
|
|
||||||
ngModule.component('vnItemTags', {
|
ngModule.component('vnItemTags', {
|
||||||
template: require('./index.html'),
|
template: require('./index.html'),
|
||||||
controller: Controller
|
controller: Controller,
|
||||||
|
require: {
|
||||||
|
card: '^vnItemCard'
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-dialog.modal-form {
|
vn-dialog.modal-form {
|
||||||
vn-horizontal.header{
|
vn-horizontal.header{
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
|
|
||||||
vn-order-catalog .catalog-header {
|
vn-order-catalog .catalog-header {
|
||||||
border-color: $lines;
|
border-color: $lines;
|
||||||
|
|
|
||||||
|
|
@ -1,26 +1,27 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
@import "padding";
|
@import "variables";
|
||||||
|
|
||||||
vn-catalog-filter > div {
|
vn-catalog-filter > div {
|
||||||
& > .input {
|
& > .input {
|
||||||
@extend .pad-medium-h;
|
padding-left: $pad-medium;
|
||||||
|
padding-right: $pad-medium;
|
||||||
border-color: $lines;
|
border-color: $lines;
|
||||||
border-bottom: 1px solid rgba($lines, 0.5);
|
border-bottom: 1px solid rgba($lines, 0.5);
|
||||||
}
|
}
|
||||||
.item-category {
|
.item-category {
|
||||||
@extend .pad-small;
|
padding: $pad-small;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
& > vn-one {
|
& > vn-one {
|
||||||
@extend .pad-small;
|
padding: $pad-small;
|
||||||
min-width: 33.33%;
|
min-width: 33.33%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
& > vn-icon {
|
& > vn-icon {
|
||||||
@extend .pad-small;
|
padding: $pad-small;
|
||||||
background-color: $secondary-font-color;
|
background-color: $secondary-font-color;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -39,7 +40,7 @@ vn-catalog-filter > div {
|
||||||
}
|
}
|
||||||
.chips {
|
.chips {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
@extend .pad-medium;
|
padding: $pad-medium;
|
||||||
}
|
}
|
||||||
|
|
||||||
vn-autocomplete[vn-id="type"] .list {
|
vn-autocomplete[vn-id="type"] .list {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-order-prices-popover {
|
vn-order-prices-popover {
|
||||||
width: 150px;
|
width: 150px;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
tpl-item{
|
tpl-item{
|
||||||
&.notActive {
|
&.notActive {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'colors';
|
@import "variables";
|
||||||
|
|
||||||
vn-ticket-index{
|
vn-ticket-index{
|
||||||
vn-icon-menu{
|
vn-icon-menu{
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "colors";
|
@import "variables";
|
||||||
vn-ticket-sale {
|
vn-ticket-sale {
|
||||||
vn-popover.edit {
|
vn-popover.edit {
|
||||||
div.popover{
|
div.popover{
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
16
package.json
16
package.json
|
|
@ -4,10 +4,10 @@
|
||||||
"author": "Verdnatura Levante SL",
|
"author": "Verdnatura Levante SL",
|
||||||
"description": "Salix backend",
|
"description": "Salix backend",
|
||||||
"license": "GPL-3.0",
|
"license": "GPL-3.0",
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://gitea.verdnatura.es/verdnatura/salix"
|
"url": "https://gitea.verdnatura.es/verdnatura/salix"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"compression": "^1.7.3",
|
"compression": "^1.7.3",
|
||||||
"fs-extra": "^5.0.0",
|
"fs-extra": "^5.0.0",
|
||||||
|
|
@ -36,7 +36,7 @@
|
||||||
"@babel/register": "^7.0.0",
|
"@babel/register": "^7.0.0",
|
||||||
"angular-mocks": "^1.7.4",
|
"angular-mocks": "^1.7.4",
|
||||||
"babel-loader": "^8.0.5",
|
"babel-loader": "^8.0.5",
|
||||||
"css-loader": "^0.25.0",
|
"css-loader": "^2.1.0",
|
||||||
"del": "^2.2.2",
|
"del": "^2.2.2",
|
||||||
"eslint": "^5.12.0",
|
"eslint": "^5.12.0",
|
||||||
"eslint-config-google": "^0.11.0",
|
"eslint-config-google": "^0.11.0",
|
||||||
|
|
@ -73,9 +73,9 @@
|
||||||
"node-sass": "^4.9.3",
|
"node-sass": "^4.9.3",
|
||||||
"nodemon": "^1.18.5",
|
"nodemon": "^1.18.5",
|
||||||
"plugin-error": "^1.0.1",
|
"plugin-error": "^1.0.1",
|
||||||
"raw-loader": "*",
|
"raw-loader": "^1.0.0",
|
||||||
"sass-loader": "^6.0.7",
|
"sass-loader": "^7.1.0",
|
||||||
"style-loader": "^0.20.3",
|
"style-loader": "^0.23.1",
|
||||||
"webpack": "^4.28.3",
|
"webpack": "^4.28.3",
|
||||||
"webpack-cli": "^3.2.1",
|
"webpack-cli": "^3.2.1",
|
||||||
"webpack-dev-server": "^3.1.14",
|
"webpack-dev-server": "^3.1.14",
|
||||||
|
|
|
||||||
|
|
@ -37,4 +37,4 @@ body {
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
color: #333;
|
color: #333;
|
||||||
margin: 0
|
margin: 0
|
||||||
}
|
}
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
.container {
|
.container {
|
||||||
font-family: arial, sans-serif;
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||||||
font-size: 16px;
|
font-size: 16px
|
||||||
zoom: 0.55
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.columns {
|
.columns {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
body {
|
||||||
|
zoom: 0.55
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
font-weight: 100;
|
||||||
|
margin-top: 0;
|
||||||
|
font-size: 2em
|
||||||
|
}
|
||||||
|
|
@ -11,6 +11,7 @@
|
||||||
{"type": "report", "name": "rpt-claim-pickup-order"},
|
{"type": "report", "name": "rpt-claim-pickup-order"},
|
||||||
{"type": "report", "name": "rpt-letter-debtor"},
|
{"type": "report", "name": "rpt-letter-debtor"},
|
||||||
{"type": "report", "name": "rpt-sepa-core"},
|
{"type": "report", "name": "rpt-sepa-core"},
|
||||||
|
{"type": "report", "name": "rpt-informe"},
|
||||||
{"type": "static", "name": "email-header"},
|
{"type": "static", "name": "email-header"},
|
||||||
{"type": "static", "name": "email-footer"},
|
{"type": "static", "name": "email-footer"},
|
||||||
{"type": "static", "name": "report-header"},
|
{"type": "static", "name": "report-header"},
|
||||||
|
|
|
||||||
|
|
@ -2,5 +2,6 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
`${__dirname}/style.css`])
|
`${appPath}/common/css/email.css`,
|
||||||
|
`${appPath}/common/css/misc.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,9 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<section class="container">
|
<section class="container">
|
||||||
|
<!-- Header component -->
|
||||||
<email-header></email-header>
|
<email-header></email-header>
|
||||||
|
<!-- End header component -->
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<!-- Title block -->
|
<!-- Title block -->
|
||||||
<div class="title">
|
<div class="title">
|
||||||
|
|
@ -26,7 +28,9 @@
|
||||||
<p>{{$t('sections.howToBuy.stock')}}</p>
|
<p>{{$t('sections.howToBuy.stock')}}</p>
|
||||||
<p>{{$t('sections.howToBuy.delivery')}}</p> -->
|
<p>{{$t('sections.howToBuy.delivery')}}</p> -->
|
||||||
</section>
|
</section>
|
||||||
|
<!-- Footer component -->
|
||||||
<email-footer :locale="locale"></email-footer>
|
<email-footer :locale="locale"></email-footer>
|
||||||
|
<!-- End footer component -->
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,5 +2,6 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
`${__dirname}/style.css`])
|
`${appPath}/common/css/email.css`,
|
||||||
|
`${appPath}/common/css/misc.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -1,40 +0,0 @@
|
||||||
body {
|
|
||||||
background-color: #EEE
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 600px;
|
|
||||||
min-width: 320px;
|
|
||||||
margin: 0 auto;
|
|
||||||
color: #555
|
|
||||||
}
|
|
||||||
|
|
||||||
.main {
|
|
||||||
background-color: #FFF;
|
|
||||||
padding: 20px
|
|
||||||
}
|
|
||||||
|
|
||||||
.main a {
|
|
||||||
color: #8dba25
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h1 {
|
|
||||||
color: #999
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h3 {
|
|
||||||
font-size: 16px
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
background-color: #95d831;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-align: center;
|
|
||||||
padding: 35px 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.title h1 {
|
|
||||||
font-size: 32px;
|
|
||||||
color: #333;
|
|
||||||
margin: 0
|
|
||||||
}
|
|
||||||
|
|
@ -5,7 +5,9 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<section class="container">
|
<section class="container">
|
||||||
|
<!-- Header component -->
|
||||||
<email-header></email-header>
|
<email-header></email-header>
|
||||||
|
<!-- End header component -->
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<!-- Title block -->
|
<!-- Title block -->
|
||||||
<div class="title">
|
<div class="title">
|
||||||
|
|
@ -62,7 +64,9 @@
|
||||||
</section>
|
</section>
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
<!-- Footer component -->
|
||||||
<email-footer :locale="locale"></email-footer>
|
<email-footer :locale="locale"></email-footer>
|
||||||
|
<!-- End footer component -->
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,5 +2,6 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
`${__dirname}/style.css`])
|
`${appPath}/common/css/email.css`,
|
||||||
|
`${appPath}/common/css/misc.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -1,42 +0,0 @@
|
||||||
body {
|
|
||||||
background-color: #EEE
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
font-family: arial, sans-serif;
|
|
||||||
max-width: 600px;
|
|
||||||
min-width: 320px;
|
|
||||||
font-size: 16px;
|
|
||||||
margin: 0 auto;
|
|
||||||
color: #555
|
|
||||||
}
|
|
||||||
|
|
||||||
.main {
|
|
||||||
background-color: #FFF;
|
|
||||||
padding: 20px
|
|
||||||
}
|
|
||||||
|
|
||||||
.main a {
|
|
||||||
color: #8dba25
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h1 {
|
|
||||||
color: #999
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h3 {
|
|
||||||
font-size: 16px
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
background-color: #95d831;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-align: center;
|
|
||||||
padding: 35px 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.title h1 {
|
|
||||||
font-size: 32px;
|
|
||||||
color: #333;
|
|
||||||
margin: 0
|
|
||||||
}
|
|
||||||
|
|
@ -8,7 +8,6 @@
|
||||||
<!-- Header component -->
|
<!-- Header component -->
|
||||||
<email-header></email-header>
|
<email-header></email-header>
|
||||||
<!-- End header component -->
|
<!-- End header component -->
|
||||||
|
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<!-- Title block -->
|
<!-- Title block -->
|
||||||
<div class="title">
|
<div class="title">
|
||||||
|
|
|
||||||
|
|
@ -2,5 +2,6 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
`${__dirname}/style.css`])
|
`${appPath}/common/css/email.css`,
|
||||||
|
`${appPath}/common/css/misc.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -1,42 +0,0 @@
|
||||||
body {
|
|
||||||
background-color: #EEE
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
font-family: arial, sans-serif;
|
|
||||||
max-width: 600px;
|
|
||||||
min-width: 320px;
|
|
||||||
font-size: 16px;
|
|
||||||
margin: 0 auto;
|
|
||||||
color: #555
|
|
||||||
}
|
|
||||||
|
|
||||||
.main {
|
|
||||||
background-color: #FFF;
|
|
||||||
padding: 20px
|
|
||||||
}
|
|
||||||
|
|
||||||
.main a {
|
|
||||||
color: #8dba25
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h1 {
|
|
||||||
color: #999
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h3 {
|
|
||||||
font-size: 16px
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
background-color: #95d831;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-align: center;
|
|
||||||
padding: 35px 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.title h1 {
|
|
||||||
font-size: 32px;
|
|
||||||
color: #333;
|
|
||||||
margin: 0
|
|
||||||
}
|
|
||||||
|
|
@ -8,7 +8,6 @@
|
||||||
<!-- Header component -->
|
<!-- Header component -->
|
||||||
<email-header></email-header>
|
<email-header></email-header>
|
||||||
<!-- End header component -->
|
<!-- End header component -->
|
||||||
|
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<!-- Title block -->
|
<!-- Title block -->
|
||||||
<div class="title">
|
<div class="title">
|
||||||
|
|
|
||||||
|
|
@ -2,5 +2,6 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
`${__dirname}/style.css`])
|
`${appPath}/common/css/email.css`,
|
||||||
|
`${appPath}/common/css/misc.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
body {
|
|
||||||
background-color: #EEE
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 600px;
|
|
||||||
min-width: 320px;
|
|
||||||
margin: 0 auto;
|
|
||||||
color: #555
|
|
||||||
}
|
|
||||||
.main {
|
|
||||||
background-color: #FFF;
|
|
||||||
padding: 20px
|
|
||||||
}
|
|
||||||
|
|
||||||
.main a {
|
|
||||||
color: #8dba25
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h1 {
|
|
||||||
color: #999
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h3 {
|
|
||||||
font-size: 16px
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
background-color: #95d831;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-align: center;
|
|
||||||
padding: 35px 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.title h1 {
|
|
||||||
font-size: 32px;
|
|
||||||
color: #333;
|
|
||||||
margin: 0
|
|
||||||
}
|
|
||||||
|
|
@ -8,7 +8,6 @@
|
||||||
<!-- Header component -->
|
<!-- Header component -->
|
||||||
<email-header></email-header>
|
<email-header></email-header>
|
||||||
<!-- End header component -->
|
<!-- End header component -->
|
||||||
|
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<!-- Title block -->
|
<!-- Title block -->
|
||||||
<div class="title">
|
<div class="title">
|
||||||
|
|
|
||||||
|
|
@ -2,5 +2,6 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
`${__dirname}/style.css`])
|
`${appPath}/common/css/email.css`,
|
||||||
|
`${appPath}/common/css/misc.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -1,40 +0,0 @@
|
||||||
body {
|
|
||||||
background-color: #EEE
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 600px;
|
|
||||||
min-width: 320px;
|
|
||||||
margin: 0 auto;
|
|
||||||
color: #555
|
|
||||||
}
|
|
||||||
|
|
||||||
.main {
|
|
||||||
background-color: #FFF;
|
|
||||||
padding: 20px
|
|
||||||
}
|
|
||||||
|
|
||||||
.main a {
|
|
||||||
color: #8dba25
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h1 {
|
|
||||||
color: #999
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h3 {
|
|
||||||
font-size: 16px
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
background-color: #95d831;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-align: center;
|
|
||||||
padding: 35px 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.title h1 {
|
|
||||||
font-size: 32px;
|
|
||||||
color: #333;
|
|
||||||
margin: 0
|
|
||||||
}
|
|
||||||
|
|
@ -8,7 +8,6 @@
|
||||||
<!-- Header component -->
|
<!-- Header component -->
|
||||||
<email-header></email-header>
|
<email-header></email-header>
|
||||||
<!-- End header component -->
|
<!-- End header component -->
|
||||||
|
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<!-- Title block -->
|
<!-- Title block -->
|
||||||
<div class="title">
|
<div class="title">
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
|
`${appPath}/common/css/report.css`,
|
||||||
`${appPath}/common/css/misc.css`,
|
`${appPath}/common/css/misc.css`,
|
||||||
`${__dirname}/style.css`])
|
`${__dirname}/style.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,3 @@
|
||||||
.container {
|
|
||||||
color: #000
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-weight: 100;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
font-size: 2em
|
|
||||||
}
|
|
||||||
|
|
||||||
table.column-oriented {
|
table.column-oriented {
|
||||||
margin-top: 50px !important
|
margin-top: 50px !important
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,9 @@
|
||||||
<html lang="es">
|
<html lang="es">
|
||||||
<body>
|
<body>
|
||||||
<section class="container">
|
<section class="container">
|
||||||
<report-header></report-header>
|
<!-- Header component -->
|
||||||
|
<report-header :locale="locale"></report-header>
|
||||||
|
<!-- End header component -->
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<section class="columns">
|
<section class="columns">
|
||||||
<section class="size50">
|
<section class="size50">
|
||||||
|
|
@ -72,12 +74,13 @@
|
||||||
|
|
||||||
<p v-html="$t('sections.agency.description')"></p>
|
<p v-html="$t('sections.agency.description')"></p>
|
||||||
</section>
|
</section>
|
||||||
|
<!-- Footer component -->
|
||||||
<report-footer id="pageFooter"
|
<report-footer id="pageFooter"
|
||||||
:left-text="$t('claim', [claimId])"
|
:left-text="$t('claim', [claimId])"
|
||||||
:center-text="clientName"
|
:center-text="clientName"
|
||||||
:locale="locale">
|
:locale="locale">
|
||||||
</report-footer>
|
</report-footer>
|
||||||
|
<!-- End footer component -->
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,6 +2,7 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
|
`${appPath}/common/css/report.css`,
|
||||||
`${appPath}/common/css/misc.css`,
|
`${appPath}/common/css/misc.css`,
|
||||||
`${__dirname}/style.css`])
|
`${__dirname}/style.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,3 @@
|
||||||
.container {
|
|
||||||
color: #000
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-weight: 100;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
font-size: 2em
|
|
||||||
}
|
|
||||||
|
|
||||||
table.column-oriented {
|
table.column-oriented {
|
||||||
margin-top: 50px !important
|
margin-top: 50px !important
|
||||||
}
|
}
|
||||||
|
|
@ -1,8 +1,10 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="es">
|
<html lang="es">
|
||||||
<body>
|
<body>
|
||||||
<section class="container">
|
<section class="container" id="report">
|
||||||
<report-header></report-header>
|
<!-- Header component -->
|
||||||
|
<report-header :locale="locale"></report-header>
|
||||||
|
<!-- End header component -->
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<section class="columns">
|
<section class="columns">
|
||||||
<section class="size50">
|
<section class="size50">
|
||||||
|
|
@ -74,13 +76,21 @@
|
||||||
</tr> -->
|
</tr> -->
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</table>
|
</table>
|
||||||
</section>
|
|
||||||
|
|
||||||
|
<div class="panel" style="text-align:center;background-color:red">
|
||||||
|
<div class="header">Firma digital</div>
|
||||||
|
<img width="200" src="http://windows.verdnatura.es/signatures/tickets/1161229.png"/>
|
||||||
|
<section>{{dmsCreated}}</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Footer component -->
|
||||||
<report-footer id="pageFooter"
|
<report-footer id="pageFooter"
|
||||||
:left-text="$t('ticket', [clientId])"
|
:left-text="$t('ticket', [ticketId])"
|
||||||
:center-text="clientName"
|
:center-text="clientName"
|
||||||
:locale="locale">
|
:locale="locale">
|
||||||
</report-footer>
|
</report-footer>
|
||||||
|
<!-- End footer component -->
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -33,11 +33,17 @@ module.exports = {
|
||||||
data() {
|
data() {
|
||||||
return {totalBalance: 0.00};
|
return {totalBalance: 0.00};
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
dmsPath() {
|
||||||
|
return `http://windows.verdnatura.es/signatures/tickets/1161229.png`;
|
||||||
|
}
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
fetchClient(ticketFk) {
|
fetchClient(ticketFk) {
|
||||||
return database.pool.query(
|
return database.pool.query(
|
||||||
`SELECT
|
`SELECT
|
||||||
c.id clientId,
|
c.id clientId,
|
||||||
|
t.id ticketId,
|
||||||
u.lang locale,
|
u.lang locale,
|
||||||
c.email AS recipient,
|
c.email AS recipient,
|
||||||
c.socialName AS clientName,
|
c.socialName AS clientName,
|
||||||
|
|
@ -46,12 +52,16 @@ module.exports = {
|
||||||
c.city,
|
c.city,
|
||||||
c.fi,
|
c.fi,
|
||||||
p.name AS province,
|
p.name AS province,
|
||||||
ct.country
|
ct.country,
|
||||||
|
dt.dmsFk,
|
||||||
|
d.created AS dmsCreated
|
||||||
FROM ticket t
|
FROM ticket t
|
||||||
JOIN client c ON c.id = t.clientFk
|
JOIN client c ON c.id = t.clientFk
|
||||||
JOIN account.user u ON u.id = c.id
|
JOIN account.user u ON u.id = c.id
|
||||||
JOIN country ct ON ct.id = c.countryFk
|
JOIN country ct ON ct.id = c.countryFk
|
||||||
LEFT JOIN province p ON p.id = c.provinceFk
|
LEFT JOIN province p ON p.id = c.provinceFk
|
||||||
|
LEFT JOIN dmsTicket dt ON dt.ticketFk = t.id
|
||||||
|
LEFT JOIN dms d ON d.id = dt.dmsFk
|
||||||
WHERE t.id = ?`, [ticketFk]);
|
WHERE t.id = ?`, [ticketFk]);
|
||||||
},
|
},
|
||||||
fetchSales(clientFk, companyFk) {
|
fetchSales(clientFk, companyFk) {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
|
module.exports = new CssReader([
|
||||||
|
`${appPath}/common/css/layout.css`,
|
||||||
|
`${appPath}/common/css/report.css`,
|
||||||
|
`${appPath}/common/css/misc.css`,
|
||||||
|
`${__dirname}/style.css`])
|
||||||
|
.mergeStyles();
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
table.column-oriented {
|
||||||
|
margin-top: 50px !important
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,39 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="es">
|
||||||
|
<body>
|
||||||
|
<section class="container" id="report">
|
||||||
|
<!-- Header component -->
|
||||||
|
<report-header :locale="locale"></report-header>
|
||||||
|
<!-- End header component -->
|
||||||
|
<section class="main">
|
||||||
|
<!-- Report start -->
|
||||||
|
<h1 class="title">{{$t('title')}}</h1>
|
||||||
|
<p>{{$t('date')}} {{dated()}}</p>
|
||||||
|
<table class="column-oriented">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Id</th>
|
||||||
|
<th>{{$t('concept')}}</th>
|
||||||
|
<th>{{$t('quantity')}}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr v-for="sale in sales" :key="sale.id">
|
||||||
|
<td class="font gray">{{sale.id}}</td>
|
||||||
|
<td>{{sale.concept}}</td>
|
||||||
|
<td>{{sale.quantity}}</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<!-- Report end -->
|
||||||
|
</section>
|
||||||
|
<!-- Footer component -->
|
||||||
|
<report-footer id="pageFooter"
|
||||||
|
:left-text="$t('client', [client.id])"
|
||||||
|
:center-text="client.name"
|
||||||
|
:locale="locale">
|
||||||
|
</report-footer>
|
||||||
|
<!-- End footer component -->
|
||||||
|
</section>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
const strftime = require('strftime');
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
name: 'rpt-informe',
|
||||||
|
created() {
|
||||||
|
if (this.locale)
|
||||||
|
this.$i18n.locale = this.locale;
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
client: {
|
||||||
|
id: 10252,
|
||||||
|
name: 'Batman',
|
||||||
|
},
|
||||||
|
sales: [
|
||||||
|
{id: 1, concept: 'My item 1', quantity: 25},
|
||||||
|
{id: 2, concept: 'My item 2', quantity: 50},
|
||||||
|
{id: 3, concept: 'My item 3', quantity: 150}
|
||||||
|
],
|
||||||
|
locale: 'es'
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
dated: () => {
|
||||||
|
return strftime('%d-%m-%Y', new Date());
|
||||||
|
},
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
'report-header': require('../report-header'),
|
||||||
|
'report-footer': require('../report-footer'),
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
module.exports = {
|
||||||
|
messages: {
|
||||||
|
es: {
|
||||||
|
title: 'Sample report',
|
||||||
|
date: 'Fecha',
|
||||||
|
quantity: 'Cantidad',
|
||||||
|
concept: 'Concepto',
|
||||||
|
client: 'Cliente {0}',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
@ -2,6 +2,7 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
|
`${appPath}/common/css/report.css`,
|
||||||
`${appPath}/common/css/misc.css`,
|
`${appPath}/common/css/misc.css`,
|
||||||
`${__dirname}/style.css`])
|
`${__dirname}/style.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,3 @@
|
||||||
.container {
|
|
||||||
color: #000
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-weight: 100;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
font-size: 2em
|
|
||||||
}
|
|
||||||
|
|
||||||
table.column-oriented {
|
table.column-oriented {
|
||||||
margin-top: 50px !important
|
margin-top: 50px !important
|
||||||
}
|
}
|
||||||
|
|
@ -2,7 +2,9 @@
|
||||||
<html lang="es">
|
<html lang="es">
|
||||||
<body>
|
<body>
|
||||||
<section class="container">
|
<section class="container">
|
||||||
<report-header></report-header>
|
<!-- Header component -->
|
||||||
|
<report-header :locale="locale"></report-header>
|
||||||
|
<!-- End header component -->
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<section class="columns">
|
<section class="columns">
|
||||||
<section class="size50">
|
<section class="size50">
|
||||||
|
|
@ -71,12 +73,13 @@
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</table>
|
</table>
|
||||||
</section>
|
</section>
|
||||||
|
<!-- Footer component -->
|
||||||
<report-footer id="pageFooter"
|
<report-footer id="pageFooter"
|
||||||
:left-text="$t('client', [clientId])"
|
:left-text="$t('claim', [claimId])"
|
||||||
:center-text="clientName"
|
:center-text="clientName"
|
||||||
:locale="locale">
|
:locale="locale">
|
||||||
</report-footer>
|
</report-footer>
|
||||||
|
<!-- End footer component -->
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,6 +2,7 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
|
`${appPath}/common/css/report.css`,
|
||||||
`${appPath}/common/css/misc.css`,
|
`${appPath}/common/css/misc.css`,
|
||||||
`${__dirname}/style.css`])
|
`${__dirname}/style.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,3 @@
|
||||||
.container {
|
|
||||||
color: #000
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-weight: 100;
|
|
||||||
font-size: 1.5em;
|
|
||||||
margin-top: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment-type {
|
.payment-type {
|
||||||
width: auto
|
width: auto
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,9 @@
|
||||||
<html lang="es">
|
<html lang="es">
|
||||||
<body>
|
<body>
|
||||||
<section class="container">
|
<section class="container">
|
||||||
<report-header></report-header>
|
<!-- Header component -->
|
||||||
|
<report-header :locale="locale"></report-header>
|
||||||
|
<!-- End header component -->
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<h1 class="title centered">{{$t('title')}}</h1>
|
<h1 class="title centered">{{$t('title')}}</h1>
|
||||||
<section class="panel supplierPanel">
|
<section class="panel supplierPanel">
|
||||||
|
|
@ -139,12 +141,13 @@
|
||||||
<p class="font small">{{$t('mandatoryFields')}}</p>
|
<p class="font small">{{$t('mandatoryFields')}}</p>
|
||||||
<p class="font small">{{$t('sendOrder')}}</p>
|
<p class="font small">{{$t('sendOrder')}}</p>
|
||||||
</section>
|
</section>
|
||||||
|
<!-- Footer component -->
|
||||||
<report-footer id="pageFooter"
|
<report-footer id="pageFooter"
|
||||||
:left-text="$t('order', [mandateCode])"
|
:left-text="$t('claim', [claimId])"
|
||||||
:center-text="clientName"
|
:center-text="clientName"
|
||||||
:locale="locale">
|
:locale="locale">
|
||||||
</report-footer>
|
</report-footer>
|
||||||
|
<!-- End footer component -->
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,6 +2,7 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
|
`${appPath}/common/css/report.css`,
|
||||||
`${appPath}/common/css/misc.css`,
|
`${appPath}/common/css/misc.css`,
|
||||||
`${__dirname}/style.css`])
|
`${__dirname}/style.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,10 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="es">
|
<html lang="es">
|
||||||
<body>
|
<body>
|
||||||
<section class="container">
|
<section class="container" id="report">
|
||||||
|
<!-- Header component -->
|
||||||
<report-header :locale="locale"></report-header>
|
<report-header :locale="locale"></report-header>
|
||||||
|
<!-- End header component -->
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<!-- Report start -->
|
<!-- Report start -->
|
||||||
<h1 class="title">{{$t('title')}}</h1>
|
<h1 class="title">{{$t('title')}}</h1>
|
||||||
|
|
@ -25,11 +27,13 @@
|
||||||
</table>
|
</table>
|
||||||
<!-- Report end -->
|
<!-- Report end -->
|
||||||
</section>
|
</section>
|
||||||
|
<!-- Footer component -->
|
||||||
<report-footer id="pageFooter"
|
<report-footer id="pageFooter"
|
||||||
:left-text="$t('client', [client.id])"
|
:left-text="$t('client', [client.id])"
|
||||||
:center-text="client.name"
|
:center-text="client.name"
|
||||||
:locale="locale">
|
:locale="locale">
|
||||||
</report-footer>
|
</report-footer>
|
||||||
|
<!-- End footer component -->
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,5 +2,6 @@ const CssReader = require(`${appPath}/lib/cssReader`);
|
||||||
|
|
||||||
module.exports = new CssReader([
|
module.exports = new CssReader([
|
||||||
`${appPath}/common/css/layout.css`,
|
`${appPath}/common/css/layout.css`,
|
||||||
`${__dirname}/style.css`])
|
`${appPath}/common/css/email.css`,
|
||||||
|
`${appPath}/common/css/misc.css`])
|
||||||
.mergeStyles();
|
.mergeStyles();
|
||||||
|
|
|
||||||
|
|
@ -1,40 +0,0 @@
|
||||||
body {
|
|
||||||
background-color: #EEE
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 600px;
|
|
||||||
min-width: 320px;
|
|
||||||
margin: 0 auto;
|
|
||||||
color: #555
|
|
||||||
}
|
|
||||||
|
|
||||||
.main {
|
|
||||||
background-color: #FFF;
|
|
||||||
padding: 20px
|
|
||||||
}
|
|
||||||
|
|
||||||
.main a {
|
|
||||||
color: #8dba25
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h1 {
|
|
||||||
color: #999
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h3 {
|
|
||||||
font-size: 16px
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
background-color: #95d831;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-align: center;
|
|
||||||
padding: 35px 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.title h1 {
|
|
||||||
font-size: 32px;
|
|
||||||
color: #333;
|
|
||||||
margin: 0
|
|
||||||
}
|
|
||||||
|
|
@ -8,7 +8,6 @@
|
||||||
<!-- Header component -->
|
<!-- Header component -->
|
||||||
<email-header></email-header>
|
<email-header></email-header>
|
||||||
<!-- End header component -->
|
<!-- End header component -->
|
||||||
|
|
||||||
<section class="main">
|
<section class="main">
|
||||||
<!-- Title block -->
|
<!-- Title block -->
|
||||||
<div class="title">
|
<div class="title">
|
||||||
|
|
@ -19,10 +18,9 @@
|
||||||
<p>{{$t('description.dear')}},</p>
|
<p>{{$t('description.dear')}},</p>
|
||||||
<p>{{$t('description.instructions')}}</p>
|
<p>{{$t('description.instructions')}}</p>
|
||||||
<p>{{$t('description.conclusion')}}</p>
|
<p>{{$t('description.conclusion')}}</p>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<!-- Footer component -->
|
<!-- Footer component -->
|
||||||
<email-footer></email-footer>
|
<email-footer :locale="locale"></email-footer>
|
||||||
<!-- End footer component -->
|
<!-- End footer component -->
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -211,35 +211,36 @@ INSERT INTO `vn`.`clientManaCache`(`clientFk`, `mana`, `dated`)
|
||||||
|
|
||||||
INSERT INTO `vn`.`address`(`id`, `nickname`, `street`, `city`, `postalCode`, `provinceFk`, `phone`, `mobile`, `isActive`, `isDefaultAddress`, `clientFk`, `agencyModeFk`, `longitude`, `latitude`, `isEqualizated`)
|
INSERT INTO `vn`.`address`(`id`, `nickname`, `street`, `city`, `postalCode`, `provinceFk`, `phone`, `mobile`, `isActive`, `isDefaultAddress`, `clientFk`, `agencyModeFk`, `longitude`, `latitude`, `isEqualizated`)
|
||||||
VALUES
|
VALUES
|
||||||
(101, 'address 01', 'Somewhere in Thailand', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(101, 'address 01', 'Somewhere in Thailand', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(102, 'address 02', 'Somewhere in Poland', 'Silla', 46460, 1, 3333333333, 444444444, 1, 0, 109, 2, NULL, NULL, 0),
|
(102, 'address 02', 'Somewhere in Poland', 'Silla', 46460, 1, 3333333333, 444444444, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(103, 'address 03', 'Somewhere in Japan', 'Silla', 46460, 1, 3333333333, 444444444, 1, 0, 109, 2, NULL, NULL, 0),
|
(103, 'address 03', 'Somewhere in Japan', 'Silla', 46460, 1, 3333333333, 444444444, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(104, 'address 04', 'Somewhere in Spain', 'Silla', 46460, 1, 3333333333, 444444444, 1, 0, 109, 2, NULL, NULL, 0),
|
(104, 'address 04', 'Somewhere in Spain', 'Silla', 46460, 1, 3333333333, 444444444, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(105, 'address 05', 'Somewhere in Potugal', 'Silla', 46460, 1, 5555555555, 666666666, 1, 0, 109, 2, NULL, NULL, 0),
|
(105, 'address 05', 'Somewhere in Potugal', 'Silla', 46460, 1, 5555555555, 666666666, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(106, 'address 06', 'Somewhere in UK', 'Silla', 46460, 1, 5555555555, 666666666, 1, 0, 109, 2, NULL, NULL, 0),
|
(106, 'address 06', 'Somewhere in UK', 'Silla', 46460, 1, 5555555555, 666666666, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(107, 'address 07', 'Somewhere in Valencia', 'Silla', 46460, 1, 5555555555, 666666666, 1, 0, 109, 2, NULL, NULL, 0),
|
(107, 'address 07', 'Somewhere in Valencia', 'Silla', 46460, 1, 5555555555, 666666666, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(108, 'address 08', 'Somewhere in Silla', 'Silla', 46460, 1, 5555555555, 666666666, 1, 0, 109, 2, NULL, NULL, 0),
|
(108, 'address 08', 'Somewhere in Silla', 'Silla', 46460, 1, 5555555555, 666666666, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(109, 'address 09', 'Somewhere in London', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(109, 'address 09', 'Somewhere in London', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(110, 'address 10', 'Somewhere in Algemesi', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(110, 'address 10', 'Somewhere in Algemesi', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(111, 'address 11', 'Somewhere in Carlet', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(111, 'address 11', 'Somewhere in Carlet', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(112, 'address 12', 'Somewhere in Campanar', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(112, 'address 12', 'Somewhere in Campanar', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(113, 'address 13', 'Somewhere in Malilla', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(113, 'address 13', 'Somewhere in Malilla', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(114, 'address 14', 'Somewhere in France', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(114, 'address 14', 'Somewhere in France', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(115, 'address 15', 'Somewhere in Birmingham', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(115, 'address 15', 'Somewhere in Birmingham', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(116, 'address 16', 'Somewhere in Scotland', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(116, 'address 16', 'Somewhere in Scotland', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(117, 'address 17', 'Somewhere in nowhere', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(117, 'address 17', 'Somewhere in nowhere', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(118, 'address 18', 'Somewhere over the rainbow', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(118, 'address 18', 'Somewhere over the rainbow', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(119, 'address 19', 'Somewhere in Alberic', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(119, 'address 19', 'Somewhere in Alberic', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(120, 'address 20', 'Somewhere in Montortal', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
(120, 'address 20', 'Somewhere in Montortal', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 109, 2, NULL, NULL, 0),
|
||||||
(121, 'address 21', 'the bat cave', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 101, 2, NULL, NULL, 0),
|
(121, 'address 21', 'the bat cave', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 101, 2, NULL, NULL, 0),
|
||||||
(122, 'address 22', 'NY roofs', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 102, 2, NULL, NULL, 0),
|
(122, 'address 22', 'NY roofs', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 102, 2, NULL, NULL, 0),
|
||||||
(123, 'address 23', 'The phone box', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 103, 2, NULL, NULL, 0),
|
(123, 'address 23', 'The phone box', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 103, 2, NULL, NULL, 0),
|
||||||
(124, 'address 24', 'Stark tower', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 104, 2, NULL, NULL, 0),
|
(124, 'address 24', 'Stark tower', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 104, 2, NULL, NULL, 0),
|
||||||
(125, 'address 25', 'The plastic cell', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 105, 2, NULL, NULL, 0),
|
(125, 'address 25', 'The plastic cell', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 105, 2, NULL, NULL, 0),
|
||||||
(126, 'address 26', 'Many places', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 106, 2, NULL, NULL, 0),
|
(126, 'address 26', 'Many places', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 106, 2, NULL, NULL, 0),
|
||||||
(127, 'address 27', 'Your pocket', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 107, 2, NULL, NULL, 0),
|
(127, 'address 27', 'Your pocket', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 107, 2, NULL, NULL, 0),
|
||||||
(128, 'address 28', 'Cerebro', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 108, 2, NULL, NULL, 0),
|
(128, 'address 28', 'Cerebro', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 108, 2, NULL, NULL, 0),
|
||||||
(129, 'address 29', 'Luke Cages Bar', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 110, 2, NULL, NULL, 0);
|
(129, 'address 29', 'Luke Cages Bar', 'Silla', 46460, 1, 1111111111, 222222222, 1, 0, 110, 2, NULL, NULL, 0),
|
||||||
|
(130, 'address 30', 'Non valid address', 'Silla', 46460, 1, 1111111111, 222222222, 0, 0, 101, 2, NULL, NULL, 0);
|
||||||
|
|
||||||
INSERT INTO `vn`.`clientCredit`(`id`, `clientFk`, `workerFk`, `amount`, `created`)
|
INSERT INTO `vn`.`clientCredit`(`id`, `clientFk`, `workerFk`, `amount`, `created`)
|
||||||
VALUES
|
VALUES
|
||||||
|
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue