Remove environment.ts file and update .gitignore; adjust styles and HTML structure across various components

manojtharindu11 · manojtharindu11 · commit 6752e76a0e5b · 2025-03-02T21:39:55.000+05:30
diff --git a/.gitignore b/.gitignore
@@ -43,3 +43,5 @@ testem.log
 # System files
 .DS_Store
 Thumbs.db
+
+/environments/environment.ts
diff --git a/environments/environment.ts b/environments/environment.ts
diff --git a/environments/example.environment.ts b/environments/example.environment.ts
@@ -0,0 +1,21 @@
+export const baseApiUrl = {
+    Url: 'api url'
+}
+
+export const environment = {
+    firebaseConfig : {
+        apiKey: "firebase apiKey",
+        authDomain: "authdomain",
+        projectId: "projectId",
+        storageBucket: "storageBucket",
+        messagingSenderId: "messagingSenderId",
+        appId: "appId",
+        measurementId: "measurementId"
+      }
+}
+
+export const mapEnvironment = {
+    production: false,
+    googleMapsApiKey: 'googleMapAPIKey'
+  };
+  
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -34,7 +34,6 @@
     "angular-confirmation-popover": "^7.0.0",
     "angular-websocket": "^2.0.1",
     "bootstrap": "^5.3.3",
-    "dotenv": "^16.4.7",
     "html2canvas": "^1.4.1",
     "jspdf": "^2.5.1",
     "ngx-dropzone": "^3.1.0",
diff --git a/src/app/Components/compare-box/compare-box.component.scss b/src/app/Components/compare-box/compare-box.component.scss
@@ -5,17 +5,13 @@
 .icon-container {
     display: flex;
     justify-content: center;
-    /* Center horizontally */
     align-items: center;
-    /* Center vertically */
     color: #1C5864;
 }
 
 .icon-container mat-icon {
     font-size: 24px;
-    /* Adjust size if necessary */
     color: #000;
-    /* Adjust color if necessary */
     cursor: pointer;
 }
 
diff --git a/src/app/Components/login-cover/login-cover.component.scss b/src/app/Components/login-cover/login-cover.component.scss
@@ -7,9 +7,8 @@
 
 .back-image {
     width: 100%;
-    height: 91.5vh;
+    height: 800px;
     filter: brightness(90%);
-    /* Decrease brightness to make the image darker */
     opacity: 0.6;
 }
 
diff --git a/src/app/Components/nav-bar/nav-bar.component.html b/src/app/Components/nav-bar/nav-bar.component.html
@@ -15,9 +15,8 @@
     <app-secondary-button [button]="login"></app-secondary-button>
   </div>
 
-  <!-- User Image (Shown when user is logged in) -->
   <div class="d-flex justify-content-center" *ngIf="isLogin" [ngClass]="isToggled() ? 'active-image': ''">
     <a (click)="openProfileCard()" style="cursor: pointer;"><img class="user-image"
-        src="{{userImage ? userImage: '../../../assets/default/user.png'}}" alt=""></a>
+        src="{{userImage ? userImage: '../../../assets/default/user.png'}}" alt="user-image"></a>
   </div>
 </div>
diff --git a/src/app/Components/user-card/user-card.component.html b/src/app/Components/user-card/user-card.component.html
@@ -1,4 +1,4 @@
-<div class="d-flex flex-row m-3 justify-content-start align-items-center gap-3" style="min-width: 250px;">
+<div class="d-flex flex-row m-3 justify-content-start align-items-center gap-3">
     <a style="cursor: pointer;" (click)="editProfile()">
         <img class="user-image" src="{{userImage ? userImage : '../../../assets/default/user.png'}}" alt="">
     </a>
diff --git a/src/app/Components/user-card/user-card.component.scss b/src/app/Components/user-card/user-card.component.scss
@@ -9,7 +9,6 @@
     background: none;
 }
 
-/* New styles for the log out button */
 .logout-btn {
     font-family: Lato;
     font-size: 18px;
diff --git a/src/app/Pages/client/client-icon-layout/client-icon-layout.component.html b/src/app/Pages/client/client-icon-layout/client-icon-layout.component.html
@@ -1,12 +1,8 @@
-<!-- Container for icons -->
 <div class="icons">
-    <!-- Right side of the icon container -->
     <div class="right-side">
-        <!-- Custom Angular component for displaying icons -->
         <app-nav-icon (buttonClick)="popUp($event)" [popupToggle]="popUpItem" [iconList]="icons">
         </app-nav-icon>
     </div>
 </div>
 
-<!-- Placeholder for rendering different components based on the current route -->
 <router-outlet></router-outlet>
diff --git a/src/app/Pages/client/client-icon-layout/client-icon-layout.component.ts b/src/app/Pages/client/client-icon-layout/client-icon-layout.component.ts
@@ -153,7 +153,7 @@ export class ClientIconLayoutComponent implements OnInit, OnDestroy, AfterViewIn
     if (this.popUpItem != 'compare') {
       this.dialogRef = this._matDialog.open(CompareBoxComponent, {
         width: '425px',
-        height: '45%',
+        height: '55%',
         position: { top: '165px', right: '130px' },
       });
       this.popUpItem = 'compare';
diff --git a/src/app/Pages/client/signup/signup.component.html b/src/app/Pages/client/signup/signup.component.html
@@ -44,7 +44,7 @@ <h1 class="py-2">Sign up</h1>
                                     placeholder="Add CompanyName">
                                 <mat-hint
                                     *ngIf="signUpForm.controls['companyName'].invalid && signUpForm.controls['companyName'].touched">
-                                    <span class="small text-danger"> Company name can not be left blank! </span>
+                                    <span class="small text-danger">Company name can not be left blank!</span>
                                 </mat-hint>
                             </mat-form-field>
                         </td>
diff --git a/src/app/Services/notification.service.ts b/src/app/Services/notification.service.ts
@@ -136,7 +136,7 @@ export class NotificationService {
       if (!this.popupToggle) {
         this.dialogRef = this._matDialog.open(NotificationBoxComponent, {
           width: '500px',
-          height: '50%',
+          height: '500px',
           position: { top: '165px', right: '130px' },
         });
         this.popupToggle = true;
diff --git a/src/app/Services/user-profile.service.ts b/src/app/Services/user-profile.service.ts
@@ -51,8 +51,8 @@ export class UserProfileService {
   openPopup() {
     if (!this.popupToggle) {
       this.dialogRef = this._matDialog.open(UserCardComponent, {
-        // width: '18%',
-        height: '12%',
+        height: '14%',
+        minWidth:'16%',
         position: { top: '90px', right: '100px' },
       });
       this.popupToggle = true;
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,5 +1 @@
 <router-outlet></router-outlet>
-<!-- <app-change-password></app-change-password>
-<app-edit-profile></app-edit-profile> -->
-<!-- <app-login></app-login> -->
-<!-- <app-nav-bar></app-nav-bar> -->

Original file line number	Diff line number	Diff line change
`@@ -7,9 +7,8 @@`
`7`	`7`
`8`	`8`	`.back-image {`
`9`	`9`	`width: 100%;`
`10`		`- height: 91.5vh;`
	`10`	`+ height: 800px;`
`11`	`11`	`filter: brightness(90%);`
`12`		`- /* Decrease brightness to make the image darker */`
`13`	`12`	`opacity: 0.6;`
`14`	`13`	`}`
`15`	`14`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<div class="d-flex flex-row m-3 justify-content-start align-items-center gap-3" style="min-width: 250px;">`
	`1`	`+<div class="d-flex flex-row m-3 justify-content-start align-items-center gap-3">`
`2`	`2`	`<a style="cursor: pointer;" (click)="editProfile()">`
`3`	`3`	`<img class="user-image" src="{{userImage ? userImage : '../../../assets/default/user.png'}}" alt="">`
`4`	`4`	`</a>`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,6 @@`
`9`	`9`	`background: none;`
`10`	`10`	`}`
`11`	`11`
`12`		`-/* New styles for the log out button */`
`13`	`12`	`.logout-btn {`
`14`	`13`	`font-family: Lato;`
`15`	`14`	`font-size: 18px;`