From 0f4c519b061a648a1be74e1bb588b57fc1b09e5a Mon Sep 17 00:00:00 2001
From: Hemanth Kona <Hemanth.Kona@quartech.com>
Date: Thu, 30 May 2024 14:40:22 -0400
Subject: [PATCH] EMBCESSMOD-5441: Fix showing startup loading screen - Fix
 active and inactive switch components color - Fix showing time icon for input
 type time

---
 .../embc-responder/src/app/app.component.ts   | 11 ++++++-
 .../suppliers-table.component.scss            | 29 +++++++++++++++++++
 .../UI/embc-responder/src/styles/styles.scss  |  5 ++++
 3 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/responders/src/UI/embc-responder/src/app/app.component.ts b/responders/src/UI/embc-responder/src/app/app.component.ts
index 5f827a3ba..724f9e20d 100644
--- a/responders/src/UI/embc-responder/src/app/app.component.ts
+++ b/responders/src/UI/embc-responder/src/app/app.component.ts
@@ -18,13 +18,22 @@ import { FooterComponent } from './core/layout/footer/footer.component';
 import { HeaderComponent } from './core/layout/header/header.component';
 import { EnvironmentBannerComponent } from './core/layout/environment-banner/environment-banner.component';
 import { NgStyle, AsyncPipe } from '@angular/common';
+import { AppLoaderComponent } from './shared/components/app-loader/app-loader.component';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss'],
   standalone: true,
-  imports: [EnvironmentBannerComponent, HeaderComponent, NgStyle, RouterOutlet, FooterComponent, AsyncPipe],
+  imports: [
+    EnvironmentBannerComponent,
+    HeaderComponent,
+    NgStyle,
+    RouterOutlet,
+    FooterComponent,
+    AsyncPipe,
+    AppLoaderComponent
+  ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppComponent implements OnInit {
diff --git a/responders/src/UI/embc-responder/src/app/feature-components/supplier-management/suppliers-list/suppliers-table/suppliers-table.component.scss b/responders/src/UI/embc-responder/src/app/feature-components/supplier-management/suppliers-list/suppliers-table/suppliers-table.component.scss
index 610a09dfa..a91b2c7b1 100644
--- a/responders/src/UI/embc-responder/src/app/feature-components/supplier-management/suppliers-list/suppliers-table/suppliers-table.component.scss
+++ b/responders/src/UI/embc-responder/src/app/feature-components/supplier-management/suppliers-list/suppliers-table/suppliers-table.component.scss
@@ -33,6 +33,35 @@
     background-color: white !important;
   }
 
+  .mat-mdc-slide-toggle.mat-accent {
+    --color-active: rgba(37, 168, 0, 1);
+    --color-inactive: rgba(210, 0, 0, 1);
+
+    --mdc-switch-selected-focus-state-layer-color: #fff;
+    --mdc-switch-selected-handle-color: #fff;
+    --mdc-switch-selected-hover-state-layer-color: #fff;
+    --mdc-switch-selected-pressed-state-layer-color: #fff;
+    --mdc-switch-selected-focus-handle-color: #fff;
+    --mdc-switch-selected-hover-handle-color: #fff;
+    --mdc-switch-selected-pressed-handle-color: #fff;
+    --mdc-switch-selected-focus-track-color: var(--color-active);
+    --mdc-switch-selected-hover-track-color: var(--color-active);
+    --mdc-switch-selected-pressed-track-color: var(--color-active);
+    --mdc-switch-selected-track-color: var(--color-active);
+
+    --mdc-switch-unselected-focus-state-layer-color: #fff;
+    --mdc-switch-unselected-handle-color: #fff;
+    --mdc-switch-unselected-hover-state-layer-color: #fff;
+    --mdc-switch-unselected-pressed-state-layer-color: #fff;
+    --mdc-switch-unselected-focus-handle-color: #fff;
+    --mdc-switch-unselected-hover-handle-color: #fff;
+    --mdc-switch-unselected-pressed-handle-color: #fff;
+    --mdc-switch-unselected-focus-track-color: var(--color-inactive);
+    --mdc-switch-unselected-hover-track-color: var(--color-inactive);
+    --mdc-switch-unselected-pressed-track-color: var(--color-inactive);
+    --mdc-switch-unselected-track-color: var(--color-inactive);
+  }
+
   ::ng-deep .arrow-color .mat-sort-header-arrow {
     color: #fff;
   }
diff --git a/responders/src/UI/embc-responder/src/styles/styles.scss b/responders/src/UI/embc-responder/src/styles/styles.scss
index c2ebd798f..7634b27d1 100644
--- a/responders/src/UI/embc-responder/src/styles/styles.scss
+++ b/responders/src/UI/embc-responder/src/styles/styles.scss
@@ -105,6 +105,11 @@ body {
   height: 100%;
   margin: 0;
 }
+
+input.mat-mdc-input-element::-webkit-calendar-picker-indicator {
+  display: block;
+}
+
 app-root {
   height: 100%;
 }