🛩️ 🏁 Removes the template specification process and cleans up templat…

…e class 🐰 (#193) Closes #186
QCHackers · Mar 26, 2024 · 8243350 · 8243350
1 parent 7fa9558
commit 8243350
Show file tree

Hide file tree

Showing 6 changed files with 167 additions and 198 deletions.
diff --git a/frontend/src/components/download/DownloadButton.js b/frontend/src/components/download/DownloadButton.js
@@ -1,6 +1,6 @@
 import axios from 'axios';
 import Button from '../Button';
-import Template from '../../plaquettes/Template';
+import Footprint from '../../plaquettes/Footprint';
 import config from './config';
 import notification from '../notification';
 
@@ -29,7 +29,7 @@ export default class DownloadButton extends Button {
   onClick = () => {
     const payload = { plaquettes: [] };
     this.workspace.children
-      .filter((child) => child instanceof Template)
+      .filter((child) => child instanceof Footprint)
       .forEach((tile) => {
         tile.getPlaquettes().forEach((plaquette) => {
           const marshalledPlaquette = {

diff --git a/frontend/src/control-flow.js b/frontend/src/control-flow.js
@@ -6,7 +6,7 @@ import { Container, Point } from 'pixi.js';
 import { AdjustmentFilter } from 'pixi-filters';
 import notification from './components/notification';
 import Grid from './graphics/Grid';
-import Template from './plaquettes/Template';
+import Footprint from './plaquettes/Footprint';
 import Qubit from './qubits/Qubit';
 import QubitLattice from './qubits/QubitLattice';
 import Button from './components/Button';
@@ -69,7 +69,7 @@ export default function InitializeControlFlow() {
       workspace.removeChild(currentControlPanel);
     }
     workspace.children
-      .filter((child) => child instanceof Template)
+      .filter((child) => child instanceof Footprint)
       .forEach((template) => {
         if (template.getPlaquettes().includes(plaquette)) {
           template.removeChild(plaquette);
@@ -172,25 +172,14 @@ export default function InitializeControlFlow() {
           qubit.visible = false;
         });
 
-        // Initialize button to make plaquettes
-        let selectedQubits = [];
-        const plaquetteButton = new Button('Create plaquette', x, y + 50);
-        const template = new Template(
-          selectedQubits,
+        // Initialize Template
+        const template = new Footprint(
           workspace,
-          plaquetteButton,
-          app
+          app,
+          x,
+          y
         );
-
-        // Create the plaquettes and template
-        plaquetteButton.on('click', () => {
-          template.createPlaquette();
-          workspace.addChild(template.container);
-          // Clear the selected qubits
-          selectedQubits = [];
-          plaquetteButton.visible = false;
-        });
-        workspace.addChild(plaquetteButton);
+        workspace.addChild(template.container);
         workspace.removeChild(finalizeBoundingQuadButton);
 
         const downloadStimButton = new DownloadButton(