added third and fourht look algs

ruthrootz · Feb 29, 2020 · 6373224 · 6373224
1 parent 1d6f86f
commit 6373224
Show file tree

Hide file tree

Showing 8 changed files with 55 additions and 3 deletions.
diff --git a/src/assets/algorithms/h-last.png b/src/assets/algorithms/h-last.png
diff --git a/src/assets/algorithms/headlights-back.png b/src/assets/algorithms/headlights-back.png
diff --git a/src/assets/algorithms/no-headlights.png b/src/assets/algorithms/no-headlights.png
diff --git a/src/assets/algorithms/ua.png b/src/assets/algorithms/ua.png
diff --git a/src/assets/algorithms/ub.png b/src/assets/algorithms/ub.png
diff --git a/src/assets/algorithms/z.png b/src/assets/algorithms/z.png
diff --git a/src/components/AlgorithmsComponent.ts b/src/components/AlgorithmsComponent.ts
@@ -66,4 +66,40 @@ export default class AlgorithmsComponent extends Vue {
         },
     ];
 
+    private intermediateAlgorithmsThird: object[] = [
+        {
+            algId: 11,
+            name: 'headlights-back',
+            steps: '.x\'.(R\'DR\').U2\'.(RD\'R\').U2\'R2F\'x.',
+        },
+        {
+            algId: 12,
+            name: 'no-headlights',
+            steps: '.FRU\'R\'U\'RUR\'F\'.(RUR\'U\').(R\'FRF\').',
+        },
+    ];
+
+    private intermediateAlgorithmsFourth: object[] = [
+        {
+            algId: 13,
+            name: 'ua',
+            steps: '.M2\'UMU2M\'UM2\'.',
+        },
+        {
+            algId: 14,
+            name: 'ub',
+            steps: '.M2\'U\'MU2\'M\'U\'M2\'.',
+        },
+        {
+            algId: 15,
+            name: 'z',
+            steps: '.(M2\'U\'M2\'U\').M\'.(U2M2\'U2).M\'.',
+        },
+        {
+            algId: 16,
+            name: 'h-last',
+            steps: '.(M2\'UM2\').U2.(M2\'UM2\').',
+        },
+    ];
+
 }
diff --git a/src/components/algorithms-component.html b/src/components/algorithms-component.html
@@ -1,6 +1,5 @@
 <b-tabs content-class="mt-3" justified>
-	<b-tab title="BEGINNER"> </b-tab>
-	<b-tab title="INTERMEDIATE" active>
+	<b-tab title="4-Look Last Layer" active>
 		<b-container fluid>
 			<h1>1st look</h1>
 			<b-row>
@@ -19,6 +18,23 @@ <h1>2nd look</h1>
 					:steps="alg.steps" />
 			</b-row>
 		</b-container>
+		<b-container fluid>
+			<h1>3rd look</h1>
+			<b-row>
+				<algorithm-component
+					v-for="alg in intermediateAlgorithmsThird"
+					:algName="alg.name"
+					:steps="alg.steps" />
+			</b-row>
+		</b-container>
+		<b-container fluid>
+			<h1>4th look</h1>
+			<b-row>
+				<algorithm-component
+					v-for="alg in intermediateAlgorithmsFourth"
+					:algName="alg.name"
+					:steps="alg.steps" />
+			</b-row>
+		</b-container>
 	</b-tab>
-	<b-tab title="PRO"> </b-tab>
 </b-tabs>