From f72daa97fd8bfbaba9f7d6874131a61b3e1c49ba Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Mon, 29 Mar 2021 14:52:03 +0300
Subject: Added basic effects and skeleton of functionality for clicking
 available technologies and languages in profile settings

---
 .../components/profile-settings/profile-settings.component.html  | 4 ++--
 .../components/profile-settings/profile-settings.component.ts    | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

(limited to 'src/app')

diff --git a/src/app/components/profile-settings/profile-settings.component.html b/src/app/components/profile-settings/profile-settings.component.html
index dd3d186..e792f9f 100644
--- a/src/app/components/profile-settings/profile-settings.component.html
+++ b/src/app/components/profile-settings/profile-settings.component.html
@@ -81,7 +81,7 @@
 				Available languages:
 			</div>
 			<div class="flex-row margin-top-dot4">
-				<div class="sec-info border-radius-dot5r padding-dot2" *ngFor="let lang of availableLanguages">
+				<div class="sec-info border-radius-dot5r padding-dot2 hover-half-opacity click-effect" *ngFor="let lang of availableLanguages" (click)="langClick(lang.name)">
 					{{ lang.name }}
 				</div>
 			</div>
@@ -103,7 +103,7 @@
 				Available technologies:
 			</div>
 			<div class="flex-row margin-top-dot4">
-				<div class="sec-info border-radius-dot5r padding-dot2" *ngFor="let tech of availableTechnologies">
+				<div class="sec-info border-radius-dot5r padding-dot2 hover-half-opacity click-effect" *ngFor="let tech of availableTechnologies" (click)="techClick(tech.name)">
 					{{ tech.name }}
 				</div>
 			</div>
diff --git a/src/app/components/profile-settings/profile-settings.component.ts b/src/app/components/profile-settings/profile-settings.component.ts
index 79519aa..b7f2d90 100644
--- a/src/app/components/profile-settings/profile-settings.component.ts
+++ b/src/app/components/profile-settings/profile-settings.component.ts
@@ -286,6 +286,15 @@ export class ProfileSettingsComponent implements OnInit {
     }
   }
 
+  langClick(name: string): void {
+    console.log('Language: ' + name);
+  }
+
+  techClick(name: string): void {
+    console.log('Technology: ' + name);
+  }
+
+
   goToProfile(): void {
     this._router.navigate([this._router.url.substring(0, this._router.url.length - 9)]);
   }
-- 
cgit v1.2.3