Bugfixed / landscape-transformation on isolated widget

src/parameters/contracts.js

@@ -12,13 +12,14 @@ const contracts = () =>
         new Param("br-removeheader",["table"]),
         new Param("br-removecolumn",["table"]),
         new Param("br-removetablestyles",["table"]),
-        new Param("br-hide",["table","p","span"]),
+        new Param("br-hide",["table","p","span","h5"]),
         new Param("br-color",["h1","p","h4"]),
-        new Param("br-bordercolor",["table","div"]),
+        new Param("br-bordercolor",["table","div","p"]),
         new Param("br-headereverypage",["p","img"]),
         new Param("br-headerfirstpageonly",["table"]),
         new Param("br-landscapetable",["table"]),
         new Param("br-transformrotate",["div", "table"]),
+        new Param("br-isolatedlandscape",["div", "table"])
     ];
 }
 

src/practice.js

@@ -65,7 +65,7 @@ const practice = () => {
                 for (let i = 0; i < nodes.length; i++) {
                     if (nodes[i].clientHeight + temp < (i * 842 - 59.338582677165356)) {
                         temp += nodes[i].clientHeight;
-                        divElement.append(nodes[i]);
+                        divRootElement.append(nodes[i]);
                     }
                     else {
                         i++;
@@ -81,6 +81,7 @@ const practice = () => {
     $('div.fade').empty();
     $('div.fade').append(divRootElement);
     // $('root').append(divRootElement);
+    console.log(divRootElement);
 }
 
 export default practice;

src/transformations/isolated-landscape-transformation.js

@@ -0,0 +1,29 @@
+import { LandscapeTableTransform } from "./layout-table-transformation/landscape-transformation";
+import $ from 'jquery';
+import { Transform } from "./transform";
+
+export class IsolatedLandscapeTransformation extends Transform
+{
+    constructor(param)
+    {
+        super(param);
+    }
+
+    execute()
+    {
+        
+      const param = { code: this.code, object: this.object, selectors: this.selectors };
+        const landscapeTransform = new LandscapeTableTransform(param);
+        landscapeTransform.execute();
+        
+        $('#root').empty();
+        $('#root').append(this.object);
+        // $('div.fade').empty();
+        // $('div.fade').append(this.object);
+    }
+
+    rolback()
+    {
+
+    }
+}

src/transformations/layout-table-transformation/landscape-transformation.css

@@ -1,5 +1,5 @@
-@media print  
-{ 
+/* @media print  
+{  */
     table{
         display: block;
     }
@@ -32,4 +32,4 @@
     /* .demo table { page-break-inside:avoid; page-break-after:auto } */
     .demo table { page-break-inside: always; }
     
-}
+/* } */

src/transforms-factory.js

@@ -10,6 +10,7 @@ import { LandscapeTableTransform } from "./transformations/layout-table-transfor
 import { HeaderEveryPageTransform } from "./transformations/header-transformations/header-every-page-transformation";
 import { HeaderFirstPageOnlyTransform } from "./transformations/header-transformations/header-first-page-only-transformation";
 import { TransformRotate } from "./transformations/transform-rotate";
+import { IsolatedLandscapeTransformation } from "./transformations/isolated-landscape-transformation";
 
 export class TransformsFactory {
    produce(code, object, selectors) {
@@ -42,6 +43,8 @@ export class TransformsFactory {
             return new HeaderFirstPageOnlyTransform(param);
          case "br-transformrotate":
             return new TransformRotate(param);
+         case "br-isolatedlandscape":
+            return new IsolatedLandscapeTransformation(param);
       }
 
       return null;