Redirect when cancelling instead of submitting a form

counter/static/bundled/counter/counter-click-index.ts

@@ -10,12 +10,11 @@ interface InitialFormData {
 }
 
 interface CounterConfig {
-  csrfToken: string;
-  clickApiUrl: string;
   customerBalance: number;
   customerId: number;
   products: Record<string, Product>;
   formInitial: InitialFormData[];
+  cancelUrl: string;
 }
 
 interface Product {
@@ -132,11 +131,7 @@ exportToHtml("loadCounter", (config: CounterConfig) => {
       },
 
       cancel() {
-        this.basket = new Object({});
+        location.href = config.cancelUrl;
-        // We need to wait for the templated form to be removed before sending
-        this.$nextTick(() => {
-          this.finish();
-        });
       },
 
       handleCode() {

counter/templates/counter/counter_click.jinja

@@ -199,11 +199,10 @@
     ];
     window.addEventListener("DOMContentLoaded", () => {
       loadCounter({
-        csrfToken: "{{ csrf_token }}",
-        clickApiUrl: "{{ url('counter:click', counter_id=counter.id, user_id=customer.user.id) }}", customerBalance: {{ customer.amount }},
         products: products,
         customerId: {{ customer.pk }},
         formInitial: formInitial,
+        cancelUrl: "{{ cancel_url }}",
       });
     });
   </script>

counter/views/click.py

@@ -260,6 +260,7 @@ class CounterClick(CounterTabsMixin, CanViewMixin, SingleObjectMixin, FormView):
                     product
                 )
         kwargs["customer"] = self.customer
+        kwargs["cancel_url"] = self.get_success_url()
 
         # To get all forms errors to the javascript, we create a list of error list
         kwargs["form_errors"] = []