Add support for achievement item links

src/app/users/users-achievements/users-achievements-update.component.ts

@@ -113,21 +113,23 @@ export class UsersAchievementsUpdateComponent implements OnInit, OnDestroy {
  });
  }
 
- addAchievement(index = -1, achievement = { title: '', description: '', date: '' }) {
+ addAchievement(index = -1, achievement = { title: '', description: '', link: '', date: '' }) {
  if (typeof achievement === 'string') {
- achievement = { title: '', description: achievement, date: '' };
+ achievement = { title: '', description: achievement, link: '', date: '' };
  }
  this.dialogsFormService.openDialogsForm(
  achievement.title !== '' ? $localize`Edit Achievement` : $localize`Add Achievement`,
  [
  { 'type': 'textbox', 'name': 'title', 'placeholder': $localize`Title`, required: true },
  { 'type': 'date', 'name': 'date', 'placeholder': $localize`Date`, 'required': false },
+ { 'type': 'textbox', 'name': 'link', 'placeholder': $localize`Link`, required: false },
  { 'type': 'textarea', 'name': 'description', 'placeholder': $localize`Description`, 'required': false },
  ],
  this.fb.group({
  ...achievement,
  title: [ achievement.title, CustomValidators.required ],
  description: [ achievement.description ],
+ link: [ achievement.link ],
  date: [ achievement.date, null, ac => this.validatorService.notDateInFuture$(ac) ]
  }),
  { onSubmit: (formValue, formGroup) => {

src/app/users/users-achievements/users-achievements.component.html

@@ -56,7 +56,10 @@ <h3 i18n>My Achievements</h3>
  </span>
  <span class="achievement-date">{{achievement.date | date: medium}}</span>
  </p>
- <p mat-line *ngIf="openAchievementIndex === i">{{achievement.description}}</p>
+ <p mat-line *ngIf="openAchievementIndex === i">
+ {{achievement.description}}
+ <br><a href="{{achievement.link}}" target="_blank" class="styled-link"> - {{achievement.link}} </a>
+ </p>
  <span mat-line class="achievement-buttons" *ngIf="openAchievementIndex === i"></span>
  </mat-list-item>
  </mat-list>

src/app/users/users-achievements/users-achievements.scss

@@ -44,4 +44,15 @@
  }
 
  }
+
+ .styled-link {
+ color: #007bff;
+ text-decoration: none;
+ font-weight: bold;
+ }
+
+ .styled-link:hover {
+ color: #0056b3;
+ text-decoration: underline;
+ }
 }