diff --git a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.html b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.html
index 89718874..71ce0ab6 100644
--- a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.html
+++ b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.html
@@ -15,6 +15,6 @@
+ [class.tutorial__footer--button--disabled]="!nextAvailable">nextclose
\ No newline at end of file
diff --git a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss
index 4ef244db..48db2c3c 100644
--- a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss
+++ b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss
@@ -47,7 +47,7 @@ $footer-height: 30px;
&--navigate {
&:hover {
text-decoration: none;
- background-color: rgb(0, 74, 109);
+ background-color: rgb(0, 117, 172);
}
}
diff --git a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.ts b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.ts
index 937c65b6..32bfd2d4 100644
--- a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.ts
+++ b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.ts
@@ -11,7 +11,8 @@ export class TutorialEnhancedComponent implements OnInit {
previousAvailable = false;
nextAvailable = true;
index = 0;
- private maxIndex = 5;
+ tutorialEnded = false;
+ private maxIndex = 3;
constructor() { }
@@ -38,6 +39,12 @@ export class TutorialEnhancedComponent implements OnInit {
}
private checkState() {
+ if(this.index >= this.maxIndex - 1){
+ this.tutorialEnded = true;
+ } else {
+ this.tutorialEnded = false;
+ }
+
if (this.index === 0) {
this.previousAvailable = false;
} else {