Clean JS for every Atoms

- Fix eslint warnings and errors
- Fix deprecated jQuery API

assets/components/atoms/drawer/drawer.js

@@ -1,10 +1,10 @@
 /* global $ */
 
 const drawer = () => {
-  $('.drawer-toggle').click(function () {
-    const $drawer = $(this).parent('.drawer');
+  $('.drawer-toggle').on('click', (event) => {
+    const $drawer = $(event.currentTarget).parent('.drawer');
     const $drawerLink = $drawer.find('.drawer-link');
-    const $drawerToggle = $(this);
+    const $drawerToggle = $(event.currentTarget);
     const breakpoint = 992;
 
     if ($drawer.hasClass('open')) {

assets/components/atoms/popover/popover.js

@@ -1,7 +1,7 @@
 /* globals $ */
 
 export default () => {
-  $(function () {
+  $(() => {
     $('[data-toggle="popover"]').popover({
       placement: 'top',
       html: true,
@@ -10,4 +10,3 @@ export default () => {
     });
   });
 };
-

assets/components/atoms/tag/tag-input.js

@@ -6,7 +6,7 @@ export default () => {
     render: {
       item: (data, escape) => `<div class="tag tag-primary">${escape(data.text)}</div>`,
     },
-    create: input => ({
+    create: (input) => ({
       value: input,
       text: input,
     }),

assets/components/atoms/upload/upload.js

@@ -1,20 +1,19 @@
 /* globals $ */
 
 export default () => {
-  $('.upload').find('input[type="file"]').each(function () {
-    const $input = $(this);
+  $('.upload').find('input[type="file"]').each((index, element) => {
+    const $input = $(element);
     const $preview = $input.next().next('.upload-preview');
 
     $input.on('change', () => {
-      const files = $input[0].files;
+      const { files } = $input[0];
       let previewContent = files[0].name;
 
       if (files.length > 1) {
-        previewContent = `<ul>${Array.from(files).map(file => `<li>${file.name}</li>`).join().replace(/,/g, '')}</ul>`;
+        previewContent = `<ul>${Array.from(files).map((file) => `<li>${file.name}</li>`).join().replace(/,/g, '')}</ul>`;
       }
 
       $preview.html(previewContent);
     });
   });
 };
-