joydip.manna/ekart
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'frontend' into staging

Browse Source
This commit is contained in:
kusowl 2026-03-05 18:28:08 +05:30
commit 0faccba476
3 changed files with 12 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/app.config.ts
View File

@ -1,9 +1,9 @@
import { ApplicationConfig, provideBrowserGlobalErrorListeners } from '@angular/core'; import { ApplicationConfig, provideBrowserGlobalErrorListeners } from "@angular/core";
import { provideRouter, withComponentInputBinding } from '@angular/router'; import { provideRouter, withComponentInputBinding } from "@angular/router";
import { routes } from './app.routes'; import { routes } from "./app.routes";
import { provideHttpClient, withFetch, withInterceptors } from '@angular/common/http'; import { provideHttpClient, withFetch, withInterceptors } from "@angular/common/http";
import { csrfInterceptor } from './core/interceptors/csrf-interceptor'; import { csrfInterceptor } from "./core/interceptors/csrf-interceptor";
export const appConfig: ApplicationConfig = { export const appConfig: ApplicationConfig = {
providers: [ providers: [

21
src/app/features/product/show-product/show-product.html
View File

@ -16,11 +16,11 @@
alt="Product Image" alt="Product Image"
class="w-full h-full object-cover object-center rounded-lg" class="w-full h-full object-cover object-center rounded-lg"
/> />
<button <app-favorite-button
class="absolute top-2 right-2 p-2! rounded-full! btn btn-ghost border-none! bg-gray-50" [productId]="product()!.id"
> class="absolute top-5 right-5"
<lucide-angular [img]="HeartIcon" class="w-4 h-4" /> [isFavorite]="product()!.isFavorite"
</button> />
<button <button
(click)="prevImage()" (click)="prevImage()"
class="absolute top-45 left-2 p-2! rounded-full! btn btn-ghost" class="absolute top-45 left-2 p-2! rounded-full! btn btn-ghost"
@ -37,7 +37,6 @@
<div class="grid grid-cols-4 gap-3"> <div class="grid grid-cols-4 gap-3">
@for (image of product()?.productImages; track image) { @for (image of product()?.productImages; track image) {
<button <button
class="card p-2! aspect-square cursor-pointer" class="card p-2! aspect-square cursor-pointer"
(click)="this.activeImageIndex.set($index)" (click)="this.activeImageIndex.set($index)"
@ -98,16 +97,6 @@
<span class="text-3xl font-bold text-gray-900">Rs.{{ product()?.listPrice }}</span> <span class="text-3xl font-bold text-gray-900">Rs.{{ product()?.listPrice }}</span>
<span class="text-xs text-gray-400 ml-1"></span> <span class="text-xs text-gray-400 ml-1"></span>
</div> </div>
<button class="text-gray-400 hover:text-red-500">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
></path>
</svg>
</button>
</div> </div>
<div class="flex mb-6 overflow-hidden"> <div class="flex mb-6 overflow-hidden">

3
src/app/features/product/show-product/show-product.ts
View File

@ -2,10 +2,11 @@ import { Component, inject, Input, signal, WritableSignal } from "@angular/core"
import { ProductModel } from "../../../core/models/product.model"; import { ProductModel } from "../../../core/models/product.model";
import { ProductService } from "../services/product-service"; import { ProductService } from "../services/product-service";
import { LucideAngularModule, Heart, ArrowRight, ArrowLeft } from "lucide-angular"; import { LucideAngularModule, Heart, ArrowRight, ArrowLeft } from "lucide-angular";
import { FavoriteButton } from "../../../src/app/shared/components/favorite-button/favorite-button";
@Component({ @Component({
selector: "app-show-product", selector: "app-show-product",
imports: [LucideAngularModule], imports: [LucideAngularModule, FavoriteButton],
templateUrl: "./show-product.html", templateUrl: "./show-product.html",
styleUrl: "./show-product.css", styleUrl: "./show-product.css",
}) })