+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Payment Proof Attachment +
+Let Your Customer can Attach the Proof of Payment.
+ +
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+ In this module user can attach their payment information while creating quotation or in the payment screen.
+
+
+
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+
+
+ 
+ Customer can attach files in the "My Account" screen and "Payment" screen.
+
+
+ Customer can attach files in the "My Account" screen and "Payment" screen.
+
+
+ Customer can upload both image and pdf files.
+
+
+ Customer can upload both image and pdf files.
+
+
+ Customer can upload multiple files.
+
+
+ Customer can upload multiple files.
+
+
+
+
+
+ It is available for all manual transactions.
+
+
+ It is available for all manual transactions.
+
+
+ Admin can see the uploaded file in the sale order section.
+
+
+ Admin can see the uploaded file in the sale order section.
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Portal View + +
+In the "My Account" section. +
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+ User can upload both image and pdf files. +
+
+
+
+ 
+
+ User can see the uploaded files. +
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+ In the payment screen section. +
+
+
+
+ 
+
+
+
+ +
+
+
+
+ 
+
+ +
+
+
+
+ 
+
+ User can see the uploaded files. +
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+ Admin can see the uploaded files in the backend. +
+
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ Support +
+
+
+
\ No newline at end of file
diff --git a/payment_proof_attachment/static/src/css/payment_proof.css b/payment_proof_attachment/static/src/css/payment_proof.css
new file mode 100755
index 000000000..c3d5c9512
--- /dev/null
+++ b/payment_proof_attachment/static/src/css/payment_proof.css
@@ -0,0 +1,68 @@
+.modal {
+ display: none; /* Hidden by default */
+ position: fixed; /* Stay in place */
+ z-index: 1; /* Sit on top */
+ padding-top: 100px; /* Location of the box */
+ left: 0;
+ top: 0;
+ width: 100%; /* Full width */
+ height: 100%; /* Full height */
+ overflow: auto; /* Enable scroll if needed */
+ background-color: rgb(0,0,0); /* Fallback color */
+ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+}
+
+/* Modal Content */
+.modal-content {
+ position: relative;
+ background-color: #fefefe;
+ margin: auto;
+ padding: 0;
+ border: 1px solid #888;
+ width: 40%;
+ box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
+ -webkit-animation-name: animatetop;
+ -webkit-animation-duration: 0.4s;
+ animation-name: animatetop;
+ animation-duration: 0.4s
+}
+
+/* Add Animation */
+@-webkit-keyframes animatetop {
+ from {top:-300px; opacity:0}
+ to {top:0; opacity:1}
+}
+
+@keyframes animatetop {
+ from {top:-300px; opacity:0}
+ to {top:0; opacity:1}
+}
+/* The Close Button */
+.close {
+ color: white;
+ float: right;
+ font-size: 28px;
+ font-weight: bold;
+}
+
+.close:hover,
+.close:focus {
+ color: #000;
+ text-decoration: none;
+ cursor: pointer;
+}
+
+.modal-header {
+ padding: 2px 16px;
+ background-color: #71639E;
+ color: white;
+}
+
+.modal-body {padding: 2px 16px;}
+
+.modal-footer {
+ padding: 2px 16px;
+ background-color: #71639E;
+ color: white;
+}
+
diff --git a/payment_proof_attachment/static/src/js/my_account_screen.js b/payment_proof_attachment/static/src/js/my_account_screen.js
new file mode 100755
index 000000000..933010163
--- /dev/null
+++ b/payment_proof_attachment/static/src/js/my_account_screen.js
@@ -0,0 +1,89 @@
+odoo.define('payment_proof_attachment.my_account_screen', function(require) {
+ "use strict";
+ var PublicWidget = require('web.public.widget');
+ var ajax = require('web.ajax');
+ var Template = PublicWidget.Widget.extend({
+ selector: '.my_account_screen',
+ events: {
+ 'click #btnShowModal': '_onClickShowModal',
+ 'click .close_modal': '_onClickCloseModal',
+ 'change #payment_proof': '_onChangePaymentProof',
+ 'click #payment_proof_update': '_onClickUpdateAttachment',
+ 'click #btnShowReceipt': '_onClickShowReceipt',
+ 'click #refresh_receipt': '_onClickShowReceipt',
+ },
+ /**
+ *for showing the modal dialog
+ */
+ _onClickShowModal: function() {
+ this.el.querySelector('#myModal').style.display = 'block';
+ },
+ /**
+ *for closing the modal dialog
+ */
+ _onClickCloseModal: function() {
+ this.el.querySelector('#myModal').style.display = 'none';
+ },
+ /**
+ *getting content from the uploaded file
+ */
+ _onChangePaymentProof: function(ev) {
+ const files = ev.target.files;
+ var fileList = [];
+ for (let i = 0; i < files.length; i++) {
+ var reader = new FileReader();
+ var reader_content = reader.readAsDataURL(files[i]);
+ reader.onload = function(reader_content) {
+ var dataURL = reader_content.target.result.split(',')[1];
+ var fileName = files[i].name;
+ fileList.push({
+ name: fileName,
+ content: dataURL
+ });
+ }
+ }
+ this.fileList = fileList;
+ },
+ /**
+ *transfer the content to python in my account screen
+ */
+ _onClickUpdateAttachment: function(ev) {
+ var self = this;
+ this.el.querySelector('#myModal').style.display = 'none';
+ if (self.fileList) {
+ ajax.jsonRpc('/payment_proof/submit', 'call', {
+ 'sale_id': Number(self.$(ev.currentTarget).attr('value')),
+ 'attachments': this.fileList
+ }).then(function() {
+ self.fileList = ""
+ self.$el.find("#payment_proof").val("")
+ });
+ }
+ },
+ /**
+ *getting updated attachments
+ */
+ _onClickShowReceipt: function() {
+ var self = this;
+ this.el.querySelector('#updated_receipt').style.display = 'block';
+ this.el.querySelector('#btnShowReceipt').style.display = 'none';
+ ajax.jsonRpc('/my_account_screen/show_updated', 'call', {
+ 'data': this.el.querySelector('#btnShowReceipt').getAttribute('value'),
+ }).then(function(attachment_ids) {
+ if (attachment_ids.length > 0) {
+ self.$el.find("#showing_updated_receipt").empty();
+ $(attachment_ids).each(function(attachment_id) {
+ var id = "/web/content/" + attachment_ids[attachment_id]['id']
+ var name = attachment_ids[attachment_id]['name']
+ self.$el.find('#showing_updated_receipt').append("" + name + "
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+ "); + }); + } else { + self.$el.find("#showing_updated_receipt").empty(); + self.$el.find('#showing_updated_receipt').append("
There is no attachments for this sale order.
") + } + }) + } + }) + PublicWidget.registry.my_account_screen = Template; + return Template; +}) diff --git a/payment_proof_attachment/static/src/js/payment_screen.js b/payment_proof_attachment/static/src/js/payment_screen.js new file mode 100755 index 000000000..4fdfa6e1b --- /dev/null +++ b/payment_proof_attachment/static/src/js/payment_screen.js @@ -0,0 +1,87 @@ +odoo.define('payment_proof_attachment.payment_screen', function(require) { + "use strict"; + var PublicWidget = require('web.public.widget'); + var ajax = require('web.ajax'); + var Template = PublicWidget.Widget.extend({ + selector: '.payment_screen', + events: { + 'click #btnShowModal': '_onClickShowModal', + 'click .close_modal': '_onClickCloseModal', + 'change #payment_proof': '_onChangePaymentProof', + 'click #payment_proof_cart_update': '_onClickUpdateAttachment', + 'click #paymentScreenBtnShowReceipt': '_onClickShowReceipt', + 'click #refresh_payment_receipt': '_onClickShowReceipt', + }, + /** + *for showing the modal dialog + */ + _onClickShowModal: function() { + this.$el.find('#myModal').css("display", "block") + }, + /** + *for closing the modal dialog + */ + _onClickCloseModal: function() { + this.$el.find('#myModal').css("display", "none") + }, + /** + *getting content from the uploaded file + */ + _onChangePaymentProof: function(ev) { + const files = ev.target.files; + var fileList = []; + for (let i = 0; i < files.length; i++) { + var reader = new FileReader(); + var reader_content = reader.readAsDataURL(files[i]); + reader.onload = function(reader_content) { + var dataURL = reader_content.target.result.split(',')[1]; + var fileName = files[i].name; + fileList.push({ + name: fileName, + content: dataURL + }); + } + } + this.fileList = fileList; + }, + /** + *transfer the content to python in payment screen + */ + _onClickUpdateAttachment: function(ev) { + var self = this; + this.$el.find('#myModal').css("display", "none") + if(self.fileList){ + ajax.jsonRpc('/payment_proof/submit', 'call', { + 'attachments':self.fileList + }).then(function() { + self.fileList = "" + self.$el.find("#payment_proof").val("") + + }); + } + }, + /** + *getting updated attachments + */ + _onClickShowReceipt: function(ev) { + var self = this; + this.$el.find('#updated_receipt').css("display", "block") + this.$el.find('#paymentScreenBtnShowReceipt').css("display", "none") + ajax.jsonRpc('/my_account_screen/show_updated', 'call').then(function(attachment_ids) { + if (attachment_ids.length > 0) { + self.$el.find("#showing_updated_receipt").empty(); + $(attachment_ids).each(function(attachment_id) { + var id = "/web/content/" + attachment_ids[attachment_id]['id'] + var name = attachment_ids[attachment_id]['name'] + self.$el.find('#showing_updated_receipt').append("" + name + ""); + }); + } else { + self.$el.find("#showing_updated_receipt").empty(); + self.$el.find('#showing_updated_receipt').append("
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Update Transaction Receipt
+
+
+
+ Show Updated Receipt
+
+
+
+
+
+
+