[DSC-1872] Replaced 'ui-switch' in ProfilePageResearcherFormComponent

Author: Simone-Ramundi

src/app/profile-page/profile-page-researcher-form/profile-page-researcher-form.component.html

@@ -3,10 +3,11 @@
     <p>{{'researcher.profile.associated' | translate}}</p>
     <p class="align-items-center researcher-profile-switch" >
       <span class="mr-3">{{'researcher.profile.status' | translate}}</span>
-      <ui-switch [checkedLabel]="'researcher.profile.public.visibility' | translate"
-                 [uncheckedLabel]="'researcher.profile.private.visibility' | translate"
-                 [checked]="researcherProfile.visible"
-                 (change)="toggleProfileVisibility(researcherProfile)" ></ui-switch>
+      <ds-switch
+        [options]="switchOptions"
+        [selectedValue]="researcherProfile.visible ? 'public' : 'private'"
+        (selectedValueChange)="toggleProfileVisibility(researcherProfile)">
+      </ds-switch>
     </p>
   </div>
   <div *ngIf="!researcherProfile">

src/app/profile-page/profile-page-researcher-form/profile-page-researcher-form.component.ts

@@ -19,6 +19,7 @@ import { isNotEmpty } from '../../shared/empty.util';
 import { followLink } from '../../shared/utils/follow-link-config.model';
 import { ConfirmationModalComponent } from '../../shared/confirmation-modal/confirmation-modal.component';
 import { NoContent } from '../../core/shared/NoContent.model';
+import { SwitchColor, SwitchOption } from '../../shared/switch/switch.component';
 
 @Component({
   selector: 'ds-profile-page-researcher-form',
@@ -56,6 +57,14 @@ export class ProfilePageResearcherFormComponent implements OnInit {
    */
   researcherProfileItemId: string;
 
+  /**
+   * The custom options for the 'ds-switch' component
+   */
+  switchOptions: SwitchOption[] = [
+    { value: 'public', icon: 'fa fa-globe', labelColor: SwitchColor.Success, label: 'researcher.profile.public.visibility', iconColor: SwitchColor.Success },
+    { value: 'private', icon: 'fa fa-lock', labelColor: SwitchColor.Danger, label: 'researcher.profile.private.visibility', iconColor: SwitchColor.Danger },
+  ];
+
   constructor(protected researcherProfileService: ResearcherProfileDataService,
               protected profileClaimService: ProfileClaimService,
               protected translationService: TranslateService,