flatter renamed

index.html

@@ -363,8 +363,8 @@ <h3>Grada</h3>
         Create Dataset
       </button>
 
-      <button class="btn btn-orange" onclick="createFlatter()">
-        Add Flatter
+      <button class="btn btn-orange" onclick="createFlattener()">
+        Add Flattener
       </button>
 
       <button class="btn btn-green" onclick="createLayer()">Add Layer</button>
@@ -455,7 +455,7 @@ <h3>Grada</h3>
 
     <script src="js/HandWritten/DigitInputGrid.js"></script>
     <script src="js/HandWritten/DigitInput.js"></script>
-    <script src="js/HandWritten/Flatter.js"></script>
+    <script src="js/HandWritten/Flattener.js"></script>
     <script src="js/HandWritten/DigitOutput.js"></script>
 
     <script src="js/Draw/NeuronView.js"></script>

js/Draw/MLP/Playable.js

@@ -145,7 +145,7 @@ class Playable extends Draggable {
     this.updateStatus(
       +(
         (input instanceof InputLayer ||
-          (input instanceof Flatter && input.source)) &&
+          (input instanceof Flattener && input.source)) &&
         (this.isEval() || this.getOutput() instanceof OutputLayer)
       ),
     );

js/HandWritten/Flatter.js → js/HandWritten/Flattener.js

@@ -1,4 +1,4 @@
-class Flatter extends Component {
+class Flattener extends Component {
   constructor(x, y) {
     super(x, y, 275);
     this.shrank = true;
@@ -168,7 +168,7 @@ class Flatter extends Component {
       { func: "textAlign", args: [CENTER, CENTER] },
       {
         func: "text",
-        args: ["Flatter", middleX, this.y - 10],
+        args: ["Flattener", middleX, this.y - 10],
       },
     ];
 

js/script.js

@@ -5,8 +5,8 @@ function createHandWritten() {
   mainOrganizer.addComponent(new DigitOutput(800, 100));
 }
 
-function createFlatter() {
-  mainOrganizer.addComponent(new Flatter(400, 100));
+function createFlattener() {
+  mainOrganizer.addComponent(new Flattener(400, 100));
 }
 
 function createLayer() {