I added a button on the pos payment interface which shows me a popup. how to make that when the user clicks on the confirm button of this popup that it redirects to the receipt of the pos

This is my action_button.js code:

"use strict";
var core = require('web.core');
var models = require('point_of_sale.models');
var screens = require('point_of_sale.screens');
var gui = require('point_of_sale.gui');
var PopupWidget = require('point_of_sale.popups');
var PaymentScreenWidget = screens.PaymentScreenWidget;
var PosBaseWidget = require('point_of_sale.BaseWidget');
var BarcodeEvents = require('barcodes.BarcodeEvents').BarcodeEvents;
var time = require('web.time');
var QWeb = core.qweb;
var ajax = require('web.ajax');
var _t = core._t;

var PopupNote = PopupWidget.extend({
    template: 'PopupNote',
    show: function(options) {
        options = options || {};
        this._super(options);
        this.renderElement();
    },
    click_confirm: function() {
        var value = this.$('input,textarea').val();
        this.gui.close_popup();

        if (this.options.confirm) {
            this.options.confirm.call(this, value);
        }
    },
});
gui.define_popup({ name: 'popup_note', widget: PopupNote });
PaymentScreenWidget.include({
    init: function(parent, options) {
        var self = this;
        this._super(parent, options);

        this.pos.bind('change:selectedOrder', function() {
            this.renderElement();
            this.watch_order_changes();
        }, this);
        this.watch_order_changes();

        this.inputbuffer = "";
        this.firstinput = true;
        this.decimal_point = _t.database.parameters.decimal_point;

        // This is a keydown handler that prevents backspace from
        // doing a back navigation. It also makes sure that keys that
        // do not generate a keypress in Chrom{e,ium} (eg. delete,
        // backspace, ...) get passed to the keypress handler.
        this.keyboard_keydown_handler = function(event) {
            if (event.keyCode === 8 || event.keyCode === 46) { // Backspace and Delete
                // event.preventDefault();

                // These do not generate keypress events in
                // Chrom{e,ium}. Even if they did, we just called
                // preventDefault which will cancel any keypress that
                // would normally follow. So we call keyboard_handler
                // explicitly with this keydown event.
                self.keyboard_handler(event);
            }
        };

        // This keyboard handler listens for keypress events. It is
        // also called explicitly to handle some keydown events that
        // do not generate keypress events.
        this.keyboard_handler = function(event) {
            // On mobile Chrome BarcodeEvents relies on an invisible
            // input being filled by a barcode device. Let events go
            // through when this input is focused.
            if (BarcodeEvents.$barcodeInput && BarcodeEvents.$barcodeInput.is(":focus")) {
                return;
            }

            var key = '';

            if (event.type === "keypress") {
                if (event.keyCode === 13) { // Enter
                    self.validate_order();
                } else if (event.keyCode === 190 || // Dot
                    event.keyCode === 110 || // Decimal point (numpad)
                    event.keyCode === 188 || // Comma
                    event.keyCode === 46) { // Numpad dot
                    key = self.decimal_point;
                } else if (event.keyCode >= 48 && event.keyCode <= 57) { // Numbers
                    key = '' + (event.keyCode - 48);
                } else if (event.keyCode === 45) { // Minus
                    key = '-';
                } else if (event.keyCode === 43) { // Plus
                    key = '+';
                }
            } else { // keyup/keydown
                if (event.keyCode === 46) { // Delete
                    key = 'CLEAR';
                } else if (event.keyCode === 8) { // Backspace
                    key = 'BACKSPACE';
                }
            }

            // self.payment_input(key);
            // event.preventDefault();
        };

        this.pos.bind('change:selectedClient', function() {
            self.customer_changed();
        }, this);
    },
    renderElement: function() {
        var self = this;
        this._super();

        //var methods = this.render_paymentmethods();
        //methods.appendTo(this.$('.paymentmethods-container'));
        this.$('.confirm').click(function(){
            self.click_custom_print();
        });
        this.$('.back').click(function(){
        self.click_back();
    });
      /*  this.$('.next').click(function(){
            self.validate_order();
        });*/
         // console.log(this.$('js_customer_name'))
        this.$('.popup_notes').click(function() {
            self.get_select_data();
        });
    },
    click_custom_print: function(){
        var order = this.pos.get_order();
        console.log(order)
        // Render receipt screen and can print function
    },
    validate_order: function(force_validation) {
        console.log("validation here")
        if (this.order_is_valid(force_validation)) {
            this.finalize_validation();
        }
    },
    get_select_data: function() {
        var self = this;
        self.gui.show_popup('popup_note', {
            title: _t('Interface Mobile money'),
            confirm: function() {
                var order = self.pos.get_order();
                console.log("order=")
                console.log(order)
                var client_name=$("#client_name").text()
                var numero_agent=$("#numero_agent").text()
                var ref=document.getElementsByName("ref")[0].value
                var montant=document.getElementsByName("montant")[0].value

                if( numero_agent != '' && ref != '' && montant != ''){
                    ajax.jsonRpc("http://localhost:8070/postmobilemoney/",'call',{
                        name:"test",
                        reference:ref,
                        montant:montant,
                        nom_client:client_name,
                        numero_agent:numero_agent,
                }).then(function (result){
                        var reference = result["reference"]
                        console.log(result)
                    //window.location.replace("http://localhost:8070/command/getall/"+reference);
                })
                }else {
                    alert("veuillez remplir tous les champs")
                }
            },
            cance: function() {},
        });
    },

My views\pos.xml code in it we also find the popup interface: 

    
     
            
                
            
     
    
        

            

                

                    
                

               

                    Référence

                    
               

                 

                    Montant


                    
               

                

                    Numéro agent
                    
               



                
                

                    Nom client
                    
                        
                           
                        
                        
                            Customer
                        
                    
                

                

                    

                        Confirm
                    

                    

                        Cancel