sonnar fixes

Author: AlbaLopez552

src/app/pages/product-details/product-details.component.html

@@ -1,5 +1,5 @@
 <div id="details-modal" tabindex="-1" aria-hidden="true" class="flex justify-center overflow-x-hidden fixed top-0 right-0 left-0 z-40 justify-center items-center w-full md:inset-0 h-full max-h-full rounded-lg shadow-2xl">
-    <div class="relative w-full max-w-7xl max-h-full rounded-t-lg" (click)="$event.stopPropagation();">
+    <div class="relative w-full max-w-7xl max-h-full rounded-t-lg" (click)="$event.stopPropagation();" (keydown)="$event.stopPropagation();">
         <!-- Modal content -->
         <div class="relative sm:m-8 bg-white rounded-lg shadow dark:border-gray-600 dark:bg-secondary-100 bg-cover bg-right-bottom rounded-lg overflow-y-auto max-h-[calc(100vh-10rem)]">
           <button (click)="hideModal();" type="button" class="absolute top-4 right-4 z-50 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="details-modal">
@@ -40,7 +40,7 @@ <h5 class="md:text-3xl lg:text-4xl font-semibold tracking-tight text-primary-100
 
               <div class="relative h-[200px] overflow-hidden flex justify-center items-center border border-1 border-gray-200 dark:border-gray-700 rounded-tr-lg">
                 <div class="absolute inset-0 bg-cover bg-center opacity-75" [style.background-image]="'url(' + getProductImage() + ')'" [style.filter]="'blur(20px)'"></div>
-                <img class="rounded-r-lg h-5/6 w-5/6 object-contain z-10 dark:text-white" src="{{getProductImage()}}" alt="Product image" />
+                <img class="rounded-r-lg h-5/6 w-5/6 object-contain z-10 dark:text-white" src="{{getProductImage()}}" alt="Product" />
               </div>
 
               <hr class="h-px border-gray-200 border-1 dark:border-gray-700">

src/app/pages/product-details/product-details.component.ts

@@ -22,7 +22,7 @@ type AttachmentRefOrValue = components["schemas"]["AttachmentRefOrValue"];
 })
 export class ProductDetailsComponent implements OnInit {
   @Input() productOff: Product | undefined;
-  @Output() close = new EventEmitter<void>();
+  @Output() closeModal = new EventEmitter<void>();
 
   protected readonly faClose = faClose;
   protected readonly faEllipsis = faEllipsis;
@@ -57,16 +57,14 @@ export class ProductDetailsComponent implements OnInit {
     } else {
       this.images = profile;
     }
-    let specId:any|undefined=this.productOff?.productSpecification?.id;
+    let specId = this.productOff?.productSpecification?.id;
     if(specId != undefined){
       this.api.getProductSpecification(specId).then(spec => {
         this.prodSpec = spec;
         let prodPrices: any[] | undefined= this.productOff?.productOfferingPrice;
-        let prices: any[]=[];
         if(prodPrices!== undefined){
           for(const element of prodPrices){
             this.api.getProductPrice(element.id).then(price => {
-              prices.push(price);
               if(price.priceType == 'custom'){
                 this.checkCustom=true;
               }
@@ -104,7 +102,7 @@ export class ProductDetailsComponent implements OnInit {
   }
 
   hideModal() {
-    this.close.emit();
+    this.closeModal.emit();
     this.loadMoreCats=false;
     this.checkMoreCats=true;
   }

src/app/services/product-service.service.ts

@@ -1,13 +1,8 @@
-import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import {catchError, lastValueFrom, map, of} from 'rxjs';
-import { Category, LoginInfo } from '../models/interfaces';
+import {catchError, lastValueFrom,of} from 'rxjs';
+import { Category } from '../models/interfaces';
 import { environment } from 'src/environments/environment';
-import {components} from "../models/product-catalog";
-type ProductOffering = components["schemas"]["ProductOffering"];
-import {LocalStorageService} from "./local-storage.service";
-import * as moment from 'moment';
-import { jwtDecode } from "jwt-decode";
 
 @Injectable({
   providedIn: 'root'
@@ -19,7 +14,7 @@ export class ApiServiceService {
   public static CATALOG_LIMIT: number= environment.CATALOG_LIMIT;
   public static CATEGORY_LIMIT: number = environment.CATEGORY_LIMIT;
 
-  constructor(private http: HttpClient,private localStorage: LocalStorageService) { }
+  constructor(private http: HttpClient) { }
 
   getProducts(page:any,keywords:any) {
     let url = `${ApiServiceService.BASE_URL}${ApiServiceService.PRODUCT_CATALOG_MANAGEMENT_URL}/productOffering?limit=${ApiServiceService.PRODUCT_LIMIT}&offset=${page}&lifecycleStatus=Launched`;

src/app/shared/card/card.component.html

@@ -98,7 +98,7 @@ <h5 class="text-xl font-semibold line-clamp-2 tracking-tight text-primary-100 da
 
 <!-- Main modal -->
 @if (showModal){
-  <app-product-details [productOff]="productOff" (close)="showModal = false"></app-product-details>
+  <app-product-details [productOff]="productOff" (closeModal)="showModal = false"></app-product-details>
 }
 
 

src/app/shared/card/card.component.ts

@@ -12,17 +12,13 @@ import { faAtom, faClose, faEllipsis} from "@fortawesome/pro-solid-svg-icons";
 type Product = components["schemas"]["ProductOffering"];
 type ProductSpecification = components["schemas"]["ProductSpecification"];
 type AttachmentRefOrValue = components["schemas"]["AttachmentRefOrValue"];
-import {LocalStorageService} from "../../services/local-storage.service";
 import {EventMessageService} from "../../services/event-message.service";
 import { ApiServiceService } from 'src/app/services/product-service.service';
-import { AccountServiceService } from 'src/app/services/account-service.service';
 import { Modal } from 'flowbite';
-import { Router } from '@angular/router';
 import { PriceServiceService } from 'src/app/services/price-service.service';
 import { initFlowbite } from 'flowbite';
-import { LoginInfo, cartProduct,productSpecCharacteristicValueCart } from '../../models/interfaces';
+import { cartProduct,productSpecCharacteristicValueCart } from '../../models/interfaces';
 import { ShoppingCartServiceService } from 'src/app/services/shopping-cart-service.service';
-import * as moment from 'moment';
 import { certifications } from 'src/app/models/certification-standards.const';
 import { environment } from 'src/environments/environment';
 import { ErrorMessageComponent } from '../error-message/error-message.component';

src/app/shared/cart-card/cart-card.component.ts

@@ -1,13 +1,8 @@
-import { Component, Input, OnInit, ElementRef, ViewChild,ChangeDetectorRef, HostListener, inject } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import { ApiServiceService } from 'src/app/services/product-service.service';
+import { Component, Input, OnInit, ChangeDetectorRef, HostListener, inject } from '@angular/core';
 import {components} from "../../models/product-catalog";
-import { PriceServiceService } from 'src/app/services/price-service.service';
 type Product = components["schemas"]["ProductOffering"];
-type ProductSpecification = components["schemas"]["ProductSpecification"];
 type AttachmentRefOrValue = components["schemas"]["AttachmentRefOrValue"];
-import { LocalStorageService } from 'src/app/services/local-storage.service';
-import { LoginInfo, cartProduct,productSpecCharacteristicValueCart } from '../../models/interfaces';
+import { cartProduct,productSpecCharacteristicValueCart } from '../../models/interfaces';
 import { ShoppingCartServiceService } from 'src/app/services/shopping-cart-service.service';
 import {EventMessageService} from "../../services/event-message.service";
 import { ErrorMessageComponent } from '../error-message/error-message.component';