1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
|
odoo.define('point_of_sale.Printer', function (require) {
"use strict";
var Session = require('web.Session');
var core = require('web.core');
const { Gui } = require('point_of_sale.Gui');
var _t = core._t;
// IMPROVEMENT: This is too much. We can get away from this class.
class PrintResult {
constructor({ successful, message }) {
this.successful = successful;
this.message = message;
}
}
class PrintResultGenerator {
IoTActionError() {
return new PrintResult({
successful: false,
message: {
title: _t('Connection to IoT Box failed'),
body: _t('Please check if the IoT Box is still connected.'),
},
});
}
IoTResultError() {
return new PrintResult({
successful: false,
message: {
title: _t('Connection to the printer failed'),
body: _t('Please check if the printer is still connected.'),
},
});
}
Successful() {
return new PrintResult({
successful: true,
});
}
}
var PrinterMixin = {
init: function() {
this.receipt_queue = [];
this.printResultGenerator = new PrintResultGenerator();
},
/**
* Add the receipt to the queue of receipts to be printed and process it.
* We clear the print queue if printing is not successful.
* @param {String} receipt: The receipt to be printed, in HTML
* @returns {PrintResult}
*/
print_receipt: async function(receipt) {
if (receipt) {
this.receipt_queue.push(receipt);
}
let image, sendPrintResult;
while (this.receipt_queue.length > 0) {
receipt = this.receipt_queue.shift();
image = await this.htmlToImg(receipt);
try {
sendPrintResult = await this.send_printing_job(image);
} catch (error) {
// Error in communicating to the IoT box.
this.receipt_queue.length = 0;
return this.printResultGenerator.IoTActionError();
}
// rpc call is okay but printing failed because
// IoT box can't find a printer.
if (!sendPrintResult || sendPrintResult.result === false) {
this.receipt_queue.length = 0;
return this.printResultGenerator.IoTResultError();
}
}
return this.printResultGenerator.Successful();
},
/**
* Generate a jpeg image from a canvas
* @param {DOMElement} canvas
*/
process_canvas: function (canvas) {
return canvas.toDataURL('image/jpeg').replace('data:image/jpeg;base64,','');
},
/**
* Renders the html as an image to print it
* @param {String} receipt: The receipt to be printed, in HTML
*/
htmlToImg: function (receipt) {
var self = this;
$('.pos-receipt-print').html(receipt);
var promise = new Promise(function (resolve, reject) {
self.receipt = $('.pos-receipt-print>.pos-receipt');
html2canvas(self.receipt[0], {
onparsed: function(queue) {
queue.stack.ctx.height = Math.ceil(self.receipt.outerHeight() + self.receipt.offset().top);
},
onrendered: function (canvas) {
$('.pos-receipt-print').empty();
resolve(self.process_canvas(canvas));
},
letterRendering: true,
})
});
return promise;
},
_onIoTActionResult: function (data){
if (this.pos && (data === false || data.result === false)) {
Gui.showPopup('ErrorPopup',{
'title': _t('Connection to the printer failed'),
'body': _t('Please check if the printer is still connected.'),
});
}
},
_onIoTActionFail: function () {
if (this.pos) {
Gui.showPopup('ErrorPopup',{
'title': _t('Connection to IoT Box failed'),
'body': _t('Please check if the IoT Box is still connected.'),
});
}
},
}
var Printer = core.Class.extend(PrinterMixin, {
init: function (url, pos) {
PrinterMixin.init.call(this, arguments);
this.pos = pos;
this.connection = new Session(undefined, url || 'http://localhost:8069', { use_cors: true});
},
/**
* Sends a command to the connected proxy to open the cashbox
* (the physical box where you store the cash). Updates the status of
* the printer with the answer from the proxy.
*/
open_cashbox: function () {
var self = this;
return this.connection.rpc('/hw_proxy/default_printer_action', {
data: {
action: 'cashbox'
}
}).then(self._onIoTActionResult.bind(self))
.guardedCatch(self._onIoTActionFail.bind(self));
},
/**
* Sends the printing command the connected proxy
* @param {String} img : The receipt to be printed, as an image
*/
send_printing_job: function (img) {
return this.connection.rpc('/hw_proxy/default_printer_action', {
data: {
action: 'print_receipt',
receipt: img,
}
});
},
});
return {
PrinterMixin: PrinterMixin,
Printer: Printer,
PrintResult,
PrintResultGenerator,
}
});
|
