Mirrors/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-10 13:12:50 +01:00
Code Issues Releases Activity

Extract script into separate file

Browse Source
This commit is contained in:
Benjamin Beganović 2021-09-21 14:08:29 +02:00
parent 76804fc37b
commit d7944b1fa4
2 changed files with 87 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
resources/js/clients/statements/view.js vendored Normal file
View File

@ -0,0 +1,86 @@
/**
* Invoice Ninja (https://invoiceninja.com).
*
* @link https://github.com/invoiceninja/invoiceninja source repository
*
* @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
*
* @license https://www.elastic.co/licensing/elastic-license
*/
class Statement {
constructor() {
this.url = new URL(
document.querySelector('meta[name=pdf-url]').content
);
this.startDate = '';
this.endDate = '';
this.showPaymentsTable = false;
this.showAgingTable = false;
}
bindEventListeners() {
[
'#date-from',
'#date-to',
'#show-payments-table',
'#show-aging-table',
].forEach((selector) => {
document
.querySelector(selector)
.addEventListener('change', (event) =>
this.handleValueChange(event)
);
});
}
handleValueChange(event) {
if (event.target.type === 'checkbox') {
this[event.target.dataset.field] = event.target.checked;
} else {
this[event.target.dataset.field] = event.target.value;
}
this.updatePdf();
}
get composedUrl() {
this.url.search = '';
if (this.startDate.length > 0) {
this.url.searchParams.append('start_date', this.startDate);
}
if (this.endDate.length > 0) {
this.url.searchParams.append('end_date', this.endDate);
}
this.url.searchParams.append(
'show_payments_table',
+this.showPaymentsTable
);
this.url.searchParams.append('show_aging_table', +this.showAgingTable);
return this.url.href;
}
updatePdf() {
document.querySelector('meta[name=pdf-url]').content = this.composedUrl;
let iframe = document.querySelector('#pdf-iframe');
if (iframe) {
iframe.src = this.composedUrl;
}
document
.querySelector('meta[name=pdf-url]')
.dispatchEvent(new Event('change'));
}
handle() {
this.bindEventListeners();
}
}
new Statement().handle();

68
resources/views/portal/ninja2020/statement/index.blade.php
View File

@ -38,71 +38,5 @@
@endsection
@push('footer')
<script>
class Statement {
constructor() {
this.url = new URL(document.querySelector('meta[name=pdf-url]').content);
this.startDate = '';
this.endDate = '';
this.showPaymentsTable = false;
this.showAgingTable = false;
}
bindEventListeners() {
['#date-from', '#date-to', '#show-payments-table', '#show-aging-table'].forEach(selector => {
document
.querySelector(selector)
.addEventListener('change', (event) => this.handleValueChange(event));
});
}
handleValueChange(event) {
if (event.target.type === 'checkbox') {
console.log(1);
this[event.target.dataset.field] = event.target.checked;
} else {
this[event.target.dataset.field] = event.target.value;
}
this.updatePdf();
}
get composedUrl() {
this.url.search = '';
if (this.startDate.length > 0) {
this.url.searchParams.append('start_date', this.startDate);
}
if (this.endDate.length > 0) {
this.url.searchParams.append('end_date', this.endDate);
}
this.url.searchParams.append('show_payments_table', +this.showPaymentsTable);
this.url.searchParams.append('show_aging_table', +this.showAgingTable);
return this.url.href;
}
updatePdf() {
document
.querySelector('meta[name=pdf-url]')
.content = this.composedUrl;
let iframe = document.querySelector('#pdf-iframe');
if (iframe) {
iframe.src = this.composedUrl;
}
document.querySelector('meta[name=pdf-url]').dispatchEvent(new Event('change'));
}
handle() {
this.bindEventListeners();
}
}
new Statement().handle();
</script>
<script src="{{ asset('js/clients/statements/view.js') }}"></script>
@endpush