fix drawying op amp from saved state

Author: wkelsey-apple

circuitSolver/modules/View.js

@@ -176,7 +176,10 @@ export class View extends draw2d.Canvas {
       if (id) e.id = id;
       else e.id = `op${this.opCounter}`;
       this.opCounter = this.opCounter + 1;
-    } else console.log("ERROR: You gave a bad type: ", type);
+    } else {
+      console.log("ERROR: You gave a bad type: ", type);
+      return;
+    }
 
     this.x = x;
     this.y = y;
@@ -232,6 +235,7 @@ export class View extends draw2d.Canvas {
         else if (firstLetter == "i") type = "iin";
         else if (firstLetter == "x") type = "xvout";
         else if (firstLetter == "Y") type = "iprobe";
+        else if (firstLetter == "o") type = "op";
         // console.log(item, type)
 
         this.addShapeToSchem(type, item.x, item.y, item.id, item.angle);

circuitSolver/modules/main.js

@@ -55,7 +55,7 @@ function navBar(props) {
     <div className="container-xl" key="cont">
       <div className="row" key="r1">
         <div className="col" key="title">
-          <h4 className="mb-0" key="head"><strong><a href="/" style=${{'color':'#fff','text-decoration':'none'}}>${props.title}</a></strong></h4>
+          <h4 className="mb-0" key="head"><strong><a href="/" style=${{'color':'#fff','textDecoration':'none'}}>${props.title}</a></strong></h4>
         </div>
         <div className="col-2" key="undo">
           <button type="button" className="btn btn-secondary py-0" title="undo" onClick=${(e) => props.onClickUndo(e)} key="undoB">
@@ -64,15 +64,15 @@ function navBar(props) {
               <path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z"></path>
             </svg>
           </button>
-          <a href=${location.protocol + '//' + location.host + location.pathname} style=${{'color':'#fff','text-decoration':'none'}}>
+          <a href=${location.protocol + '//' + location.host + location.pathname} style=${{'color':'#fff','textDecoration':'none'}}>
           <button type="button" className="btn btn-secondary py-0 ms-2" title="restart" key="undoC">
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" className="bi bi-x-circle" viewBox="0 0 16 16">
               <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
               <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
             </svg>
           </button></a>
           <button type="button" className="btn btn-secondary py-0 ms-2" title="share" onClick=${() => {navigator.clipboard.writeText(window.location.href); props.copiedToastURL.show()}} key="share">
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share" viewBox="0 0 16 16">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" className="bi bi-share" viewBox="0 0 16 16">
               <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5m-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"/>
             </svg>
           </button>
@@ -1069,6 +1069,7 @@ class Game extends React.Component {
   render() {
     const current = this.state.history[this.state.history.length - 1];
     // console.log("state", this.state)
+    // console.log("current", {...current})
 
     //put the state into the URL
     // Convert the object to a JSON string and encode it

circuitSolver/toDo.md

@@ -1,4 +1,5 @@
 - if add op amp with zero on input and LC on output, and change input to current source, it crashes
+-- http://127.0.0.1:8000/?state=eJy1lM1ygjAUhd8laxYkRbRsWXQh0wVddrqgkCozkDAQHBnHd%252B8NYBW4ZqC1G1Hv%252BXLuHzkRnvGcC1UR70RCW38eoqzmxCPUtolFapEq%252BLGFr0laFVnUvEa5DoP4bBGf3iD0R15M5CAEeTiQ26bjOz0bZGTMh2kgwPOpJ%252FKgPd9nc9OH00H%252FlacCJbakjUbHQX3XAl90XNT5m%252BJF1YeqeM%252FzSKUx8d5PRDWFNoplXkgBE4EU0gT%252BOICjRSKxyyAMFDhQF54N8djKPVv3ydAeg4w5LUjXRnAnkjH5xDpLeJrI40HWasxu7I6lz8zE%252BvQKsnWfsNOj1IiGCHrJGGo2obKYdMlxNp2pa6wVFu4OyNbGbAM6BlfuvA5NHN1%252BoNCnhQO9kOOBCsFjlUq9c5Wsy5jrhRYy4TfTLWSpd3rffJZp0l4DKip3XN1I21THutlGIUYjLt3wBkK6xIYiNGLTte%252FX1Ux78S82SDPwrk3LXjQbjMZc%252FjQaf%252BZoHu0yt5ZFHZs5l%252B6mf%252BBLg7cM2RO2wCaY2bM%252F2qAXCGIzTUcvwMf5G0K1u7Q%253D