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

Author: Simone-Ramundi

src/app/shared/access-control-form-container/access-control-form-container.component.html

@@ -15,10 +15,11 @@
               <h4 class="mb-0 mr-4">
                 {{ 'access-control-item-header-toggle' | translate }}
               </h4>
-              <ui-switch
-                [(ngModel)]="state.item.toggleStatus"
-                (ngModelChange)="handleStatusChange('item', $event)">
-              </ui-switch>
+              <ds-switch
+                [options]="switchOptions"
+                [(selectedValue)] = "state.item.toggleStatus"
+                (selectedValueChange) = "handleStatusChange('item', $event)">
+              </ds-switch>
             </div>
 
             <div class="row mt-3">
@@ -68,10 +69,11 @@ <h5 class="mt-3">{{'access-control-access-conditions' | translate}}</h5>
               <h4 class="mb-0 mr-4">
                 {{'access-control-bitstream-header-toggle' | translate}}
               </h4>
-              <ui-switch
-                [(ngModel)]="state.bitstream.toggleStatus"
-                (ngModelChange)="handleStatusChange('bitstream', $event)">
-              </ui-switch>
+              <ds-switch
+                [options]="switchOptions"
+                [(selectedValue)] = "state.bitstream.toggleStatus"
+                (selectedValueChange) = "handleStatusChange('bitstream', $event)">
+              </ds-switch>
             </div>
 
             <div *ngIf="showLimitToSpecificBitstreams" class="row mt-3">

src/app/shared/access-control-form-container/access-control-form-container.component.ts

@@ -16,9 +16,8 @@ import { BulkAccessConfigDataService } from '../../core/config/bulk-access-confi
 import { getFirstCompletedRemoteData } from '../../core/shared/operators';
 import { BulkAccessConditionOptions } from '../../core/config/models/bulk-access-condition-options.model';
 import { AlertType } from '../alert/alert-type';
-import {
-  createAccessControlInitialFormState
-} from './access-control-form-container-intial-state';
+import { createAccessControlInitialFormState } from './access-control-form-container-intial-state';
+import { SwitchColor, SwitchOption } from '../switch/switch.component';
 
 @Component({
   selector: 'ds-access-control-form-container',
@@ -55,6 +54,14 @@ export class AccessControlFormContainerComponent<T extends DSpaceObject> impleme
 
   readonly AlertType = AlertType;
 
+  /**
+   * The custom options for the 'ds-switch' component
+   */
+  switchOptions: SwitchOption[] = [
+    { value: true, backgroundColor: SwitchColor.Success },
+    { value: false },
+  ];
+
   constructor(
     private bulkAccessConfigService: BulkAccessConfigDataService,
     private bulkAccessControlService: BulkAccessControlService,