fix various js/html syntax. Start paper size selection/customisation

Author: crocsg

desktopbraillerap.py

@@ -31,6 +31,11 @@
     "OptimLevel":0,
     "Speed":6000,
     "Accel":1500,
+    "PaperUsableSize":[
+        {"name":"A4","usablewidth":210, "usableheight":250, "lock":True},
+        {"name":"A3","usablewidth":297, "usableheight":420-47, "lock":True},
+        {"name":"A4 (BrailleRAP)","usablewidth":190, "usableheight":250, "Lock":True}
+    ]
 }
 
 # runtime option to automate some actions

public/logo192.png

@@ -35,7 +35,7 @@ class DashIterator
             return true;
         if (this.dash[0].length < 2)
             return true;
-        if (this.dash[0][0] == 0 && this.dash[0][1] == 0)
+        if (this.dash[0][0] === 0 && this.dash[0][1] === 0)
             return true;
         return false;
     }

src/braillegeometry/DashIterator.js

@@ -11,7 +11,12 @@ const AppOption = {
     Optimbloc:false,
     OptimLevel:0,
     Speed:6000,
-    Accel:1500
+    Accel:1500,
+    PaperUsableSize:[
+        {name:"A4",usablewidth:210, usableheight:250,lock:true},
+        {name:"A3",usablewidth:297, usableheight:420-47,lock:true},
+        {name:"A4 (BrailleRAP)",usablewidth:190, usableheight:250,lock:true}
+    ]
 }
 
 export default AppOption;

src/components/AppOption.js

@@ -1,23 +1,24 @@
-import { GiConsoleController } from "react-icons/gi";
 
 const DashMarker = (props) => {
-    let fcolor = "red";
+    //let fcolor = "red";
     let scolor = "black";
     let size ="2rem";
     let dashstyle = [[1,1]];
     let total = 2;
     let unit = 1;
-
+/*
     const renderfill = (fill) => {
         if (fill)
             return `fill="${props.fill}"`;
         else
             return '';
     }
-
+*/
+/*
     if (props.fillcolor) {
         fcolor = props.fillcolor;
     }
+*/
     if (props.strokecolor) {
         scolor = props.strokecolor;
     }

src/components/DashMarker.js

@@ -1,5 +1,3 @@
-import patternssvg from '../patterns/packagesvg.json'
-
 class PatternStrategy
 {
     constructor ()
@@ -72,7 +70,7 @@ class PatternStrategy
         let valid = false;
         for (const assoc in this.pattern_association)
         {
-            if (this.pattern_association[assoc] != -1)
+            if (this.pattern_association[assoc] !== -1)
             {
                 console.log ("strategy valided");
                 valid = true;