add tests for priority

[bookstack] / resources / js / components / add-remove-rows.js

diff --git a/resources/js/components/add-remove-rows.js b/resources/js/components/add-remove-rows.js
index 9a5f019c501e66c79e8855601eefd4e087e2d1bd..3213c4835aa45fd5bad209e34b4b5a9e6b44967c 100644 (file)
--- a/resources/js/components/add-remove-rows.js
+++ b/resources/js/components/add-remove-rows.js
@@ -1,13 +1,14 @@
-import {onChildEvent} from "../services/dom";
-import {uniqueId} from "../services/util";
+import {onChildEvent} from '../services/dom';
+import {uniqueId} from '../services/util';
+import {Component} from './component';

 
 /**
  * AddRemoveRows
  * Allows easy row add/remove controls onto a table.
  * Needs a model row to use when adding a new row.
 
 /**
  * AddRemoveRows
  * Allows easy row add/remove controls onto a table.
  * Needs a model row to use when adding a new row.

- * @extends {Component}

  */
  */

-class AddRemoveRows {
+export class AddRemoveRows extends Component {
+

     setup() {
         this.modelRow = this.$refs.model;
         this.addButton = this.$refs.add;
     setup() {
         this.modelRow = this.$refs.model;
         this.addButton = this.$refs.add;


@@ -19,7 +20,7 @@ class AddRemoveRows {
     setupListeners() {
         this.addButton.addEventListener('click', this.add.bind(this));
 
     setupListeners() {
         this.addButton.addEventListener('click', this.add.bind(this));
 

-        onChildEvent(this.$el, this.removeSelector, 'click', (e) => {
+        onChildEvent(this.$el, this.removeSelector, 'click', e => {

             const row = e.target.closest(this.rowSelector);
             row.remove();
         });
             const row = e.target.closest(this.rowSelector);
             row.remove();
         });


@@ -31,7 +32,7 @@ class AddRemoveRows {
         clone.classList.remove('hidden');
         this.setClonedInputNames(clone);
         this.modelRow.parentNode.insertBefore(clone, this.modelRow);
         clone.classList.remove('hidden');
         this.setClonedInputNames(clone);
         this.modelRow.parentNode.insertBefore(clone, this.modelRow);

-        window.components.init(clone);
+        window.$components.init(clone);

     }
 
     /**
     }
 
     /**


@@ -44,11 +45,10 @@ class AddRemoveRows {
      */
     setClonedInputNames(clone) {
         const rowId = uniqueId();
      */
     setClonedInputNames(clone) {
         const rowId = uniqueId();

-        const randRowIdElems = clone.querySelectorAll(`[name*="randrowid"]`);
+        const randRowIdElems = clone.querySelectorAll('[name*="randrowid"]');

         for (const elem of randRowIdElems) {
             elem.name = elem.name.split('randrowid').join(rowId);
         }
     }
         for (const elem of randRowIdElems) {
             elem.name = elem.name.split('randrowid').join(rowId);
         }
     }

-}

 
 

-export default AddRemoveRows;
\ No newline at end of file
+}