Add language links to Translate tutorial

jweisman · jweisman · commit b70e78f234b9 · 2020-06-04T10:25:26.000+03:00
diff --git a/cloudapp/src/app/translate/translate.component.html b/cloudapp/src/app/translate/translate.component.html
@@ -16,4 +16,8 @@
     </mat-select>
   </mat-form-field>
 </div>
+<hr/>
+<div class="langs">
+  <a (click)="setLang('en')">English</a> | <a (click)="setLang('es')">Español</a>
+</div>
 
diff --git a/cloudapp/src/app/translate/translate.component.scss b/cloudapp/src/app/translate/translate.component.scss
@@ -1,3 +1,11 @@
 div {
   margin-bottom: 10px;
+}
+
+div.langs {
+  display: block;
+}
+
+div.langs a {
+  cursor: pointer;
 }
diff --git a/cloudapp/src/app/translate/translate.component.ts b/cloudapp/src/app/translate/translate.component.ts
@@ -39,4 +39,8 @@ export class TranslateComponent implements OnInit {
     );
   }
 
+  setLang(lang: string) {
+    this.translate.use(lang);
+  }
+
 }

Original file line number	Diff line number	Diff line change
`@@ -39,4 +39,8 @@ export class TranslateComponent implements OnInit {`
`39`	`39`	`);`
`40`	`40`	`}`
`41`	`41`
	`42`	`+ setLang(lang: string) {`
	`43`	`+ this.translate.use(lang);`
	`44`	`+ }`
	`45`	`+`
`42`	`46`	`}`