diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-29 14:52:03 +0300 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-29 14:52:03 +0300 |
| commit | f72daa97fd8bfbaba9f7d6874131a61b3e1c49ba (patch) | |
| tree | 2324af3d201c3e18c472941ea780e40aa7dcc3c4 /src/app/components | |
| parent | 64ec7f26f91ffaad64dbd47142fb7969ef6ea32c (diff) | |
| download | DevHive-Angular-f72daa97fd8bfbaba9f7d6874131a61b3e1c49ba.tar DevHive-Angular-f72daa97fd8bfbaba9f7d6874131a61b3e1c49ba.tar.gz DevHive-Angular-f72daa97fd8bfbaba9f7d6874131a61b3e1c49ba.zip | |
Added basic effects and skeleton of functionality for clicking available technologies and languages in profile settings
Diffstat (limited to 'src/app/components')
| -rw-r--r-- | src/app/components/profile-settings/profile-settings.component.html | 4 | ||||
| -rw-r--r-- | src/app/components/profile-settings/profile-settings.component.ts | 9 |
2 files changed, 11 insertions, 2 deletions
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)]); } |