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

Merge branch 'dev' of https://gitea.verdnatura.es/verdnatura/salix into 3569-refactor_isEditable-canEdit

This commit is contained in:
Alex Moreno 2022-11-10 13:58:18 +01:00
parent 32701794bc 02cd705fbf
commit 8d731946f6
97 changed files with 47840 additions and 3858 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.eslintrc.yml
View File

@ -1,4 +1,4 @@
extends: [eslint:recommended, google, plugin:jasmine/recommended] extends: [eslint:recommended, google, plugin:jasmine/recommended, 'prettier',]
parserOptions: parserOptions:
ecmaVersion: 2018 ecmaVersion: 2018
sourceType: "module" sourceType: "module"

7
.prettierrc.js Normal file
View File

@ -0,0 +1,7 @@
module.exports = {
singleQuote: true,
printWidth: 120,
tabWidth: 4,
semi: true,
endOfLine: 'auto',
};

13
.vscode/settings.json vendored
View File

@ -2,7 +2,16 @@
{ {
// Carácter predeterminado de final de línea. // Carácter predeterminado de final de línea.
"files.eol": "\n", "files.eol": "\n",
"editor.codeActionsOnSave": { "editor.bracketPairColorization.enabled": true,
"source.fixAll.eslint": true "editor.guides.bracketPairs": true,
"editor.formatOnSave": true,
"editor.defaultFormatter": "dbaeumer.vscode-eslint",
"editor.codeActionsOnSave": ["source.fixAll.eslint"],
"eslint.validate": [
"javascript",
"json"
],
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
} }
} }

45130
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

3
package.json
View File

@ -63,7 +63,9 @@
"del": "^2.2.2", "del": "^2.2.2",
"eslint": "^7.11.0", "eslint": "^7.11.0",
"eslint-config-google": "^0.11.0", "eslint-config-google": "^0.11.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-jasmine": "^2.10.1", "eslint-plugin-jasmine": "^2.10.1",
"eslint-plugin-prettier": "^4.2.1",
"fancy-log": "^1.3.2", "fancy-log": "^1.3.2",
"file-loader": "^1.1.11", "file-loader": "^1.1.11",
"gulp": "^4.0.2", "gulp": "^4.0.2",
@ -92,6 +94,7 @@
"node-sass": "^4.14.1", "node-sass": "^4.14.1",
"nodemon": "^2.0.16", "nodemon": "^2.0.16",
"plugin-error": "^1.0.1", "plugin-error": "^1.0.1",
"prettier": "^2.7.1",
"raw-loader": "^1.0.0", "raw-loader": "^1.0.0",
"regenerator-runtime": "^0.13.7", "regenerator-runtime": "^0.13.7",
"sass-loader": "^7.3.1", "sass-loader": "^7.3.1",

11
print/core/components/email-body/assets/css/import.js Normal file
View File

@ -0,0 +1,11 @@
const Stylesheet = require(`vn-print/core/stylesheet`);
const path = require('path');
const vnPrintPath = path.resolve('print');
module.exports = new Stylesheet([
`${vnPrintPath}/common/css/spacing.css`,
`${vnPrintPath}/common/css/misc.css`,
`${vnPrintPath}/common/css/layout.css`,
`${vnPrintPath}/common/css/email.css`])
.mergeStyles();

39
print/core/components/email-body/email-body.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html v-bind:lang="$i18n.locale">
<head>
<meta name="viewport" content="width=device-width" />
<meta name="format-detection" content="telephone=no" />
</head>
<body>
<table class="grid">
<tbody>
<tr>
<td>
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<slot name="header">
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
</slot>
<slot></slot>
<slot name="footer">
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
</slot>
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

12
print/core/components/email-body/email-body.js Normal file
View File

@ -0,0 +1,12 @@
const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header');
const emailFooter = new Component('email-footer');
module.exports = {
components: {
'email-header': emailHeader.build(),
'email-footer': emailFooter.build()
},
name: 'email-body',
};

2
print/core/components/email-header/email-header.html
View File

@ -1,7 +1,7 @@
<header> <header>
<div class="logo"> <div class="logo">
<a href="https://www.verdnatura.es" target="_blank"> <a href="https://www.verdnatura.es" target="_blank">
<img v-bind:src="getEmailSrc('logo-black.png')" alt="VerdNatura"/> <img v-bind:src="getEmailSrc('logo-black.png')" alt="VerdNatura" />
</a> </a>
</div> </div>
<div class="topbar"></div> <div class="topbar"></div>

10
print/core/components/report-body/assets/css/import.js Normal file
View File

@ -0,0 +1,10 @@
const Stylesheet = require(`vn-print/core/stylesheet`);
const path = require('path');
const vnPrintPath = path.resolve('print');
module.exports = new Stylesheet([
`${vnPrintPath}/common/css/layout.css`,
`${vnPrintPath}/common/css/report.css`,
`${vnPrintPath}/common/css/misc.css`])
.mergeStyles();

22
print/core/components/report-body/report-body.html Normal file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html v-bind:lang="$i18n.locale">
<body>
<table class="grid">
<tbody>
<tr>
<td>
<slot name="header">
<report-header v-bind="$props"></report-header>
</slot>
<slot></slot>
<slot name="footer">
<report-footer id="pageFooter" v-bind="$props"></report-footer>
</slot>
</td>
</tr>
</tbody>
</table>
</body>
</html>

12
print/core/components/report-body/report-body.js Normal file
View File

@ -0,0 +1,12 @@
const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header');
const reportFooter = new Component('report-footer');
module.exports = {
name: 'report-body',
components: {
'report-header': reportHeader.build(),
'report-footer': reportFooter.build()
},
};

21
print/core/email.js
View File

@ -32,7 +32,7 @@ class Email extends Component {
const rendered = await this.render(); const rendered = await this.render();
const attachments = []; const attachments = [];
const getAttachments = async(componentPath, files) => { const getAttachments = async(componentPath, files) => {
for (file of files) { for (const file of files) {
const fileCopy = Object.assign({}, file); const fileCopy = Object.assign({}, file);
const fileName = fileCopy.filename; const fileName = fileCopy.filename;
@ -54,15 +54,22 @@ class Email extends Component {
} }
}; };
if (instance.components) { async function getSubcomponentAttachments(instance) {
const components = instance.components; if (instance.components) {
for (let componentName in components) { const components = instance.components;
const component = components[componentName]; for (let componentName in components) {
const componentPath = `./components/${componentName}`; const component = components[componentName];
await getAttachments(componentPath, component.attachments); const componentPath = `./components/${componentName}`;
await getAttachments(componentPath, component.attachments);
if (component.components)
await getSubcomponentAttachments(component)
}
} }
} }
await getSubcomponentAttachments(instance)
if (this.attachments) if (this.attachments)
await getAttachments(this.path, this.attachments); await getAttachments(this.path, this.attachments);

74
print/templates/email/balance-compensation/balance-compensation.html
View File

@ -1,57 +1,17 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <p>{{$t('description.instructions')}} {{client.name}}</p>
<meta name="format-detection" content="telephone=no"> <p>{{$t('description.attached')}}</p>
<title v-html="$t('subject')"></title> <p>{{$t('description.response')}}</p>
</head> <p>{{$t('description.regards')}}</p>
<body> </div>
<table class="grid"> </div>
<tbody> <div class="grid-row" v-if="isPreview">
<tr> <div class="grid-block vn-pa-ml">
<td> <attachment v-for="attachment in attachments" v-bind:key="attachment.filename"
<!-- Empty block --> v-bind:attachment="attachment" v-bind:args="$props">
<div class="grid-row"> </attachment>
<div class="grid-block empty"></div> </div>
</div> </div>
<!-- Header block --> </email-body>
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<p>{{$t('description.instructions')}} {{client.name}}</p>
<p>{{$t('description.attached')}}</p>
<p>{{$t('description.response')}}</p>
<p>{{$t('description.regards')}}</p>
</div>
</div>
<!-- Preview block -->
<div class="grid-row" v-if="isPreview">
<div class="grid-block vn-pa-ml">
<attachment v-for="attachment in attachments"
v-bind:key="attachment.filename"
v-bind:attachment="attachment"
v-bind:args="$props">
</attachment>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

7
print/templates/email/balance-compensation/balance-compensation.js
View File

@ -1,9 +1,7 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
const attachment = new Component('attachment'); const attachment = new Component('attachment');
module.exports = { module.exports = {
name: 'balance-compensation', name: 'balance-compensation',
async serverPrefetch() { async serverPrefetch() {
@ -15,8 +13,7 @@ module.exports = {
}, },
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build(),
'attachment': attachment.build() 'attachment': attachment.build()
}, },
data() { data() {

113
print/templates/email/buyer-week-waste/buyer-week-waste.html
View File

@ -1,76 +1,37 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('dear')}},</p>
<title>{{ $t('subject') }}</title> <p v-html="$t('description', [dated])"></p>
</head> </div>
<body> </div>
<table class="grid"> <div class="grid-row">
<tbody> <div class="grid-block vn-pa-ml">
<tr> <table class="column-oriented">
<td> <thead>
<!-- Empty block --> <tr>
<div class="grid-row"> <th>{{$t('buyer')}}</th>
<div class="grid-block empty"></div> <th class="number">{{$t('percentage')}}</th>
</div> <th class="number">{{$t('dwindle')}}</th>
<!-- Header block --> <th class="number">{{$t('total')}}</th>
<div class="grid-row"> </tr>
<div class="grid-block"> </thead>
<email-header v-bind="$props"></email-header> <tbody>
</div> <tr v-for="waste in wastes" v-bind:key="waste.buyer">
</div> <td class="font gray">{{waste.buyer}}</td>
<!-- Block --> <td class="number">{{(waste.percentage / 100) | percentage(2, 2, $i18n.locale)}}</td>
<div class="grid-row"> <td class="number">{{waste.dwindle | currency('EUR', $i18n.locale)}}</td>
<div class="grid-block vn-pa-ml"> <td class="number">{{waste.total | currency('EUR', $i18n.locale)}}</td>
<h1>{{ $t('title') }}</h1> </tr>
<p>{{$t('dear')}},</p> </tbody>
<p v-html="$t('description', [dated])"></p> </table>
</div> <p v-html="$t('wasteDetailLink')"></p>
</div> <div class="external-link vn-pa-sm vn-m-md">
<!-- Block --> <a href="https://salix.verdnatura.es/#!/item/waste/index" target="_blank">
<div class="grid-row"> https://salix.verdnatura.es/#!/item/waste/index
<div class="grid-block vn-pa-ml"> </a>
<table class="column-oriented"> </div>
<thead> </div>
<tr> </div>
<th>{{$t('buyer')}}</th> </email-body>
<th class="number">{{$t('percentage')}}</th>
<th class="number">{{$t('dwindle')}}</th>
<th class="number">{{$t('total')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="waste in wastes" v-bind:key="waste.buyer">
<td class="font gray">{{waste.buyer}}</td>
<td class="number">{{(waste.percentage / 100) | percentage(2, 2, $i18n.locale)}}</td>
<td class="number">{{waste.dwindle | currency('EUR', $i18n.locale)}}</td>
<td class="number">{{waste.total | currency('EUR', $i18n.locale)}}</td>
</tr>
</tbody>
</table>
<p v-html="$t('wasteDetailLink')"></p>
<div class="external-link vn-pa-sm vn-m-md">
<a href="https://salix.verdnatura.es/#!/item/waste/index" target="_blank">
https://salix.verdnatura.es/#!/item/waste/index
</a>
</div>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/buyer-week-waste/buyer-week-waste.js
View File

@ -1,6 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'buyer-week-waste', name: 'buyer-week-waste',
@ -23,8 +22,7 @@ module.exports = {
} }
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build()
'email-footer': emailFooter.build()
}, },
props: {} props: {}
}; };

55
print/templates/email/campaign-metrics/campaign-metrics.html
View File

@ -1,46 +1,9 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('dear')}},</p>
<title>{{ $t('subject') }}</title> <p v-html="$t('description', [minDate, maxDate])"></p>
</head> </div>
<body> </div>
<table class="grid"> </email-body>
<tbody>
<tr>
<td>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('dear')}},</p>
<p v-html="$t('description', [minDate, maxDate])"></p>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/campaign-metrics/campaign-metrics.js
View File

@ -1,6 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'campaign-metrics', name: 'campaign-metrics',
@ -16,8 +15,7 @@ module.exports = {
} }
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build()
}, },
props: { props: {
id: { id: {

57
print/templates/email/claim-pickup-order/claim-pickup-order.html
View File

@ -1,47 +1,10 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title', [id]) }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{ $t('description.dear') }},</p>
<title>{{ $t('subject') }}</title> <p v-html="instructions"></p>
</head> <p>{{ $t('description.conclusion') }}</p>
<body> </div>
<table class="grid"> </div>
<tbody> </email-body>
<tr>
<td>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title', [id]) }}</h1>
<p>{{ $t('description.dear') }},</p>
<p v-html="instructions"></p>
<p>{{ $t('description.conclusion') }}</p>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/claim-pickup-order/claim-pickup-order.js
View File

@ -1,12 +1,10 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'claim-pickup-order', name: 'claim-pickup-order',
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build()
}, },
async serverPrefetch() { async serverPrefetch() {
this.ticket = await this.fetchTicket(this.id); this.ticket = await this.fetchTicket(this.id);

6
print/templates/email/client-debt-statement/attachments.json Normal file
View File

@ -0,0 +1,6 @@
[
{
"filename": "client-debt-statement.pdf",
"component": "client-debt-statement"
}
]

70
print/templates/email/client-debt-statement/client-debt-statement.html
View File

@ -1,55 +1,15 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('description.instructions')}}</p>
<title>{{ $t('subject') }}</title> </div>
</head> </div>
<body> <div class="grid-row" v-if="isPreview">
<table class="grid"> <div class="grid-block vn-pa-ml">
<tbody> <attachment v-for="attachment in attachments" v-bind:key="attachment.filename"
<tr> v-bind:attachment="attachment" v-bind:args="$props">
<td> </attachment>
<!-- Empty block --> </div>
<div class="grid-row"> </div>
<div class="grid-block empty"></div> </email-body>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('description.instructions')}}</p>
</div>
</div>
<!-- Preview block -->
<div class="grid-row" v-if="isPreview">
<div class="grid-block vn-pa-ml">
<attachment v-for="attachment in attachments"
v-bind:key="attachment.filename"
v-bind:attachment="attachment"
v-bind:args="$props">
</attachment>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/client-debt-statement/client-debt-statement.js
View File

@ -1,13 +1,11 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
const attachment = new Component('attachment'); const attachment = new Component('attachment');
module.exports = { module.exports = {
name: 'client-debt-statement', name: 'client-debt-statement',
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build(),
'attachment': attachment.build() 'attachment': attachment.build()
}, },
data() { data() {

140
print/templates/email/client-welcome/client-welcome.html
View File

@ -1,92 +1,56 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('dearClient')}},</p>
<title>{{ $t('subject') }}</title> <p v-html="$t('clientData')"></p>
</head>
<body>
<table class="grid">
<tbody>
<tr>
<td>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('dearClient')}},</p>
<p v-html="$t('clientData')"></p>
<p>
<div>{{$t('clientId')}}: <strong>{{client.id}}</strong></div>
<div>{{$t('user')}}: <strong>{{client.userName}}</strong></div>
<div>{{$t('password')}}: <strong>********</strong>
(<a href="https://verdnatura.es">{{$t('passwordResetText')}}</a>)
</div>
</p>
<h1>{{$t('sections.howToBuy.title')}}</h1> <p>
<p>{{$t('sections.howToBuy.description')}}</p> <div>{{$t('clientId')}}: <strong>{{client.id}}</strong></div>
<ol> <div>{{$t('user')}}: <strong>{{client.userName}}</strong></div>
<li v-for="requeriment in $t('sections.howToBuy.requeriments')"> <div>{{$t('password')}}: <strong>********</strong>
<span v-html="requeriment"></span> (<a href="https://verdnatura.es">{{$t('passwordResetText')}}</a>)
</li> </div>
</ol> </p>
<p>{{$t('sections.howToBuy.stock')}}</p>
<p>{{$t('sections.howToBuy.delivery')}}</p>
<h1>{{$t('sections.howToPay.title')}}</h1>
<p>{{$t('sections.howToPay.description')}}</p>
<ul>
<li v-for="option in $t('sections.howToPay.options')">
<span v-html="option"></span>
</li>
</ul>
<h1>{{$t('sections.toConsider.title')}}</h1> <h1>{{$t('sections.howToBuy.title')}}</h1>
<p>{{$t('sections.toConsider.description')}}</p> <p>{{$t('sections.howToBuy.description')}}</p>
<ol>
<li v-for="requeriment in $t('sections.howToBuy.requeriments')">
<span v-html="requeriment"></span>
</li>
</ol>
<p>{{$t('sections.howToBuy.stock')}}</p>
<p>{{$t('sections.howToBuy.delivery')}}</p>
<h4>{{$t('sections.claimsPolicy.title')}}</h4> <h1>{{$t('sections.howToPay.title')}}</h1>
<p>{{$t('sections.claimsPolicy.description')}}</p> <p>{{$t('sections.howToPay.description')}}</p>
<ul>
<li v-for="option in $t('sections.howToPay.options')">
<span v-html="option"></span>
</li>
</ul>
<p v-html="$t('help')"></p> <h1>{{$t('sections.toConsider.title')}}</h1>
<p> <p>{{$t('sections.toConsider.description')}}</p>
<section v-if="client.salesPersonName">
{{$t('salesPersonName')}}: <strong>{{client.salesPersonName}}</strong> <h4>{{$t('sections.claimsPolicy.title')}}</h4>
</section> <p>{{$t('sections.claimsPolicy.description')}}</p>
<section v-if="client.salesPersonPhone">
{{$t('salesPersonPhone')}}: <strong>{{client.salesPersonPhone}}</strong> <p v-html="$t('help')"></p>
</section> <p>
<section v-if="client.salesPersonEmail"> <section v-if="client.salesPersonName">
{{$t('salesPersonEmail')}}: {{$t('salesPersonName')}}: <strong>{{client.salesPersonName}}</strong>
<strong><a v-bind:href="`mailto: ${client.salesPersonEmail}`" target="_blank">{{client.salesPersonEmail}}</strong> </section>
</section> <section v-if="client.salesPersonPhone">
</p> {{$t('salesPersonPhone')}}: <strong>{{client.salesPersonPhone}}</strong>
</div> </section>
</div> <section v-if="client.salesPersonEmail">
<!-- Footer block --> {{$t('salesPersonEmail')}}:
<div class="grid-row"> <strong><a v-bind:href="`mailto: ${client.salesPersonEmail}`"
<div class="grid-block"> target="_blank">{{client.salesPersonEmail}}</strong>
<email-footer v-bind="$props"></email-footer> </section>
</div> </p>
</div> </div>
<!-- Empty block --> </div>
<div class="grid-row"> </email-body>
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/client-welcome/client-welcome.js
View File

@ -1,6 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'client-welcome', name: 'client-welcome',
@ -13,8 +12,7 @@ module.exports = {
}, },
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build()
}, },
props: { props: {
id: { id: {

70
print/templates/email/credit-request/credit-request.html
View File

@ -1,55 +1,15 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('description.instructions')}}</p>
<title>{{ $t('subject') }}</title> </div>
</head> </div>
<body> <div class="grid-row" v-if="isPreview">
<table class="grid"> <div class="grid-block vn-pa-ml">
<tbody> <attachment v-for="attachment in attachments" v-bind:key="attachment.filename"
<tr> v-bind:attachment="attachment" v-bind:args="$props">
<td> </attachment>
<!-- Empty block --> </div>
<div class="grid-row"> </div>
<div class="grid-block empty"></div> </email-body>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('description.instructions')}}</p>
</div>
</div>
<!-- Preview block -->
<div class="grid-row" v-if="isPreview">
<div class="grid-block vn-pa-ml">
<attachment v-for="attachment in attachments"
v-bind:key="attachment.filename"
v-bind:attachment="attachment"
v-bind:args="$props">
</attachment>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/credit-request/credit-request.js
View File

@ -1,13 +1,11 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
const attachment = new Component('attachment'); const attachment = new Component('attachment');
module.exports = { module.exports = {
name: 'credit-request', name: 'credit-request',
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build(),
'attachment': attachment.build() 'attachment': attachment.build()
}, },
data() { data() {

4
print/templates/email/delivery-note-link/assets/css/style.css
View File

@ -2,4 +2,8 @@
border: 2px dashed #8dba25; border: 2px dashed #8dba25;
border-radius: 3px; border-radius: 3px;
text-align: center text-align: center
}
a {
color: #8dba25
} }

93
print/templates/email/delivery-note-link/delivery-note-link.html
View File

@ -1,69 +1,24 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('dear')}}</p>
<title>{{ $t('subject') }}</title> <p v-html="$t('description', [id])"></p>
<style type="text/css"> </div>
a { </div>
color: #8dba25 <div class="grid-row">
} <div class="grid-block vn-px-ml">
</style> <p>{{$t('copyLink')}}</p>
</head> <div class="external-link vn-pa-sm vn-m-md">
<body> https://www.verdnatura.es/#!form=ecomerce/ticket&ticket={{id}}
<table class="grid"> </div>
<tbody> </div>
<tr> </div>
<td> <div class="grid-row">
<!-- Empty block --> <div class="grid-block vn-pa-ml">
<div class="grid-row"> <p v-html="$t('poll')"></p>
<div class="grid-block empty"></div> <p v-html="$t('help')"></p>
</div> <p v-html="$t('conclusion')"></p>
<!-- Header block --> </div>
<div class="grid-row"> </div>
<div class="grid-block"> </email-body>
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('dear')}}</p>
<p v-html="$t('description', [id])"></p>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-px-ml">
<p>{{$t('copyLink')}}</p>
<div class="external-link vn-pa-sm vn-m-md">
https://www.verdnatura.es/#!form=ecomerce/ticket&ticket={{id}}
</div>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<p v-html="$t('poll')"></p>
<p v-html="$t('help')"></p>
<p v-html="$t('conclusion')"></p>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/delivery-note-link/delivery-note-link.js
View File

@ -1,12 +1,10 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'delivery-note-link', name: 'delivery-note-link',
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build()
}, },
props: { props: {
id: { id: {

61
print/templates/email/delivery-note/delivery-note.html
View File

@ -1,49 +1,12 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('dear')}},</p>
<title>{{ $t('subject') }}</title> <p v-html="$t('description', [id])"></p>
</head> <p v-html="$t('poll')"></p>
<body> <p v-html="$t('help')"></p>
<table class="grid"> <p v-html="$t('conclusion')"></p>
<tbody> </div>
<tr> </div>
<td> </email-body>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('dear')}},</p>
<p v-html="$t('description', [id])"></p>
<p v-html="$t('poll')"></p>
<p v-html="$t('help')"></p>
<p v-html="$t('conclusion')"></p>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/delivery-note/delivery-note.js
View File

@ -1,12 +1,10 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'delivery-note', name: 'delivery-note',
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build()
}, },
props: { props: {
id: { id: {

53
print/templates/email/driver-route/driver-route.html
View File

@ -1,45 +1,8 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('description.instructions')}}</p>
<title>{{ $t('subject') }}</title> </div>
</head> </div>
<body> </email-body>
<table class="grid">
<tbody>
<tr>
<td>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('description.instructions')}}</p>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/driver-route/driver-route.js
View File

@ -1,12 +1,10 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'driver-route', name: 'driver-route',
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build()
}, },
props: { props: {
id: { id: {

74
print/templates/email/incoterms-authorization/incoterms-authorization.html
View File

@ -1,57 +1,17 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('description.dear')}},</p>
<title>{{ $t('subject') }}</title> <p>{{$t('description.instructions')}}</p>
</head> <p>{{$t('description.conclusion')}}</p>
<body> </div>
<table class="grid"> </div>
<tbody> <div class="grid-row" v-if="isPreview">
<tr> <div class="grid-block vn-pa-ml">
<td> <attachment v-for="attachment in attachments" v-bind:key="attachment.filename"
<!-- Empty block --> v-bind:attachment="attachment" v-bind:args="$props">
<div class="grid-row"> </attachment>
<div class="grid-block empty"></div> </div>
</div> </div>
<!-- Header block --> </email-body>
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('description.dear')}},</p>
<p>{{$t('description.instructions')}}</p>
<p>{{$t('description.conclusion')}}</p>
</div>
</div>
<!-- Attachments block -->
<div class="grid-row" v-if="isPreview">
<div class="grid-block vn-pa-ml">
<attachment v-for="attachment in attachments"
v-bind:key="attachment.filename"
v-bind:attachment="attachment"
v-bind:args="$props">
</attachment>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/incoterms-authorization/incoterms-authorization.js
View File

@ -1,6 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
const attachment = new Component('attachment'); const attachment = new Component('attachment');
module.exports = { module.exports = {
@ -17,8 +16,7 @@ module.exports = {
}; };
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build(),
'attachment': attachment.build() 'attachment': attachment.build()
}, },
props: { props: {

61
print/templates/email/invoice/invoice.html
View File

@ -1,49 +1,12 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('dear')}},</p>
<title>{{ $t('subject') }}</title> <p v-html="$t('description', [invoice.ref, invoice.ticketFk])"></p>
</head> <p v-html="$t('poll')"></p>
<body> <p v-html="$t('help')"></p>
<table class="grid"> <p v-html="$t('conclusion')"></p>
<tbody> </div>
<tr> </div>
<td> </email-body>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('dear')}},</p>
<p v-html="$t('description', [invoice.ref, invoice.ticketFk])"></p>
<p v-html="$t('poll')"></p>
<p v-html="$t('help')"></p>
<p v-html="$t('conclusion')"></p>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

7
print/templates/email/invoice/invoice.js
View File

@ -1,7 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'invoice', name: 'invoice',
async serverPrefetch() { async serverPrefetch() {
@ -13,8 +11,7 @@ module.exports = {
}, },
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build()
}, },
props: { props: {
reference: { reference: {

57
print/templates/email/invoiceIn/invoiceIn.html
View File

@ -1,47 +1,10 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('dear')}},</p>
<title>{{ $t('subject') }}</title> <p v-html="$t('description')"></p>
</head> <p v-html="$t('conclusion')"></p>
<body> </div>
<table class="grid"> </div>
<tbody> </email-body>
<tr>
<td>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('dear')}},</p>
<p v-html="$t('description')"></p>
<p v-html="$t('conclusion')"></p>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

7
print/templates/email/invoiceIn/invoiceIn.js
View File

@ -1,11 +1,8 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'invoiceIn', name: 'invoiceIn',
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build()
} }
}; };

128
print/templates/email/letter-debtor-nd/letter-debtor-nd.html
View File

@ -1,88 +1,48 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{ $t('sections.introduction.title') }},</p>
<title>{{ $t('subject') }}</title> <p>{{ $t('sections.introduction.description') }}</p>
</head> <p>{{ $t('sections.introduction.terms') }}</p>
<body>
<table class="grid">
<tbody>
<tr>
<td>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{ $t('sections.introduction.title') }},</p>
<p>{{ $t('sections.introduction.description') }}</p>
<p>{{ $t('sections.introduction.terms') }}</p>
<p> <p>
{{ $t('sections.payMethod.description') }}: {{ $t('sections.payMethod.description') }}:
<ol> <ol>
<li v-for="option in $t('sections.payMethod.options')"> <li v-for="option in $t('sections.payMethod.options')">
{{ option }} {{ option }}
</li> </li>
</ol> </ol>
</p> </p>
<p> <p>
{{ $t('sections.legalAction.description') }}: {{ $t('sections.legalAction.description') }}:
<ol type="a"> <ol type="a">
<li v-for="option in $t('sections.legalAction.options')"> <li v-for="option in $t('sections.legalAction.options')">
{{ option }} {{ option }}
</li> </li>
</ol> </ol>
</p> </p>
<p v-html="$t('contactPhone')"></p> <p v-html="$t('contactPhone')"></p>
<p v-html="$t('conclusion')"></p> <p v-html="$t('conclusion')"></p>
<p> <p>
<div class="row"> <div class="row">
<div class="text">{{debtor.bankName}}</div> <div class="text">{{debtor.bankName}}</div>
<div class="control">{{debtor.iban}}</div> <div class="control">{{debtor.iban}}</div>
<div class="description"> <div class="description">
<div class="line"><span>{{$t('transferAccount') }}</span></div> <div class="line"><span>{{$t('transferAccount') }}</span></div>
</div> </div>
</div> </div>
</p> </p>
</div> </div>
</div> </div>
<!-- Block --> <div class="grid-row" v-if="isPreview">
<div class="grid-row" v-if="isPreview"> <div class="grid-block vn-pa-ml">
<div class="grid-block vn-pa-ml"> <attachment v-for="attachment in attachments" v-bind:key="attachment.filename"
<attachment v-for="attachment in attachments" v-bind:attachment="attachment" v-bind:args="$props">
v-bind:key="attachment.filename" </attachment>
v-bind:attachment="attachment" </div>
v-bind:args="$props"> </div>
</attachment> </email-body>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/letter-debtor-nd/letter-debtor-nd.js
View File

@ -1,6 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
const attachment = new Component('attachment'); const attachment = new Component('attachment');
module.exports = { module.exports = {
@ -28,8 +27,7 @@ module.exports = {
} }
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build(),
'attachment': attachment.build() 'attachment': attachment.build()
}, },
props: { props: {

98
print/templates/email/letter-debtor-st/letter-debtor-st.html
View File

@ -1,71 +1,31 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{ $t('sections.introduction.title') }},</p>
<title>{{ $t('subject') }}</title> <p>{{ $t('sections.introduction.description') }}</p>
</head>
<body>
<table class="grid">
<tbody>
<tr>
<td>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{ $t('sections.introduction.title') }},</p>
<p>{{ $t('sections.introduction.description') }}</p>
<p>{{ $t('checkExtract') }}</p> <p>{{ $t('checkExtract') }}</p>
<p>{{ $t('checkValidData') }}</p> <p>{{ $t('checkValidData') }}</p>
<p>{{ $t('payMethod') }}</p> <p>{{ $t('payMethod') }}</p>
<p>{{ $t('conclusion') }}</p> <p>{{ $t('conclusion') }}</p>
<p> <p>
<div class="row"> <div class="row">
<div class="text">{{debtor.bankName}}</div> <div class="text">{{debtor.bankName}}</div>
<div class="control">{{debtor.iban}}</div> <div class="control">{{debtor.iban}}</div>
<div class="description"> <div class="description">
<div class="line"><span>{{$t('transferAccount') }}</span></div> <div class="line"><span>{{$t('transferAccount') }}</span></div>
</div> </div>
</div> </div>
</p> </p>
</div> </div>
</div> </div>
<!-- Block --> <div class="grid-row" v-if="isPreview">
<div class="grid-row" v-if="isPreview"> <div class="grid-block vn-pa-ml">
<div class="grid-block vn-pa-ml"> <attachment v-for="attachment in attachments" v-bind:key="attachment.filename"
<attachment v-for="attachment in attachments" v-bind:attachment="attachment" v-bind:args="$props">
v-bind:key="attachment.filename" </attachment>
v-bind:attachment="attachment" </div>
v-bind:args="$props"> </div>
</attachment> </email-body>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/letter-debtor-st/letter-debtor-st.js
View File

@ -1,6 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
const attachment = new Component('attachment'); const attachment = new Component('attachment');
module.exports = { module.exports = {
@ -28,8 +27,7 @@ module.exports = {
} }
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build(),
'attachment': attachment.build() 'attachment': attachment.build()
}, },
props: { props: {

158
print/templates/email/osticket-report/osticket-report.html
View File

@ -1,99 +1,59 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('dear')}},</p>
<title>{{ $t('subject') }}</title> <p v-html="$t('description', [started, ended])"></p>
</head> <p v-html="$t('totalResolved', [resolvedTickets])"></p>
<body> <p v-html="$t('grafanaLink')"></p>
<table class="grid"> <div class="external-link vn-pa-sm vn-m-md">
<tbody> <a
<tr> v-bind:href="'https://grafana.verdnatura.es/d/2kaHDi9Mk/osticket?orgId=1&from=' + startedTime + '&to=' + endedTime"
<td> target="_blank"
<!-- Empty block --> >
<div class="grid-row"> https://grafana.verdnatura.es/d/2kaHDi9Mk/osticket?orgId=1&from={{startedTime}}&to={{endedTime}}
<div class="grid-block empty"></div> </a>
</div> </div>
<!-- Header block --> <p v-html="$t('redmineLink')"></p>
<div class="grid-row"> <div class="external-link vn-pa-sm vn-m-md">
<div class="grid-block"> <a href="https://redmine.verdnatura.es/projects/desarrollo/issues?query_id=112" target="_blank">
<email-header v-bind="$props"></email-header> https://redmine.verdnatura.es/projects/desarrollo/issues?query_id=112
</div> </a>
</div> </div>
<!-- Block --> </div>
<div class="grid-row"> </div>
<div class="grid-block vn-pa-ml"> <div class="grid-row">
<h1>{{ $t('title') }}</h1> <div class="grid-block vn-pa-ml" v-for="technician in technicians">
<p>{{$t('dear')}},</p> <div class="table-title clearfix">
<p v-html="$t('description', [started, ended])"></p> <h2>{{technician.name}} (<strong>{{technician.tickets.length}}</strong>)</h2>
<p v-html="$t('totalResolved', [resolvedTickets])"></p> </div>
<p v-html="$t('grafanaLink')"></p> <table class="column-oriented">
<div class="external-link vn-pa-sm vn-m-md"> <thead>
<a v-bind:href="'https://grafana.verdnatura.es/d/2kaHDi9Mk/osticket?orgId=1&from=' + startedTime + '&to=' + endedTime" target="_blank"> <tr>
https://grafana.verdnatura.es/d/2kaHDi9Mk/osticket?orgId=1&from={{startedTime}}&to={{endedTime}} <th width="5%">{{$t('author')}}</th>
</a> <th width="15%">{{$t('dated')}}</th>
</div> <th width="25%">{{$t('ticketSubject')}}</th>
<p v-html="$t('redmineLink')"></p> <th width="30%">{{$t('ticketDescription')}}</th>
<div class="external-link vn-pa-sm vn-m-md"> <th width="20%">{{$t('resolution')}}</th>
<a href="https://redmine.verdnatura.es/projects/desarrollo/issues?query_id=112" target="_blank"> </tr>
https://redmine.verdnatura.es/projects/desarrollo/issues?query_id=112 </thead>
</a> <tbody v-for="ticket in technician.tickets">
</div> <tr>
</div> <td>{{ticket.author}}</td>
</div> <td class="font light-gray">
<!-- Block --> <div v-bind:title="$t('opened')">&#128275; {{ticket.created | date('%d-%m-%Y %H:%M')}}</div>
<div class="grid-row"> <div v-bind:title="$t('closed')">&#128274; {{ticket.closed | date('%d-%m-%Y %H:%M')}}</div>
<div class="grid-block vn-pa-ml" v-for="technician in technicians"> </td>
<div class="table-title clearfix"> <td>
<h2>{{technician.name}} (<strong>{{technician.tickets.length}}</strong>)</h2> <a v-bind:href="'https://cau.verdnatura.es/scp/tickets.php?id=' + ticket.ticket_id">
</div> {{ticket.number}} - {{ticket.subject}}
<table class="column-oriented"> </a>
<thead> </td>
<tr> <td class="message" v-html="ticket.description"></td>
<th width="5%">{{$t('author')}}</th> <td class="message" v-html="ticket.resolution"></td>
<th width="15%">{{$t('dated')}}</th> </tr>
<th width="25%">{{$t('ticketSubject')}}</th> </tbody>
<th width="30%">{{$t('ticketDescription')}}</th> </table>
<th width="20%">{{$t('resolution')}}</th> </div>
</tr> </div>
</thead> </email-body>
<tbody v-for="ticket in technician.tickets">
<tr>
<td>{{ticket.author}}</td>
<td class="font light-gray">
<div v-bind:title="$t('opened')">
&#128275; {{ticket.created | date('%d-%m-%Y %H:%M')}}
</div>
<div v-bind:title="$t('closed')">
&#128274; {{ticket.closed | date('%d-%m-%Y %H:%M')}}
</div>
</td>
<td>
<a v-bind:href="'https://cau.verdnatura.es/scp/tickets.php?id=' + ticket.ticket_id">
{{ticket.number}} - {{ticket.subject}}
</a>
</td>
<td class="message" v-html="ticket.description"></td>
<td class="message" v-html="ticket.resolution"></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/osticket-report/osticket-report.js
View File

@ -1,6 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'osticket-report', name: 'osticket-report',
@ -61,8 +60,7 @@ module.exports = {
} }
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build()
}, },
props: {} props: {}
}; };

88
print/templates/email/payment-update/payment-update.html
View File

@ -1,66 +1,28 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{ $t('sections.introduction.title') }},</p>
<title>{{ $t('subject') }}</title> <p v-html="`${$t('sections.introduction.description')}:`"></p>
</head>
<body>
<table class="grid">
<tbody>
<tr>
<td>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{ $t('sections.introduction.title') }},</p>
<p v-html="`${$t('sections.introduction.description')}:`"></p>
<p> <p>
<section> <section>
<span>{{ $t('sections.pay.method') }}:</span> <span>{{ $t('sections.pay.method') }}:</span>
<strong>{{payMethod.name}}</strong> <strong>{{payMethod.name}}</strong>
</section> </section>
<section v-if="payMethod.code != 'card'"> <section v-if="payMethod.code != 'card'">
<span>{{ $t('sections.pay.day') }}:</span> <span>{{ $t('sections.pay.day') }}:</span>
<strong>{{ $t('sections.pay.dueDay', [payMethod.dueDay]) }}</strong> <strong>{{ $t('sections.pay.dueDay', [payMethod.dueDay]) }}</strong>
</section> </section>
</p> </p>
<p v-if="payMethod.code == 'bankDraft'" <p v-if="payMethod.code == 'bankDraft'" v-html="$t('sections.pay.accountImplicates', [accountAddress])">
v-html="$t('sections.pay.accountImplicates', [accountAddress])"> </p>
</p> <p v-else-if="payMethod.code == 'card'">
<p v-else-if="payMethod.code == 'card'"> {{ $t('sections.pay.cardImplicates') }}
{{ $t('sections.pay.cardImplicates') }} </p>
</p>
<p>{{ $t('notifyAnError') }}</p> <p>{{ $t('notifyAnError') }}</p>
</div> </div>
</div> </div>
<!-- Footer block --> </email-body>
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/payment-update/payment-update.js
View File

@ -1,6 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'payment-update', name: 'payment-update',
@ -21,8 +20,7 @@ module.exports = {
} }
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build()
}, },
props: { props: {
id: { id: {

137
print/templates/email/printer-setup/printer-setup.html
View File

@ -1,90 +1,49 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('description.dear')}},</p>
<title>{{ $t('subject') }}</title> <p>{{$t('description.instructions')}}</p>
</head> <p v-html="$t('description.followGuide')"></p>
<body> <p v-html="$t('description.downloadFrom')"></p>
<table class="grid"> <p v-html="$t('description.downloadDriver')"></p>
<tbody>
<tr>
<td>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('description.dear')}},</p>
<p>{{$t('description.instructions')}}</p>
<p v-html="$t('description.followGuide')"></p>
<p v-html="$t('description.downloadFrom')"></p>
<p v-html="$t('description.downloadDriver')"></p>
<h1>{{$t('sections.QLabel.title')}}</h1> <h1>{{$t('sections.QLabel.title')}}</h1>
<p>{{$t('sections.QLabel.description')}}:</p> <p>{{$t('sections.QLabel.description')}}:</p>
<ol> <ol>
<li v-for="step in $t('sections.QLabel.steps')"> <li v-for="step in $t('sections.QLabel.steps')">
<span v-html="step"></span> <span v-html="step"></span>
</li> </li>
</ol> </ol>
</div> </div>
</div> </div>
<!-- Block --> <div class="grid-row">
<div class="grid-row"> <div class="grid-block vn-pa-ml">
<div class="grid-block vn-pa-ml"> <h1>{{$t('sections.help.title')}}</h1>
<h1>{{$t('sections.help.title')}}</h1> <p>{{$t('sections.help.description')}}</p>
<p>{{$t('sections.help.description')}}</p> <p v-html="$t('sections.help.remoteSupport')"></p>
<p v-html="$t('sections.help.remoteSupport')"></p> </div>
</div> </div>
</div> <div class="grid-row">
<!-- Block --> <div class="grid-block vn-pa-ml">
<div class="grid-row"> <div v-if="client.salesPersonName">
<div class="grid-block vn-pa-ml"> {{$t('salesPersonName')}}: <strong>{{client.salesPersonName}}</strong>
<div v-if="client.salesPersonName"> </div>
{{$t('salesPersonName')}}: <strong>{{client.salesPersonName}}</strong> <div v-if="client.salesPersonPhone">
</div> {{$t('salesPersonPhone')}}: <strong>{{client.salesPersonPhone}}</strong>
<div v-if="client.salesPersonPhone"> </div>
{{$t('salesPersonPhone')}}: <strong>{{client.salesPersonPhone}}</strong> <div v-if="client.salesPersonEmail">
</div> {{$t('salesPersonEmail')}}:
<div v-if="client.salesPersonEmail"> <strong><a v-bind:href="`mailto:${client.salesPersonEmail}`"
{{$t('salesPersonEmail')}}: target="_blank">{{client.salesPersonEmail}}</strong>
<strong><a v-bind:href="`mailto:${client.salesPersonEmail}`" target="_blank">{{client.salesPersonEmail}}</strong> </div>
</div> </div>
</div> </div>
</div> <div class="grid-row" v-if="isPreview">
<!-- Block --> <div class="grid-block vn-pa-ml">
<div class="grid-row" v-if="isPreview"> <attachment v-for="attachment in attachments" v-bind:key="attachment.filename"
<div class="grid-block vn-pa-ml"> v-bind:attachment="attachment" v-bind:args="$props">
<attachment v-for="attachment in attachments" </attachment>
v-bind:key="attachment.filename" </div>
v-bind:attachment="attachment" </div>
v-bind:args="$props"> </email-body>
</attachment>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/printer-setup/printer-setup.js
View File

@ -1,6 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
const attachment = new Component('attachment'); const attachment = new Component('attachment');
const attachments = require('./attachments.json'); const attachments = require('./attachments.json');
@ -18,8 +17,7 @@ module.exports = {
} }
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build(),
'email-footer': emailFooter.build(),
'attachment': attachment.build() 'attachment': attachment.build()
}, },
props: { props: {

78
print/templates/email/sepa-core/sepa-core.html
View File

@ -1,57 +1,21 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('description.dear')}},</p>
<title>{{ $t('subject') }}</title> <div v-html="$t('description.instructions')"></div>
</head> <p>{{$t('description.conclusion')}}</p>
<body> </div>
<table class="grid"> </div>
<tbody> <div class="grid-row" v-if="isPreview">
<tr> <div class="grid-block vn-pa-ml">
<td> <attachment
<!-- Empty block --> v-for="attachment in attachments"
<div class="grid-row"> v-bind:key="attachment.filename"
<div class="grid-block empty"></div> v-bind:attachment="attachment"
</div> v-bind:args="$props"
<!-- Header block --> >
<div class="grid-row"> </attachment>
<div class="grid-block"> </div>
<email-header v-bind="$props"></email-header> </div>
</div> </email-body>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('description.dear')}},</p>
<div v-html="$t('description.instructions')"></div>
<p>{{$t('description.conclusion')}}</p>
</div>
</div>
<!-- Attachments block -->
<div class="grid-row" v-if="isPreview">
<div class="grid-block vn-pa-ml">
<attachment v-for="attachment in attachments"
v-bind:key="attachment.filename"
v-bind:attachment="attachment"
v-bind:args="$props">
</attachment>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

8
print/templates/email/sepa-core/sepa-core.js
View File

@ -1,7 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
const attachment = new Component('attachment');
const attachments = require('./attachments.json'); const attachments = require('./attachments.json');
module.exports = { module.exports = {
@ -10,9 +8,7 @@ module.exports = {
return {attachments}; return {attachments};
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build()
'email-footer': emailFooter.build(),
'attachment': attachment.build()
}, },
props: { props: {
id: { id: {

55
print/templates/email/supplier-campaign-metrics/supplier-campaign-metrics.html
View File

@ -1,46 +1,9 @@
<!DOCTYPE html> <email-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<head> <div class="grid-block vn-pa-ml">
<meta name="viewport" content="width=device-width"> <h1>{{ $t('title') }}</h1>
<meta name="format-detection" content="telephone=no"> <p>{{$t('dear')}},</p>
<title>{{ $t('subject') }}</title> <p v-html="$t('description', [minDate, maxDate])"></p>
</head> </div>
<body> </div>
<table class="grid"> </email-body>
<tbody>
<tr>
<td>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
<!-- Header block -->
<div class="grid-row">
<div class="grid-block">
<email-header v-bind="$props"></email-header>
</div>
</div>
<!-- Block -->
<div class="grid-row">
<div class="grid-block vn-pa-ml">
<h1>{{ $t('title') }}</h1>
<p>{{$t('dear')}},</p>
<p v-html="$t('description', [minDate, maxDate])"></p>
</div>
</div>
<!-- Footer block -->
<div class="grid-row">
<div class="grid-block">
<email-footer v-bind="$props"></email-footer>
</div>
</div>
<!-- Empty block -->
<div class="grid-row">
<div class="grid-block empty"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/email/supplier-campaign-metrics/supplier-campaign-metrics.js
View File

@ -1,6 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const emailHeader = new Component('email-header'); const emailBody = new Component('email-body');
const emailFooter = new Component('email-footer');
module.exports = { module.exports = {
name: 'supplier-campaign-metrics', name: 'supplier-campaign-metrics',
@ -16,8 +15,7 @@ module.exports = {
} }
}, },
components: { components: {
'email-header': emailHeader.build(), 'email-body': emailBody.build()
'email-footer': emailFooter.build()
}, },
props: { props: {
id: { id: {

72
print/templates/reports/balance-compensation/balance-compensation.html
View File

@ -1,41 +1,31 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<div class="grid-block">
<body> <div class="columns">
<table class="grid"> <div class="size50">
<tbody> <p style="text-align: right">{{$t('Place')}} {{currentDate()}}</p>
<tr> <h3 style="text-align: center; margin-top: 8%">{{$t('Compensation') | uppercase}}</h3>
<td> <p style="margin-top: 8%">{{$t('In one hand')}}:</p>
<!-- Header block --> <p style="text-align: justify">
<report-header v-bind="$props"> {{company.name}} {{$t('CIF')}} {{company.nif}} {{$t('Home')}} {{company.street}},
</report-header> {{company.city}}.
<div class="grid-row"> </p>
<div class="grid-block"> <p style="margin-top: 5%">{{$t('In other hand')}}:</p>
<div class="columns"> <p style="text-align: justify">
<div class="size50"> {{$t('Sr')}} {{client.name}} {{$t('NIF')}} {{client.fi}} {{$t('Home')}} {{client.street}},
<p style="text-align: right;">{{$t('Place')}} {{currentDate()}}</p> {{client.city}}.
<h3 style="text-align: center; margin-top: 8%;">{{$t('Compensation') | uppercase}}</h3> </p>
<p style="margin-top: 8%;">{{$t('In one hand')}}:</p> <h4 style="text-align: center; margin-top: 10%">{{$t('Agree') | uppercase}}</h4>
<p style="text-align: justify;">{{company.name}} {{$t('CIF')}} {{company.nif}} {{$t('Home')}} {{company.street}}, {{company.city}}.</p> <p style="margin-top: 8%; text-align: justify">
<p style="margin-top: 5%;">{{$t('In other hand')}}:</p> {{$t('Date')}} {{client.payed | date('%d-%m-%Y')}} {{$t('Compensate')}} {{client.amountPaid}} €
<p style="text-align: justify;">{{$t('Sr')}} {{client.name}} {{$t('NIF')}} {{client.fi}} {{$t('Home')}} {{client.street}}, {{client.city}}.</p> {{$t('From client')}} {{client.name}} {{$t('Toclient')}} {{company.name}}.
<h4 style="text-align: center;margin-top: 10%;">{{$t('Agree') | uppercase}}</h4> </p>
<p style="margin-top: 8%;text-align: justify;">{{$t('Date')}} {{client.payed | date('%d-%m-%Y')}} {{$t('Compensate')}} {{client.amountPaid}} € {{$t('From client')}} {{client.name}} {{$t('To client')}} {{company.name}}.</p> <p style="margin-top: 8%">
<p style="margin-top: 8%;">{{$t('Reception')}} <span style="color:blue">administracion@verdnatura.es</span></p> {{$t('Reception')}} <span style="color: blue">administracion@verdnatura.es</span>
<div style="margin-top: 8%;"><small >{{$t('Greetings')}}</small></div> </p>
</div> <div style="margin-top: 8%"><small>{{$t('Greetings')}}</small></div>
</div> </div>
</div> </div>
</div>
</div> </div>
<!-- Footer block --> </report-body>
<report-footer id="pageFooter"
v-bind="$props">
</report-footer>
</td>
</tr>
</tbody>
</table>
</body>
</html>

14
print/templates/reports/balance-compensation/balance-compensation.js
View File

@ -1,13 +1,12 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
name: 'balance-compensation', name: 'balance-compensation',
async serverPrefetch() { async serverPrefetch() {
this.client = await this.fetchClient(this.id); this.client = await this.fetchClient(this.id);
this.company = await this.fetchCompany(this.id); this.company = await this.fetchCompany(this.id);
}, },
methods: { methods: {
fetchClient(id) { fetchClient(id) {
return this.findOneFromDef('client', [id]); return this.findOneFromDef('client', [id]);
@ -15,16 +14,15 @@ module.exports = {
fetchCompany(id) { fetchCompany(id) {
return this.findOneFromDef('company', [id]); return this.findOneFromDef('company', [id]);
}, },
currentDate() { currentDate() {
const current = new Date(); const current = new Date();
const date = `${current.getDate()}/${current.getMonth()+1}/${current.getFullYear()}`; const date = `${current.getDate()}/${current.getMonth() + 1}/${current.getFullYear()}`;
return date; return date;
} }
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build()
'report-footer': reportFooter.build()
}, },
props: { props: {
id: { id: {

165
print/templates/reports/campaign-metrics/campaign-metrics.html
View File

@ -1,95 +1,72 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<body> <div class="grid-block">
<table class="grid"> <div class="columns">
<tbody> <div class="size50">
<tr> <h1 class="title uppercase">{{$t('title')}}</h1>
<td> <div class="size75">
<!-- Header block --> <table class="row-oriented report-info">
<report-header v-bind="$props"></report-header> <tbody>
<!-- Block --> <tr>
<div class="grid-row"> <td class="font gray">{{$t('Client')}}</td>
<div class="grid-block"> <th>{{client.id}}</th>
<div class="columns"> </tr>
<div class="size50"> <tr>
<h1 class="title uppercase">{{$t('title')}}</h1> <td class="font gray">{{$t('From')}}</td>
<div class="size75"> <th>{{from | date('%d-%m-%Y')}}</th>
<table class="row-oriented report-info"> </tr>
<tbody> <tr>
<tr> <td class="font gray">{{$t('To')}}</td>
<td class="font gray">{{$t('Client')}}</td> <th>{{to | date('%d-%m-%Y')}}</th>
<th>{{client.id}}</th> </tr>
</tr> </tbody>
<tr> </table>
<td class="font gray">{{$t('From')}}</td> </div>
<th>{{from | date('%d-%m-%Y')}}</th> </div>
</tr> <div class="size50">
<tr> <div class="panel">
<td class="font gray">{{$t('To')}}</td> <div class="header">{{$t('clientData')}}</div>
<th>{{to | date('%d-%m-%Y')}}</th> <div class="body">
</tr> <h3 class="uppercase">{{client.socialName}}</h3>
</tbody> <div>{{client.street}}</div>
</table> <div>{{client.postcode}}, {{client.city}} ({{client.province}})</div>
</div> <div>{{client.country}}</div>
</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('clientData')}}</div>
<div class="body">
<h3 class="uppercase">{{client.socialName}}</h3>
<div>
{{client.street}}
</div>
<div>
{{client.postcode}}, {{client.city}} ({{client.province}})
</div>
<div>
{{client.country}}
</div>
</div>
</div>
</div>
</div>
<table class="column-oriented">
<thead>
<tr>
<th>{{$t('Code')}}</th>
<th class="number">{{$t('Quantity')}}</th>
<th width="50%">{{$t('Concept')}}</th>
</tr>
</thead>
<tbody v-for="sale in sales">
<tr>
<td>{{sale.itemFk | zerofill('000000')}}</td>
<td class="number">{{Math.trunc(sale.subtotal)}}</td>
<td width="50%">{{sale.concept}}</td>
</tr>
<tr class="description font light-gray">
<td colspan="7">
<span v-if="sale.value5">
<strong>{{sale.tag5}}</strong> {{sale.value5}}
</span>
<span v-if="sale.value6">
<strong>{{sale.tag6}}</strong> {{sale.value6}}
</span>
<span v-if="sale.value7">
<strong>{{sale.tag7}}</strong> {{sale.value7}}
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div> </div>
<!-- Footer block --> </div>
<report-footer id="pageFooter" </div>
v-bind:left-text="$t('client', [client.id])" </div>
v-bind:center-text="client.socialName" <table class="column-oriented">
v-bind="$props"> <thead>
</report-footer> <tr>
</td> <th>{{$t('Code')}}</th>
</tr> <th class="number">{{$t('Quantity')}}</th>
</tbody> <th width="50%">{{$t('Concept')}}</th>
</table> </tr>
</body> </thead>
</html> <tbody v-for="sale in sales">
<tr>
<td>{{sale.itemFk | zerofill('000000')}}</td>
<td class="number">{{Math.trunc(sale.subtotal)}}</td>
<td width="50%">{{sale.concept}}</td>
</tr>
<tr class="description font light-gray">
<td colspan="7">
<span v-if="sale.value5"> <strong>{{sale.tag5}}</strong> {{sale.value5}} </span>
<span v-if="sale.value6"> <strong>{{sale.tag6}}</strong> {{sale.value6}} </span>
<span v-if="sale.value7"> <strong>{{sale.tag7}}</strong> {{sale.value7}} </span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<template v-slot:footer>
<report-footer
id="pageFooter"
v-bind:left-text="$t('client', [client.id])"
v-bind:center-text="client.socialName"
v-bind="$props"
>
</report-footer>
</template>
</report-body>

4
print/templates/reports/campaign-metrics/campaign-metrics.js
View File

@ -1,5 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
@ -20,7 +20,7 @@ module.exports = {
}, },
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },
props: { props: {

169
print/templates/reports/claim-pickup-order/claim-pickup-order.html
View File

@ -1,94 +1,77 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<body> <div class="grid-block">
<table class="grid"> <div class="columns">
<tbody> <div class="size50">
<tr> <h1 class="title uppercase">{{$t('title')}}</h1>
<td> <table class="row-oriented">
<!-- Header block --> <tbody>
<report-header v-bind="$props"></report-header> <tr>
<!-- Block --> <td class="font gray uppercase">{{$t('claimId')}}</td>
<div class="grid-row"> <th>{{id}}</th>
<div class="grid-block"> </tr>
<div class="columns"> <tr>
<div class="size50"> <td class="font gray uppercase">{{$t('clientId')}}</td>
<h1 class="title uppercase">{{$t('title')}}</h1> <th>{{client.id}}</th>
<table class="row-oriented"> </tr>
<tbody> <tr>
<tr> <td class="font gray uppercase">{{$t('phone')}}</td>
<td class="font gray uppercase">{{$t('claimId')}}</td> <th>{{client.phone}}</th>
<th>{{id}}</th> </tr>
</tr> <tr>
<tr> <td class="font gray uppercase">{{$t('date')}}</td>
<td class="font gray uppercase">{{$t('clientId')}}</td> <th>{{dated}}</th>
<th>{{client.id}}</th> </tr>
</tr> </tbody>
<tr> </table>
<td class="font gray uppercase">{{$t('phone')}}</td> </div>
<th>{{client.phone}}</th> <div class="size50">
</tr> <div class="panel">
<tr> <div class="header">{{$t('clientData')}}</div>
<td class="font gray uppercase">{{$t('date')}}</td> <div class="body">
<th>{{dated}}</th> <h3 class="uppercase">{{client.nickname}}</h3>
</tr> <div>{{client.street}}</div>
</tbody> <div>{{client.postalCode}}, {{client.city}} ({{client.province}})</div>
</table> <div>{{client.country}}</div>
</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('clientData')}}</div>
<div class="body">
<h3 class="uppercase">{{client.nickname}}</h3>
<div>
{{client.street}}
</div>
<div>
{{client.postalCode}}, {{client.city}} ({{client.province}})
</div>
<div>
{{client.country}}
</div>
</div>
</div>
</div>
</div>
<table class="column-oriented vn-mt-ml">
<thead>
<tr>
<th>{{$t('reference')}}</th>
<th class="number">{{$t('quantity')}}</th>
<th class="number">{{$t('claims')}}</th>
<th width="50%">{{$t('concept')}}</th>
</tr>
</thead>
<tbody v-for="sale in sales" v-bind:key="sale.id">
<tr>
<td class="font gray">{{sale.id}}</td>
<td class="number">{{sale.quantity}}</td>
<td class="number">{{sale.claimQuantity}}</td>
<td width="50%">{{sale.concept}}</td>
</tr>
</tbody>
</table>
<div class="panel sign">
<div class="header">{{$t('clientSignature')}}</div>
<div class="body centered">
<h3>{{client.name}}</h3>
</div>
</div>
</div>
</div> </div>
<!-- Footer block --> </div>
<report-footer id="pageFooter" </div>
v-bind:left-text="$t('claim', [id])" </div>
v-bind:center-text="client.name"
v-bind="$props"> <table class="column-oriented vn-mt-ml">
</report-footer> <thead>
</td> <tr>
</tr> <th>{{$t('reference')}}</th>
</tbody> <th class="number">{{$t('quantity')}}</th>
</table> <th class="number">{{$t('claims')}}</th>
</body> <th width="50%">{{$t('concept')}}</th>
</html> </tr>
</thead>
<tbody v-for="sale in sales" v-bind:key="sale.id">
<tr>
<td class="font gray">{{sale.id}}</td>
<td class="number">{{sale.quantity}}</td>
<td class="number">{{sale.claimQuantity}}</td>
<td width="50%">{{sale.concept}}</td>
</tr>
</tbody>
</table>
<div class="panel sign">
<div class="header">{{$t('clientSignature')}}</div>
<div class="body centered">
<h3>{{client.name}}</h3>
</div>
</div>
</div>
</div>
<template v-slot:footer>
<report-footer
id="pageFooter"
v-bind:left-text="$t('claim', [id])"
v-bind:center-text="client.name"
v-bind="$props"
>
</report-footer>
</template>
</report-body>

4
print/templates/reports/claim-pickup-order/claim-pickup-order.js
View File

@ -1,5 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
@ -27,7 +27,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },
props: { props: {

171
print/templates/reports/client-debt-statement/client-debt-statement.html
View File

@ -1,95 +1,78 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<body> <div class="grid-block">
<table class="grid"> <div class="columns">
<tbody> <div class="size50">
<tr> <div class="size75">
<td> <h1 class="title uppercase">{{$t('title')}}</h1>
<!-- Header block --> <table class="row-oriented">
<report-header v-bind="$props"></report-header> <tbody>
<!-- Block --> <tr>
<div class="grid-row"> <td class="font gray uppercase">{{$t('clientId')}}</td>
<div class="grid-block"> <th>{{client.id}}</th>
<div class="columns"> </tr>
<div class="size50"> <tr>
<div class="size75"> <td class="font gray uppercase">{{$t('date')}}</td>
<h1 class="title uppercase">{{$t('title')}}</h1> <th>{{dated}}</th>
<table class="row-oriented"> </tr>
<tbody> </tbody>
<tr> </table>
<td class="font gray uppercase">{{$t('clientId')}}</td> </div>
<th>{{client.id}}</th> </div>
</tr> <div class="size50">
<tr> <div class="panel">
<td class="font gray uppercase">{{$t('date')}}</td> <div class="header">{{$t('clientData')}}</div>
<th>{{dated}}</th> <div class="body">
</tr> <h3 class="uppercase">{{client.socialName}}</h3>
</tbody> <div>{{client.street}}</div>
</table> <div>{{client.postcode}}, {{client.city}} ({{client.province}})</div>
</div> <div>{{client.country}}</div>
</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('clientData')}}</div>
<div class="body">
<h3 class="uppercase">{{client.socialName}}</h3>
<div>
{{client.street}}
</div>
<div>
{{client.postcode}}, {{client.city}} ({{client.province}})
</div>
<div>
{{client.country}}
</div>
</div>
</div>
</div>
</div>
<table class="column-oriented">
<thead>
<tr>
<th>{{$t('date')}}</th>
<th>{{$t('concept')}}</th>
<th class="number">{{$t('invoiced')}}</th>
<th class="number">{{$t('payed')}}</th>
<th class="number">{{$t('balance')}}</th>
</tr>
</thead>
<tbody v-for="sale in sales" :key="sale.id">
<tr>
<td>{{sale.issued | date('%d-%m-%Y')}}</td>
<td>{{sale.ref}}</td>
<td class="number">{{sale.debtOut}}</td>
<td class="number">{{sale.debtIn}}</td>
<td class="number">{{getBalance(sale)}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td class="number">
<strong class="pull-left">Total</strong>
{{getTotalDebtOut() | currency('EUR', $i18n.locale)}}
</td>
<td class="number">{{getTotalDebtIn() | currency('EUR', $i18n.locale)}}</td>
<td class="number">{{totalBalance | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
</div>
</div> </div>
<!-- Footer block --> </div>
<report-footer id="pageFooter" </div>
v-bind:left-text="$t('client', [client.id])" </div>
v-bind:center-text="client.socialName"
v-bind="$props"> <table class="column-oriented">
</report-footer> <thead>
</td> <tr>
</tr> <th>{{$t('date')}}</th>
</tbody> <th>{{$t('concept')}}</th>
</table> <th class="number">{{$t('invoiced')}}</th>
</body> <th class="number">{{$t('payed')}}</th>
</html> <th class="number">{{$t('balance')}}</th>
</tr>
</thead>
<tbody v-for="sale in sales" :key="sale.id">
<tr>
<td>{{sale.issued | date('%d-%m-%Y')}}</td>
<td>{{sale.ref}}</td>
<td class="number">{{sale.debtOut}}</td>
<td class="number">{{sale.debtIn}}</td>
<td class="number">{{getBalance(sale)}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td class="number">
<strong class="pull-left">Total</strong>
{{getTotalDebtOut() | currency('EUR', $i18n.locale)}}
</td>
<td class="number">{{getTotalDebtIn() | currency('EUR', $i18n.locale)}}</td>
<td class="number">{{totalBalance | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
</div>
</div>
<template v-slot:footer>
<report-footer
id="pageFooter"
v-bind:left-text="$t('client', [client.id])"
v-bind:center-text="client.socialName"
v-bind="$props"
>
</report-footer>
</template>
</report-body>

4
print/templates/reports/client-debt-statement/client-debt-statement.js
View File

@ -1,5 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
@ -64,7 +64,7 @@ module.exports = {
}, },
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },
props: { props: {

346
print/templates/reports/credit-request/credit-request.html
View File

@ -1,190 +1,164 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row info-panel">
<body> <div class="grid-block">
<table class="grid"> <h1 class="title centered uppercase">{{$t('fields.title')}}</h1>
<tbody> </div>
<tr> </div>
<td> <table>
<!-- Header block --> <tbody>
<report-header v-bind="$props"></report-header> <tr>
<td style="width: 70%; text-align: right; padding-right: 2em">{{$t('fields.date')}}:</td>
<!-- Block --> <th>
<div class="grid-row info-panel"> <div class="field wide-rectangle">
<div class="grid-block"> <span></span>
<h1 class="title centered uppercase">{{$t('fields.title')}}</h1> </div>
</div> </th>
</div> </tr>
</tbody>
<!-- Block --> </table>
<table> <div class="grid-row">
<tbody> <div class="grid-block">
<tr> <div class="info-panel">
<td style="width: 70%; text-align: right; padding-right: 2em">{{$t('fields.date')}}:</td> <div class="green-background">
<th> <h3>{{$t('fields.companyInfo')}}</h3>
<div class="field wide-rectangle"> </div>
<span></span> <div class="body">
</div> <table style="width: 100%">
</th> <tbody>
</tr> <tr>
</tbody> <td>{{$t('fields.companyName')}}:</td>
</table> <th colspan="3">
<div class="field wide-rectangle">
<!-- Block --> <span></span>
<div class="grid-row">
<div class="grid-block">
<div class="info-panel">
<div class="green-background">
<h3>{{$t('fields.companyInfo')}}</h3>
</div> </div>
<div class="body"> </th>
<table style="width: 100%"> </tr>
<tbody> <tr>
<tr> <td>{{$t('fields.businessType')}}:</td>
<td>{{$t('fields.companyName')}}:</td> <th>
<th colspan="3"> <div class="field wide-rectangle">
<div class="field wide-rectangle"> <span></span>
<span></span>
</div>
</th>
</tr>
<tr>
<td>{{$t('fields.businessType')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
<td>{{$t('fields.antiquity')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
<tr>
<td>{{$t('fields.surface')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
<td>{{$t('fields.numberOfEmployees')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
<tr>
<td>{{$t('fields.owner')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
<td>{{$t('fields.phone')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
<tr>
<td>{{$t('fields.payer')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
<td>{{$t('fields.phone')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
</tbody>
</table>
</div> </div>
</th>
<td>{{$t('fields.antiquity')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
<tr>
<td>{{$t('fields.surface')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
<td>{{$t('fields.numberOfEmployees')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
<tr>
<td>{{$t('fields.owner')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
<td>{{$t('fields.phone')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
<tr>
<td>{{$t('fields.payer')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
<td>{{$t('fields.phone')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="grid-row">
<div class="grid-block">
<div class="info-panel" style="width: 98%">
<div class="green-background">
<h3>{{$t('fields.economicInfo')}}</h3>
</div>
<div class="body">
<table>
<tbody>
<tr class="row-oriented">
<td>{{$t('fields.previousSalesVolume')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
<tr class="row-oriented">
<td>{{$t('fields.forecastedSalesVolume')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
<tr class="row-oriented">
<td>{{$t('fields.forecastedPurchases')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="grid-row">
<div class="grid-block">
<div>
<table style="border-top: 1px solid #ddd" class="info-panel">
<tbody>
<tr class="row-oriented" style="width: 100%">
<td>{{$t('fields.personFilling')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div> </div>
</div> </th>
</div> <td>{{$t('fields.phone')}}:</td>
<th>
<!-- Block --> <div class="field wide-rectangle">
<div class="grid-row"> <span></span>
<div class="grid-block">
<div class="info-panel" style="width: 98%">
<div class="green-background">
<h3>{{$t('fields.economicInfo')}}</h3>
</div>
<div class="body">
<table>
<tbody>
<tr class="row-oriented">
<td>{{$t('fields.previousSalesVolume')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
<tr class="row-oriented">
<td>{{$t('fields.forecastedSalesVolume')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
<tr class="row-oriented">
<td>{{$t('fields.forecastedPurchases')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
</tbody>
</table>
</div>
</div> </div>
</div> </th>
</div> </tr>
</tbody>
<!-- Block --> </table>
<div class="grid-row"> </div>
<div class="grid-block"> </div>
<div> </div>
<table style="border-top: 1px solid #DDD" class="info-panel"> <template v-slot:footer>
<tbody> <report-footer id="pageFooter" v-bind:left-text="dated" v-bind="$props"> </report-footer>
<tr class="row-oriented" style="width: 100%"> </template>
<td>{{$t('fields.personFilling')}}:</td> </report-body>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
<td>{{$t('fields.phone')}}:</td>
<th>
<div class="field wide-rectangle">
<span></span>
</div>
</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Footer block -->
<report-footer
id="pageFooter"
v-bind:left-text="dated"
v-bind="$props">
</report-footer>
</td>
</tr>
</tbody>
</table>
</body>
</html>

4
print/templates/reports/credit-request/credit-request.js
View File

@ -1,5 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body')
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
const rptCreditRequest = { const rptCreditRequest = {
@ -12,7 +12,7 @@ const rptCreditRequest = {
} }
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
} }
}; };

537
print/templates/reports/delivery-note/delivery-note.html
View File

@ -1,304 +1,257 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <template v-slot:header>
<report-header v-bind="$props" v-bind:company-code="ticket.companyCode"> </report-header>
</template>
<div class="grid-row">
<div class="grid-block">
<div class="columns">
<div class="size50">
<div class="size75 vn-mt-ml">
<h1 class="title uppercase">{{$t(deliverNoteType)}}</h1>
<table class="row-oriented ticket-info">
<tbody>
<tr>
<td class="font gray uppercase">{{$t('clientId')}}</td>
<th>{{client.id}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t(deliverNoteType)}}</td>
<th>{{ticket.id}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t('date')}}</td>
<th>{{ticket.shipped | date('%d-%m-%Y')}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t('packages')}}</td>
<th>{{ticket.packages}}</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('deliveryAddress')}}</div>
<div class="body">
<h3 class="uppercase">{{address.nickname}}</h3>
<div>{{address.street}}</div>
<div>{{address.postalCode}}, {{address.city}} ({{address.province}})</div>
</div>
</div>
<body> <div class="panel">
<table class="grid"> <div class="header">{{$t('fiscalData')}}</div>
<tbody> <div class="body">
<tr> <div>{{client.socialName}}</div>
<td> <div>{{client.street}}</div>
<!-- Header block --> <div>{{client.fi}}</div>
<report-header v-bind="$props" v-bind:company-code="ticket.companyCode"> </div>
</report-header> </div>
<!-- Block --> </div>
<div class="grid-row"> </div>
<div class="grid-block">
<div class="columns">
<div class="size50">
<div class="size75 vn-mt-ml">
<h1 class="title uppercase">{{$t(deliverNoteType)}}</h1>
<table class="row-oriented ticket-info">
<tbody>
<tr>
<td class="font gray uppercase">{{$t('clientId')}}</td>
<th>{{client.id}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t(deliverNoteType)}}</td>
<th>{{ticket.id}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t('date')}}</td>
<th>{{ticket.shipped | date('%d-%m-%Y')}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t('packages')}}</td>
<th>{{ticket.packages}}</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('deliveryAddress')}}</div>
<div class="body">
<h3 class="uppercase">{{address.nickname}}</h3>
<div>
{{address.street}}
</div>
<div>
{{address.postalCode}}, {{address.city}} ({{address.province}})
</div>
</div>
</div>
<div class="panel"> <h2>{{$t('saleLines')}}</h2>
<div class="header">{{$t('fiscalData')}}</div> <table class="column-oriented">
<div class="body"> <thead>
<div> <tr>
{{client.socialName}} <th width="5%">{{$t('reference')}}</th>
</div> <th class="number">{{$t('quantity')}}</th>
<div> <th width="50%">{{$t('concept')}}</th>
{{client.street}} <th class="number" v-if="showPrices">{{$t('price')}}</th>
</div> <th class="centered" width="5%" v-if="showPrices">{{$t('discount')}}</th>
<div> <th class="centered" v-if="showPrices">{{$t('vat')}}</th>
{{client.fi}} <th class="number" v-if="showPrices">{{$t('amount')}}</th>
</div> </tr>
</div> </thead>
<tbody v-for="sale in sales" class="no-page-break">
<tr>
<td width="5%">{{sale.itemFk | zerofill('000000')}}</td>
<td class="number">{{sale.quantity}}</td>
<td width="50%">{{sale.concept}}</td>
<td class="number" v-if="showPrices">{{sale.price | currency('EUR', $i18n.locale)}}</td>
<td class="centered" width="5%" v-if="showPrices">{{(sale.discount / 100) | percentage}}</td>
<td class="centered" v-if="showPrices">{{sale.vatType}}</td>
<td class="number" v-if="showPrices">
{{sale.price * sale.quantity * (1 - sale.discount / 100) | currency('EUR', $i18n.locale)}}
</td>
</tr>
<tr class="description font light-gray">
<td colspan="7">
<span v-if="sale.value5"> <strong>{{sale.tag5}}</strong> {{sale.value5}} </span>
<span v-if="sale.value6"> <strong>{{sale.tag6}}</strong> {{sale.value6}} </span>
<span v-if="sale.value7"> <strong>{{sale.tag7}}</strong> {{sale.value7}} </span>
</td>
</tr>
</tbody>
<tfoot v-if="showPrices">
<tr>
<td colspan="6" class="font bold">
<span class="pull-right">{{$t('subtotal')}}</span>
</td>
<td class="number">{{getSubTotal() | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
<div class="columns vn-mb-ml">
<div class="size100 no-page-break" v-if="services.length > 0">
<h2>{{$t('services.title')}}</h2>
<table class="column-oriented">
<thead>
<tr>
<th width="5%"></th>
<th class="number">{{$t('services.theader.quantity')}}</th>
<th width="50%">{{$t('services.theader.concept')}}</th>
<th class="number">{{$t('services.theader.price')}}</th>
<th class="centered" width="5%"></th>
<th class="centered">{{$t('services.theader.vat')}}</th>
<th class="number">{{$t('services.theader.amount')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="service in services">
<td width="5%"></td>
<td class="number">{{service.quantity}}</td>
<td width="50%">{{service.description}}</td>
<td class="number">{{service.price | currency('EUR', $i18n.locale)}}</td>
<td class="centered" width="5%"></td>
<td class="centered">{{service.taxDescription}}</td>
<td class="number">{{service.price | currency('EUR', $i18n.locale)}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="6" class="font bold">
<span class="pull-right">{{$t('services.tfoot.subtotal')}}</span>
</td>
<td class="number">{{serviceTotal | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
<span class="font gray">* {{ $t('services.warning') }}</span>
</div>
</div>
<div class="columns">
<div id="packagings" class="size100 no-page-break" v-if="packagings.length > 0">
<h2>{{$t('packagings.title')}}</h2>
<table class="column-oriented">
<thead>
<tr>
<th>{{$t('packagings.theader.reference')}}</th>
<th class="number">{{$t('packagings.theader.quantity')}}</th>
<th wihth="75%">{{$t('packagings.theader.concept')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="packaging in packagings">
<td>{{packaging.itemFk | zerofill('000000')}}</td>
<td class="number">{{packaging.quantity}}</td>
<td width="85%">{{packaging.name}}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="columns vn-mt-xl" v-if="showPrices">
<div id="taxes" class="size50 pull-right no-page-break" v-if="taxes">
<table class="column-oriented">
<thead>
<tr>
<th colspan="4">{{$t('taxes.title')}}</th>
</tr>
</thead>
<thead class="light">
<tr>
<th width="45%">{{$t('taxes.theader.type')}}</th>
<th width="25%" class="number">{{$t('taxes.theader.taxBase')}}</th>
<th>{{$t('taxes.theader.tax')}}</th>
<th class="number">{{$t('taxes.theader.fee')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="tax in taxes">
<td width="45%">{{tax.name}}</td>
<td width="25%" class="number">{{tax.Base | currency('EUR', $i18n.locale)}}</td>
<td>{{tax.vatPercent | percentage}}</td>
<td class="number">{{tax.tax | currency('EUR', $i18n.locale)}}</td>
</tr>
</tbody>
<tfoot>
<tr class="font bold">
<td width="45%">{{$t('subtotal')}}</td>
<td width="20%" class="number">{{getTotalBase() | currency('EUR', $i18n.locale)}}</td>
<td></td>
<td class="number">{{getTotalTax()| currency('EUR', $i18n.locale)}}</td>
</tr>
<tr class="font bold">
<td colspan="2">{{$t('total')}}</td>
<td colspan="2" class="number">{{getTotal() | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
</div>
<div id="phytosanitary" class="size50 pull-left no-page-break">
<div class="panel">
<div class="body">
<div class="flag">
<div class="columns">
<div class="size25">
<img v-bind:src="getReportSrc('europe.png')" />
</div> </div>
<div class="size75 flag-text"><strong>{{$t('plantPassport')}}</strong><br /></div>
</div> </div>
</div> </div>
<div class="phytosanitary-info">
<!-- Sales block --> <div>
<h2>{{$t('saleLines')}}</h2> <strong>A</strong>
<table class="column-oriented"> <span>{{getBotanical()}}</span>
<thead>
<tr>
<th width="5%">{{$t('reference')}}</th>
<th class="number">{{$t('quantity')}}</th>
<th width="50%">{{$t('concept')}}</th>
<th class="number" v-if="showPrices">{{$t('price')}}</th>
<th class="centered" width="5%" v-if="showPrices">{{$t('discount')}}</th>
<th class="centered" v-if="showPrices">{{$t('vat')}}</th>
<th class="number" v-if="showPrices">{{$t('amount')}}</th>
</tr>
</thead>
<tbody v-for="sale in sales" class="no-page-break">
<tr>
<td width="5%">{{sale.itemFk | zerofill('000000')}}</td>
<td class="number">{{sale.quantity}}</td>
<td width="50%">{{sale.concept}}</td>
<td class="number" v-if="showPrices">{{sale.price | currency('EUR',
$i18n.locale)}}</td>
<td class="centered" width="5%" v-if="showPrices">{{(sale.discount / 100) |
percentage}}</td>
<td class="centered" v-if="showPrices">{{sale.vatType}}</td>
<td class="number" v-if="showPrices">{{sale.price * sale.quantity * (1 -
sale.discount / 100) | currency('EUR', $i18n.locale)}}</td>
</tr>
<tr class="description font light-gray">
<td colspan="7">
<span v-if="sale.value5">
<strong>{{sale.tag5}}</strong> {{sale.value5}}
</span>
<span v-if="sale.value6">
<strong>{{sale.tag6}}</strong> {{sale.value6}}
</span>
<span v-if="sale.value7">
<strong>{{sale.tag7}}</strong> {{sale.value7}}
</span>
</td>
</tr>
</tbody>
<tfoot v-if="showPrices">
<tr>
<td colspan="6" class="font bold">
<span class="pull-right">{{$t('subtotal')}}</span>
</td>
<td class="number">{{getSubTotal() | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
<!-- End of sales block -->
<div class="columns vn-mb-ml">
<!-- Services block-->
<div class="size100 no-page-break" v-if="services.length > 0">
<h2>{{$t('services.title')}}</h2>
<table class="column-oriented">
<thead>
<tr>
<th width="5%"></th>
<th class="number">{{$t('services.theader.quantity')}}</th>
<th width="50%">{{$t('services.theader.concept')}}</th>
<th class="number">{{$t('services.theader.price')}}</th>
<th class="centered" width="5%"></th>
<th class="centered">{{$t('services.theader.vat')}}</th>
<th class="number">{{$t('services.theader.amount')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="service in services">
<td width="5%"></td>
<td class="number">{{service.quantity}}</td>
<td width="50%">{{service.description}}</td>
<td class="number">{{service.price | currency('EUR', $i18n.locale)}}
</td>
<td class="centered" width="5%"></td>
<td class="centered">{{service.taxDescription}}</td>
<td class="number">{{service.price | currency('EUR', $i18n.locale)}}
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="6" class="font bold">
<span class="pull-right">{{$t('services.tfoot.subtotal')}}</span>
</td>
<td class="number">{{serviceTotal | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
<span class="font gray">* {{ $t('services.warning') }}</span>
</div> </div>
<!-- End of services block --> <div>
</div> <strong>B</strong>
<div class="columns"> <span>ES17462130</span>
<!-- Packages block -->
<div id="packagings" class="size100 no-page-break" v-if="packagings.length > 0">
<h2>{{$t('packagings.title')}}</h2>
<table class="column-oriented">
<thead>
<tr>
<th>{{$t('packagings.theader.reference')}}</th>
<th class="number">{{$t('packagings.theader.quantity')}}</th>
<th wihth="75%">{{$t('packagings.theader.concept')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="packaging in packagings">
<td>{{packaging.itemFk | zerofill('000000')}}</td>
<td class="number">{{packaging.quantity}}</td>
<td width="85%">{{packaging.name}}</td>
</tr>
</tbody>
</table>
</div> </div>
<!-- End of packages block --> <div>
</div> <strong>C</strong>
<div class="columns vn-mt-xl" v-if="showPrices"> <span>{{ticket.id}}</span>
<!-- Taxes block -->
<div id="taxes" class="size50 pull-right no-page-break" v-if="taxes">
<table class="column-oriented">
<thead>
<tr>
<th colspan="4">{{$t('taxes.title')}}</th>
</tr>
</thead>
<thead class="light">
<tr>
<th width="45%">{{$t('taxes.theader.type')}}</th>
<th width="25%" class="number">{{$t('taxes.theader.taxBase')}}</th>
<th>{{$t('taxes.theader.tax')}}</th>
<th class="number">{{$t('taxes.theader.fee')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="tax in taxes">
<td width="45%">{{tax.name}}</td>
<td width="25%" class="number">
{{tax.Base | currency('EUR', $i18n.locale)}}
</td>
<td>{{tax.vatPercent | percentage}}</td>
<td class="number">{{tax.tax | currency('EUR', $i18n.locale)}}</td>
</tr>
</tbody>
<tfoot>
<tr class="font bold">
<td width="45%">{{$t('subtotal')}}</td>
<td width="20%" class="number">
{{getTotalBase() | currency('EUR', $i18n.locale)}}
</td>
<td></td>
<td class="number">{{getTotalTax()| currency('EUR', $i18n.locale)}}</td>
</tr>
<tr class="font bold">
<td colspan="2">{{$t('total')}}</td>
<td colspan="2" class="number">{{getTotal() | currency('EUR',
$i18n.locale)}}</td>
</tr>
</tfoot>
</table>
</div> </div>
<!-- End of taxes block --> <div>
<strong>D</strong>
<!-- Phytosanitary block --> <span>ES</span>
<div id="phytosanitary" class="size50 pull-left no-page-break">
<div class="panel">
<div class="body">
<div class="flag">
<div class="columns">
<div class="size25">
<img v-bind:src="getReportSrc('europe.png')" />
</div>
<div class="size75 flag-text">
<strong>{{$t('plantPassport')}}</strong><br />
</div>
</div>
</div>
<div class="phytosanitary-info">
<div>
<strong>A</strong>
<span>{{getBotanical()}}</span>
</div>
<div>
<strong>B</strong>
<span>ES17462130</span>
</div>
<div>
<strong>C</strong>
<span>{{ticket.id}}</span>
</div>
<div>
<strong>D</strong>
<span>ES</span>
</div>
</div>
</div>
</div>
</div>
<!-- End of phytosanitary block -->
</div>
<div class="columns">
<!-- Signature block -->
<div class="size50 pull-left no-page-break">
<div id="signature" class="panel" v-if="signature && signature.id">
<div class="header">{{$t('digitalSignature')}}</div>
<div class="body centered">
<img v-bind:src="dmsPath" />
<div>{{signature.created | date('%d-%m-%Y')}}</div>
</div>
</div>
</div>
<!-- End of signature block -->
</div>
<div class="columns vn-mb-ml" v-if="hasObservations">
<!-- Observations block-->
<div class="size100 no-page-break">
<h2>{{$t('observations')}}</h2>
<p class="observations">{{ticket.description}}</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Footer block --> </div>
<report-footer id="pageFooter" v-bind:company-code="ticket.companyCode" </div>
v-bind:left-text="footerType" v-bind:center-text="client.socialName" v-bind="$props"> <div class="columns">
</report-footer> <div class="size50 pull-left no-page-break">
</td> <div id="signature" class="panel" v-if="signature && signature.id">
</tr> <div class="header">{{$t('digitalSignature')}}</div>
</tbody> <div class="body centered">
</table> <img v-bind:src="dmsPath" />
</body> <div>{{signature.created | date('%d-%m-%Y')}}</div>
</div>
</html> </div>
</div>
</div>
<div class="columns vn-mb-ml" v-if="hasObservations">
<div class="size100 no-page-break">
<h2>{{$t('observations')}}</h2>
<p class="observations">{{ticket.description}}</p>
</div>
</div>
</div>
</div>
<template v-slot:footer>
<report-footer
id="pageFooter"
v-bind:company-code="ticket.companyCode"
v-bind:left-text="footerType"
v-bind:center-text="client.socialName"
v-bind="$props"
>
</report-footer>
</template>
</report-body>

3
print/templates/reports/delivery-note/delivery-note.js
View File

@ -1,5 +1,6 @@
const config = require(`vn-print/core/config`); const config = require(`vn-print/core/config`);
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportBody = new Component('report-body');
const reportHeader = new Component('report-header'); const reportHeader = new Component('report-header');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
const md5 = require('md5'); const md5 = require('md5');
@ -58,7 +59,6 @@ module.exports = {
hasObservations() { hasObservations() {
return this.ticket.description !== null; return this.ticket.description !== null;
} }
}, },
methods: { methods: {
fetchClient(id) { fetchClient(id) {
@ -126,6 +126,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-body': reportBody.build(),
'report-header': reportHeader.build(), 'report-header': reportHeader.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },

298
print/templates/reports/driver-route/driver-route.html
View File

@ -1,161 +1,141 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row route-block" v-for="route in routes">
<body> <div class="grid-block">
<table class="grid"> <h1 class="title uppercase">{{$t('route')}} {{route.id}}</h1>
<tbody> <div class="panel">
<tr> <div class="header">{{$t('information')}}</div>
<td> <div class="body">
<!-- Header block --> <div>
<report-header v-bind="$props"></report-header> <table width="100%">
<!-- Block --> <tbody>
<div class="grid-row route-block" v-for="route in routes"> <tr>
<div class="grid-block"> <th class="font gray align-right">{{$t('route')}}</th>
<h1 class="title uppercase">{{$t('route')}} {{route.id}}</h1> <td>{{route.id}}</td>
<div class="panel"> <th class="font gray align-right">{{$t('driver')}}</th>
<div class="header">{{$t('information')}}</div> <td>{{route.userNickName}}</td>
<div class="body"> </tr>
<div> <tr>
<table width="100%"> <th class="font gray align-right">{{$t('date')}}</th>
<tbody> <td>{{route.created | date('%d-%m-%Y')}}</td>
<tr> <th class="font gray align-right">{{$t('vehicle')}}</th>
<th class="font gray align-right">{{$t('route')}}</th> <td>{{route.vehicleTradeMark}} {{route.vehicleModel}}</td>
<td>{{route.id}}</td> </tr>
<th class="font gray align-right">{{$t('driver')}}</th> <tr>
<td>{{route.userNickName}}</td> <th class="font gray align-right">{{$t('time')}}</th>
</tr> <td>{{route.time | date('%H:%M')}}</td>
<tr> <td></td>
<th class="font gray align-right">{{$t('date')}}</th> <td>{{route.plateNumber}}</td>
<td>{{route.created | date('%d-%m-%Y')}}</td> </tr>
<th class="font gray align-right">{{$t('vehicle')}}</th> <tr>
<td>{{route.vehicleTradeMark}} {{route.vehicleModel}}</td> <th class="font gray align-right">{{$t('volume')}}</th>
</tr> <td>{{route.m3}}</td>
<tr> <th class="font gray align-right">{{$t('agency')}}</th>
<th class="font gray align-right">{{$t('time')}}</th> <td>{{route.agencyName}}</td>
<td>{{route.time | date('%H:%M')}}</td> </tr>
<td></td> </tbody>
<td>{{route.plateNumber}}</td> </table>
</tr> <div class="contained">
<tr> <table class="middle centered" width="70%">
<th class="font gray align-right">{{$t('volume')}}</th> <tbody>
<td>{{route.m3}}</td> <tr>
<th class="font gray align-right">{{$t('agency')}}</th> <td>
<td>{{route.agencyName}}</td> <p class="small">Hora inicio</p>
</tr> </td>
</tbody> <td>
</table> <p class="small">Hora fin</p>
<div class="contained"> </td>
<table class="middle centered" width="70%"> <td class="gap"></td>
<tbody> <td>
<tr> <p class="small">Km inicio</p>
<td> </td>
<p class="small">Hora inicio</p> <td>
</td> <p class="small">Km fin</p>
<td> </td>
<p class="small">Hora fin</p> </tr>
</td> <tr>
<td class="gap"></td> <td v-for="i in 2">
<td> <div class="field rectangle">
<p class="small">Km inicio</p> <span></span>
</td> </div>
<td> </td>
<p class="small">Km fin</p> <td class="gap"></td>
</td> <td v-for="i in 2">
</tr> <div class="field rectangle">
<tr> <span></span>
<td v-for="i in 2"> </div>
<div class="field rectangle"> </td>
<span></span> </tr>
</div> </tbody>
</td> </table>
<td class="gap"></td>
<td v-for="i in 2">
<div class="field rectangle">
<span></span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- Route ticket list -->
<div v-if="route.tickets" v-for="ticket in route.tickets" class="no-page-break">
<div>
<table class="column-oriented repeatable">
<thead>
<tr>
<th class="number">{{$t('order')}}</th>
<th class="number">{{$t('ticket')}}</th>
<th width="50%">{{$t('client')}}</th>
<th class="number">{{$t('address')}}</th>
<th class="number">{{$t('packages')}}</th>
<th>{{$t('packagingType')}}</th>
</tr>
</thead>
<tbody>
<tr>
<td class="number">{{ticket.priority}}</td>
<td class="number">{{ticket.id}}</td>
<td width="50%">{{ticket.clientFk}} {{ticket.addressName}}</td>
<td v-if="ticket.addressFk" class="number">
{{ticket.addressFk.toString().substr(0,
ticket.addressFk.toString().length - 3)}}
<span class="black-container">
{{ticket.addressFk.toString().substr(-3, 3)}}
</span>
</td>
<td class="number">{{ticket.packages}}</td>
<td>{{ticket.itemPackingTypes}}</td>
</tr>
</tbody>
</table>
</div>
<div>
<table width="100%">
<tbody>
<tr>
<th class="font gray align-right">{{$t('street')}}</th>
<td>{{ticket.street}}</td>
<th class="font gray align-right">{{$t('postcode')}}</th>
<td>{{ticket.postalCode}}</td>
</tr>
<tr>
<th class="font gray align-right">{{$t('city')}}</th>
<td>{{ticket.city}}</td>
<th class="font gray align-right">{{$t('agency')}}</th>
<td>{{ticket.ticketAgency}}</td>
</tr>
<tr>
<th class="font gray align-right">{{$t('mobile')}}</th>
<td>{{ticket.mobile}}</td>
<th class="font gray align-right">{{$t('phone')}}</th>
<td>{{ticket.phone}}</td>
</tr>
<tr>
<th class="font gray align-right">{{$t('warehouse')}}</th>
<td>{{ticket.warehouseName}}</td>
<th class="font gray align-right">{{$t('salesPerson')}}</th>
<td>{{ticket.salesPersonName}}</td>
</tr>
</tbody>
</table>
<div v-if="ticket.description" class="text-area">
<p>{{ticket.description}}</p>
</div>
</div>
</div>
</div> </div>
</div> </div>
<!-- Footer block --> </div>
<report-footer id="pageFooter" </div>
v-bind:left-text="$t('routeId', [id])" <div v-if="route.tickets" v-for="ticket in route.tickets" class="no-page-break">
v-bind="$props"> <div>
</report-footer> <table class="column-oriented repeatable">
</td> <thead>
</tr> <tr>
</tbody> <th class="number">{{$t('order')}}</th>
</table> <th class="number">{{$t('ticket')}}</th>
</body> <th width="50%">{{$t('client')}}</th>
</html> <th class="number">{{$t('address')}}</th>
<th class="number">{{$t('packages')}}</th>
<th>{{$t('packagingType')}}</th>
</tr>
</thead>
<tbody>
<tr>
<td class="number">{{ticket.priority}}</td>
<td class="number">{{ticket.id}}</td>
<td width="50%">{{ticket.clientFk}} {{ticket.addressName}}</td>
<td v-if="ticket.addressFk" class="number">
{{ticket.addressFk.toString().substr(0, ticket.addressFk.toString().length - 3)}}
<span class="black-container"> {{ticket.addressFk.toString().substr(-3, 3)}} </span>
</td>
<td class="number">{{ticket.packages}}</td>
<td>{{ticket.itemPackingTypes}}</td>
</tr>
</tbody>
</table>
</div>
<div>
<table width="100%">
<tbody>
<tr>
<th class="font gray align-right">{{$t('street')}}</th>
<td>{{ticket.street}}</td>
<th class="font gray align-right">{{$t('postcode')}}</th>
<td>{{ticket.postalCode}}</td>
</tr>
<tr>
<th class="font gray align-right">{{$t('city')}}</th>
<td>{{ticket.city}}</td>
<th class="font gray align-right">{{$t('agency')}}</th>
<td>{{ticket.ticketAgency}}</td>
</tr>
<tr>
<th class="font gray align-right">{{$t('mobile')}}</th>
<td>{{ticket.mobile}}</td>
<th class="font gray align-right">{{$t('phone')}}</th>
<td>{{ticket.phone}}</td>
</tr>
<tr>
<th class="font gray align-right">{{$t('warehouse')}}</th>
<td>{{ticket.warehouseName}}</td>
<th class="font gray align-right">{{$t('salesPerson')}}</th>
<td>{{ticket.salesPersonName}}</td>
</tr>
</tbody>
</table>
<div v-if="ticket.description" class="text-area">
<p>{{ticket.description}}</p>
</div>
</div>
</div>
</div>
</div>
<template v-slot:footer>
<report-footer id="pageFooter" v-bind:left-text="$t('routeId', [id])" v-bind="$props"> </report-footer>
</template>
</report-body>

4
print/templates/reports/driver-route/driver-route.js
View File

@ -1,5 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
@ -39,7 +39,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },
props: { props: {

227
print/templates/reports/entry-order/entry-order.html
View File

@ -1,127 +1,102 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <template v-slot:header>
<body> <report-header v-bind="$props" v-bind:company-code="entry.companyCode"></report-header>
<table class="grid"> </template>
<tbody> <div class="grid-row">
<tr> <div class="grid-block">
<td> <div class="columns">
<!-- Header block --> <div class="size50">
<report-header v-bind="$props" <div class="body">
v-bind:company-code="entry.companyCode"> <h1 class="title uppercase">{{$t('title')}}</h1>
</report-header> <table class="row-oriented report-info">
<!-- Block --> <tbody>
<div class="grid-row"> <tr>
<div class="grid-block"> <td class="font gray uppercase">{{$t('entryId')}}</td>
<div class="columns"> <th>{{entry.id}}</th>
<div class="size50"> </tr>
<div class="body"> <tr>
<h1 class="title uppercase">{{$t('title')}}</h1> <td class="font gray uppercase">{{$t('date')}}</td>
<table class="row-oriented report-info"> <th>{{entry.landed | date('%d-%m-%Y')}}</th>
<tbody> </tr>
<tr> <tr>
<td class="font gray uppercase">{{$t('entryId')}}</td> <td class="font gray uppercase">{{$t('ref')}}</td>
<th>{{entry.id}}</th> <th>{{entry.ref}}</th>
</tr> </tr>
<tr> </tbody>
<td class="font gray uppercase">{{$t('date')}}</td> </table>
<th>{{entry.landed | date('%d-%m-%Y')}}</th> </div>
</tr> </div>
<tr> <div class="size50">
<td class="font gray uppercase">{{$t('ref')}}</td> <div class="panel">
<th>{{entry.ref}}</th> <div class="header">{{$t('supplierData')}}</div>
</tr> <div class="body">
</tbody> <h3 class="uppercase">{{supplier.name}}</h3>
</table> <div>{{supplier.street}}</div>
</div> <div>{{supplier.postCode}}, {{supplier.city}}, ({{supplier.province}})</div>
</div> <div>{{supplier.nif}}</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('supplierData')}}</div>
<div class="body">
<h3 class="uppercase">{{supplier.name}}</h3>
<div>
{{supplier.street}}
</div>
<div>
{{supplier.postCode}}, {{supplier.city}}, ({{supplier.province}})
</div>
<div>
{{supplier.nif}}
</div>
</div>
</div>
</div>
</div>
<!-- Buy block -->
<table class="column-oriented vn-mt-ml">
<thead>
<tr>
<th class="number">{{$t('boxes')}}</th>
<th class="number">{{$t('packing')}}</th>
<th width="50%">{{$t('concept')}}</th>
<th width="10%" class="number">{{$t('quantity')}}</th>
<th width="15%" class="number">{{$t('price')}}</th>
<th width="15%" class="number">{{$t('amount')}}</th>
</tr>
</thead>
<tbody v-for="buy in buys">
<tr>
<td class="number">{{buy.box}}</td>
<td class="number">{{buy.packing}}</td>
<td width="50%">{{buy.itemName}}</td>
<td width="10%" class="number">{{buy.quantity | number($i18n.locale)}}</td>
<td width="15%" class="number">{{buy.buyingValue | currency('EUR', $i18n.locale)}}</td>
<td width="15%" class="number">{{buy.buyingValue * buy.quantity | currency('EUR', $i18n.locale)}}</td>
</tr>
<tr class="description font light-gray">
<td colspan="7">
<span v-if="buy.value5">
<strong>{{buy.tag5}}</strong> {{buy.value5}}
</span>
<span v-if="buy.value6">
<strong>{{buy.tag6}}</strong> {{buy.value6}}
</span>
<span v-if="buy.value7">
<strong>{{buy.tag7}}</strong> {{buy.value7}}
</span>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5" class="font bold">
<span class="pull-right">{{$t('total')}}</span>
</td>
<td class="number">{{getTotal() | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
<!-- End of buy block -->
<div class="columns">
<div class="size50">
<div id="notes" class="panel no-page-break" v-if="entry.notes">
<div class="body">
<h3>{{$t('notes')}}</h3>
<div>
{{entry.notes}}
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!-- Footer block --> </div>
<report-footer id="pageFooter" </div>
v-bind:left-text="$t('entry', [entry.id])" </div>
v-bind:company-code="entry.companyCode" <table class="column-oriented vn-mt-ml">
v-bind:center-text="supplier.name" <thead>
v-bind:="$props"> <tr>
</report-footer> <th class="number">{{$t('boxes')}}</th>
</td> <th class="number">{{$t('packing')}}</th>
</tr> <th width="50%">{{$t('concept')}}</th>
</tbody> <th width="10%" class="number">{{$t('quantity')}}</th>
</table> <th width="15%" class="number">{{$t('price')}}</th>
</body> <th width="15%" class="number">{{$t('amount')}}</th>
</html> </tr>
</thead>
<tbody v-for="buy in buys">
<tr>
<td class="number">{{buy.box}}</td>
<td class="number">{{buy.packing}}</td>
<td width="50%">{{buy.itemName}}</td>
<td width="10%" class="number">{{buy.quantity | number($i18n.locale)}}</td>
<td width="15%" class="number">{{buy.buyingValue | currency('EUR', $i18n.locale)}}</td>
<td width="15%" class="number">
{{buy.buyingValue * buy.quantity | currency('EUR', $i18n.locale)}}
</td>
</tr>
<tr class="description font light-gray">
<td colspan="7">
<span v-if="buy.value5"> <strong>{{buy.tag5}}</strong> {{buy.value5}} </span>
<span v-if="buy.value6"> <strong>{{buy.tag6}}</strong> {{buy.value6}} </span>
<span v-if="buy.value7"> <strong>{{buy.tag7}}</strong> {{buy.value7}} </span>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5" class="font bold">
<span class="pull-right">{{$t('total')}}</span>
</td>
<td class="number">{{getTotal() | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
<div class="columns">
<div class="size50">
<div id="notes" class="panel no-page-break" v-if="entry.notes">
<div class="body">
<h3>{{$t('notes')}}</h3>
<div>{{entry.notes}}</div>
</div>
</div>
</div>
</div>
</div>
</div>
<template v-slot:footer>
<report-footer
id="pageFooter"
v-bind:left-text="$t('entry', [entry.id])"
v-bind:company-code="entry.companyCode"
v-bind:center-text="supplier.name"
v-bind:="$props"
>
</report-footer>
</template>
</report-body>

2
print/templates/reports/entry-order/entry-order.js
View File

@ -1,4 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportBody = new Component('report-body');
const reportHeader = new Component('report-header'); const reportHeader = new Component('report-header');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
@ -35,6 +36,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-body': reportBody.build(),
'report-header': reportHeader.build(), 'report-header': reportHeader.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },

86
print/templates/reports/exportation/exportation.html
View File

@ -1,51 +1,35 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<body> <div class="grid-block">
<table class="grid"> <h1 class="title centered uppercase">{{$t('title')}}</h1>
<tbody> <p>{{$t('toAttention')}}</p>
<tr> <p v-html="$t('declaration', [invoice.ref, issued])"></p>
<td> <p>
<!-- Header block --> <ul>
<report-header v-bind="$props"></report-header> <li v-for="responsibility in $t('responsibilities')">
<!-- Block --> {{responsibility}}
<div class="grid-row"> </li>
<div class="grid-block"> </ul>
<h1 class="title centered uppercase">{{$t('title')}}</h1> </p>
<p>{{$t('toAttention')}}</p> <div class="signature">
<p v-html="$t('declaration', [invoice.ref, issued])"></p> <p>{{$t('issued', [
<p> 'Algemesí',
<ul> invoice.issued.getDate(),
<li v-for="responsibility in $t('responsibilities')"> $t('months')[invoice.issued.getMonth()],
{{responsibility}} invoice.issued.getFullYear()])
</li> }}
</ul> </p>
</p> <p><em>({{$t('signature')}})</em></p>
<div class="signature"> <img v-bind:src="getReportSrc('signature.png')">
<p>{{$t('issued', [ <p>
'Algemesí', <div>{{$t('signer.name')}}: {{company.manager}}</div>
invoice.issued.getDate(), <div>{{$t('signer.ID')}}: {{company.managerFi}}</div>
$t('months')[invoice.issued.getMonth()], <div>{{$t('signer.position')}}: {{$t('manager')}}</div>
invoice.issued.getFullYear()]) </p>
}} </div>
</p> </div>
<p><em>({{$t('signature')}})</em></p> </div>
<img v-bind:src="getReportSrc('signature.png')"> <template v-slot:footer>
<p> <report-footer id="pageFooter" v-bind:left-text="$t('invoice', [invoice.ref])" v-bind="$props"></report-footer>
<div>{{$t('signer.name')}}: {{company.manager}}</div> </template>
<div>{{$t('signer.ID')}}: {{company.managerFi}}</div> </report-body>
<div>{{$t('signer.position')}}: {{$t('manager')}}</div>
</p>
</div>
</div>
</div>
<!-- Footer block -->
<report-footer id="pageFooter"
v-bind:left-text="$t('invoice', [invoice.ref])"
v-bind="$props">
</report-footer>
</td>
</tr>
</tbody>
</table>
</body>
</html>

4
print/templates/reports/exportation/exportation.js
View File

@ -1,5 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
@ -25,7 +25,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },
props: { props: {

149
print/templates/reports/extra-community/extra-community.html
View File

@ -1,84 +1,67 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<body> <div class="grid-block">
<table class="grid"> <h1 class="title uppercase">{{$t('title')}}</h1>
<tbody> </div>
<tr> </div>
<td> <div class="grid-row vn-mb-lg" v-for="travel in travels">
<!-- Header block --> <div class="grid-block">
<report-header v-bind="$props"></report-header> <div class="panel">
<div class="grid-row"> <div class="header">{{$t('information')}}</div>
<div class="grid-block"> <div class="body">
<h1 class="title uppercase">{{$t('title')}}</h1> <div>
</div> <table width="100%">
</div> <tbody>
<tr>
<th class="font gray align-right">{{$t('reference')}}</th>
<td>{{travel.ref}}</td>
<th class="font gray align-right">{{$t('blockedKg')}}</th>
<td>{{travel.kg | number($i18n.locale)}}</td>
</tr>
<tr>
<th class="font gray align-right">{{$t('packages')}}</th>
<td>{{travel.stickers}}</td>
<th class="font gray align-right">{{$t('volumeKg')}}</th>
<td>{{travel.volumeKg | number($i18n.locale)}}</td>
</tr>
<tr>
<th class="font gray align-right">{{$t('shipped')}}</th>
<td>{{travel.shipped | date('%d-%m-%Y')}}</td>
<th class="font gray align-right">{{$t('physicalKg')}}</th>
<td>{{travel.loadedKg | number($i18n.locale)}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Block --> <table class="column-oriented">
<div class="grid-row vn-mb-lg" v-for="travel in travels"> <thead>
<div class="grid-block"> <tr>
<div class="panel"> <th>{{$t('supplier')}}</th>
<div class="header">{{$t('information')}}</div> <th>{{$t('reference')}}</th>
<div class="body"> <th class="number">{{$t('volKg')}}</th>
<div> <th class="number">{{$t('phyKg')}}</th>
<table width="100%"> <th class="number">{{$t('packages')}}</th>
<tbody> </tr>
<tr> </thead>
<th class="font gray align-right">{{$t('reference')}}</th> <tbody>
<td>{{travel.ref}}</td> <tr v-for="entry in travel.entries">
<th class="font gray align-right">{{$t('blockedKg')}}</th> <td>{{entry.supplierName}}</td>
<td>{{travel.kg | number($i18n.locale)}}</td> <td>{{entry.ref}}</td>
</tr> <td class="number">{{entry.volumeKg | number($i18n.locale)}}</td>
<tr> <td class="number">{{entry.loadedKg | number($i18n.locale)}}</td>
<th class="font gray align-right">{{$t('packages')}}</th> <td class="number">{{entry.stickers}}</td>
<td>{{travel.stickers}}</td> </tr>
<th class="font gray align-right">{{$t('volumeKg')}}</th> <tr v-if="!travel.entries">
<td>{{travel.volumeKg | number($i18n.locale)}}</td> <td colspan="5" class="centered">{{$t('noRows')}}</td>
</tr> </tr>
<tr> </tbody>
<th class="font gray align-right">{{$t('shipped')}}</th> </table>
<td>{{travel.shipped | date('%d-%m-%Y')}}</td> </div>
<th class="font gray align-right">{{$t('physicalKg')}}</th> </div>
<td>{{travel.loadedKg | number($i18n.locale)}}</td> <template v-slot:footer>
</tr> <report-footer id="pageFooter" v-bind:left-text="dated" v-bind="$props"></report-footer>
</tbody> </template>
</table> </report-body>
</div>
</div>
</div>
<table class="column-oriented">
<thead>
<tr>
<th>{{$t('supplier')}}</th>
<th>{{$t('reference')}}</th>
<th class="number">{{$t('volKg')}}</th>
<th class="number">{{$t('phyKg')}}</th>
<th class="number">{{$t('packages')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="entry in travel.entries">
<td>{{entry.supplierName}}</td>
<td>{{entry.ref}}</td>
<td class="number">{{entry.volumeKg | number($i18n.locale)}}</td>
<td class="number">{{entry.loadedKg | number($i18n.locale)}}</td>
<td class="number">{{entry.stickers}}</td>
</tr>
<tr v-if="!travel.entries">
<td colspan="5" class="centered">{{$t('noRows')}}</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Footer block -->
<report-footer id="pageFooter"
v-bind:left-text="dated"
v-bind="$props">
</report-footer>
</td>
</tr>
</tbody>
</table>
</body>
</html>

4
print/templates/reports/extra-community/extra-community.js
View File

@ -1,5 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
const db = require(`vn-print/core/database`); const db = require(`vn-print/core/database`);
@ -100,7 +100,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },
props: [ props: [

143
print/templates/reports/incoterms-authorization/incoterms-authorization.html
View File

@ -1,84 +1,61 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<body> <div class="grid-block">
<table class="grid"> <p
<tbody> v-html="$t('description', {
<tr> socialName: client.socialName,
<td> name: client.name,
<!-- Header block --> address: client.street,
<report-header v-bind="$props"></report-header> country: client.country,
<!-- Block --> fiscalID: client.fi
<div class="grid-row"> })"
<div class="grid-block"> ></p>
<p v-html="$t('description', { <p
socialName: client.socialName, v-html="$t('declaration', {
name: client.name, socialName: client.socialName
address: client.street, })"
country: client.country, ></p>
fiscalID: client.fi <p
})"></p> v-for="(declaration, $index) in $t('declarations')"
<p v-html="$t('declaration', { v-html="$t('declarations[' + $index + ']', {
socialName: client.socialName companyName: company.name,
})"></p> companyCity: company.city,
<p socialName: client.socialName,
v-for="(declaration, $index) in $t('declarations')" destinationCountry: client.country
v-html="$t('declarations[' + $index + ']', { })"
companyName: company.name, ></p>
companyCity: company.city,
socialName: client.socialName,
destinationCountry: client.country
})">
</p>
<div class="columns"> <div class="columns">
<div class="size50 signature"> <div class="size50 signature">
<p class="centered">{{client.name}}</p> <p class="centered">{{client.name}}</p>
<div class="dummy-signature centered"></div> <div class="dummy-signature centered"></div>
<p> <table>
<table> <tbody>
<tbody> <tr>
<tr> <td>{{$t('signer.representative')}}:</td>
<td>{{$t('signer.representative')}}:</td> <td></td>
<td></td> </tr>
</tr> <tr>
<tr> <td>{{$t('signer.representativeRole')}}:</td>
<td>{{$t('signer.representativeRole')}}:</td> <td></td>
<td></td> </tr>
</tr> <tr>
<tr> <td>{{$t('signer.signed')}}:</td>
<td>{{$t('signer.signed')}}:</td> <td></td>
<td></td> </tr>
</tr> </tbody>
</tbody> </table>
</table> </div>
</p> <div class="size50 signature centered">
</div> <p>{{ company.name }}</p>
<div class="size50 signature centered"> <img v-bind:src="getReportSrc('signature.png')" />
<p>{{ company.name }}</p> <div>{{company.manager}}</div>
<img v-bind:src="getReportSrc('signature.png')"> <div>{{$t('manager')}}</div>
<p> </div>
<div>{{company.manager}}</div> </div>
<div>{{$t('manager')}}</div> </div>
<p>{{$t('issued', [ </div>
company.city, <template v-slot:footer>
issued.getDate(), <report-footer id="pageFooter" v-bind:left-text="$t('client', [client.id])" v-bind="$props"></report-footer>
$t('months')[issued.getMonth()], </template>
issued.getFullYear()]) </report-body>
}}
</p>
</p>
</div>
</div>
</div>
</div>
<!-- Footer block -->
<report-footer id="pageFooter"
v-bind:left-text="$t('client', [client.id])"
v-bind="$props">
</report-footer>
</td>
</tr>
</tbody>
</table>
</body>
</html>

4
print/templates/reports/incoterms-authorization/incoterms-authorization.js
View File

@ -1,5 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
@ -16,7 +16,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },
props: { props: {

215
print/templates/reports/invoice-incoterms/invoice-incoterms.html
View File

@ -1,123 +1,94 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <template v-slot:header>
<body> <report-header v-bind="$props" v-bind:company-code="invoice.companyCode"></report-header>
<table class="grid no-page-break page-break-after"> </template>
<tbody> <div class="grid-row">
<tr> <div class="grid-block">
<td> <div class="columns vn-mb-lg">
<!-- Header block --> <div class="size50">
<report-header v-bind="$props" <div class="size75 vn-mt-ml">
v-bind:company-code="invoice.companyCode"> <h1 class="title uppercase">{{$t('title')}}</h1>
</report-header> <table class="row-oriented ticket-info">
<!-- Block --> <tbody>
<div class="grid-row"> <tr>
<div class="grid-block"> <td class="font gray uppercase">{{$t('clientId')}}</td>
<div class="columns vn-mb-lg"> <th>{{client.id}}</th>
<div class="size50"> </tr>
<div class="size75 vn-mt-ml"> <tr>
<h1 class="title uppercase">{{$t('title')}}</h1> <td class="font gray uppercase">{{$t('invoice')}}</td>
<table class="row-oriented ticket-info"> <th>{{invoice.ref}}</th>
<tbody> </tr>
<tr> <tr>
<td class="font gray uppercase">{{$t('clientId')}}</td> <td class="font gray uppercase">{{$t('date')}}</td>
<th>{{client.id}}</th> <th>{{invoice.issued | date('%d-%m-%Y')}}</th>
</tr> </tr>
<tr> </tbody>
<td class="font gray uppercase">{{$t('invoice')}}</td> </table>
<th>{{invoice.ref}}</th> </div>
</tr> </div>
<tr> <div class="size50">
<td class="font gray uppercase">{{$t('date')}}</td> <div class="panel">
<th>{{invoice.issued | date('%d-%m-%Y')}}</th> <div class="header">{{$t('invoiceData')}}</div>
</tr> <div class="body">
</tbody> <h3 class="uppercase">{{client.socialName}}</h3>
</table> <div>{{client.postalAddress}}</div>
</div> <div>{{client.postcodeCity}}</div>
</div> <div>{{$t('fiscalId')}}: {{client.fi}}</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('invoiceData')}}</div>
<div class="body">
<h3 class="uppercase">{{client.socialName}}</h3>
<div>
{{client.postalAddress}}
</div>
<div>
{{client.postcodeCity}}
</div>
<div>
{{$t('fiscalId')}}: {{client.fi}}
</div>
</div>
</div>
</div>
</div>
<div id="incoterms" class="panel">
<div class="header">{{$t('incotermsTitle')}}</div>
<div class="body">
<table class="row-oriented">
<tbody>
<tr>
<th>
{{$t('incoterms')}}
</th>
<td>{{incoterms.incotermsFk}} - {{incoterms.incotermsName}}</td>
</tr>
<tr>
<th>
{{$t('productDescription')}}
</th>
<td>{{incoterms.intrastat}}</td>
</tr>
<tr>
<th>{{$t('expeditionDescription')}}</th>
<td></td>
</tr>
<tr>
<th>{{$t('packageNumber')}}</th>
<td>{{incoterms.packages}}</td>
</tr>
<tr>
<th>{{$t('packageGrossWeight')}}</th>
<td>{{incoterms.weight}} KG</td>
</tr>
<tr>
<th>{{$t('packageCubing')}}</th>
<td>{{incoterms.volume}} m3</td>
</tr>
</tbody>
</table>
<p>
<div class="font bold">
<span>{{$t('customsInfo')}}</span>
<span>{{incoterms.customsAgentName}}</span>
</div>
<div class="font bold">
<span>(</span>
<span>{{incoterms.customsAgentNif}}</span>
<span>{{incoterms.customsAgentStreet}}</span>
<span v-if="incoterms.customsAgentPhone">
&#9742; {{incoterms.customsAgentPhone}}
</span>
<span v-if="incoterms.customsAgentEmail">
&#9993; {{incoterms.customsAgentEmail}}
</span>
<span>)</span>
</div>
</p>
<p>
<strong>{{$t('productDisclaimer')}}</strong>
</p>
</div>
</div>
</div>
</div> </div>
</td> </div>
</tr> </div>
</tbody> </div>
</table>
</body> <div id="incoterms" class="panel">
</html> <div class="header">{{$t('incotermsTitle')}}</div>
<div class="body">
<table class="row-oriented">
<tbody>
<tr>
<th>{{$t('incoterms')}}</th>
<td>{{incoterms.incotermsFk}} - {{incoterms.incotermsName}}</td>
</tr>
<tr>
<th>{{$t('productDescription')}}</th>
<td>{{incoterms.intrastat}}</td>
</tr>
<tr>
<th>{{$t('expeditionDescription')}}</th>
<td></td>
</tr>
<tr>
<th>{{$t('packageNumber')}}</th>
<td>{{incoterms.packages}}</td>
</tr>
<tr>
<th>{{$t('packageGrossWeight')}}</th>
<td>{{incoterms.weight}} KG</td>
</tr>
<tr>
<th>{{$t('packageCubing')}}</th>
<td>{{incoterms.volume}} m3</td>
</tr>
</tbody>
</table>
<div class="font bold">
<span>{{$t('customsInfo')}}</span>
<span>{{incoterms.customsAgentName}}</span>
</div>
<div class="font bold">
<span>(</span>
<span>{{incoterms.customsAgentNif}}</span>
<span>{{incoterms.customsAgentStreet}}</span>
<span v-if="incoterms.customsAgentPhone"> &#9742; {{incoterms.customsAgentPhone}} </span>
<span v-if="incoterms.customsAgentEmail"> &#9993; {{incoterms.customsAgentEmail}} </span>
<span>)</span>
</div>
<p>
<strong>{{$t('productDisclaimer')}}</strong>
</p>
</div>
</div>
</div>
</div>
<template v-slot:footer>&nbsp;</template>
</report-body>

6
print/templates/reports/invoice-incoterms/invoice-incoterms.js
View File

@ -1,6 +1,6 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportBody = new Component('report-body');
const reportHeader = new Component('report-header'); const reportHeader = new Component('report-header');
const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
name: 'invoice-incoterms', name: 'invoice-incoterms',
@ -27,8 +27,8 @@ module.exports = {
} }
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-header': reportHeader.build()
}, },
props: { props: {
reference: { reference: {

565
print/templates/reports/invoice/invoice.html
View File

@ -1,319 +1,266 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <invoice-incoterms v-if="hasIncoterms" v-bind="$props"> </invoice-incoterms>
<body> <template v-slot:header>
<table class="grid"> <report-header v-bind="$props" v-bind:company-code="invoice.companyCode"></report-header>
<tbody> </template>
<tr> <div class="grid-row">
<td> <div class="grid-block">
<div class="columns vn-mb-lg">
<div class="size50">
<div class="size75 vn-mt-ml">
<h1 class="title uppercase">{{$t('title')}}</h1>
<table class="row-oriented ticket-info">
<tbody>
<tr>
<td class="font gray uppercase">{{$t('clientId')}}</td>
<th>{{client.id}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t('invoice')}}</td>
<th>{{invoice.ref}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t('date')}}</td>
<th>{{invoice.issued | date('%d-%m-%Y')}}</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('invoiceData')}}</div>
<div class="body">
<h3 class="uppercase">{{client.socialName}}</h3>
<div>{{client.postalAddress}}</div>
<div>{{client.postcodeCity}}</div>
<div>{{$t('fiscalId')}}: {{client.fi}}</div>
</div>
</div>
</div>
</div>
<div class="size100 no-page-break" v-if="rectified.length > 0">
<h2>{{$t('rectifiedInvoices')}}</h2>
<table class="column-oriented">
<thead>
<tr>
<th>{{$t('invoice')}}</th>
<th>{{$t('issued')}}</th>
<th class="number">{{$t('amount')}}</th>
<th width="50%">{{$t('description')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="row in rectified">
<td>{{row.ref}}</td>
<td>{{row.issued | date}}</td>
<td class="number">{{row.amount | currency('EUR', $i18n.locale)}}</td>
<td width="50%">{{row.description}}</td>
</tr>
</tbody>
</table>
</div>
<div class="vn-mt-lg" v-for="ticket in tickets">
<div class="table-title clearfix">
<div class="pull-left">
<h2>{{$t('deliveryNote')}}</h2>
</div>
<div class="pull-left vn-mr-md">
<div class="field rectangle">
<span>{{ticket.id}}</span>
</div>
</div>
<div class="pull-left">
<h2>{{$t('shipped')}}</h2>
</div>
<div class="pull-left">
<div class="field rectangle">
<span>{{ticket.shipped | date}}</span>
</div>
</div>
<span id="nickname" class="pull-right">
<h2>{{ticket.nickname}}</h2>
</span>
</div>
<table class="column-oriented">
<thead>
<tr>
<th width="5%">{{$t('reference')}}</th>
<th class="number">{{$t('quantity')}}</th>
<th width="50%">{{$t('concept')}}</th>
<th class="number">{{$t('price')}}</th>
<th class="centered" width="5%">{{$t('discount')}}</th>
<th class="centered">{{$t('vat')}}</th>
<th class="number">{{$t('amount')}}</th>
</tr>
</thead>
<tbody v-for="sale in ticket.sales" class="no-page-break">
<tr>
<td width="5%">{{sale.itemFk | zerofill('000000')}}</td>
<td class="number">{{sale.quantity}}</td>
<td width="50%">{{sale.concept}}</td>
<td class="number">{{sale.price | currency('EUR', $i18n.locale)}}</td>
<td class="centered" width="5%">{{(sale.discount / 100) | percentage}}</td>
<td class="centered">{{sale.vatType}}</td>
<td class="number">{{saleImport(sale) | currency('EUR', $i18n.locale)}}</td>
</tr>
<tr class="description font light-gray">
<td colspan="7">
<span v-if="sale.value5"> <strong>{{sale.tag5}}</strong> {{sale.value5}} </span>
<span v-if="sale.value6"> <strong>{{sale.tag6}}</strong> {{sale.value6}} </span>
<span v-if="sale.value7"> <strong>{{sale.tag7}}</strong> {{sale.value7}} </span>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="6" class="font bold">
<span class="pull-right">{{$t('subtotal')}}</span>
</td>
<td class="number">{{ticketSubtotal(ticket) | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
</div>
<!-- Incoterms block --> <div class="columns vn-mt-xl">
<invoice-incoterms <div id="taxes" class="size50 pull-right no-page-break" v-if="taxes">
v-if="hasIncoterms" <table class="column-oriented">
v-bind="$props"> <thead>
</invoice-incoterms> <tr>
<th colspan="4">{{$t('taxBreakdown')}}</th>
</tr>
</thead>
<thead class="light">
<tr>
<th width="45%">{{$t('type')}}</th>
<th width="25%" class="number">{{$t('taxBase')}}</th>
<th>{{$t('tax')}}</th>
<th class="number">{{$t('fee')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="tax in taxes">
<td width="45%">{{tax.name}}</td>
<td width="25%" class="number">{{tax.base | currency('EUR', $i18n.locale)}}</td>
<td>{{tax.vatPercent | percentage}}</td>
<td class="number">{{tax.vat | currency('EUR', $i18n.locale)}}</td>
</tr>
</tbody>
<tfoot>
<tr class="font bold">
<td width="45%">{{$t('subtotal')}}</td>
<td width="20%" class="number">
{{sumTotal(taxes, 'base') | currency('EUR', $i18n.locale)}}
</td>
<td></td>
<td class="number">{{sumTotal(taxes, 'vat') | currency('EUR', $i18n.locale)}}</td>
</tr>
<tr class="font bold">
<td colspan="2">{{$t('total')}}</td>
<td colspan="2" class="number">{{taxTotal | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
<!-- Header block --> <div class="panel" v-if="invoice.footNotes">
<report-header v-bind="$props" <div class="header">{{$t('notes')}}</div>
v-bind:company-code="invoice.companyCode"> <div class="body">
</report-header> <span>{{invoice.footNotes}}</span>
<!-- Block --> </div>
<div class="grid-row"> </div>
<div class="grid-block"> </div>
<div class="columns vn-mb-lg"> <div id="phytosanitary" class="size50 pull-left no-page-break">
<div class="size50"> <div class="panel">
<div class="size75 vn-mt-ml"> <div class="body">
<h1 class="title uppercase">{{$t('title')}}</h1> <div class="flag">
<table class="row-oriented ticket-info"> <div class="columns">
<tbody> <div class="size25">
<tr> <img v-bind:src="getReportSrc('europe.png')" />
<td class="font gray uppercase">{{$t('clientId')}}</td>
<th>{{client.id}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t('invoice')}}</td>
<th>{{invoice.ref}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t('date')}}</td>
<th>{{invoice.issued | date('%d-%m-%Y')}}</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('invoiceData')}}</div>
<div class="body">
<h3 class="uppercase">{{client.socialName}}</h3>
<div>
{{client.postalAddress}}
</div>
<div>
{{client.postcodeCity}}
</div>
<div>
{{$t('fiscalId')}}: {{client.fi}}
</div>
</div>
</div>
</div> </div>
<div class="size75 flag-text"><strong>{{$t('plantPassport')}}</strong><br /></div>
</div> </div>
</div>
<!-- Rectified invoices block --> <div class="phytosanitary-info">
<div class="size100 no-page-break" v-if="rectified.length > 0"> <div>
<h2>{{$t('rectifiedInvoices')}}</h2> <strong>A</strong>
<table class="column-oriented"> <span>{{botanical}}</span>
<thead>
<tr>
<th>{{$t('invoice')}}</th>
<th>{{$t('issued')}}</th>
<th class="number">{{$t('amount')}}</th>
<th width="50%">{{$t('description')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="row in rectified">
<td>{{row.ref}}</td>
<td>{{row.issued | date}}</td>
<td class="number">{{row.amount | currency('EUR', $i18n.locale)}}</td>
<td width="50%">{{row.description}}</td>
</tr>
</tbody>
</table>
</div> </div>
<!-- End of rectified invoices block --> <div>
<strong>B</strong>
<!-- Sales block --> <span>ES17462130</span>
<div class="vn-mt-lg" v-for="ticket in tickets">
<div class="table-title clearfix">
<div class="pull-left">
<h2>{{$t('deliveryNote')}}</strong>
</div>
<div class="pull-left vn-mr-md">
<div class="field rectangle">
<span>{{ticket.id}}</span>
</div>
</div>
<div class="pull-left">
<h2>{{$t('shipped')}}</h2>
</div>
<div class="pull-left">
<div class="field rectangle">
<span>{{ticket.shipped | date}}</span>
</div>
</div>
<span id="nickname" class="pull-right">
<h2>{{ticket.nickname}}</h2>
</span>
</div>
<table class="column-oriented">
<thead>
<tr>
<th width="5%">{{$t('reference')}}</th>
<th class="number">{{$t('quantity')}}</th>
<th width="50%">{{$t('concept')}}</th>
<th class="number">{{$t('price')}}</th>
<th class="centered" width="5%">{{$t('discount')}}</th>
<th class="centered">{{$t('vat')}}</th>
<th class="number">{{$t('amount')}}</th>
</tr>
</thead>
<tbody v-for="sale in ticket.sales" class="no-page-break">
<tr>
<td width="5%">{{sale.itemFk | zerofill('000000')}}</td>
<td class="number">{{sale.quantity}}</td>
<td width="50%">{{sale.concept}}</td>
<td class="number">{{sale.price | currency('EUR', $i18n.locale)}}</td>
<td class="centered" width="5%">{{(sale.discount / 100) | percentage}}</td>
<td class="centered">{{sale.vatType}}</td>
<td class="number">{{saleImport(sale) | currency('EUR', $i18n.locale)}}</td>
</tr>
<tr class="description font light-gray">
<td colspan="7">
<span v-if="sale.value5">
<strong>{{sale.tag5}}</strong> {{sale.value5}}
</span>
<span v-if="sale.value6">
<strong>{{sale.tag6}}</strong> {{sale.value6}}
</span>
<span v-if="sale.value7">
<strong>{{sale.tag7}}</strong> {{sale.value7}}
</span>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="6" class="font bold">
<span class="pull-right">{{$t('subtotal')}}</span>
</td>
<td class="number">{{ticketSubtotal(ticket) | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
</div> </div>
<!-- End of sales block --> <div>
<strong>C</strong>
<div class="columns vn-mt-xl"> <span>{{ticketsId}}</span>
<!-- Taxes block -->
<div id="taxes" class="size50 pull-right no-page-break" v-if="taxes">
<table class="column-oriented">
<thead>
<tr>
<th colspan="4">{{$t('taxBreakdown')}}</th>
</tr>
</thead>
<thead class="light">
<tr>
<th width="45%">{{$t('type')}}</th>
<th width="25%" class="number">
{{$t('taxBase')}}
</th>
<th>{{$t('tax')}}</th>
<th class="number">{{$t('fee')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="tax in taxes">
<td width="45%">{{tax.name}}</td>
<td width="25%" class="number">
{{tax.base | currency('EUR', $i18n.locale)}}
</td>
<td>{{tax.vatPercent | percentage}}</td>
<td class="number">{{tax.vat | currency('EUR', $i18n.locale)}}</td>
</tr>
</tbody>
<tfoot>
<tr class="font bold">
<td width="45%">{{$t('subtotal')}}</td>
<td width="20%" class="number">
{{sumTotal(taxes, 'base') | currency('EUR', $i18n.locale)}}
</td>
<td></td>
<td class="number">{{sumTotal(taxes, 'vat') | currency('EUR', $i18n.locale)}}</td>
</tr>
<tr class="font bold">
<td colspan="2">{{$t('total')}}</td>
<td colspan="2" class="number">{{taxTotal | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
<div class="panel" v-if="invoice.footNotes">
<div class="header">{{$t('notes')}}</div>
<div class="body">
<span>{{invoice.footNotes}}</span>
</div>
</div>
</div>
<!-- End of taxes block -->
<!-- Phytosanitary block -->
<div id="phytosanitary" class="size50 pull-left no-page-break">
<div class="panel">
<div class="body">
<div class="flag">
<div class="columns">
<div class="size25">
<img v-bind:src="getReportSrc('europe.png')"/>
</div>
<div class="size75 flag-text">
<strong>{{$t('plantPassport')}}</strong><br/>
</div>
</div>
</div>
<div class="phytosanitary-info">
<div>
<strong>A</strong>
<span>{{botanical}}</span>
</div>
<div>
<strong>B</strong>
<span>ES17462130</span>
</div>
<div>
<strong>C</strong>
<span>{{ticketsId}}</span>
</div>
<div>
<strong>D</strong>
<span>ES</span>
</div>
</div>
</div>
</div>
</div>
<!-- End of phytosanitary block -->
</div> </div>
<div>
<strong>D</strong>
<!-- Intrastat block --> <span>ES</span>
<div class="size100 no-page-break" v-if="intrastat.length > 0">
<h2>{{$t('intrastat')}}</h2>
<table class="column-oriented">
<thead>
<tr>
<th>{{$t('code')}}</th>
<th width="50%">{{$t('description')}}</th>
<th class="number">{{$t('stems')}}</th>
<th class="number">{{$t('netKg')}}</th>
<th class="number">{{$t('amount')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="row in intrastat">
<td>{{row.code}}</td>
<td width="50%">{{row.description || $t('services') }}</td>
<td class="number">{{row.stems | number($i18n.locale)}}</td>
<td class="number">{{row.netKg | number($i18n.locale)}}</td>
<td class="number">{{row.subtotal | currency('EUR', $i18n.locale)}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td class="number">
<strong>{{sumTotal(intrastat, 'stems') | number($i18n.locale)}}</strong>
</td>
<td class="number">
<strong>{{sumTotal(intrastat, 'netKg') | number($i18n.locale)}}</strong>
</td>
<td class="number">
<strong>{{sumTotal(intrastat, 'subtotal') | currency('EUR', $i18n.locale)}}</strong>
</td>
</tr>
</tfoot>
</table>
</div> </div>
<!-- End of intrastat block -->
<!-- Observations block -->
<div class="columns vn-mt-xl" v-if="invoice.payMethodCode == 'wireTransfer'">
<div class="size50 pull-left no-page-break" >
<div class="panel" >
<div class="header">{{$t('observations')}}</div>
<div class="body">
<div>{{$t('wireTransfer')}}</div>
<div>{{$t('accountNumber', [invoice.iban])}}</div>
</div>
</div>
</div>
</div>
<!-- End of observations block -->
</div> </div>
</div> </div>
<!-- Footer block --> </div>
<report-footer id="pageFooter" </div>
v-bind:company-code="invoice.companyCode" </div>
v-bind:left-text="$t('invoiceRef', [invoice.ref])" <div class="size100 no-page-break" v-if="intrastat.length > 0">
v-bind:center-text="client.socialName" <h2>{{$t('intrastat')}}</h2>
v-bind="$props"> <table class="column-oriented">
</report-footer> <thead>
</td> <tr>
</tr> <th>{{$t('code')}}</th>
</tbody> <th width="50%">{{$t('description')}}</th>
</table> <th class="number">{{$t('stems')}}</th>
</body> <th class="number">{{$t('netKg')}}</th>
</html> <th class="number">{{$t('amount')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="row in intrastat">
<td>{{row.code}}</td>
<td width="50%">{{row.description || $t('services') }}</td>
<td class="number">{{row.stems | number($i18n.locale)}}</td>
<td class="number">{{row.netKg | number($i18n.locale)}}</td>
<td class="number">{{row.subtotal | currency('EUR', $i18n.locale)}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td class="number">
<strong>{{sumTotal(intrastat, 'stems') | number($i18n.locale)}}</strong>
</td>
<td class="number">
<strong>{{sumTotal(intrastat, 'netKg') | number($i18n.locale)}}</strong>
</td>
<td class="number">
<strong>{{sumTotal(intrastat, 'subtotal') | currency('EUR', $i18n.locale)}}</strong>
</td>
</tr>
</tfoot>
</table>
</div>
<div class="columns vn-mt-xl" v-if="invoice.payMethodCode == 'wireTransfer'">
<div class="size50 pull-left no-page-break">
<div class="panel">
<div class="header">{{$t('observations')}}</div>
<div class="body">
<div>{{$t('wireTransfer')}}</div>
<div>{{$t('accountNumber', [invoice.iban])}}</div>
</div>
</div>
</div>
</div>
</div>
</div>
<template v-slot:footer>
<report-footer
id="pageFooter"
v-bind:company-code="invoice.companyCode"
v-bind:left-text="$t('invoiceRef', [invoice.ref])"
v-bind:center-text="client.socialName"
v-bind="$props"
>
</report-footer>
</template>
</report-body>

2
print/templates/reports/invoice/invoice.js
View File

@ -1,5 +1,6 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const Report = require(`vn-print/core/report`); const Report = require(`vn-print/core/report`);
const reportBody = new Component('report-body');
const reportHeader = new Component('report-header'); const reportHeader = new Component('report-header');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
const invoiceIncoterms = new Report('invoice-incoterms'); const invoiceIncoterms = new Report('invoice-incoterms');
@ -110,6 +111,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-body': reportBody.build(),
'report-header': reportHeader.build(), 'report-header': reportHeader.build(),
'report-footer': reportFooter.build(), 'report-footer': reportFooter.build(),
'invoice-incoterms': invoiceIncoterms.build() 'invoice-incoterms': invoiceIncoterms.build()

381
print/templates/reports/invoiceIn/invoiceIn.html
View File

@ -1,214 +1,177 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <template v-slot:header>
<body> <report-header v-bind="$props" v-bind:company-code="invoice.companyCode"></report-header>
<table class="grid"> </template>
<tbody> <div class="grid-row">
<tr> <div class="grid-block">
<td> <div class="columns vn-mb-lg">
<div class="size50">
<div class="size75 vn-mt-ml">
<h1 class="title uppercase">{{$t('title')}}</h1>
<table class="row-oriented ticket-info">
<tbody>
<tr>
<td class="font gray uppercase">{{$t('supplierId')}}</td>
<th>{{invoice.supplierId}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t('invoiceId')}}</td>
<th>{{invoice.id}}</th>
</tr>
<tr>
<td class="font gray uppercase">{{$t('date')}}</td>
<th>{{invoice.created | date('%d-%m-%Y')}}</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('invoiceData')}}</div>
<div class="body">
<h3 class="uppercase">{{invoice.name}}</h3>
<div>{{invoice.postalAddress}}</div>
<div>{{invoice.postcodeCity}}</div>
<div v-if="invoice.nif">{{$t('fiscalId')}}: {{invoice.nif}}</div>
<div v-if="invoice.phone">{{$t('phone')}}: {{invoice.phone}}</div>
</div>
</div>
</div>
</div>
<!-- Header block --> <div class="vn-mt-lg" v-for="entry in entries">
<report-header v-bind="$props" <div class="table-title clearfix">
v-bind:company-code="invoice.companyCode"> <div class="pull-left">
</report-header> <h2>{{$t('invoiceId')}}</h2>
<!-- Block --> </div>
<div class="grid-row"> <div class="pull-left vn-mr-md">
<div class="grid-block"> <div class="field rectangle">
<div class="columns vn-mb-lg"> <span>{{entry.id}}</span>
<div class="size50"> </div>
<div class="size75 vn-mt-ml"> </div>
<h1 class="title uppercase">{{$t('title')}}</h1> <div class="pull-left">
<table class="row-oriented ticket-info"> <h2>{{$t('date')}}</h2>
<tbody> </div>
<tr> <div class="pull-left">
<td class="font gray uppercase">{{$t('supplierId')}}</td> <div class="field rectangle">
<th>{{invoice.supplierId}}</th> <span>{{entry.landed | date}}</span>
</tr> </div>
<tr> </div>
<td class="font gray uppercase">{{$t('invoiceId')}}</td> <span id="nickname" class="pull-right">
<th>{{invoice.id}}</th> <div class="pull-left">
</tr> <h2>{{$t('reference')}}</h2>
<tr> </div>
<td class="font gray uppercase">{{$t('date')}}</td> <div class="pull-left">
<th>{{invoice.created | date('%d-%m-%Y')}}</th> <div class="field rectangle">
</tr> <span>{{entry.ref}}</span>
</tbody> </div>
</table> </div>
</div> </span>
</div> </div>
<div class="size50"> <table class="column-oriented">
<div class="panel"> <thead>
<div class="header">{{$t('invoiceData')}}</div> <tr>
<div class="body"> <th width="50%">{{$t('item')}}</th>
<h3 class="uppercase">{{invoice.name}}</h3> <th class="number">{{$t('quantity')}}</th>
<div> <th class="number">{{$t('buyingValue')}}</th>
{{invoice.postalAddress}} <th class="number">{{$t('amount')}}</th>
</div> </tr>
<div> </thead>
{{invoice.postcodeCity}} <tbody v-for="buy in entry.buys" class="no-page-break">
</div> <tr>
<div v-if="invoice.nif"> <td width="50%">{{buy.name}}</td>
{{$t('fiscalId')}}: {{invoice.nif}} <td class="number">{{buy.quantity}}</td>
</div> <td class="number">{{buy.buyingValue}}</td>
<div v-if="invoice.phone"> <td class="number">{{buyImport(buy) | currency('EUR', $i18n.locale)}}</td>
{{$t('phone')}}: {{invoice.phone}} </tr>
</div> <tr class="description font light-gray">
</div> <td colspan="4">
</div> <span v-if="buy.value5"> <strong>{{buy.tag5}}</strong> {{buy.value5}} </span>
</div> <span v-if="buy.value6"> <strong>{{buy.tag6}}</strong> {{buy.value6}} </span>
</div> <span v-if="buy.value7"> <strong>{{buy.tag7}}</strong> {{buy.value7}} </span>
</td>
<div class="vn-mt-lg" v-for="entry in entries"> </tr>
<div class="table-title clearfix"> </tbody>
<div class="pull-left"> <tfoot>
<h2>{{$t('invoiceId')}}</strong> <tr>
</div> <td colspan="3" class="font bold">
<div class="pull-left vn-mr-md"> <span class="pull-right">{{$t('subtotal')}}</span>
<div class="field rectangle"> </td>
<span>{{entry.id}}</span> <td class="number">{{entrySubtotal(entry) | currency('EUR', $i18n.locale)}}</td>
</div> </tr>
</div> </tfoot>
<div class="pull-left"> </table>
<h2>{{$t('date')}}</h2> </div>
</div> <div class="columns vn-mt-xl">
<div class="pull-left"> <div id="taxes" class="size50 pull-right no-page-break" v-if="taxes">
<div class="field rectangle"> <table class="column-oriented">
<span>{{entry.landed | date}}</span> <thead>
</div> <tr>
</div> <th colspan="4">{{$t('taxBreakdown')}}</th>
<span id="nickname" class="pull-right"> </tr>
<div class="pull-left"> </thead>
<h2>{{$t('reference')}}</h2> <thead class="light">
</div> <tr>
<div class="pull-left"> <th width="45%">{{$t('type')}}</th>
<div class="field rectangle"> <th width="25%" class="number">{{$t('taxBase')}}</th>
<span>{{entry.ref}}</span> <th>{{$t('tax')}}</th>
</div> <th class="number">{{$t('fee')}}</th>
</div> </tr>
</span> </thead>
</div> <tbody>
<table class="column-oriented"> <tr v-for="tax in taxes">
<thead> <td width="45%">{{tax.name}}</td>
<tr> <td width="25%" class="number">{{tax.taxableBase | currency('EUR', $i18n.locale)}}</td>
<th width="50%">{{$t('item')}}</th> <td>{{tax.rate | percentage}}</td>
<th class="number">{{$t('quantity')}}</th> <td class="number">{{tax.vat | currency('EUR', $i18n.locale)}}</td>
<th class="number">{{$t('buyingValue')}}</th> </tr>
<th class="number">{{$t('amount')}}</th> </tbody>
</tr> <tfoot>
</thead> <tr class="font bold">
<tbody v-for="buy in entry.buys" class="no-page-break"> <td width="45%">{{$t('subtotal')}}</td>
<tr> <td width="20%" class="number">
<td width="50%">{{buy.name}}</td> {{sumTotal(taxes, 'taxableBase') | currency('EUR', $i18n.locale)}}
<td class="number">{{buy.quantity}}</td> </td>
<td class="number">{{buy.buyingValue}}</td> <td></td>
<td class="number">{{buyImport(buy) | currency('EUR', $i18n.locale)}}</td> <td class="number">{{sumTotal(taxes, 'vat') | currency('EUR', $i18n.locale)}}</td>
</tr> </tr>
<tr class="description font light-gray"> <tr class="font bold">
<td colspan="4"> <td colspan="2">{{$t('total')}}</td>
<span v-if="buy.value5"> <td colspan="2" class="number">{{taxTotal() | currency('EUR', $i18n.locale)}}</td>
<strong>{{buy.tag5}}</strong> {{buy.value5}} </tr>
</span> </tfoot>
<span v-if="buy.value6"> </table>
<strong>{{buy.tag6}}</strong> {{buy.value6}}
</span>
<span v-if="buy.value7">
<strong>{{buy.tag7}}</strong> {{buy.value7}}
</span>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3" class="font bold">
<span class="pull-right">{{$t('subtotal')}}</span>
</td>
<td class="number">{{entrySubtotal(entry) | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
</div>
<!-- End of sales block -->
<div class="columns vn-mt-xl">
<!-- Taxes block -->
<div id="taxes" class="size50 pull-right no-page-break" v-if="taxes">
<table class="column-oriented">
<thead>
<tr>
<th colspan="4">{{$t('taxBreakdown')}}</th>
</tr>
</thead>
<thead class="light">
<tr>
<th width="45%">{{$t('type')}}</th>
<th width="25%" class="number">
{{$t('taxBase')}}
</th>
<th>{{$t('tax')}}</th>
<th class="number">{{$t('fee')}}</th>
</tr>
</thead>
<tbody>
<tr v-for="tax in taxes">
<td width="45%">{{tax.name}}</td>
<td width="25%" class="number">
{{tax.taxableBase | currency('EUR', $i18n.locale)}}
</td>
<td>{{tax.rate | percentage}}</td>
<td class="number">{{tax.vat | currency('EUR', $i18n.locale)}}</td>
</tr>
</tbody>
<tfoot>
<tr class="font bold">
<td width="45%">{{$t('subtotal')}}</td>
<td width="20%" class="number">
{{sumTotal(taxes, 'taxableBase') | currency('EUR', $i18n.locale)}}
</td>
<td></td>
<td class="number">{{sumTotal(taxes, 'vat') | currency('EUR', $i18n.locale)}}</td>
</tr>
<tr class="font bold">
<td colspan="2">{{$t('total')}}</td>
<td colspan="2" class="number">{{taxTotal() | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
<div class="panel" v-if="invoice.footNotes">
<div class="header">{{$t('notes')}}</div>
<div class="body">
<span>{{invoice.footNotes}}</span>
</div>
</div>
</div>
<!-- End of taxes block -->
<!-- Observations block -->
<div class="columns vn-mt-xl">
<div class="size50 pull-left no-page-break" >
<div class="panel" >
<div class="header">{{$t('observations')}}</div>
<div class="body">
<div>{{$t('payMethod')}}</div>
<div>{{invoice.payMethod}}</div>
</div>
</div>
</div>
</div>
<!-- End of observations block -->
<div class="panel" v-if="invoice.footNotes">
<div class="header">{{$t('notes')}}</div>
<div class="body">
<span>{{invoice.footNotes}}</span>
</div>
</div>
</div>
<div class="columns vn-mt-xl">
<div class="size50 pull-left no-page-break">
<div class="panel">
<div class="header">{{$t('observations')}}</div>
<div class="body">
<div>{{$t('payMethod')}}</div>
<div>{{invoice.payMethod}}</div>
</div> </div>
</div> </div>
</div> </div>
<!-- Footer block --> </div>
<report-footer id="pageFooter" </div>
v-bind:company-code="invoice.companyCode" </div>
v-bind:left-text="$t('invoiceId')" </div>
v-bind:center-text="invoice.name" <template v-slot:footer>
v-bind="$props"> <report-footer
</report-footer> id="pageFooter"
</td> v-bind:company-code="invoice.companyCode"
</tr> v-bind:left-text="$t('invoiceId')"
</tbody> v-bind:center-text="invoice.name"
</table> v-bind="$props"
</body> >
</html> </report-footer>
</template>
</report-body>

2
print/templates/reports/invoiceIn/invoiceIn.js
View File

@ -1,4 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportBody = new Component('report-body');
const reportHeader = new Component('report-header'); const reportHeader = new Component('report-header');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
@ -82,6 +83,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-body': reportBody.build(),
'report-header': reportHeader.build(), 'report-header': reportHeader.build(),
'report-footer': reportFooter.build(), 'report-footer': reportFooter.build(),
}, },

58
print/templates/reports/item-label/item-label.html
View File

@ -1,35 +1,23 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="label">
<body> <div class="barcode">
<table class="grid"> <h1>{{item.id}}</h1>
<tbody> <div class="image">
<tr> <img v-bind:src="barcode" />
<td> </div>
<div class="label"> </div>
<div class="barcode"> <div class="data">
<h1>{{item.id}}</h1> <div class="header">{{item.name}}</div>
<div class="image"> <div class="color">{{tags.color}}</div>
<img v-bind:src="barcode"/> <div class="producer">{{tags.producer}}</div>
</div> <div class="details">
</div> <div class="package">
<div class="data"> <div class="packing">{{packing()}}</div>
<div class="header">{{item.name}}</div> <div class="dated">{{dated}}</div>
<div class="color">{{tags.color}}</div> <div class="labelNumber">{{labelPage}}</div>
<div class="producer">{{tags.producer}}</div> </div>
<div class="details"> <div class="size">{{item.size}}</div>
<div class="package"> </div>
<div class="packing">{{packing()}}</div> </div>
<div class="dated">{{dated}}</div> </div>
<div class="labelNumber">{{labelPage}}</div> </report-body>
</div>
<div class="size">{{item.size}}</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/reports/item-label/item-label.js
View File

@ -1,6 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer');
const qrcode = require('qrcode'); const qrcode = require('qrcode');
module.exports = { module.exports = {
@ -50,8 +49,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build()
'report-footer': reportFooter.build()
}, },
props: { props: {
id: { id: {

171
print/templates/reports/letter-debtor/letter-debtor.html
View File

@ -1,95 +1,78 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<body> <div class="grid-block">
<table class="grid"> <div class="columns">
<tbody> <div class="size50">
<tr> <div class="size75">
<td> <h1 class="title uppercase">{{$t('title')}}</h1>
<!-- Header block --> <table class="row-oriented">
<report-header v-bind="$props"></report-header> <tbody>
<!-- Block --> <tr>
<div class="grid-row"> <td class="font gray uppercase">{{$t('clientId')}}</td>
<div class="grid-block"> <th>{{client.id}}</th>
<div class="columns"> </tr>
<div class="size50"> <tr>
<div class="size75"> <td class="font gray uppercase">{{$t('date')}}</td>
<h1 class="title uppercase">{{$t('title')}}</h1> <th>{{dated}}</th>
<table class="row-oriented"> </tr>
<tbody> </tbody>
<tr> </table>
<td class="font gray uppercase">{{$t('clientId')}}</td> </div>
<th>{{client.id}}</th> </div>
</tr> <div class="size50">
<tr> <div class="panel">
<td class="font gray uppercase">{{$t('date')}}</td> <div class="header">{{$t('clientData')}}</div>
<th>{{dated}}</th> <div class="body">
</tr> <h3 class="uppercase">{{client.socialName}}</h3>
</tbody> <div>{{client.street}}</div>
</table> <div>{{client.postcode}}, {{client.city}} ({{client.province}})</div>
</div> <div>{{client.country}}</div>
</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('clientData')}}</div>
<div class="body">
<h3 class="uppercase">{{client.socialName}}</h3>
<div>
{{client.street}}
</div>
<div>
{{client.postcode}}, {{client.city}} ({{client.province}})
</div>
<div>
{{client.country}}
</div>
</div>
</div>
</div>
</div>
<table class="column-oriented">
<thead>
<tr>
<th>{{$t('date')}}</th>
<th>{{$t('concept')}}</th>
<th class="number">{{$t('invoiced')}}</th>
<th class="number">{{$t('payed')}}</th>
<th class="number">{{$t('balance')}}</th>
</tr>
</thead>
<tbody v-for="sale in sales" :key="sale.id">
<tr>
<td>{{sale.issued | date('%d-%m-%Y')}}</td>
<td>{{sale.ref}}</td>
<td class="number">{{sale.debtOut}}</td>
<td class="number">{{sale.debtIn}}</td>
<td class="number">{{getBalance(sale)}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td class="number">
<strong class="pull-left">Total</strong>
{{getTotalDebtOut() | currency('EUR', $i18n.locale)}}
</td>
<td class="number">{{getTotalDebtIn() | currency('EUR', $i18n.locale)}}</td>
<td class="number">{{totalBalance | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
</div>
</div> </div>
<!-- Footer block --> </div>
<report-footer id="pageFooter" </div>
v-bind:left-text="$t('client', [client.id])" </div>
v-bind:center-text="client.socialName"
v-bind="$props"> <table class="column-oriented">
</report-footer> <thead>
</td> <tr>
</tr> <th>{{$t('date')}}</th>
</tbody> <th>{{$t('concept')}}</th>
</table> <th class="number">{{$t('invoiced')}}</th>
</body> <th class="number">{{$t('payed')}}</th>
</html> <th class="number">{{$t('balance')}}</th>
</tr>
</thead>
<tbody v-for="sale in sales" :key="sale.id">
<tr>
<td>{{sale.issued | date('%d-%m-%Y')}}</td>
<td>{{sale.ref}}</td>
<td class="number">{{sale.debtOut}}</td>
<td class="number">{{sale.debtIn}}</td>
<td class="number">{{getBalance(sale)}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td class="number">
<strong class="pull-left">Total</strong>
{{getTotalDebtOut() | currency('EUR', $i18n.locale)}}
</td>
<td class="number">{{getTotalDebtIn() | currency('EUR', $i18n.locale)}}</td>
<td class="number">{{totalBalance | currency('EUR', $i18n.locale)}}</td>
</tr>
</tfoot>
</table>
</div>
</div>
<template v-slot:footer>
<report-footer
id="pageFooter"
v-bind:left-text="$t('client', [client.id])"
v-bind:center-text="client.socialName"
v-bind="$props"
>
</report-footer>
</template>
</report-body>

4
print/templates/reports/letter-debtor/letter-debtor.js
View File

@ -1,5 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
@ -58,7 +58,7 @@ module.exports = {
}, },
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },
props: { props: {

75
print/templates/reports/receipt/receipt.html
View File

@ -1,45 +1,30 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<body> <div class="grid-block">
<table class="grid"> <div class="content">
<tbody> <h1 class="title centered uppercase">{{$t('title')}}</h1>
<tr> <p class="centered">
<td> Recibo de <strong class="uppercase">{{client.socialName}}</strong>, la cantidad de
<!-- Header block --> <strong>{{receipt.amountPaid}} €</strong> en concepto de 'entrega a cuenta', quedando pendiente en
<report-header v-bind="$props"></report-header> la cuenta del cliente un saldo de <strong>{{receipt.amountUnpaid}} €</strong>.
<!-- Block --> </p>
<div class="grid-row"> <div class="signature">
<div class="grid-block"> <img v-bind:src="getReportSrc('signature.png')" />
<div class="content"> <p class="centered">
<h1 class="title centered uppercase">{{$t('title')}}</h1> {{$t('payed', [ 'Algemesí', receipt.payed.getDate(), $t('months')[receipt.payed.getMonth()],
<p class="centered"> receipt.payed.getFullYear()]) }}
Recibo de <strong class="uppercase">{{client.socialName}}</strong>, </p>
la cantidad de <strong>{{receipt.amountPaid}} €</strong> en concepto de 'entrega a cuenta', </div>
quedando pendiente en la cuenta del cliente </div>
un saldo de <strong>{{receipt.amountUnpaid}} €</strong>. </div>
</p> </div>
<div class="signature"> <template v-slot:footer>
<img v-bind:src="getReportSrc('signature.png')"> <report-footer
<p class="centered">{{$t('payed', [ id="pageFooter"
'Algemesí', v-bind:left-text="$t('client', [client.id])"
receipt.payed.getDate(), v-bind:center-text="client.socialName"
$t('months')[receipt.payed.getMonth()], v-bind="$props"
receipt.payed.getFullYear()]) >
}} </report-footer>
</p> </template>
</div> </report-body>
</div>
</div>
</div>
<!-- Footer block -->
<report-footer id="pageFooter"
v-bind:left-text="$t('client', [client.id])"
v-bind:center-text="client.socialName"
v-bind="$props">
</report-footer>
</td>
</tr>
</tbody>
</table>
</body>
</html>

4
print/templates/reports/receipt/receipt.js
View File

@ -1,5 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
@ -20,7 +20,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },
props: { props: {

369
print/templates/reports/sepa-core/sepa-core.html
View File

@ -1,201 +1,174 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row no-page-break page-break-after">
<body> <div class="grid-block">
<table class="grid"> <div class="content">
<tbody> <h1 class="title centered uppercase">{{$t('instructions.title')}}</h1>
<tr> <p class="centered">1. {{$t('instructions.accountFields')}}</p>
<td> <p class="centered">2. {{$t('instructions.signDocument')}}</p>
<!-- Header block --> <p class="centered">{{$t('instructions.thanks')}}</p>
<report-header v-bind="$props"></report-header> </div>
<!-- Block --> </div>
<div class="grid-row no-page-break page-break-after"> </div>
<div class="grid-block">
<div class="content">
<h1 class="title centered uppercase">{{$t('instructions.title')}}</h1>
<p class="centered">
1. {{$t('instructions.accountFields')}}
</p>
<p class="centered">
2. {{$t('instructions.signDocument')}}
</p>
<p class="centered">
{{$t('instructions.thanks')}}
</p>
</div>
</div>
</div>
<!-- Header block --> <report-header v-bind="$props"></report-header>
<report-header v-bind="$props"></report-header> <div class="grid-row">
<!-- Block --> <div class="grid-block">
<div class="grid-row"> <h1 class="title centered">{{$t('title')}}</h1>
<div class="grid-block"> <div class="panel supplierPanel" style="width: 98%">
<h1 class="title centered">{{$t('title')}}</h1> <div class="body">
<div class="panel supplierPanel" style="width: 98%"> <div class="vertical-text">{{$t('supplier.toCompleteBySupplier')}}</div>
<div class="body">
<div class="vertical-text"> <table class="row-oriented">
{{$t('supplier.toCompleteBySupplier')}} <tbody>
</div> <tr>
<td>{{$t('supplier.orderReference')}}</td>
<table class="row-oriented"> <th>{{supplier.mandateCode}}</th>
<tbody> </tr>
<tr> <tr>
<td>{{$t('supplier.orderReference')}}</td> <td>{{$t('supplier.identifier')}}</td>
<th>{{supplier.mandateCode}}</th> <th>
</tr> <div>ES89000B97367486</div>
<tr> <div>B97367486-000</div>
<td>{{$t('supplier.identifier')}}</td> </th>
<th> </tr>
<div>ES89000B97367486</div> <tr>
<div>B97367486-000</div> <td>{{$t('supplier.name')}}</td>
</th> <th>{{supplier.name}}</th>
</tr> </tr>
<tr> <tr>
<td>{{$t('supplier.name')}}</td> <td>{{$t('supplier.street')}}</td>
<th>{{supplier.name}}</th> <th>{{supplier.street}}</th>
</tr> </tr>
<tr> <tr>
<td>{{$t('supplier.street')}}</td> <td>{{$t('supplier.location')}}</td>
<th>{{supplier.street}}</th> <th>{{supplier.postCode}}, {{supplier.city}} ({{supplier.province}})</th>
</tr> </tr>
<tr> <tr>
<td>{{$t('supplier.location')}}</td> <td>{{$t('supplier.country')}}</td>
<th>{{supplier.postCode}}, {{supplier.city}} ({{supplier.province}})</th> <th>{{supplier.country}}</th>
</tr> </tr>
<tr> </tbody>
<td>{{$t('supplier.country')}}</td> </table>
<th>{{supplier.country}}</th> </div>
</tr> </div>
</tbody>
</table> <p class="font small light-gray">{{$t('description')}}</p>
<p class="font small">
<strong>{{$t('documentCopy')}}</strong>
</p>
<div class="panel" style="width: 98%">
<div class="body">
<div class="vertical-text">{{$t('client.toCompleteByClient')}}</div>
<table class="row-oriented">
<tbody>
<tr>
<td>
{{$t('client.name')}}
<div class="description">{{$t('client.accountHolder')}}</div>
</td>
<th>{{client.socialName}}</th>
</tr>
<tr>
<td>{{$t('client.fiscalId')}}</td>
<th>{{client.fi}}</th>
</tr>
<tr>
<td>{{$t('client.street')}}</td>
<th>{{client.street}}</th>
</tr>
<tr>
<td>{{$t('client.location')}}</td>
<th>{{client.postcode}}, {{client.city}} ({{client.province}})</th>
</tr>
<tr>
<td>{{$t('client.country')}}</td>
<th>{{client.country}}</th>
</tr>
<tr>
<td>{{$t('client.swift')}}</td>
<th>
<div class="field square">
<span v-for="i in 11"></span>
</div> </div>
</div> </th>
</tr>
<p class="font small light-gray">{{$t('description')}}</p> <tr>
<p class="font small"> <td colspan="2">{{$t('client.accountNumber')}}</td>
<strong>{{$t('documentCopy')}}</strong> </tr>
</p> <tr>
<td colspan="2" v-if="!client.ibanLength">
<div class="panel" style="width: 98%"> <div class="field square">
<div class="body"> <span>{{client.countryCode.substr(0, 1)}}</span>
<div class="vertical-text"> <span>{{client.countryCode.substr(1, 1)}}</span>
{{$t('client.toCompleteByClient')}} <span class="wide"></span>
</div>
<table class="row-oriented">
<tbody>
<tr>
<td>
{{$t('client.name')}}
<div class="description">{{$t('client.accountHolder')}}</div>
</td>
<th>{{client.socialName}}</th>
</tr>
<tr>
<td>
{{$t('client.fiscalId')}}
</td>
<th>{{client.fi}}</th>
</tr>
<tr>
<td>{{$t('client.street')}}</td>
<th>{{client.street}}</th>
</tr>
<tr>
<td>{{$t('client.location')}}</td>
<th>{{client.postcode}}, {{client.city}} ({{client.province}})</th>
</tr>
<tr>
<td>{{$t('client.country')}}</td>
<th>{{client.country}}</th>
</tr>
<tr>
<td>{{$t('client.swift')}}</td>
<th>
<div class="field square">
<span v-for="i in 11"></span>
</div>
</th>
</tr>
<tr>
<td colspan="2">{{$t('client.accountNumber')}}</td>
</tr>
<tr>
<td colspan="2" v-if="!client.ibanLength">
<div class="field square">
<span>{{client.countryCode.substr(0, 1)}}</span>
<span>{{client.countryCode.substr(1, 1)}}</span>
<span class="wide"></span>
</div>
</td>
<td colspan="2" v-if="client.ibanLength">
<div class="field square">
<span>{{client.countryCode.substr(0, 1)}}</span>
<span>{{client.countryCode.substr(1, 1)}}</span>
<span v-for="i in (client.ibanLength - 2)"></span>
</div>
</td>
</tr>
<tr>
<td class="description" colspan="2">
<div class="line">
<span>{{$t('client.accountNumberFormat', [
$t(`${client.country}`),
client.ibanLength,
client.countryCode
])}}
</span>
</div>
</td>
</tr>
<tr>
<td>{{$t('client.paymentType')}}</td>
<th>
<table class="payment-type">
<tr>
<td>
<div class="field square">
<span class="crossed">X</span>
</div>
</td>
<th>{{$t('client.recurrent')}}</th>
<th>O</th>
<td>
<div class="field square">
<span></span>
</div>
</td>
<th>{{$t('client.unique')}}</th>
</tr>
</table>
</th>
</tr>
<tr>
<td>{{$t('client.signLocation')}}</td>
<th>{{dated}}, {{client.province}}</th>
</tr>
<tr>
<td>{{$t('client.sign')}}</td>
<th></th>
</tr>
</tbody>
</table>
</div> </div>
</div> </td>
<td colspan="2" v-if="client.ibanLength">
<p class="font small">{{$t('mandatoryFields')}}</p> <div class="field square">
<p class="font small">{{$t('sendOrder')}}</p> <span>{{client.countryCode.substr(0, 1)}}</span>
</div> <span>{{client.countryCode.substr(1, 1)}}</span>
</div> <span v-for="i in (client.ibanLength - 2)"></span>
<!-- Footer block --> </div>
<report-footer id="pageFooter" </td>
v-bind:left-text="$t('order', [supplier.mandateCode])" </tr>
v-bind:center-text="client.socialName" <tr>
v-bind="$props"> <td class="description" colspan="2">
</report-footer> <div class="line">
</td> <span
</tr> >{{$t('client.accountNumberFormat', [ $t(`${client.country}`),
</tbody> client.ibanLength, client.countryCode ])}}
</table> </span>
</body> </div>
</html> </td>
</tr>
<tr>
<td>{{$t('client.paymentType')}}</td>
<th>
<table class="payment-type">
<tr>
<td>
<div class="field square">
<span class="crossed">X</span>
</div>
</td>
<th>{{$t('client.recurrent')}}</th>
<th>O</th>
<td>
<div class="field square">
<span></span>
</div>
</td>
<th>{{$t('client.unique')}}</th>
</tr>
</table>
</th>
</tr>
<tr>
<td>{{$t('client.signLocation')}}</td>
<th>{{dated}}, {{client.province}}</th>
</tr>
<tr>
<td>{{$t('client.sign')}}</td>
<th></th>
</tr>
</tbody>
</table>
</div>
</div>
<p class="font small">{{$t('mandatoryFields')}}</p>
<p class="font small">{{$t('sendOrder')}}</p>
</div>
</div>
<template v-slot:footer>
<report-footer
id="pageFooter"
v-bind:left-text="$t('order', [supplier.mandateCode])"
v-bind:center-text="client.socialName"
v-bind="$props"
>
</report-footer>
</template>
</report-body>

2
print/templates/reports/sepa-core/sepa-core.js
View File

@ -1,4 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportBody = new Component('report-body');
const reportHeader = new Component('report-header'); const reportHeader = new Component('report-header');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
@ -35,6 +36,7 @@ const rptSepaCore = {
} }
}, },
components: { components: {
'report-body': reportBody.build(),
'report-header': reportHeader.build(), 'report-header': reportHeader.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },

184
print/templates/reports/supplier-campaign-metrics/supplier-campaign-metrics.html
View File

@ -1,105 +1,81 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<body> <div class="grid-block">
<table class="grid"> <div class="columns">
<tbody> <div class="size50">
<tr> <h1 class="title uppercase">{{$t('title')}}</h1>
<td> <div class="size75">
<!-- Header block --> <table class="row-oriented">
<report-header v-bind="$props"></report-header> <tbody>
<!-- Block --> <tr>
<div class="grid-row"> <td class="font gray">{{$t('Supplier')}}</td>
<div class="grid-block"> <th>{{supplier.id}}</th>
<div class="columns"> </tr>
<div class="size50"> <tr>
<h1 class="title uppercase">{{$t('title')}}</h1> <td class="font gray">{{$t('From')}}</td>
<div class="size75"> <th>{{from | date('%d-%m-%Y')}}</th>
<table class="row-oriented"> </tr>
<tbody> <tr>
<tr> <td class="font gray">{{$t('To')}}</td>
<td class="font gray">{{$t('Supplier')}}</td> <th>{{to | date('%d-%m-%Y')}}</th>
<th>{{supplier.id}}</th> </tr>
</tr> </tbody>
<tr> </table>
<td class="font gray">{{$t('From')}}</td> </div>
<th>{{from | date('%d-%m-%Y')}}</th> </div>
</tr> <div class="size50">
<tr> <div class="panel">
<td class="font gray">{{$t('To')}}</td> <div class="header">{{$t('supplierData')}}</div>
<th>{{to | date('%d-%m-%Y')}}</th> <div class="body">
</tr> <h3 class="uppercase">{{supplier.supplierName}}</h3>
</tbody> <div>{{supplier.street}}</div>
</table> <div>{{supplier.postcode}}, {{supplier.city}} ({{supplier.province}})</div>
</div> <div>{{supplier.country}}</div>
</div>
<div class="size50">
<div class="panel">
<div class="header">{{$t('supplierData')}}</div>
<div class="body">
<h3 class="uppercase">{{supplier.supplierName}}</h3>
<div>
{{supplier.street}}
</div>
<div>
{{supplier.postcode}}, {{supplier.city}} ({{supplier.province}})
</div>
<div>
{{supplier.country}}
</div>
</div>
</div>
</div>
</div>
<div v-for="entry in entries" v-if="entry.buys">
<h2>
<span>{{$t('entry')}} {{entry.id}}</span>
<span>{{$t('dated')}} {{entry.shipped | date('%d-%m-%Y')}}</span>
<span class="pull-right">{{$t('reference')}} {{entry.ref}}</span>
</h2>
<table class="column-oriented repeatable">
<thead>
<tr>
<th width="50%">{{$t('itemName')}}</th>
<th>{{$t('Quantity')}}</th>
<th>{{$t('price')}}</th>
<th>{{$t('total')}}</th>
</tr>
</thead>
<tbody v-for="buy in entry.buys" class="no-page-break">
<tr>
<td width="50%">{{buy.itemName}}</td>
<td>{{buy.quantity}}</td>
<td>{{buy.price | currency('EUR', $i18n.locale)}}</td>
<td>{{buy.quantity * buy.price | currency('EUR', $i18n.locale)}}</td>
</tr>
<tr class="description font light-gray">
<td colspan="7">
<span v-if="buy.value5">
<strong>{{buy.tag5}}</strong> {{buy.value5}}
</span>
<span v-if="buy.value6">
<strong>{{buy.tag6}}</strong> {{buy.value6}}
</span>
<span v-if="buy.value7">
<strong>{{buy.tag7}}</strong> {{buy.value7}}
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div> </div>
<!-- Footer block --> </div>
<report-footer id="pageFooter" </div>
v-bind:left-text="$t('supplier', [supplier.id])" </div>
v-bind:center-text="supplier.supplierName" <div v-for="entry in entries" v-if="entry.buys">
v-bind="$props"> <h2>
</report-footer> <span>{{$t('entry')}} {{entry.id}}</span>
</td> <span>{{$t('dated')}} {{entry.shipped | date('%d-%m-%Y')}}</span>
</tr> <span class="pull-right">{{$t('reference')}} {{entry.ref}}</span>
</tbody> </h2>
</table> <table class="column-oriented repeatable">
</body> <thead>
</html> <tr>
<th width="50%">{{$t('itemName')}}</th>
<th>{{$t('Quantity')}}</th>
<th>{{$t('price')}}</th>
<th>{{$t('total')}}</th>
</tr>
</thead>
<tbody v-for="buy in entry.buys" class="no-page-break">
<tr>
<td width="50%">{{buy.itemName}}</td>
<td>{{buy.quantity}}</td>
<td>{{buy.price | currency('EUR', $i18n.locale)}}</td>
<td>{{buy.quantity * buy.price | currency('EUR', $i18n.locale)}}</td>
</tr>
<tr class="description font light-gray">
<td colspan="7">
<span v-if="buy.value5"> <strong>{{buy.tag5}}</strong> {{buy.value5}} </span>
<span v-if="buy.value6"> <strong>{{buy.tag6}}</strong> {{buy.value6}} </span>
<span v-if="buy.value7"> <strong>{{buy.tag7}}</strong> {{buy.value7}} </span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<template v-slot:footer>
<report-footer
id="pageFooter"
v-bind:left-text="$t('supplier', [supplier.id])"
v-bind:center-text="supplier.supplierName"
v-bind="$props"
>
</report-footer>
</template>
</report-body>

4
print/templates/reports/supplier-campaign-metrics/supplier-campaign-metrics.js
View File

@ -1,5 +1,5 @@
const Component = require(`vn-print/core/component`); const Component = require(`vn-print/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer'); const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
@ -44,7 +44,7 @@ module.exports = {
} }
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build(),
'report-footer': reportFooter.build() 'report-footer': reportFooter.build()
}, },
props: { props: {

64
print/templates/reports/vehicle-event-expired/vehicle-event-expired.html
View File

@ -1,39 +1,25 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="grid-row">
<body> <div class="grid-block">
<table class="grid"> <div class="content">
<tbody> <h1 class="title centered uppercase">{{$t('title')}}</h1>
<tr> </div>
<td> <table class="column-oriented">
<!-- Header block --> <thead>
<report-header v-bind="$props"></report-header> <tr>
<!-- Block --> <th>{{$t('Plate')}}</th>
<div class="grid-row"> <th>{{$t('Concept')}}</th>
<div class="grid-block"> <th>{{$t('expirationDate')}}</th>
<div class="content"> </tr>
<h1 class="title centered uppercase">{{$t('title')}}</h1> </thead>
</div> <tbody v-for="vehicleEvent in vehicleEvents">
<table class="column-oriented"> <tr>
<thead> <td>{{vehicleEvent.numberPlate}}</td>
<tr> <td>{{vehicleEvent.description}}</td>
<th>{{$t('Plate')}}</th> <td>{{vehicleEvent.finished | date('%d-%m-%Y')}}</td>
<th>{{$t('Concept')}}</th> </tr>
<th>{{$t('expirationDate')}}</th> </tbody>
</tr> </table>
</thead> </div>
<tbody v-for="vehicleEvent in vehicleEvents"> </div>
<tr> </report-body>
<td>{{vehicleEvent.numberPlate}}</td>
<td>{{vehicleEvent.description}}</td>
<td>{{vehicleEvent.finished | date('%d-%m-%Y')}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/reports/vehicle-event-expired/vehicle-event-expired.js
View File

@ -1,6 +1,5 @@
const Component = require(`${appPath}/core/component`); const Component = require(`${appPath}/core/component`);
const reportHeader = new Component('report-header'); const reportBody = new Component('report-body');
const reportFooter = new Component('report-footer');
module.exports = { module.exports = {
name: 'vehicle-event-expired', name: 'vehicle-event-expired',
@ -16,8 +15,7 @@ module.exports = {
}, },
}, },
components: { components: {
'report-header': reportHeader.build(), 'report-body': reportBody.build()
'report-footer': reportFooter.build()
}, },
props: { props: {
eventIds: { eventIds: {

21
print/templates/reports/zone/zone.html
View File

@ -1,16 +1,5 @@
<!DOCTYPE html> <report-body v-bind="$props">
<html v-bind:lang="$i18n.locale"> <div class="text">{{zone.agencyName}}</div>
<body> <div class="text">{{zone.id}}</div>
<table class="grid"> <div class="text">{{zone.plateNumber}} {{zone.time | date('%H:%M')}}</div>
<tbody> </report-body>
<tr>
<td>
<div class="text">{{zone.agencyName}}</div>
<div class="text">{{zone.id}}</div>
<div class="text">{{zone.plateNumber}} {{zone.time | date('%H:%M')}}</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

6
print/templates/reports/zone/zone.js
View File

@ -1,3 +1,6 @@
const Component = require(`${appPath}/core/component`);
const reportBody = new Component('report-body');
module.exports = { module.exports = {
name: 'zone', name: 'zone',
async serverPrefetch() { async serverPrefetch() {
@ -11,6 +14,9 @@ module.exports = {
return this.findOneFromDef('zone', [id]); return this.findOneFromDef('zone', [id]);
} }
}, },
components: {
'report-body': reportBody.build()
},
props: { props: {
id: { id: {
type: Number, type: Number,