Table row rollback

src/core.js

@@ -1,19 +1,19 @@
-import {TransformsFactory} from "./transforms-factory";
+import { TransformsFactory } from "./transforms-factory";
 import contracts from "./parameters/contracts";
 import $ from 'jquery';
 
-function core(){
+function core() {
 
     // scrape contracts
     const parametars = contracts();
     // Get targets from HTML DOM 
     // atribute contracts
     //  code = '   '
-    for(let i = 0; i < parametars.length; i++){
+    for (let i = 0; i < parametars.length; i++) {
         parametars[i].targets = $(`[code*="${parametars[i].code}"]`);
     }
 
-   
+
 
 
     // css class contracts
@@ -24,31 +24,33 @@ function core(){
 
     // Init transform
     let transforms = [];
-    parametars.forEach(par =>
-        {
-            for(let i=0;i<par.targets.length;i++)
-            {
+    parametars.forEach(par => {
+        for (let i = 0; i < par.targets.length; i++) {
             const transformFactory = new TransformsFactory();
-            const transform = transformFactory.produce(par.code,par.targets[i],par.selectors);
+            const transform = transformFactory.produce(par.code, par.targets[i], par.selectors);
             transforms.push(transform);
-            }
-        });
+        }
+    });
 
     // perform transform
-    for(let i = 0; i < transforms.length; i++){
+    for (let i = 0; i < transforms.length; i++) {
         const transform = transforms[i];
-        if(transform.validate()){
-        transform.execute();
+        if (transform.validate()) {
+            transform.execute();
         }
     }
     // print 
-        // prepare print (optioning)
-        // print
-        // window.print();
-        // for(let i = 0; i < transforms.length; i++){
-        //     const transform = transforms[i];
-        //     transform.rolback();
-        // }
+    // prepare print (optioning)
+    // print
+    // window.print();
+
+    // for (let i = 0; i < transforms.length; i++) {
+    //     setTimeout(() => {
+    //         const transform = transforms[i];
+    //         transform.rolback();
+    //     }, 2000);
+
+    // }
 }
 
 

src/transformations/remove-table-row-transform.js

@@ -1,25 +1,31 @@
 import { Transform } from "./transform";
 import $ from 'jquery';
 
-export class RemoveTableRowTransform extends Transform
-{
-    constructor(param)
-    {
+export class RemoveTableRowTransform extends Transform {
+    constructor(param) {
         super(param);
+        this.row = null;
+        this.rowIndex = null;
     }
-    execute(){
-        const row = this.value;
-        // ($(this.object).find("tbody")).find("tr").eq(this.row).remove();
+
+    execute() {
+        RemoveTableRowTransform.rowIndex = this.value;
         $(this.object).find("tbody").each(function () {
-            $(this).find('tr').eq(row).remove();
+            RemoveTableRowTransform.row = $(this).find('tr').eq(RemoveTableRowTransform.rowIndex)[0];
+            $(this).find('tr').eq(RemoveTableRowTransform.rowIndex).remove();
         });
     };
-    rolback(){
+    rolback() {
         // TODO IMPLEMENT ROLBACK
         // HINT: SAVE LAST ROW IN PROPERTIES
         // const row = this.row;
         // $(`${this.object} > tbody > tr`).each(function () {
         //     $(this).find('td').eq(row).show();
         // });
+        if (parseInt(RemoveTableRowTransform.rowIndex) === 0) {
+            $(`${this.selectors} > tbody > tr`).eq(0).before(RemoveTableRowTransform.row);
+        } else {
+            $(`${this.selectors} > tbody > tr`).eq(RemoveTableRowTransform.rowIndex - 1).after(RemoveTableRowTransform.row);
+        }
     };
 }