Apply standard formater and linter on js files

counter/static/counter/js/counter_click.js

@@ -1,77 +1,79 @@
+/* eslint-disable camelcase */
+/* global basket, click_api_url, csrf_token, products_autocomplete */
 document.addEventListener('alpine:init', () => {
-    Alpine.data('counter', () => ({
-        basket: basket,
-        errors: [],
+  Alpine.data('counter', () => ({
+    basket,
+    errors: [],
 
-        sum_basket() {
-            if (!this.basket || Object.keys(this.basket).length === 0) {
-                return 0;
-            }
-            const total = Object.values(this.basket)
-                .reduce((acc, cur) => acc + cur["qty"] * cur["price"], 0);
-            return total / 100;
-        },
+    sum_basket () {
+      if (!this.basket || Object.keys(this.basket).length === 0) {
+        return 0
+      }
+      const total = Object.values(this.basket)
+        .reduce((acc, cur) => acc + cur.qty * cur.price, 0)
+      return total / 100
+    },
 
-        async handle_code(event) {
-            const code = $(event.target).find("#code_field").val().toUpperCase();
-            if(["FIN", "ANN"].includes(code)) {
-                $(event.target).submit();
-            } else {
-                await this.handle_action(event);
-            }
-        },
+    async handle_code (event) {
+      const code = $(event.target).find('#code_field').val().toUpperCase()
+      if (['FIN', 'ANN'].includes(code)) {
+        $(event.target).submit()
+      } else {
+        await this.handle_action(event)
+      }
+    },
 
-        async handle_action(event) {
-            const payload = $(event.target).serialize();
-            let request = new Request(click_api_url, {
-                method: "POST",
-                body: payload,
-                headers: {
-                    'Accept': 'application/json',
-                    'X-CSRFToken': csrf_token,
-                }
-            })
-            const response = await fetch(request);
-            const json = await response.json();
-            this.basket = json["basket"]
-            this.errors = json["errors"]
-            $('form.code_form #code_field').val("").focus();
+    async handle_action (event) {
+      const payload = $(event.target).serialize()
+      const request = new Request(click_api_url, {
+        method: 'POST',
+        body: payload,
+        headers: {
+          Accept: 'application/json',
+          'X-CSRFToken': csrf_token
         }
-    }))
+      })
+      const response = await fetch(request)
+      const json = await response.json()
+      this.basket = json.basket
+      this.errors = json.errors
+      $('form.code_form #code_field').val('').focus()
+    }
+  }))
 })
 
 $(function () {
-    /* Autocompletion in the code field */
-    const code_field = $("#code_field");
+  /* Autocompletion in the code field */
+  const code_field = $('#code_field')
 
-    let quantity = "";
-    code_field.autocomplete({
-        select: function (event, ui) {
-            event.preventDefault();
-            code_field.val(quantity + ui.item.value);
-        },
-        focus: function (event, ui) {
-            event.preventDefault();
-            code_field.val(quantity + ui.item.value);
-        },
-        source: function (request, response) {
-            const res = /^(\d+x)?(.*)/i.exec(request.term);
-            quantity = res[1] || "";
-            const search = res[2];
-            const matcher = new RegExp($.ui.autocomplete.escapeRegex(search), "i" );
-            response($.grep(products_autocomplete, function(value) {
-                value = value.tags;
-                return matcher.test( value );
-            }));
-        },
-    });
+  let quantity = ''
+  code_field.autocomplete({
+    select: function (event, ui) {
+      event.preventDefault()
+      code_field.val(quantity + ui.item.value)
+    },
+    focus: function (event, ui) {
+      event.preventDefault()
+      code_field.val(quantity + ui.item.value)
+    },
+    source: function (request, response) {
+      const res = /^(\d+x)?(.*)/i.exec(request.term)
+      quantity = res[1] || ''
+      const search = res[2]
+      const matcher = new RegExp($.ui.autocomplete.escapeRegex(search), 'i')
+      response($.grep(products_autocomplete, function (value) {
+        value = value.tags
+        return matcher.test(value)
+      }))
+    }
+  })
 
-    /* Accordion UI between basket and refills */
-    $("#click_form").accordion({
-        heightStyle: "content",
-        activate: () => $(".focus").focus(),
-    });
-    $("#products").tabs();
+  /* Accordion UI between basket and refills */
+  $('#click_form').accordion({
+    heightStyle: 'content',
+    activate: () => $('.focus').focus()
+  })
+  $('#products').tabs()
 
-    code_field.focus();
-});
+  code_field.focus()
+})