Anul 3 Semestrul 2
This commit is contained in:
@@ -0,0 +1 @@
|
||||
CREATE DATABASE StoreDB;
|
||||
@@ -0,0 +1,9 @@
|
||||
CREATE TABLE Inventory
|
||||
(
|
||||
hmy INT PRIMARY KEY,
|
||||
sName VARCHAR(100) NOT NULL,
|
||||
iQuantity INT NOT NULL,
|
||||
dPrice DECIMAL(10, 2) NOT NULL,
|
||||
sDescription VARCHAR(255),
|
||||
sPhotoURL VARCHAR(255)
|
||||
);
|
||||
@@ -0,0 +1,7 @@
|
||||
INSERT INTO Inventory
|
||||
(hmy, sName, iQuantity, dPrice, sDescription, sPhotoURL)
|
||||
VALUES
|
||||
(1, 'Widget A', 100, 19.99, 'High-quality widget for various uses', 'https://i5.walmartimages.com/seo/Apple-iPhone-X-64GB-Unlocked-GSM-Phone-w-Dual-12MP-Camera-Space-Gray-B-Grade-Used_15c2b968-bb85-41a4-9292-b017f78fe797.a66ebbf32b6d53b6d6eb14c47434ac04.jpeg'),
|
||||
(2, 'Gadget B', 50, 29.99, 'Versatile gadget with multiple features', 'https://www.zdnet.com/a/img/resize/9f3fcf92f17d47c88823e7f2c0f1454ecd3e5140/2024/09/19/8da68e24-08b1-467a-9062-a90a96c1d879/dsc02198.jpg?auto=webp&fit=crop&height=900&width=1200'),
|
||||
(3, 'Tool C', 75, 15.49, 'Essential tool for DIY projects', 'https://www.adobe.com/uk/creativecloud/photography/discover/media_1b97e856d56c65e2461329a892f7d6a7eb5176e22.jpeg?width=1200&format=pjpg&optimize=medium'),
|
||||
(4, 'Accessory D', 200, 9.99, 'Useful accessory for everyday tasks', 'https://cdn.thewirecutter.com/wp-content/media/2025/02/BEST-ANDROID-PHONES-2048px-samsung25ultra-hero.jpg?auto=webp&quality=75&width=1024');
|
||||
@@ -0,0 +1,18 @@
|
||||
CREATE TABLE [dbo].[Orders]
|
||||
(
|
||||
[hmy] INT IDENTITY (1, 1) NOT NULL,
|
||||
[hCustomer] NVARCHAR (MAX) NOT NULL,
|
||||
[sStatus] INT NOT NULL DEFAULT 0,
|
||||
CONSTRAINT [PK_Orders] PRIMARY KEY CLUSTERED ([hmy] ASC)
|
||||
);
|
||||
|
||||
CREATE TABLE [dbo].[OrderItems]
|
||||
(
|
||||
[hmy] INT IDENTITY (1, 1) NOT NULL,
|
||||
[hOrder] INT NOT NULL,
|
||||
[hProduct] INT NOT NULL,
|
||||
[iQuantity] INT NOT NULL DEFAULT 1,
|
||||
[dPrice] DECIMAL (18, 2) NOT NULL,
|
||||
[sProductName] NVARCHAR (MAX) NOT NULL,
|
||||
CONSTRAINT [PK_OrderItems] PRIMARY KEY CLUSTERED ([hmy] ASC)
|
||||
);
|
||||
@@ -0,0 +1,43 @@
|
||||
---
|
||||
apiVersion: apps/v1
|
||||
kind: Deployment
|
||||
metadata:
|
||||
name: apigateway
|
||||
spec:
|
||||
replicas: 1
|
||||
template:
|
||||
metadata:
|
||||
labels:
|
||||
app: apigateway
|
||||
spec:
|
||||
containers:
|
||||
- name: apigateway
|
||||
image: apigateway:latest
|
||||
ports:
|
||||
- containerPort: 80
|
||||
env:
|
||||
- name: ASPNETCORE_URLS
|
||||
value: http://*:80
|
||||
resources:
|
||||
requests:
|
||||
memory: "128Mi"
|
||||
cpu: "100m"
|
||||
limits:
|
||||
memory: "256Mi"
|
||||
cpu: "200m"
|
||||
selector:
|
||||
matchLabels:
|
||||
app: apigateway
|
||||
---
|
||||
apiVersion: v1
|
||||
kind: Service
|
||||
metadata:
|
||||
name: apigateway
|
||||
spec:
|
||||
type: LoadBalancer
|
||||
ports:
|
||||
- port: 80
|
||||
targetPort: 80
|
||||
nodePort: 32003
|
||||
selector:
|
||||
app: apigateway
|
||||
@@ -0,0 +1,57 @@
|
||||
# kubernetes-deployment-service.yaml
|
||||
|
||||
# ---- Deployment ----
|
||||
# This object defines how to run and manage your application pods.
|
||||
apiVersion: apps/v1
|
||||
kind: Deployment
|
||||
metadata:
|
||||
name: frontend # Name of the Deployment
|
||||
labels:
|
||||
app: react-app # Label to identify resources related to this app
|
||||
spec:
|
||||
replicas: 1 # Number of desired pods (you can adjust this)
|
||||
selector:
|
||||
matchLabels:
|
||||
app: frontend # This must match the labels in the Pod template
|
||||
template: # Defines the Pod that will be created
|
||||
metadata:
|
||||
labels:
|
||||
app: frontend # Labels applied to each Pod
|
||||
spec:
|
||||
containers:
|
||||
- name: frontend # Name of the container within the Pod
|
||||
image: frontend:latest # <<< IMPORTANT: Replace with your actual image name and tag
|
||||
# Ensure this image is accessible by your Kubernetes cluster.
|
||||
imagePullPolicy: Always # Or "IfNotPresent" if you prefer, especially for "latest" tags
|
||||
ports:
|
||||
- containerPort: 80 # The port your Nginx server is listening on inside the container
|
||||
resources:
|
||||
requests:
|
||||
cpu: "100m"
|
||||
memory: "128Mi"
|
||||
limits:
|
||||
cpu: "200m"
|
||||
memory: "256Mi"
|
||||
|
||||
---
|
||||
|
||||
# ---- Service ----
|
||||
# This object defines how to access your application.
|
||||
apiVersion: v1
|
||||
kind: Service
|
||||
metadata:
|
||||
name: react-app-service # Name of the Service
|
||||
labels:
|
||||
app: frontend # Label to identify resources related to this app
|
||||
spec:
|
||||
type: LoadBalancer # Exposes the Service externally using a cloud provider's load balancer.
|
||||
# Alternatives:
|
||||
# - NodePort: Exposes the Service on each Node's IP at a static port.
|
||||
# - ClusterIP: Exposes the Service on a cluster-internal IP (default).
|
||||
# - Ingress: For more advanced HTTP/HTTPS routing (requires an Ingress controller).
|
||||
selector:
|
||||
app: frontend # This must match the labels of the Pods you want to target (from the Deployment)
|
||||
ports:
|
||||
- protocol: TCP
|
||||
port: 3000 # The port the Service will be available on (externally or within the cluster)
|
||||
targetPort: 80 # The port on the Pods (containerPort) that the Service will forward traffic to
|
||||
@@ -0,0 +1,57 @@
|
||||
# kubernetes-deployment-service.yaml
|
||||
|
||||
# ---- Deployment ----
|
||||
# This object defines how to run and manage your application pods.
|
||||
apiVersion: apps/v1
|
||||
kind: Deployment
|
||||
metadata:
|
||||
name: frontendadmin # Name of the Deployment
|
||||
labels:
|
||||
app: react-app # Label to identify resources related to this app
|
||||
spec:
|
||||
replicas: 1 # Number of desired pods (you can adjust this)
|
||||
selector:
|
||||
matchLabels:
|
||||
app: frontendadmin # This must match the labels in the Pod template
|
||||
template: # Defines the Pod that will be created
|
||||
metadata:
|
||||
labels:
|
||||
app: frontendadmin # Labels applied to each Pod
|
||||
spec:
|
||||
containers:
|
||||
- name: frontendadmin # Name of the container within the Pod
|
||||
image: frontendadmin:latest # <<< IMPORTANT: Replace with your actual image name and tag
|
||||
# Ensure this image is accessible by your Kubernetes cluster.
|
||||
imagePullPolicy: Always # Or "IfNotPresent" if you prefer, especially for "latest" tags
|
||||
ports:
|
||||
- containerPort: 80 # The port your Nginx server is listening on inside the container
|
||||
resources:
|
||||
requests:
|
||||
cpu: "100m"
|
||||
memory: "128Mi"
|
||||
limits:
|
||||
cpu: "200m"
|
||||
memory: "256Mi"
|
||||
|
||||
---
|
||||
|
||||
# ---- Service ----
|
||||
# This object defines how to access your application.
|
||||
apiVersion: v1
|
||||
kind: Service
|
||||
metadata:
|
||||
name: frontendadmin-service # Name of the Service
|
||||
labels:
|
||||
app: frontendadmin # Label to identify resources related to this app
|
||||
spec:
|
||||
type: LoadBalancer # Exposes the Service externally using a cloud provider's load balancer.
|
||||
# Alternatives:
|
||||
# - NodePort: Exposes the Service on each Node's IP at a static port.
|
||||
# - ClusterIP: Exposes the Service on a cluster-internal IP (default).
|
||||
# - Ingress: For more advanced HTTP/HTTPS routing (requires an Ingress controller).
|
||||
selector:
|
||||
app: frontendadmin # This must match the labels of the Pods you want to target (from the Deployment)
|
||||
ports:
|
||||
- protocol: TCP
|
||||
port: 3001 # The port the Service will be available on (externally or within the cluster)
|
||||
targetPort: 80 # The port on the Pods (containerPort) that the Service will forward traffic to
|
||||
@@ -0,0 +1,70 @@
|
||||
---
|
||||
apiVersion: apps/v1
|
||||
kind: Deployment
|
||||
metadata:
|
||||
name: inventoryservice
|
||||
spec:
|
||||
replicas: 1
|
||||
template:
|
||||
metadata:
|
||||
labels:
|
||||
app: inventoryservice
|
||||
annotations:
|
||||
prometheus.io/scrape: "true"
|
||||
prometheus.io/path: "/metrics"
|
||||
prometheus.io/port: "80"
|
||||
spec:
|
||||
containers:
|
||||
- name: inventoryservice
|
||||
image: inventoryservice:latest
|
||||
ports:
|
||||
- containerPort: 80
|
||||
env:
|
||||
- name: ASPNETCORE_URLS
|
||||
value: http://*:80
|
||||
resources:
|
||||
requests:
|
||||
memory: "128Mi"
|
||||
cpu: "150m"
|
||||
limits:
|
||||
memory: "256Mi"
|
||||
cpu: "200m"
|
||||
selector:
|
||||
matchLabels:
|
||||
app: inventoryservice
|
||||
---
|
||||
apiVersion: v1
|
||||
kind: Service
|
||||
metadata:
|
||||
name: inventoryservice
|
||||
labels:
|
||||
app: inventoryservice
|
||||
spec:
|
||||
type: LoadBalancer
|
||||
ports:
|
||||
- port: 8081
|
||||
targetPort: 80
|
||||
nodePort: 32002
|
||||
name: inventoryport
|
||||
selector:
|
||||
app: inventoryservice
|
||||
|
||||
---
|
||||
apiVersion: autoscaling/v2
|
||||
kind: HorizontalPodAutoscaler
|
||||
metadata:
|
||||
name: inventoryservice-hpa
|
||||
spec:
|
||||
scaleTargetRef:
|
||||
apiVersion: apps/v1
|
||||
kind: Deployment
|
||||
name: inventoryservice
|
||||
minReplicas: 1
|
||||
maxReplicas: 3
|
||||
metrics:
|
||||
- type: Resource
|
||||
resource:
|
||||
name: cpu
|
||||
target:
|
||||
type: Utilization
|
||||
averageUtilization: 80
|
||||
@@ -0,0 +1,70 @@
|
||||
---
|
||||
apiVersion: apps/v1
|
||||
kind: Deployment
|
||||
metadata:
|
||||
name: orderservice
|
||||
spec:
|
||||
replicas: 1
|
||||
template:
|
||||
metadata:
|
||||
labels:
|
||||
app: orderservice
|
||||
annotations:
|
||||
prometheus.io/scrape: "true"
|
||||
prometheus.io/path: "/metrics"
|
||||
prometheus.io/port: "80"
|
||||
spec:
|
||||
containers:
|
||||
- name: orderservice
|
||||
image: orderservice:latest
|
||||
ports:
|
||||
- containerPort: 80
|
||||
env:
|
||||
- name: ASPNETCORE_URLS
|
||||
value: http://*:80
|
||||
resources:
|
||||
requests:
|
||||
memory: "128Mi"
|
||||
cpu: "150m"
|
||||
limits:
|
||||
memory: "256Mi"
|
||||
cpu: "200m"
|
||||
selector:
|
||||
matchLabels:
|
||||
app: orderservice
|
||||
---
|
||||
apiVersion: v1
|
||||
kind: Service
|
||||
metadata:
|
||||
name: orderservice
|
||||
labels:
|
||||
app: orderservice
|
||||
spec:
|
||||
type: LoadBalancer
|
||||
ports:
|
||||
- port: 8080
|
||||
targetPort: 80
|
||||
nodePort: 32001
|
||||
name: orderport
|
||||
selector:
|
||||
app: orderservice
|
||||
|
||||
---
|
||||
apiVersion: autoscaling/v2
|
||||
kind: HorizontalPodAutoscaler
|
||||
metadata:
|
||||
name: orderservice-hpa
|
||||
spec:
|
||||
scaleTargetRef:
|
||||
apiVersion: apps/v1
|
||||
kind: Deployment
|
||||
name: orderservice
|
||||
minReplicas: 1
|
||||
maxReplicas: 3
|
||||
metrics:
|
||||
- type: Resource
|
||||
resource:
|
||||
name: cpu
|
||||
target:
|
||||
type: Utilization
|
||||
averageUtilization: 80
|
||||
@@ -0,0 +1,70 @@
|
||||
---
|
||||
apiVersion: apps/v1
|
||||
kind: Deployment
|
||||
metadata:
|
||||
name: paymentservice
|
||||
spec:
|
||||
replicas: 1
|
||||
template:
|
||||
metadata:
|
||||
labels:
|
||||
app: paymentservice
|
||||
annotations:
|
||||
prometheus.io/scrape: "true"
|
||||
prometheus.io/path: "/metrics"
|
||||
prometheus.io/port: "80"
|
||||
spec:
|
||||
containers:
|
||||
- name: paymentservice
|
||||
image: paymentservice:latest
|
||||
ports:
|
||||
- containerPort: 80
|
||||
env:
|
||||
- name: ASPNETCORE_URLS
|
||||
value: http://*:80
|
||||
resources:
|
||||
requests:
|
||||
memory: "128Mi"
|
||||
cpu: "150m"
|
||||
limits:
|
||||
memory: "256Mi"
|
||||
cpu: "200m"
|
||||
selector:
|
||||
matchLabels:
|
||||
app: paymentservice
|
||||
---
|
||||
apiVersion: v1
|
||||
kind: Service
|
||||
metadata:
|
||||
name: paymentservice
|
||||
labels:
|
||||
app: paymentservice
|
||||
spec:
|
||||
type: LoadBalancer
|
||||
ports:
|
||||
- port: 8082
|
||||
targetPort: 80
|
||||
nodePort: 32005
|
||||
name: paymentport
|
||||
selector:
|
||||
app: paymentservice
|
||||
|
||||
---
|
||||
apiVersion: autoscaling/v2
|
||||
kind: HorizontalPodAutoscaler
|
||||
metadata:
|
||||
name: paymentservice-hpa
|
||||
spec:
|
||||
scaleTargetRef:
|
||||
apiVersion: apps/v1
|
||||
kind: Deployment
|
||||
name: paymentservice
|
||||
minReplicas: 1
|
||||
maxReplicas: 3
|
||||
metrics:
|
||||
- type: Resource
|
||||
resource:
|
||||
name: cpu
|
||||
target:
|
||||
type: Utilization
|
||||
averageUtilization: 80
|
||||
@@ -0,0 +1,57 @@
|
||||
apiVersion: v1
|
||||
kind: Service
|
||||
metadata:
|
||||
# Creating a new service to expose the existing one.
|
||||
# This avoids modifying the original service managed by a package manager like Helm.
|
||||
name: prometheus-grafana-external
|
||||
namespace: monitoring
|
||||
labels:
|
||||
app.kubernetes.io/name: grafana-external
|
||||
spec:
|
||||
# Exposes the Service externally using a cloud provider's load balancer.
|
||||
type: LoadBalancer
|
||||
ports:
|
||||
- name: http
|
||||
# The port the service is exposed on externally and internally.
|
||||
# The load balancer will forward traffic from this port.
|
||||
port: 9000
|
||||
# The port on the pod that the service forwards traffic to.
|
||||
# Based on your original command, this is likely 3000 for Grafana.
|
||||
targetPort: 3000
|
||||
protocol: TCP
|
||||
# This selector is crucial. It must match the labels of the pods you want to target.
|
||||
# The 'prometheus-grafana' service likely targets pods with a label like this.
|
||||
# Please verify the correct labels for your Grafana pods.
|
||||
selector:
|
||||
app.kubernetes.io/instance: prometheus
|
||||
app.kubernetes.io/name: grafana
|
||||
|
||||
---
|
||||
|
||||
|
||||
apiVersion: v1
|
||||
kind: Service
|
||||
metadata:
|
||||
# Creating a new service to avoid modifying the original one.
|
||||
name: prometheus-external
|
||||
namespace: monitoring
|
||||
labels:
|
||||
app.kubernetes.io/name: prometheus-external
|
||||
spec:
|
||||
# This type will provision an external load balancer.
|
||||
type: LoadBalancer
|
||||
ports:
|
||||
- name: http-prometheus
|
||||
protocol: TCP
|
||||
# The external port the load balancer will listen on.
|
||||
port: 9090
|
||||
# The port on the Prometheus pods to forward traffic to.
|
||||
targetPort: 9090
|
||||
# This selector is crucial. It tells the service which pods to send traffic to.
|
||||
# For the kube-prometheus stack, the pods are typically labeled like this.
|
||||
# Please verify this matches your setup.
|
||||
selector:
|
||||
app.kubernetes.io/name: prometheus
|
||||
# It's possible an instance label is also required, such as:
|
||||
# app.kubernetes.io/instance: prometheus-kube-prometheus-prometheus
|
||||
# Add it to the selector if your pods have it.
|
||||
@@ -0,0 +1,38 @@
|
||||
apiVersion: v1
|
||||
kind: Service
|
||||
metadata:
|
||||
name: rabbitmq-service
|
||||
spec:
|
||||
selector:
|
||||
app: rabbitmq
|
||||
ports:
|
||||
- protocol: TCP
|
||||
port: 5672
|
||||
targetPort: 5672
|
||||
---
|
||||
apiVersion: apps/v1
|
||||
kind: StatefulSet
|
||||
metadata:
|
||||
name: rabbitmq
|
||||
spec:
|
||||
serviceName: "rabbitmq-service"
|
||||
replicas: 1
|
||||
selector:
|
||||
matchLabels:
|
||||
app: rabbitmq
|
||||
template:
|
||||
metadata:
|
||||
labels:
|
||||
app: rabbitmq
|
||||
spec:
|
||||
containers:
|
||||
- name: rabbitmq
|
||||
image: rabbitmq:3-management
|
||||
ports:
|
||||
- containerPort: 5672
|
||||
- containerPort: 15672
|
||||
env:
|
||||
- name: RABBITMQ_DEFAULT_USER
|
||||
value: "user"
|
||||
- name: RABBITMQ_DEFAULT_PASS
|
||||
value: "password"
|
||||
@@ -0,0 +1,43 @@
|
||||
apiVersion: monitoring.coreos.com/v1
|
||||
kind: ServiceMonitor
|
||||
metadata:
|
||||
name: inventoryservice-servicemonitor
|
||||
labels:
|
||||
release: prometheus # Ensure this label matches your Prometheus Operator release
|
||||
spec:
|
||||
selector:
|
||||
matchLabels:
|
||||
app: inventoryservice
|
||||
endpoints:
|
||||
- port: inventoryport
|
||||
path: /metrics
|
||||
|
||||
---
|
||||
|
||||
apiVersion: monitoring.coreos.com/v1
|
||||
kind: ServiceMonitor
|
||||
metadata:
|
||||
name: orderservice-servicemonitor
|
||||
labels:
|
||||
release: prometheus # Ensure this label matches your Prometheus Operator release
|
||||
spec:
|
||||
selector:
|
||||
matchLabels:
|
||||
app: orderservice
|
||||
endpoints:
|
||||
- port: orderport
|
||||
path: /metrics
|
||||
---
|
||||
apiVersion: monitoring.coreos.com/v1
|
||||
kind: ServiceMonitor
|
||||
metadata:
|
||||
name: paymentservice-servicemonitor
|
||||
labels:
|
||||
release: prometheus # Ensure this label matches your Prometheus Operator release
|
||||
spec:
|
||||
selector:
|
||||
matchLabels:
|
||||
app: paymentservice
|
||||
endpoints:
|
||||
- port: paymentport
|
||||
path: /metrics
|
||||
@@ -0,0 +1,70 @@
|
||||
kind: PersistentVolumeClaim
|
||||
apiVersion: v1
|
||||
metadata:
|
||||
name: mssql-data
|
||||
spec:
|
||||
accessModes:
|
||||
- ReadWriteOnce
|
||||
resources:
|
||||
requests:
|
||||
storage: 8Gi
|
||||
---
|
||||
apiVersion: apps/v1
|
||||
kind: Deployment
|
||||
metadata:
|
||||
name: mssql-deployment
|
||||
spec:
|
||||
replicas: 1
|
||||
selector:
|
||||
matchLabels:
|
||||
app: mssql
|
||||
template:
|
||||
metadata:
|
||||
labels:
|
||||
app: mssql
|
||||
spec:
|
||||
terminationGracePeriodSeconds: 30
|
||||
hostname: mssqlinst
|
||||
securityContext:
|
||||
fsGroup: 10001
|
||||
containers:
|
||||
- name: mssql
|
||||
image: mcr.microsoft.com/mssql/server:2022-latest
|
||||
resources:
|
||||
requests:
|
||||
memory: "2G"
|
||||
cpu: "2000m"
|
||||
limits:
|
||||
memory: "2G"
|
||||
cpu: "2000m"
|
||||
ports:
|
||||
- containerPort: 1433
|
||||
env:
|
||||
- name: MSSQL_PID
|
||||
value: "Developer"
|
||||
- name: ACCEPT_EULA
|
||||
value: "Y"
|
||||
- name: MSSQL_SA_PASSWORD
|
||||
value: "TestPass123!"
|
||||
volumeMounts:
|
||||
- name: mssqldb
|
||||
mountPath: /var/opt/mssql
|
||||
|
||||
volumes:
|
||||
- name: mssqldb
|
||||
persistentVolumeClaim:
|
||||
claimName: mssql-data
|
||||
|
||||
---
|
||||
apiVersion: v1
|
||||
kind: Service
|
||||
metadata:
|
||||
name: mssql-deployment
|
||||
spec:
|
||||
selector:
|
||||
app: mssql
|
||||
ports:
|
||||
- protocol: TCP
|
||||
port: 1433
|
||||
targetPort: 1433
|
||||
type: LoadBalancer
|
||||
@@ -0,0 +1,7 @@
|
||||
**/.vs
|
||||
**/.vscode
|
||||
**/bin
|
||||
**/obj
|
||||
Dockerfile
|
||||
.dockerignore
|
||||
README.md
|
||||
@@ -0,0 +1,15 @@
|
||||
<Project Sdk="Microsoft.NET.Sdk.Web">
|
||||
|
||||
<PropertyGroup>
|
||||
<TargetFramework>net9.0</TargetFramework>
|
||||
<Nullable>enable</Nullable>
|
||||
<ImplicitUsings>enable</ImplicitUsings>
|
||||
</PropertyGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<PackageReference Include="Microsoft.AspNetCore.OpenApi" Version="9.0.4" />
|
||||
<PackageReference Include="Microsoft.Extensions.Http.Polly" Version="9.0.5" />
|
||||
<PackageReference Include="Yarp.ReverseProxy" Version="2.3.0" />
|
||||
</ItemGroup>
|
||||
|
||||
</Project>
|
||||
@@ -0,0 +1,6 @@
|
||||
@ApiGateway_HostAddress = http://localhost:5221
|
||||
|
||||
GET {{ApiGateway_HostAddress}}/weatherforecast/
|
||||
Accept: application/json
|
||||
|
||||
###
|
||||
+50
@@ -0,0 +1,50 @@
|
||||
using System.Diagnostics;
|
||||
using System.Net.Http;
|
||||
using Microsoft.Extensions.Http;
|
||||
using Microsoft.Extensions.Logging;
|
||||
using Polly;
|
||||
using Yarp.ReverseProxy.Forwarder;
|
||||
|
||||
namespace ApiGateway;
|
||||
|
||||
// Corrected: Implements the interface directly
|
||||
public class PollyForwarderHttpClientFactory : IForwarderHttpClientFactory
|
||||
{
|
||||
private readonly ILogger<PollyForwarderHttpClientFactory> _logger;
|
||||
|
||||
public PollyForwarderHttpClientFactory(ILogger<PollyForwarderHttpClientFactory> logger)
|
||||
{
|
||||
_logger = logger;
|
||||
}
|
||||
|
||||
// This is the method we need to implement from the IForwarderHttpClientFactory interface
|
||||
public HttpMessageInvoker CreateClient(ForwarderHttpClientContext context)
|
||||
{
|
||||
// Get the policies, passing in the logger
|
||||
var retryPolicy = PollyPolicies.GetRetryPolicy(_logger);
|
||||
var circuitBreakerPolicy = PollyPolicies.GetCircuitBreakerPolicy(_logger);
|
||||
var policy = Policy.WrapAsync(circuitBreakerPolicy, retryPolicy);
|
||||
|
||||
// Create a Polly PolicyHttpMessageHandler
|
||||
var policyHandler = new PolicyHttpMessageHandler(policy);
|
||||
|
||||
// This is the standard handler that YARP would use.
|
||||
// It's important to configure it similarly for proper operation.
|
||||
var innerHandler = new SocketsHttpHandler
|
||||
{
|
||||
UseProxy = false,
|
||||
AllowAutoRedirect = false,
|
||||
AutomaticDecompression = System.Net.DecompressionMethods.None,
|
||||
UseCookies = false,
|
||||
EnableMultipleHttp2Connections = true,
|
||||
ActivityHeadersPropagator = new ReverseProxyPropagator(DistributedContextPropagator.Current),
|
||||
ConnectTimeout = System.TimeSpan.FromSeconds(15),
|
||||
};
|
||||
|
||||
// Chain the Polly handler with the inner handler
|
||||
policyHandler.InnerHandler = innerHandler;
|
||||
|
||||
// Return a new HttpMessageInvoker with our chained handler
|
||||
return new HttpMessageInvoker(policyHandler, disposeHandler: true);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
using System;
|
||||
using System.Net;
|
||||
using System.Net.Http;
|
||||
using Microsoft.Extensions.Logging;
|
||||
using Polly;
|
||||
using Polly.Extensions.Http;
|
||||
|
||||
namespace ApiGateway;
|
||||
|
||||
public static class PollyPolicies
|
||||
{
|
||||
public static IAsyncPolicy<HttpResponseMessage> GetRetryPolicy(ILogger logger)
|
||||
{
|
||||
return HttpPolicyExtensions
|
||||
.HandleTransientHttpError()
|
||||
.OrResult(msg => msg.StatusCode == HttpStatusCode.NotFound)
|
||||
.WaitAndRetryAsync(3,
|
||||
retryAttempt => TimeSpan.FromSeconds(Math.Pow(2, retryAttempt)),
|
||||
onRetry: (outcome, timespan, retryAttempt, context) =>
|
||||
{
|
||||
// Log the retry attempt
|
||||
logger.LogWarning(
|
||||
"Retrying request. Attempt {RetryAttempt}. Waiting {SleepDuration}ms. " +
|
||||
"Reason: {StatusCode} - {ExceptionMessage} - {Namespace}",
|
||||
retryAttempt,
|
||||
timespan.TotalMilliseconds,
|
||||
outcome.Result?.StatusCode,
|
||||
outcome.Exception?.Message,
|
||||
typeof(PollyPolicies).Namespace
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
public static IAsyncPolicy<HttpResponseMessage> GetCircuitBreakerPolicy(ILogger logger)
|
||||
{
|
||||
return HttpPolicyExtensions
|
||||
.HandleTransientHttpError()
|
||||
.CircuitBreakerAsync(5, TimeSpan.FromSeconds(30),
|
||||
onBreak: (outcome, timespan, context) =>
|
||||
{
|
||||
// Log when the circuit breaks
|
||||
logger.LogError(
|
||||
"Circuit broken for {BreakDuration}ms due to {StatusCode} - {ExceptionMessage} - {Namespace}",
|
||||
timespan.TotalMilliseconds,
|
||||
outcome.Result?.StatusCode,
|
||||
outcome.Exception?.Message,
|
||||
typeof(PollyPolicies).Namespace
|
||||
);
|
||||
},
|
||||
onReset: (context) =>
|
||||
{
|
||||
// Log when the circuit resets
|
||||
logger.LogInformation("Circuit has been reset.");
|
||||
},
|
||||
onHalfOpen: () =>
|
||||
{
|
||||
// Log when the circuit is half-open
|
||||
logger.LogWarning("Circuit is now half-open. The next request will test the service.");
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
using ApiGateway;
|
||||
using Yarp.ReverseProxy.Forwarder;
|
||||
|
||||
var builder = WebApplication.CreateBuilder(args);
|
||||
|
||||
builder.Services.AddReverseProxy()
|
||||
.LoadFromConfig(builder.Configuration.GetSection("ReverseProxy"));
|
||||
|
||||
builder.Services.AddSingleton<IForwarderHttpClientFactory, PollyForwarderHttpClientFactory>();
|
||||
|
||||
|
||||
builder.Services.AddCors(options =>
|
||||
{
|
||||
options.AddPolicy("AllowFrontend",
|
||||
policy =>
|
||||
{
|
||||
policy.WithOrigins("http://localhost:3000") // The origin of your frontend app
|
||||
.AllowAnyHeader()
|
||||
.AllowAnyMethod()
|
||||
.AllowCredentials(); // <-- THIS IS CRITICAL
|
||||
});
|
||||
options.AddPolicy("AllowFrontendAdmin",
|
||||
policy =>
|
||||
{
|
||||
policy.WithOrigins("http://localhost:3001") // The origin of your frontend app
|
||||
.AllowAnyHeader()
|
||||
.AllowAnyMethod()
|
||||
.AllowCredentials(); // <-- THIS IS CRITICAL
|
||||
});
|
||||
|
||||
});
|
||||
var app = builder.Build();
|
||||
|
||||
app.UseCors("AllowFrontend");
|
||||
app.UseCors("AllowFrontendAdmin");
|
||||
|
||||
app.MapReverseProxy();
|
||||
|
||||
app.Run();
|
||||
@@ -0,0 +1,23 @@
|
||||
{
|
||||
"$schema": "https://json.schemastore.org/launchsettings.json",
|
||||
"profiles": {
|
||||
"http": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": false,
|
||||
"applicationUrl": "http://localhost:5221",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
},
|
||||
"https": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": false,
|
||||
"applicationUrl": "https://localhost:7121;http://localhost:5221",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
},
|
||||
"AllowedHosts": "*",
|
||||
"ReverseProxy": {
|
||||
"Routes": {
|
||||
"order-route": {
|
||||
"ClusterId": "order-cluster",
|
||||
"Match": {
|
||||
"Path": "order/{**catch-all}"
|
||||
},
|
||||
"Transforms": [{ "PathPrefix": "/api" }]
|
||||
},
|
||||
"inventory-route": {
|
||||
"ClusterId": "inventory-cluster",
|
||||
"Match": {
|
||||
"Path": "inventory/{**catch-all}"
|
||||
},
|
||||
"Transforms": [{ "PathPrefix": "/api" }]
|
||||
},
|
||||
"payment-route": {
|
||||
"ClusterId": "payment-cluster",
|
||||
"Match": {
|
||||
"Path": "payment/{**catch-all}"
|
||||
},
|
||||
"Transforms": [{ "PathPrefix": "/api" }]
|
||||
}
|
||||
},
|
||||
"Clusters": {
|
||||
"order-cluster": {
|
||||
"Destinations": {
|
||||
"destination1": { "Address": "http://orderservice:8080" }
|
||||
}
|
||||
},
|
||||
"inventory-cluster": {
|
||||
"Destinations": {
|
||||
"destination1": { "Address": "http://inventoryservice:8081" }
|
||||
}
|
||||
},
|
||||
"payment-cluster": {
|
||||
"Destinations": {
|
||||
"destination1": { "Address": "http://paymentservice:8082" }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
node_modules
|
||||
npm-debug.log
|
||||
Dockerfile
|
||||
.dockerignore
|
||||
.git
|
||||
.gitignore
|
||||
.env
|
||||
@@ -0,0 +1,24 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
@@ -0,0 +1,54 @@
|
||||
# React + TypeScript + Vite
|
||||
|
||||
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
||||
|
||||
Currently, two official plugins are available:
|
||||
|
||||
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
|
||||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
||||
|
||||
## Expanding the ESLint configuration
|
||||
|
||||
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
|
||||
|
||||
```js
|
||||
export default tseslint.config({
|
||||
extends: [
|
||||
// Remove ...tseslint.configs.recommended and replace with this
|
||||
...tseslint.configs.recommendedTypeChecked,
|
||||
// Alternatively, use this for stricter rules
|
||||
...tseslint.configs.strictTypeChecked,
|
||||
// Optionally, add this for stylistic rules
|
||||
...tseslint.configs.stylisticTypeChecked,
|
||||
],
|
||||
languageOptions: {
|
||||
// other options...
|
||||
parserOptions: {
|
||||
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
})
|
||||
```
|
||||
|
||||
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
||||
|
||||
```js
|
||||
// eslint.config.js
|
||||
import reactX from 'eslint-plugin-react-x'
|
||||
import reactDom from 'eslint-plugin-react-dom'
|
||||
|
||||
export default tseslint.config({
|
||||
plugins: {
|
||||
// Add the react-x and react-dom plugins
|
||||
'react-x': reactX,
|
||||
'react-dom': reactDom,
|
||||
},
|
||||
rules: {
|
||||
// other rules...
|
||||
// Enable its recommended typescript rules
|
||||
...reactX.configs['recommended-typescript'].rules,
|
||||
...reactDom.configs.recommended.rules,
|
||||
},
|
||||
})
|
||||
```
|
||||
@@ -0,0 +1,28 @@
|
||||
import js from '@eslint/js'
|
||||
import globals from 'globals'
|
||||
import reactHooks from 'eslint-plugin-react-hooks'
|
||||
import reactRefresh from 'eslint-plugin-react-refresh'
|
||||
import tseslint from 'typescript-eslint'
|
||||
|
||||
export default tseslint.config(
|
||||
{ ignores: ['dist'] },
|
||||
{
|
||||
extends: [js.configs.recommended, ...tseslint.configs.recommended],
|
||||
files: ['**/*.{ts,tsx}'],
|
||||
languageOptions: {
|
||||
ecmaVersion: 2020,
|
||||
globals: globals.browser,
|
||||
},
|
||||
plugins: {
|
||||
'react-hooks': reactHooks,
|
||||
'react-refresh': reactRefresh,
|
||||
},
|
||||
rules: {
|
||||
...reactHooks.configs.recommended.rules,
|
||||
'react-refresh/only-export-components': [
|
||||
'warn',
|
||||
{ allowConstantExport: true },
|
||||
],
|
||||
},
|
||||
},
|
||||
)
|
||||
@@ -0,0 +1,13 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite + React + TS</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,31 @@
|
||||
{
|
||||
"name": "frontendadmin",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "tsc -b && vite build",
|
||||
"lint": "eslint .",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"bootstrap": "^5.3.6",
|
||||
"bootstrap-icons": "^1.13.1",
|
||||
"react": "^19.1.0",
|
||||
"react-dom": "^19.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^9.25.0",
|
||||
"@types/react": "^19.1.2",
|
||||
"@types/react-dom": "^19.1.2",
|
||||
"@vitejs/plugin-react": "^4.4.1",
|
||||
"eslint": "^9.25.0",
|
||||
"eslint-plugin-react-hooks": "^5.2.0",
|
||||
"eslint-plugin-react-refresh": "^0.4.19",
|
||||
"globals": "^16.0.0",
|
||||
"typescript": "~5.8.3",
|
||||
"typescript-eslint": "^8.30.1",
|
||||
"vite": "^6.3.5"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,64 @@
|
||||
#root {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#root, html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#root {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 6em;
|
||||
padding: 1.5em;
|
||||
will-change: filter;
|
||||
transition: filter 300ms;
|
||||
}
|
||||
.logo:hover {
|
||||
filter: drop-shadow(0 0 2em #646cffaa);
|
||||
}
|
||||
.logo.react:hover {
|
||||
filter: drop-shadow(0 0 2em #61dafbaa);
|
||||
}
|
||||
|
||||
@keyframes logo-spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
a:nth-of-type(2) .logo {
|
||||
animation: logo-spin infinite 20s linear;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
.read-the-docs {
|
||||
color: #888;
|
||||
}
|
||||
@@ -0,0 +1,107 @@
|
||||
import { useState, useEffect, useCallback } from "react";
|
||||
import type { Product } from "./models/Product";
|
||||
import * as api from "./services/api";
|
||||
import { ProductList } from "./components/ProductList";
|
||||
import { ProductForm } from "./components/ProductForm";
|
||||
import { LoadingSpinner } from "./components/LoadingSpinner";
|
||||
import { ErrorMessage } from "./components/ErrorMessage";
|
||||
|
||||
// These imports assume you've run: npm install bootstrap bootstrap-icons
|
||||
import "bootstrap/dist/css/bootstrap.min.css";
|
||||
import "bootstrap-icons/font/bootstrap-icons.css";
|
||||
|
||||
// Inject global styles for a better look
|
||||
const GlobalStyleInjector = () => (
|
||||
<style>{`body { background-color: #f0f2f5; }`}</style>
|
||||
);
|
||||
|
||||
type View = "list" | "add" | "edit";
|
||||
|
||||
function App() {
|
||||
const [products, setProducts] = useState<Product[]>([]);
|
||||
const [productToEdit, setProductToEdit] = useState<Product | null>(null);
|
||||
const [currentView, setCurrentView] = useState<View>("list");
|
||||
const [isLoading, setIsLoading] = useState(true);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
|
||||
const fetchProducts = useCallback(async () => {
|
||||
try {
|
||||
setIsLoading(true);
|
||||
setError(null);
|
||||
const data = await api.getProducts();
|
||||
setProducts(data);
|
||||
} catch (e) {
|
||||
setError(e instanceof Error ? e.message : "An unknown error occurred.");
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
if (currentView === "list") {
|
||||
fetchProducts();
|
||||
}
|
||||
}, [currentView, fetchProducts]);
|
||||
|
||||
const handleGoToAdd = () => setCurrentView("add");
|
||||
const handleGoToEdit = (product: Product) => {
|
||||
setProductToEdit(product);
|
||||
setCurrentView("edit");
|
||||
};
|
||||
const handleReturnToList = () => {
|
||||
setProductToEdit(null);
|
||||
setCurrentView("list");
|
||||
};
|
||||
|
||||
const handleDelete = async (id: number) => {
|
||||
if (window.confirm("Are you sure you want to delete this product?")) {
|
||||
try {
|
||||
await api.deleteProduct(id);
|
||||
await fetchProducts(); // Refresh list
|
||||
} catch (e) {
|
||||
alert(
|
||||
e instanceof Error
|
||||
? e.message
|
||||
: "An unknown error occurred while deleting."
|
||||
);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const renderContent = () => {
|
||||
if (isLoading) return <LoadingSpinner />;
|
||||
if (error) return <ErrorMessage message={error} />;
|
||||
|
||||
return (
|
||||
<ProductList
|
||||
products={products}
|
||||
onGoToEdit={handleGoToEdit}
|
||||
onDelete={handleDelete}
|
||||
onGoToAdd={handleGoToAdd}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<GlobalStyleInjector />
|
||||
<div className="container my-4">
|
||||
<header className="text-center mb-4">
|
||||
<h1 className="display-6 text-dark">Inventory Dashboard</h1>
|
||||
</header>
|
||||
<main>
|
||||
{currentView === "list" && renderContent()}
|
||||
{(currentView === "add" || currentView === "edit") && (
|
||||
<ProductForm
|
||||
productToEdit={productToEdit}
|
||||
onSuccess={handleReturnToList}
|
||||
onCancel={handleReturnToList}
|
||||
/>
|
||||
)}
|
||||
</main>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
+12
@@ -0,0 +1,12 @@
|
||||
import React from "react";
|
||||
|
||||
interface ErrorMessageProps {
|
||||
message: string;
|
||||
}
|
||||
|
||||
export const ErrorMessage: React.FC<ErrorMessageProps> = ({ message }) => (
|
||||
<div className="alert alert-danger d-flex align-items-center" role="alert">
|
||||
<i className="bi bi-exclamation-triangle-fill me-2"></i>
|
||||
<div>{message}</div>
|
||||
</div>
|
||||
);
|
||||
+9
@@ -0,0 +1,9 @@
|
||||
import React from "react";
|
||||
|
||||
export const LoadingSpinner: React.FC = () => (
|
||||
<div className="d-flex justify-content-center align-items-center p-5">
|
||||
<div className="spinner-border text-primary" role="status">
|
||||
<span className="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
+145
@@ -0,0 +1,145 @@
|
||||
import React, { useState, useEffect } from "react";
|
||||
import type { Product } from "../models/Product";
|
||||
import * as api from "../services/api";
|
||||
|
||||
interface ProductFormProps {
|
||||
productToEdit: Product | null;
|
||||
onSuccess: () => void;
|
||||
onCancel: () => void;
|
||||
}
|
||||
|
||||
export const ProductForm: React.FC<ProductFormProps> = ({
|
||||
productToEdit,
|
||||
onSuccess,
|
||||
onCancel,
|
||||
}) => {
|
||||
const initialFormState: Omit<Product, "id"> = {
|
||||
name: "",
|
||||
description: "",
|
||||
price: 0,
|
||||
photoUrl: "",
|
||||
quantity: 0,
|
||||
};
|
||||
const [product, setProduct] = useState(initialFormState);
|
||||
const isEditing = productToEdit !== null;
|
||||
|
||||
useEffect(() => {
|
||||
setProduct(productToEdit || initialFormState);
|
||||
}, [productToEdit]);
|
||||
|
||||
const handleChange = (
|
||||
e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
|
||||
) => {
|
||||
const { name, value } = e.target;
|
||||
setProduct((prev) => ({
|
||||
...prev,
|
||||
[name]: name === "price" || name === "quantity" ? Number(value) : value,
|
||||
}));
|
||||
};
|
||||
|
||||
const handleSubmit = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
try {
|
||||
if (isEditing && productToEdit) {
|
||||
await api.updateProduct(productToEdit.id, product as Product);
|
||||
} else {
|
||||
await api.createProduct(product);
|
||||
}
|
||||
onSuccess();
|
||||
} catch (error) {
|
||||
console.error("Failed to save product:", error);
|
||||
alert(
|
||||
error instanceof Error ? error.message : "An unknown error occurred."
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="card shadow-sm">
|
||||
<div className="card-header bg-white py-3">
|
||||
<h2 className="h5 mb-0 text-dark">
|
||||
{isEditing ? `Edit: ${productToEdit?.name}` : "Create New Product"}
|
||||
</h2>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<form onSubmit={handleSubmit}>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Name</label>
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
className="form-control"
|
||||
value={product.name}
|
||||
onChange={handleChange}
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Description</label>
|
||||
<textarea
|
||||
name="description"
|
||||
className="form-control"
|
||||
value={product.description}
|
||||
onChange={handleChange}
|
||||
rows={3}
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Photo URL</label>
|
||||
<input
|
||||
type="text"
|
||||
name="photoUrl"
|
||||
className="form-control"
|
||||
value={product.photoUrl}
|
||||
onChange={handleChange}
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-md-6 mb-3">
|
||||
<label className="form-label">Price</label>
|
||||
<div className="input-group">
|
||||
<span className="input-group-text">$</span>
|
||||
<input
|
||||
type="number"
|
||||
name="price"
|
||||
className="form-control"
|
||||
value={product.price}
|
||||
onChange={handleChange}
|
||||
min="0"
|
||||
step="0.01"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6 mb-3">
|
||||
<label className="form-label">Quantity</label>
|
||||
<input
|
||||
type="number"
|
||||
name="quantity"
|
||||
className="form-control"
|
||||
value={product.quantity}
|
||||
onChange={handleChange}
|
||||
min="0"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="d-flex justify-content-end gap-2 mt-3">
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-secondary"
|
||||
onClick={onCancel}
|
||||
>
|
||||
Cancel
|
||||
</button>
|
||||
<button type="submit" className="btn btn-primary">
|
||||
{isEditing ? "Update Product" : "Create Product"}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,97 @@
|
||||
import React from "react";
|
||||
import type { Product } from "../models/Product";
|
||||
|
||||
interface ProductListProps {
|
||||
products: Product[];
|
||||
onGoToEdit: (product: Product) => void;
|
||||
onDelete: (id: number) => void;
|
||||
onGoToAdd: () => void;
|
||||
}
|
||||
|
||||
export const ProductList: React.FC<ProductListProps> = ({
|
||||
products,
|
||||
onGoToEdit,
|
||||
onDelete,
|
||||
onGoToAdd,
|
||||
}) => {
|
||||
return (
|
||||
<div className="card shadow-sm">
|
||||
<div className="card-header bg-white py-3 d-flex justify-content-between align-items-center">
|
||||
<h2 className="h5 mb-0 text-dark">Product Catalog</h2>
|
||||
<button className="btn btn-primary" onClick={onGoToAdd}>
|
||||
<i className="bi bi-plus-circle-fill me-2"></i>
|
||||
Add Product
|
||||
</button>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
{products.length === 0 ? (
|
||||
<div className="text-center p-5">
|
||||
<h4 className="text-muted">No Products Found</h4>
|
||||
<p>Click "Add Product" to get started.</p>
|
||||
</div>
|
||||
) : (
|
||||
<div className="table-responsive">
|
||||
<table className="table table-hover align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Photo</th>
|
||||
<th>Name</th>
|
||||
<th>Description</th>
|
||||
<th className="text-end">Price</th>
|
||||
<th className="text-center">Quantity</th>
|
||||
<th className="text-end">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{products.map((product) => (
|
||||
<tr key={product.id}>
|
||||
<td>
|
||||
<img
|
||||
src={product.photoUrl}
|
||||
alt={product.name}
|
||||
style={{
|
||||
width: "60px",
|
||||
height: "60px",
|
||||
borderRadius: "8px",
|
||||
objectFit: "cover",
|
||||
}}
|
||||
onError={(e) => {
|
||||
e.currentTarget.src =
|
||||
"https://placehold.co/60x60/EFEFEF/333?text=N/A";
|
||||
}}
|
||||
/>
|
||||
</td>
|
||||
<td className="fw-bold">{product.name}</td>
|
||||
<td className="text-muted" style={{ maxWidth: "300px" }}>
|
||||
{product.description}
|
||||
</td>
|
||||
<td className="text-end">${product.price.toFixed(2)}</td>
|
||||
<td className="text-center">{product.quantity}</td>
|
||||
<td className="text-end">
|
||||
<div className="btn-group" role="group">
|
||||
<button
|
||||
className="btn btn-sm btn-outline-primary"
|
||||
onClick={() => onGoToEdit(product)}
|
||||
title="Edit"
|
||||
>
|
||||
<i className="bi bi-pencil-square"></i>
|
||||
</button>
|
||||
<button
|
||||
className="btn btn-sm btn-outline-danger"
|
||||
onClick={() => onDelete(product.id)}
|
||||
title="Delete"
|
||||
>
|
||||
<i className="bi bi-trash"></i>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,74 @@
|
||||
:root {
|
||||
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
|
||||
color-scheme: light dark;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background-color: #242424;
|
||||
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 500;
|
||||
color: #646cff;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
a:hover {
|
||||
color: #535bf2;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
place-items: center;
|
||||
min-width: 320px;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.2em;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 8px;
|
||||
border: 1px solid transparent;
|
||||
padding: 0.6em 1.2em;
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
font-family: inherit;
|
||||
background-color: #1a1a1a;
|
||||
cursor: pointer;
|
||||
transition: border-color 0.25s;
|
||||
}
|
||||
button:hover {
|
||||
border-color: #646cff;
|
||||
}
|
||||
button:focus,
|
||||
button:focus-visible {
|
||||
outline: 4px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
color: #213547;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
a:hover {
|
||||
color: #747bff;
|
||||
}
|
||||
button {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
}
|
||||
|
||||
html, body, #root {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden; /* Prevents scrollbars on the body */
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
import { StrictMode } from 'react'
|
||||
import { createRoot } from 'react-dom/client'
|
||||
import './index.css'
|
||||
import App from './App.tsx'
|
||||
|
||||
createRoot(document.getElementById('root')!).render(
|
||||
<StrictMode>
|
||||
<App />
|
||||
</StrictMode>,
|
||||
)
|
||||
@@ -0,0 +1,9 @@
|
||||
export type Product = {
|
||||
id: number;
|
||||
name: string;
|
||||
description: string;
|
||||
price: number;
|
||||
photoUrl: string;
|
||||
quantity: number;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,49 @@
|
||||
// src/services/api.ts
|
||||
import type { Product } from '../models/Product';
|
||||
|
||||
const API_URL = 'http://localhost/inventory'; // Adjust the port if necessary
|
||||
|
||||
export const getProducts = async (): Promise<Product[]> => {
|
||||
const response = await fetch(API_URL);
|
||||
return response.json();
|
||||
};
|
||||
|
||||
export const getProduct = async (id: number): Promise<Product> => {
|
||||
const response = await fetch(`${API_URL}/${id}`);
|
||||
return response.json();
|
||||
};
|
||||
|
||||
export const createProduct = async (product: Omit<Product, 'id'>): Promise<Product> => {
|
||||
const response = await fetch(API_URL, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(product),
|
||||
});
|
||||
return response.json();
|
||||
};
|
||||
|
||||
export const updateProduct = async (id: number, product: Product): Promise<Response> => {
|
||||
return await fetch(`${API_URL}/${id}`, {
|
||||
method: 'PUT',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(product),
|
||||
});
|
||||
};
|
||||
|
||||
export const deleteProduct = async (id: number): Promise<Response> => {
|
||||
return await fetch(`${API_URL}/${id}`, {
|
||||
method: 'DELETE',
|
||||
});
|
||||
};
|
||||
|
||||
export const updateStock = async (id: number, newStock: number): Promise<Product> => {
|
||||
const response = await fetch(`${API_URL}/${id}/update-stock?newStock=${newStock}`, {
|
||||
method: 'POST',
|
||||
});
|
||||
return response.json();
|
||||
};
|
||||
|
||||
export const checkAvailability = async (id: number): Promise<{ id: number; name: string; isAvailable: boolean }> => {
|
||||
const response = await fetch(`${API_URL}/check-availability/${id}`);
|
||||
return response.json();
|
||||
};
|
||||
@@ -0,0 +1 @@
|
||||
/// <reference types="vite/client" />
|
||||
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
||||
"target": "ES2020",
|
||||
"useDefineForClassFields": true,
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"module": "ESNext",
|
||||
"skipLibCheck": true,
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"verbatimModuleSyntax": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
"jsx": "react-jsx",
|
||||
|
||||
/* Linting */
|
||||
"strict": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"erasableSyntaxOnly": true,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"noUncheckedSideEffectImports": true
|
||||
},
|
||||
"include": ["src"]
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"files": [],
|
||||
"references": [
|
||||
{ "path": "./tsconfig.app.json" },
|
||||
{ "path": "./tsconfig.node.json" }
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
||||
"target": "ES2022",
|
||||
"lib": ["ES2023"],
|
||||
"module": "ESNext",
|
||||
"skipLibCheck": true,
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"verbatimModuleSyntax": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
|
||||
/* Linting */
|
||||
"strict": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"erasableSyntaxOnly": true,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"noUncheckedSideEffectImports": true
|
||||
},
|
||||
"include": ["vite.config.ts"]
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import react from '@vitejs/plugin-react'
|
||||
|
||||
// https://vite.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
})
|
||||
@@ -0,0 +1,7 @@
|
||||
node_modules
|
||||
npm-debug.log
|
||||
Dockerfile
|
||||
.dockerignore
|
||||
.git
|
||||
.gitignore
|
||||
.env
|
||||
@@ -0,0 +1,24 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
@@ -0,0 +1,54 @@
|
||||
# React + TypeScript + Vite
|
||||
|
||||
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
||||
|
||||
Currently, two official plugins are available:
|
||||
|
||||
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
|
||||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
||||
|
||||
## Expanding the ESLint configuration
|
||||
|
||||
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
|
||||
|
||||
```js
|
||||
export default tseslint.config({
|
||||
extends: [
|
||||
// Remove ...tseslint.configs.recommended and replace with this
|
||||
...tseslint.configs.recommendedTypeChecked,
|
||||
// Alternatively, use this for stricter rules
|
||||
...tseslint.configs.strictTypeChecked,
|
||||
// Optionally, add this for stylistic rules
|
||||
...tseslint.configs.stylisticTypeChecked,
|
||||
],
|
||||
languageOptions: {
|
||||
// other options...
|
||||
parserOptions: {
|
||||
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
})
|
||||
```
|
||||
|
||||
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
||||
|
||||
```js
|
||||
// eslint.config.js
|
||||
import reactX from 'eslint-plugin-react-x'
|
||||
import reactDom from 'eslint-plugin-react-dom'
|
||||
|
||||
export default tseslint.config({
|
||||
plugins: {
|
||||
// Add the react-x and react-dom plugins
|
||||
'react-x': reactX,
|
||||
'react-dom': reactDom,
|
||||
},
|
||||
rules: {
|
||||
// other rules...
|
||||
// Enable its recommended typescript rules
|
||||
...reactX.configs['recommended-typescript'].rules,
|
||||
...reactDom.configs.recommended.rules,
|
||||
},
|
||||
})
|
||||
```
|
||||
@@ -0,0 +1,28 @@
|
||||
import js from '@eslint/js'
|
||||
import globals from 'globals'
|
||||
import reactHooks from 'eslint-plugin-react-hooks'
|
||||
import reactRefresh from 'eslint-plugin-react-refresh'
|
||||
import tseslint from 'typescript-eslint'
|
||||
|
||||
export default tseslint.config(
|
||||
{ ignores: ['dist'] },
|
||||
{
|
||||
extends: [js.configs.recommended, ...tseslint.configs.recommended],
|
||||
files: ['**/*.{ts,tsx}'],
|
||||
languageOptions: {
|
||||
ecmaVersion: 2020,
|
||||
globals: globals.browser,
|
||||
},
|
||||
plugins: {
|
||||
'react-hooks': reactHooks,
|
||||
'react-refresh': reactRefresh,
|
||||
},
|
||||
rules: {
|
||||
...reactHooks.configs.recommended.rules,
|
||||
'react-refresh/only-export-components': [
|
||||
'warn',
|
||||
{ allowConstantExport: true },
|
||||
],
|
||||
},
|
||||
},
|
||||
)
|
||||
@@ -0,0 +1,13 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite + React + TS</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,35 @@
|
||||
{
|
||||
"name": "frontend",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "tsc -b && vite build",
|
||||
"lint": "eslint .",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@stripe/react-stripe-js": "^3.7.0",
|
||||
"@stripe/stripe-js": "^7.3.1",
|
||||
"bootstrap": "^5.3.6",
|
||||
"react": "^19.1.0",
|
||||
"react-dom": "^19.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^9.25.0",
|
||||
"@types/react": "^19.1.2",
|
||||
"@types/react-dom": "^19.1.2",
|
||||
"@vitejs/plugin-react": "^4.4.1",
|
||||
"autoprefixer": "^10.4.21",
|
||||
"eslint": "^9.25.0",
|
||||
"eslint-plugin-react-hooks": "^5.2.0",
|
||||
"eslint-plugin-react-refresh": "^0.4.19",
|
||||
"globals": "^16.0.0",
|
||||
"postcss": "^8.5.4",
|
||||
"tailwindcss": "^4.1.8",
|
||||
"typescript": "~5.8.3",
|
||||
"typescript-eslint": "^8.30.1",
|
||||
"vite": "^6.3.5"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,42 @@
|
||||
#root {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 6em;
|
||||
padding: 1.5em;
|
||||
will-change: filter;
|
||||
transition: filter 300ms;
|
||||
}
|
||||
.logo:hover {
|
||||
filter: drop-shadow(0 0 2em #646cffaa);
|
||||
}
|
||||
.logo.react:hover {
|
||||
filter: drop-shadow(0 0 2em #61dafbaa);
|
||||
}
|
||||
|
||||
@keyframes logo-spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
a:nth-of-type(2) .logo {
|
||||
animation: logo-spin infinite 20s linear;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
.read-the-docs {
|
||||
color: #888;
|
||||
}
|
||||
@@ -0,0 +1,229 @@
|
||||
import { useEffect, useState } from "react";
|
||||
import ProductList from "./components/ProductList";
|
||||
import type { Product } from "./types/Product";
|
||||
import Cart, { type CartResponse, type CartItem } from "./components/Cart";
|
||||
import { loadStripe } from "@stripe/stripe-js";
|
||||
import { Elements } from "@stripe/react-stripe-js";
|
||||
// A new component for the right-side card/widget
|
||||
|
||||
const stripePromise = loadStripe(
|
||||
"pk_test_51RWw9r4FbqRY5YQYCm585fpKoeN4TLglgoXotBF0FZV3qARuB3b8GDJifCmSwLGCkHArKIg4aXCQE9tZ8cDDBNTC00OCyQZX0u"
|
||||
);
|
||||
|
||||
const InfoCard = () => {
|
||||
return (
|
||||
<div className="bg-white rounded-lg shadow-lg p-6 sticky top-28">
|
||||
<h3 className="text-xl font-bold text-gray-800 mb-4 border-b pb-2">
|
||||
Store Information
|
||||
</h3>
|
||||
<div className="space-y-3 text-sm text-gray-700">
|
||||
<p>
|
||||
<strong>Location:</strong> Cluj-Napoca, Romania
|
||||
</p>
|
||||
<p>
|
||||
<strong>Date:</strong>{" "}
|
||||
{new Date().toLocaleDateString("en-US", {
|
||||
weekday: "long",
|
||||
year: "numeric",
|
||||
month: "long",
|
||||
day: "numeric",
|
||||
})}
|
||||
</p>
|
||||
<p className="pt-2 text-gray-500">
|
||||
Welcome to our store! Here you'll find a curated selection of
|
||||
high-quality tech products.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const SuccessPopup = () => {
|
||||
const [showPopup, setShowPopup] = useState(false);
|
||||
const [isSuccess, setIsSuccess] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
const queryParams = new URLSearchParams(window.location.search);
|
||||
const status = queryParams.get("status");
|
||||
|
||||
if (status === "success") {
|
||||
setShowPopup(true);
|
||||
setIsSuccess(true);
|
||||
} else if (status === "failure") {
|
||||
setShowPopup(true);
|
||||
setIsSuccess(false);
|
||||
}
|
||||
}, []);
|
||||
|
||||
const handleClose = () => {
|
||||
setShowPopup(false);
|
||||
// Optionally, you can remove the query parameter from the URL
|
||||
window.history.replaceState({}, "", window.location.pathname);
|
||||
};
|
||||
|
||||
if (!showPopup) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (!isSuccess) {
|
||||
return (
|
||||
<div className="modal-overlay">
|
||||
<div className="modal-content">
|
||||
<h2>Failure!</h2>
|
||||
<p>Your action was unsuccessful.</p>
|
||||
<button onClick={handleClose}>Close</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (isSuccess) {
|
||||
return (
|
||||
<div className="modal-overlay">
|
||||
<div className="modal-content">
|
||||
<h2>Success!</h2>
|
||||
<p>Your action was completed successfully.</p>
|
||||
<button onClick={handleClose}>Close</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
function App() {
|
||||
const [products, setProducts] = useState<Product[]>([]);
|
||||
|
||||
useEffect(() => {
|
||||
const fetchProducts = async () => {
|
||||
try {
|
||||
const response = await fetch("http://localhost/inventory/");
|
||||
if (!response.ok) throw new Error("Network response was not ok");
|
||||
const data: Product[] = await response.json();
|
||||
|
||||
setProducts(data);
|
||||
} catch (error) {
|
||||
console.error("Failed to fetch products:", error);
|
||||
}
|
||||
};
|
||||
fetchProducts();
|
||||
}, []);
|
||||
|
||||
const [cartItems, setCartItems] = useState<CartItem[]>([]);
|
||||
const [orderId, setOrderId] = useState<number>(0);
|
||||
useEffect(() => {
|
||||
const fetchCart = async () => {
|
||||
try {
|
||||
const response = await fetch("http://localhost/order/getCurrentOrder", {
|
||||
method: "GET",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
credentials: "include", // Include cookies for session management
|
||||
});
|
||||
if (!response.ok) throw new Error("Network response was not ok");
|
||||
const data: CartResponse = await response.json();
|
||||
setOrderId(data.id);
|
||||
const orderItems: CartItem[] = data.orderItems.map(
|
||||
(item) =>
|
||||
({
|
||||
id: item.productId,
|
||||
name: item.productName,
|
||||
price: item.price,
|
||||
quantityInCart: item.quantity,
|
||||
photoUrl: "",
|
||||
} as CartItem)
|
||||
);
|
||||
setCartItems(orderItems);
|
||||
} catch (error) {
|
||||
console.error("Failed to fetch cart items:", error);
|
||||
}
|
||||
};
|
||||
fetchCart();
|
||||
}, []);
|
||||
|
||||
// Function to handle adding a product to the cart
|
||||
const handleAddToCart = async (productToAdd: Product) => {
|
||||
fetch("http://localhost/order/addProduct", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({ ...productToAdd, quantity: 1 }),
|
||||
credentials: "include", // Include cookies for session management
|
||||
})
|
||||
.then((response) => {
|
||||
if (!response.ok) throw new Error("Network response was not ok");
|
||||
return response.json();
|
||||
})
|
||||
.then((data) => {
|
||||
console.log("Item added to cart:", data);
|
||||
setCartItems((prevItems) => {
|
||||
const existingItem = prevItems.find(
|
||||
(item) => item.id === productToAdd.id
|
||||
);
|
||||
if (existingItem) {
|
||||
// If item exists, update its quantity
|
||||
return prevItems.map((item) =>
|
||||
item.id === productToAdd.id
|
||||
? { ...item, quantityInCart: item.quantityInCart + 1 }
|
||||
: item
|
||||
);
|
||||
}
|
||||
// If item doesn't exist, add it to the cart
|
||||
return [...prevItems, { ...productToAdd, quantityInCart: 1 }];
|
||||
});
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error("Failed to add item to cart:", error);
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<Elements stripe={stripePromise}>
|
||||
<SuccessPopup />
|
||||
<div className="bg-gray-100 min-h-screen font-sans w-3/5 mx-auto">
|
||||
<header className="bg-white shadow-md py-4 sticky top-0 z-10">
|
||||
<nav className="container mx-auto px-6 flex justify-between items-center">
|
||||
<a href="#" className="text-2xl font-bold text-indigo-600">
|
||||
MyStore
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div className="container mx-auto px-6 py-8">
|
||||
<div
|
||||
className="grid grid-cols-1 lg:grid-cols-3 gap-8 items-start"
|
||||
style={{
|
||||
display: "grid",
|
||||
gridTemplateColumns: "2fr 1fr",
|
||||
gap: "2rem",
|
||||
}}
|
||||
>
|
||||
{/* Main content - Product List */}
|
||||
<main className="lg:col-span-2">
|
||||
<ProductList products={products} onAddToCart={handleAddToCart} />
|
||||
</main>
|
||||
|
||||
{/* Right sidebar - Info Card Widget */}
|
||||
<aside className="lg:col-span-1">
|
||||
<InfoCard />
|
||||
<Cart items={cartItems} orderId={orderId} />
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer className="bg-gray-800 text-white py-8 mt-12">
|
||||
<div className="container mx-auto px-6 text-center">
|
||||
<p>
|
||||
© {new Date().getFullYear()} MyStore. All rights reserved.
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</Elements>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
@@ -0,0 +1,265 @@
|
||||
import React, { useState } from "react";
|
||||
import type { Product } from "../types/Product";
|
||||
import { useStripe } from "@stripe/react-stripe-js";
|
||||
export type CartItem = Product & { quantityInCart: number };
|
||||
|
||||
type CartProps = {
|
||||
items: CartItem[];
|
||||
orderId: number;
|
||||
};
|
||||
|
||||
export type CartResponse = {
|
||||
id: number;
|
||||
customerId: string;
|
||||
status: number;
|
||||
orderItems: {
|
||||
productId: number;
|
||||
productName: string;
|
||||
price: number;
|
||||
quantity: number;
|
||||
}[];
|
||||
};
|
||||
|
||||
// --- Style Objects for Dark Mode Inline Styling ---
|
||||
const styles: { [key: string]: React.CSSProperties } = {
|
||||
cartContainer: {
|
||||
backgroundColor: "#303030", // The requested dark background
|
||||
borderRadius: "0.75rem",
|
||||
boxShadow:
|
||||
"0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
|
||||
border: "1px solid #4b5563", // gray-600
|
||||
fontFamily: "sans-serif",
|
||||
color: "#d1d5db", // Default light text color (gray-300)
|
||||
overflow: "hidden",
|
||||
},
|
||||
header: {
|
||||
backgroundColor: "#4f46e5",
|
||||
color: "#ffffff",
|
||||
padding: "1rem 1.5rem",
|
||||
},
|
||||
headerText: {
|
||||
fontSize: "1.25rem",
|
||||
fontWeight: "700",
|
||||
margin: 0,
|
||||
},
|
||||
contentArea: {
|
||||
padding: "1.5rem",
|
||||
},
|
||||
emptyCartText: {
|
||||
color: "#9ca3af", // gray-400
|
||||
fontSize: "0.875rem",
|
||||
},
|
||||
itemList: {
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
gap: "1.25rem",
|
||||
},
|
||||
item: {
|
||||
display: "flex",
|
||||
justifyContent: "space-between",
|
||||
alignItems: "flex-start",
|
||||
paddingBottom: "1.25rem",
|
||||
borderBottom: "1px solid #4b5563", // gray-600
|
||||
},
|
||||
itemName: {
|
||||
fontWeight: "600",
|
||||
color: "#f9fafb", // gray-50
|
||||
margin: "0 0 0.25rem 0",
|
||||
},
|
||||
itemQuantity: {
|
||||
fontSize: "0.875rem",
|
||||
color: "#9ca3af", // gray-400
|
||||
margin: 0,
|
||||
},
|
||||
itemPrice: {
|
||||
fontWeight: "600",
|
||||
color: "#d1d5db", // gray-300
|
||||
whiteSpace: "nowrap",
|
||||
marginLeft: "1rem",
|
||||
},
|
||||
totalsContainer: {
|
||||
borderTop: "2px solid #4b5563", // gray-600
|
||||
paddingTop: "1rem",
|
||||
marginTop: "1.5rem",
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
gap: "0.5rem",
|
||||
fontSize: "0.875rem",
|
||||
},
|
||||
totalRow: {
|
||||
display: "flex",
|
||||
justifyContent: "space-between",
|
||||
},
|
||||
totalLabel: {
|
||||
color: "#9ca3af", // gray-400
|
||||
},
|
||||
totalValue: {
|
||||
fontWeight: "500",
|
||||
color: "#f3f4f5", // gray-100
|
||||
},
|
||||
finalTotalRow: {
|
||||
display: "flex",
|
||||
justifyContent: "space-between",
|
||||
fontSize: "1.125rem",
|
||||
fontWeight: "bold",
|
||||
color: "#ffffff",
|
||||
marginTop: "0.5rem",
|
||||
},
|
||||
checkoutButton: {
|
||||
width: "100%",
|
||||
backgroundColor: "#4f46e5",
|
||||
color: "#ffffff",
|
||||
fontWeight: "bold",
|
||||
padding: "0.75rem 1rem",
|
||||
borderRadius: "0.5rem",
|
||||
border: "none",
|
||||
cursor: "pointer",
|
||||
transition: "background-color 300ms ease-in-out, transform 100ms ease",
|
||||
marginTop: "1.5rem",
|
||||
},
|
||||
checkoutButtonHover: {
|
||||
backgroundColor: "#4338ca",
|
||||
transform: "scale(1.02)",
|
||||
},
|
||||
};
|
||||
|
||||
const Cart: React.FC<CartProps> = ({ items, orderId }) => {
|
||||
// Logic remains the same...
|
||||
const [isButtonHovered, setIsButtonHovered] = useState(false);
|
||||
|
||||
const stripe = useStripe(); // Stripe hook
|
||||
|
||||
// ... subtotal, tax, total calculations remain the same ...
|
||||
const [loading, setLoading] = useState(false); // To show loading state
|
||||
const handleCheckout = async () => {
|
||||
setLoading(true);
|
||||
|
||||
if (!stripe) {
|
||||
// Stripe.js has not yet loaded.
|
||||
// Make sure to disable form submission until Stripe.js has loaded.
|
||||
setLoading(false);
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
// 1. Call your server to create a checkout session
|
||||
const response = await fetch(
|
||||
"http://localhost/payment/create-checkout-session",
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
orderId: orderId, // Pass the order ID to the server
|
||||
}),
|
||||
credentials: "include", // Include cookies for session management
|
||||
}
|
||||
);
|
||||
const session = await response.json();
|
||||
|
||||
if (response.ok) {
|
||||
// 3. Redirect to Stripe Checkout using the CORRECT session ID
|
||||
const { error } = await stripe.redirectToCheckout({
|
||||
sessionId: session.sessionId, // <-- This is the key change!
|
||||
});
|
||||
if (error) {
|
||||
console.error("Stripe redirect error:", error.message);
|
||||
alert(`Error: ${error.message}`);
|
||||
}
|
||||
} else {
|
||||
// If the server responds with an error
|
||||
throw new Error(
|
||||
session.error?.message || "Failed to create checkout session"
|
||||
);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Checkout error:", error);
|
||||
if (error instanceof Error) {
|
||||
alert(`Checkout failed: ${error.message}. Please try again.`);
|
||||
} else {
|
||||
alert("Checkout failed. Please try again.");
|
||||
}
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
const subtotal = items.reduce(
|
||||
(acc, item) => acc + item.price * item.quantityInCart,
|
||||
0
|
||||
);
|
||||
const taxRate = 0.07;
|
||||
const tax = subtotal * taxRate;
|
||||
const total = subtotal + tax;
|
||||
const buttonStyle = {
|
||||
...styles.checkoutButton,
|
||||
...(isButtonHovered ? styles.checkoutButtonHover : {}),
|
||||
};
|
||||
|
||||
return (
|
||||
<div style={styles.cartContainer}>
|
||||
<div style={styles.header}>
|
||||
<h3 style={styles.headerText}>Shopping Cart</h3>
|
||||
</div>
|
||||
<div style={styles.contentArea}>
|
||||
{items.length === 0 ? (
|
||||
<p style={styles.emptyCartText}>Your cart is empty.</p>
|
||||
) : (
|
||||
<div>
|
||||
<div style={styles.itemList}>
|
||||
{items.map((item, index) => (
|
||||
<div
|
||||
key={item.id}
|
||||
style={{
|
||||
...styles.item,
|
||||
...(index === items.length - 1
|
||||
? { borderBottom: "none", paddingBottom: 0 }
|
||||
: {}),
|
||||
}}
|
||||
>
|
||||
<div>
|
||||
<p style={styles.itemName}>{item.name}</p>
|
||||
<p style={styles.itemQuantity}>
|
||||
Qty: {item.quantityInCart}
|
||||
</p>
|
||||
</div>
|
||||
<p style={styles.itemPrice}>
|
||||
${(item.price * item.quantityInCart).toFixed(2)}
|
||||
</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div style={styles.totalsContainer}>
|
||||
<div style={styles.totalRow}>
|
||||
<p style={styles.totalLabel}>Subtotal</p>
|
||||
<p style={styles.totalValue}>${subtotal.toFixed(2)}</p>
|
||||
</div>
|
||||
<div style={styles.totalRow}>
|
||||
<p style={styles.totalLabel}>
|
||||
Tax ({(taxRate * 100).toFixed(0)}%)
|
||||
</p>
|
||||
<p style={styles.totalValue}>${tax.toFixed(2)}</p>
|
||||
</div>
|
||||
<div style={styles.finalTotalRow}>
|
||||
<p>Total</p>
|
||||
<p>${total.toFixed(2)}</p>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
style={buttonStyle}
|
||||
onMouseEnter={() => setIsButtonHovered(true)}
|
||||
onMouseLeave={() => setIsButtonHovered(false)}
|
||||
onClick={handleCheckout}
|
||||
disabled={loading} // Disable button while loading
|
||||
>
|
||||
{loading ? "Processing..." : "Proceed to Checkout"}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Cart;
|
||||
@@ -0,0 +1,65 @@
|
||||
import type { ProductCardProps } from "../types/Product";
|
||||
|
||||
const ProductCard: React.FC<ProductCardProps> = ({ product, onAddToCart }) => {
|
||||
return (
|
||||
<div
|
||||
className="bg-white rounded-lg shadow-lg border border-gray-200 overflow-hidden transform transition-all hover:shadow-xl hover:-translate-y-1 duration-300 ease-in-out m-4 w-full sm:w-64 md:w-72"
|
||||
style={{
|
||||
maxWidth: "300px",
|
||||
borderRadius: "12px",
|
||||
boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)",
|
||||
backgroundColor: "#303030",
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
justifyContent: "space-between",
|
||||
alignItems: "center",
|
||||
gap: "1rem",
|
||||
padding: "1rem",
|
||||
margin: "1rem",
|
||||
width: "30%",
|
||||
}}
|
||||
>
|
||||
{/* Product Image with max-height */}
|
||||
<div className="relative w-full">
|
||||
<img
|
||||
src={product.photoUrl}
|
||||
alt={product.name}
|
||||
className="absolute top-0 left-0 w-full h-full object-cover"
|
||||
style={{ maxHeight: "200px" }} // Max height constraint
|
||||
onError={(e) => {
|
||||
const target = e.target as HTMLImageElement;
|
||||
target.onerror = null;
|
||||
target.src = `https://placehold.co/600x450/CCCCCC/333333?text=${encodeURIComponent(
|
||||
product.name
|
||||
)}`;
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="p-5">
|
||||
<h3
|
||||
className="text-xl font-semibold text-gray-800 mb-2 truncate"
|
||||
title={product.name}
|
||||
>
|
||||
{product.name}
|
||||
</h3>
|
||||
<p className="text-gray-600 text-sm mb-4 h-20 overflow-hidden">
|
||||
{product.description}
|
||||
</p>
|
||||
<div className="flex justify-between items-center">
|
||||
<p className="text-xl font-bold text-indigo-600">
|
||||
${product.price.toFixed(2)}
|
||||
</p>
|
||||
<button
|
||||
className="bg-indigo-500 hover:bg-indigo-600 text-white font-semibold py-2 px-4 rounded-lg shadow-md transition-colors duration-300"
|
||||
onClick={() => onAddToCart(product)}
|
||||
>
|
||||
Add to Cart
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ProductCard;
|
||||
@@ -0,0 +1,36 @@
|
||||
import type { ProductListProps } from "../types/Product";
|
||||
import ProductCard from "./ProductCard";
|
||||
|
||||
const ProductList: React.FC<ProductListProps> = ({ products, onAddToCart }) => {
|
||||
if (!products || products.length === 0) {
|
||||
return (
|
||||
<div className="text-center py-10">
|
||||
<p className="text-xl text-gray-500">
|
||||
No products available at the moment.
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="bg-white rounded-lg shadow-lg p-4">
|
||||
<h2 className="text-3xl font-bold text-gray-800 mb-6 px-4">
|
||||
Our Products
|
||||
</h2>
|
||||
<div
|
||||
className="flex flex-wrap justify-center -m-4"
|
||||
style={{ display: "flex", flexWrap: "wrap", justifyContent: "center" }}
|
||||
>
|
||||
{products.map((product) => (
|
||||
<ProductCard
|
||||
key={product.id}
|
||||
product={product}
|
||||
onAddToCart={onAddToCart}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ProductList;
|
||||
@@ -0,0 +1,124 @@
|
||||
:root {
|
||||
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
|
||||
color-scheme: light dark;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background-color: #242424;
|
||||
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
|
||||
#root{
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 500;
|
||||
color: #646cff;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
a:hover {
|
||||
color: #535bf2;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
place-items: center;
|
||||
min-width: 320px;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.2em;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 8px;
|
||||
border: 1px solid transparent;
|
||||
padding: 0.6em 1.2em;
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
font-family: inherit;
|
||||
background-color: #1a1a1a;
|
||||
cursor: pointer;
|
||||
transition: border-color 0.25s;
|
||||
}
|
||||
button:hover {
|
||||
border-color: #646cff;
|
||||
}
|
||||
button:focus,
|
||||
button:focus-visible {
|
||||
outline: 4px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
color: #213547;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
a:hover {
|
||||
color: #747bff;
|
||||
}
|
||||
button {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
}
|
||||
|
||||
/* The Modal Overlay */
|
||||
.modal-overlay {
|
||||
position: fixed; /* Stay in place even when scrolling */
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw; /* Full viewport width */
|
||||
height: 100vh; /* Full viewport height */
|
||||
background-color: rgba(0, 0, 0, 0.6); /* Black background with opacity */
|
||||
display: flex; /* Use flexbox for easy centering */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 1000; /* Make sure it's on top of other content */
|
||||
}
|
||||
|
||||
/* The Modal Content Box */
|
||||
.modal-content {
|
||||
background: white;
|
||||
padding: 25px 30px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
|
||||
text-align: center;
|
||||
max-width: 400px;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.modal-content h2 {
|
||||
margin-top: 0;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.modal-content p {
|
||||
color: #666;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* The Close Button */
|
||||
.modal-close-btn {
|
||||
margin-top: 15px;
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.modal-close-btn:hover {
|
||||
background-color: #0056b3;
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
import { StrictMode } from 'react'
|
||||
import { createRoot } from 'react-dom/client'
|
||||
import './index.css'
|
||||
import App from './App.tsx'
|
||||
|
||||
createRoot(document.getElementById('root')!).render(
|
||||
<StrictMode>
|
||||
<App />
|
||||
</StrictMode>,
|
||||
)
|
||||
@@ -0,0 +1,18 @@
|
||||
export type Product = {
|
||||
id: number;
|
||||
name: string;
|
||||
description: string;
|
||||
price: number;
|
||||
photoUrl: string;
|
||||
quantity: number;
|
||||
}
|
||||
|
||||
export type ProductCardProps = {
|
||||
product: Product;
|
||||
onAddToCart: (product: Product) => void;
|
||||
}
|
||||
|
||||
export type ProductListProps = {
|
||||
products: Product[];
|
||||
onAddToCart: (product: Product) => void;
|
||||
};
|
||||
@@ -0,0 +1 @@
|
||||
/// <reference types="vite/client" />
|
||||
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
||||
"target": "ES2020",
|
||||
"useDefineForClassFields": true,
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"module": "ESNext",
|
||||
"skipLibCheck": true,
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"verbatimModuleSyntax": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
"jsx": "react-jsx",
|
||||
|
||||
/* Linting */
|
||||
"strict": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"erasableSyntaxOnly": true,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"noUncheckedSideEffectImports": true
|
||||
},
|
||||
"include": ["src"]
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"files": [],
|
||||
"references": [
|
||||
{ "path": "./tsconfig.app.json" },
|
||||
{ "path": "./tsconfig.node.json" }
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
||||
"target": "ES2022",
|
||||
"lib": ["ES2023"],
|
||||
"module": "ESNext",
|
||||
"skipLibCheck": true,
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"verbatimModuleSyntax": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
|
||||
/* Linting */
|
||||
"strict": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"erasableSyntaxOnly": true,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"noUncheckedSideEffectImports": true
|
||||
},
|
||||
"include": ["vite.config.ts"]
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import react from '@vitejs/plugin-react'
|
||||
|
||||
// https://vite.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
})
|
||||
@@ -0,0 +1,7 @@
|
||||
**/.vs
|
||||
**/.vscode
|
||||
**/bin
|
||||
**/obj
|
||||
Dockerfile
|
||||
.dockerignore
|
||||
README.md
|
||||
+111
@@ -0,0 +1,111 @@
|
||||
using InventoryService.Models;
|
||||
using Microsoft.AspNetCore.Http;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
|
||||
namespace InventoryService.Controllers
|
||||
{
|
||||
[Route("api/[controller]")]
|
||||
[ApiController]
|
||||
public class InventoryController : ControllerBase
|
||||
{
|
||||
private readonly StoreContext _storeContext;
|
||||
|
||||
public InventoryController(StoreContext storeContext)
|
||||
{
|
||||
_storeContext = storeContext;
|
||||
}
|
||||
|
||||
[HttpGet]
|
||||
public IActionResult Get()
|
||||
{
|
||||
return Ok(_storeContext.Products.ToList());
|
||||
}
|
||||
|
||||
[HttpGet("{id}")]
|
||||
public IActionResult Get(int id)
|
||||
{
|
||||
return Ok(_storeContext.Products.FirstOrDefault(p => p.Id == id));
|
||||
}
|
||||
|
||||
[HttpPost]
|
||||
public IActionResult Post([FromBody] Product product)
|
||||
{
|
||||
if (product == null)
|
||||
{
|
||||
return BadRequest("Product cannot be null");
|
||||
}
|
||||
|
||||
product.Id = default;
|
||||
|
||||
_storeContext.Products.Add(product);
|
||||
_storeContext.SaveChanges();
|
||||
return CreatedAtAction(nameof(Get), new { id = product.Id }, product);
|
||||
}
|
||||
|
||||
[HttpPut("{id}")]
|
||||
public IActionResult Put(int id, [FromBody] Product product)
|
||||
{
|
||||
if (product == null || product.Id != id)
|
||||
{
|
||||
return BadRequest("Product data is invalid");
|
||||
}
|
||||
|
||||
var existingProduct = _storeContext.Products.FirstOrDefault(p => p.Id == id);
|
||||
if (existingProduct == null)
|
||||
{
|
||||
return NotFound();
|
||||
}
|
||||
|
||||
existingProduct.Name = product.Name;
|
||||
existingProduct.Price = product.Price;
|
||||
existingProduct.Quantity = product.Quantity;
|
||||
|
||||
_storeContext.SaveChanges();
|
||||
return NoContent();
|
||||
}
|
||||
[HttpDelete("{id}")]
|
||||
public IActionResult Delete(int id)
|
||||
{
|
||||
var product = _storeContext.Products.FirstOrDefault(p => p.Id == id);
|
||||
if (product == null)
|
||||
{
|
||||
return NotFound();
|
||||
}
|
||||
|
||||
_storeContext.Products.Remove(product);
|
||||
_storeContext.SaveChanges();
|
||||
return NoContent();
|
||||
}
|
||||
[HttpPost("{id}/update-stock")]
|
||||
public IActionResult UpdateStock([FromQuery] int newStock, int id)
|
||||
{
|
||||
var product = _storeContext.Products.FirstOrDefault(p => p.Id == id);
|
||||
if (product == null)
|
||||
{
|
||||
return NotFound();
|
||||
}
|
||||
|
||||
if (newStock < 0)
|
||||
{
|
||||
return BadRequest("Stock cannot be negative");
|
||||
}
|
||||
|
||||
product.Quantity = newStock;
|
||||
_storeContext.SaveChanges();
|
||||
return Ok(product);
|
||||
}
|
||||
[HttpGet("check-availability/{id}")]
|
||||
public IActionResult CheckAvailability(int id)
|
||||
{
|
||||
var product = _storeContext.Products.FirstOrDefault(p => p.Id == id);
|
||||
if (product == null)
|
||||
{
|
||||
return NotFound();
|
||||
}
|
||||
|
||||
return Ok(new { product.Id, product.Name, IsAvailable = product.Quantity > 0 });
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
<Project Sdk="Microsoft.NET.Sdk.Web">
|
||||
|
||||
<PropertyGroup>
|
||||
<TargetFramework>net9.0</TargetFramework>
|
||||
<Nullable>enable</Nullable>
|
||||
<ImplicitUsings>enable</ImplicitUsings>
|
||||
</PropertyGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<PackageReference Include="Microsoft.AspNetCore.OpenApi" Version="9.0.4" />
|
||||
<PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="9.0.5" />
|
||||
<PackageReference Include="Microsoft.Extensions.Http.Polly" Version="9.0.5" />
|
||||
<PackageReference Include="prometheus-net" Version="8.2.1" />
|
||||
<PackageReference Include="prometheus-net.AspNetCore" Version="8.2.1" />
|
||||
<PackageReference Include="RabbitMQ.Client" Version="7.1.2" />
|
||||
<PackageReference Include="Swashbuckle.AspNetCore" Version="8.1.3" />
|
||||
</ItemGroup>
|
||||
|
||||
</Project>
|
||||
@@ -0,0 +1,6 @@
|
||||
@InventoryService_HostAddress = http://localhost:5125
|
||||
|
||||
GET {{InventoryService_HostAddress}}/weatherforecast/
|
||||
Accept: application/json
|
||||
|
||||
###
|
||||
@@ -0,0 +1,31 @@
|
||||
namespace InventoryService.Models;
|
||||
|
||||
|
||||
public enum OrderStatus
|
||||
{
|
||||
Pending,
|
||||
Processing,
|
||||
PaymentReceived
|
||||
}
|
||||
|
||||
public class Order
|
||||
{
|
||||
|
||||
public int Id { get; set; }
|
||||
public required string CustomerId { get; set; }
|
||||
public OrderStatus Status { get; set; } = OrderStatus.Pending;
|
||||
|
||||
public ICollection<OrderItem> OrderItems { get; set; } = new List<OrderItem>();
|
||||
|
||||
}
|
||||
|
||||
public class OrderItem
|
||||
{
|
||||
|
||||
public int Id { get; set; }
|
||||
public int OrderId { get; set; }
|
||||
public int ProductId { get; set; }
|
||||
public int Quantity { get; set; } = 1;
|
||||
public decimal Price { get; set; }
|
||||
public required string ProductName { get; set; }
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
using System;
|
||||
using System.ComponentModel.DataAnnotations.Schema;
|
||||
|
||||
namespace InventoryService.Models;
|
||||
|
||||
[Table("Inventory")]
|
||||
public class Product
|
||||
{
|
||||
[Column("hmy")]
|
||||
public int Id { get; set; }
|
||||
[Column("sName")]
|
||||
public required string Name { get; set; }
|
||||
[Column("sDescription")]
|
||||
public required string Description { get; set; }
|
||||
[Column("dPrice")]
|
||||
public decimal Price { get; set; }
|
||||
[Column("iQuantity")]
|
||||
public int Quantity { get; set; }
|
||||
[Column("sPhotoUrl")]
|
||||
public required string PhotoUrl { get; set; }
|
||||
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
using System;
|
||||
|
||||
namespace InventoryService.Models;
|
||||
|
||||
public class PurchaseMessage
|
||||
{
|
||||
public int OrderId { get; set; }
|
||||
public bool IsSuccess { get; set; }
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
using System;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace InventoryService.Models;
|
||||
|
||||
public class StoreContext : DbContext
|
||||
{
|
||||
public DbSet<Product> Products { get; set; }
|
||||
|
||||
public StoreContext(DbContextOptions<StoreContext> options) : base(options)
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
protected override void OnModelCreating(ModelBuilder modelBuilder)
|
||||
{
|
||||
var productEntity = modelBuilder.Entity<Product>();
|
||||
productEntity.HasKey(p => p.Id);
|
||||
productEntity.Property(p => p.Id)
|
||||
.ValueGeneratedOnAdd();
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
using InventoryService.Models;
|
||||
using InventoryService.Services;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
using Polly.Registry;
|
||||
using Prometheus;
|
||||
|
||||
var builder = WebApplication.CreateBuilder(args);
|
||||
|
||||
// Add services to the container.
|
||||
|
||||
builder.Services.AddControllers();
|
||||
// Learn more about configuring OpenAPI at https://aka.ms/aspnet/openapi
|
||||
builder.Services.AddEndpointsApiExplorer();
|
||||
builder.Services.AddSwaggerGen(c =>
|
||||
{
|
||||
c.SwaggerDoc("v1", new Microsoft.OpenApi.Models.OpenApiInfo { Title = "InventoryService", Version = "v1" });
|
||||
});
|
||||
|
||||
builder.Services.AddDbContext<StoreContext>(
|
||||
o => o.UseSqlServer(builder.Configuration.GetConnectionString("InventoryDatabase")));
|
||||
builder.Services.AddHostedService<RabbitMqConsumerService>();
|
||||
|
||||
var registry = new PolicyRegistry
|
||||
{
|
||||
{ "CircuitBreakerPolicy", PollyPolicies.GetCircuitBreakerPolicy(builder.Services.BuildServiceProvider().GetRequiredService<ILogger<Program>>()) }
|
||||
};
|
||||
builder.Services.AddSingleton<IReadOnlyPolicyRegistry<string>>(registry);
|
||||
|
||||
builder.Services.AddHttpClient("InventoryServiceClient")
|
||||
.AddPolicyHandler((serviceProvider, request) =>
|
||||
{
|
||||
// Get a logger from the service provider
|
||||
var logger = serviceProvider.GetRequiredService<ILogger<Program>>();
|
||||
// Pass the logger to the policy
|
||||
return PollyPolicies.GetRetryPolicy(logger);
|
||||
})
|
||||
.AddPolicyHandlerFromRegistry("CircuitBreakerPolicy");
|
||||
|
||||
var app = builder.Build();
|
||||
|
||||
app.UseSwagger();
|
||||
app.UseSwaggerUI();
|
||||
|
||||
|
||||
app.UseHttpsRedirection();
|
||||
app.UseRouting();
|
||||
app.UseAuthorization();
|
||||
|
||||
app.MapControllers();
|
||||
|
||||
app.UseHttpMetrics();
|
||||
app.MapMetrics();
|
||||
|
||||
app.Run();
|
||||
+23
@@ -0,0 +1,23 @@
|
||||
{
|
||||
"$schema": "https://json.schemastore.org/launchsettings.json",
|
||||
"profiles": {
|
||||
"http": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": false,
|
||||
"applicationUrl": "http://localhost:5125",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
},
|
||||
"https": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": false,
|
||||
"applicationUrl": "https://localhost:7193;http://localhost:5125",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
using System;
|
||||
using System.Net;
|
||||
using System.Net.Http;
|
||||
using Microsoft.Extensions.Logging;
|
||||
using Polly;
|
||||
using Polly.Extensions.Http;
|
||||
using Polly.Timeout;
|
||||
|
||||
namespace InventoryService.Services;
|
||||
|
||||
public static class PollyPolicies
|
||||
{
|
||||
public static IAsyncPolicy<HttpResponseMessage> GetRetryPolicy(ILogger logger)
|
||||
{
|
||||
return HttpPolicyExtensions
|
||||
.HandleTransientHttpError()
|
||||
.OrResult(msg => msg.StatusCode == HttpStatusCode.NotFound)
|
||||
.WaitAndRetryAsync(3,
|
||||
retryAttempt => TimeSpan.FromSeconds(Math.Pow(2, retryAttempt)),
|
||||
onRetry: (outcome, timespan, retryAttempt, context) =>
|
||||
{
|
||||
// Log the retry attempt
|
||||
logger.LogWarning(
|
||||
"Retrying request. Attempt {RetryAttempt}. Waiting {SleepDuration}ms. " +
|
||||
"Reason: {StatusCode} - {ExceptionMessage} - {Namespace}",
|
||||
retryAttempt,
|
||||
timespan.TotalMilliseconds,
|
||||
outcome.Result?.StatusCode,
|
||||
outcome.Exception?.Message,
|
||||
typeof(PollyPolicies).Namespace
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
public static IAsyncPolicy<HttpResponseMessage> GetCircuitBreakerPolicy(ILogger logger)
|
||||
{
|
||||
return HttpPolicyExtensions
|
||||
.HandleTransientHttpError()
|
||||
.CircuitBreakerAsync(10, TimeSpan.FromSeconds(30),
|
||||
onBreak: (outcome, timespan, context) =>
|
||||
{
|
||||
// Log when the circuit breaks
|
||||
logger.LogError(
|
||||
"Circuit broken for {BreakDuration}ms due to {StatusCode} - {ExceptionMessage} - {Namespace}",
|
||||
timespan.TotalMilliseconds,
|
||||
outcome.Result?.StatusCode,
|
||||
outcome.Exception?.Message,
|
||||
typeof(PollyPolicies).Namespace
|
||||
);
|
||||
},
|
||||
onReset: (context) =>
|
||||
{
|
||||
// Log when the circuit resets
|
||||
logger.LogInformation("Circuit has been reset.");
|
||||
},
|
||||
onHalfOpen: () =>
|
||||
{
|
||||
// Log when the circuit is half-open
|
||||
logger.LogWarning("Circuit is now half-open. The next request will test the service.");
|
||||
});
|
||||
}
|
||||
}
|
||||
+111
@@ -0,0 +1,111 @@
|
||||
using System;
|
||||
using System.Text;
|
||||
using System.Text.Json;
|
||||
using InventoryService.Models;
|
||||
using RabbitMQ.Client;
|
||||
using RabbitMQ.Client.Events;
|
||||
|
||||
namespace InventoryService.Services;
|
||||
|
||||
public class RabbitMqConsumerService : BackgroundService
|
||||
{
|
||||
private readonly string user;
|
||||
private readonly string password;
|
||||
private readonly string host;
|
||||
private readonly int port;
|
||||
private readonly IConnectionFactory _factory;
|
||||
private readonly StoreContext _storeContext;
|
||||
private readonly IHttpClientFactory _httpClientFactory;
|
||||
public RabbitMqConsumerService(IConfiguration configuration, StoreContext storeContext, IHttpClientFactory httpClientFactory)
|
||||
{
|
||||
_storeContext = storeContext ?? throw new ArgumentNullException(nameof(storeContext));
|
||||
_httpClientFactory = httpClientFactory ?? throw new ArgumentNullException(nameof(httpClientFactory));
|
||||
user = configuration["RabbitMq:User"] ?? throw new ArgumentNullException("RabbitMq:User is not configured");
|
||||
password = configuration["RabbitMq:Password"] ?? throw new ArgumentNullException("RabbitMq:Password is not configured");
|
||||
host = configuration["RabbitMq:Host"] ?? throw new ArgumentNullException("RabbitMq:Host is not configured");
|
||||
port = int.Parse(configuration["RabbitMq:Port"] ?? throw new ArgumentNullException("RabbitMq:Port is not configured")); ;
|
||||
_factory = new ConnectionFactory
|
||||
{
|
||||
UserName = user,
|
||||
Password = password,
|
||||
HostName = host,
|
||||
Port = port
|
||||
};
|
||||
}
|
||||
|
||||
protected override async Task ExecuteAsync(CancellationToken stoppingToken)
|
||||
{
|
||||
stoppingToken.ThrowIfCancellationRequested();
|
||||
|
||||
var connection = await _factory.CreateConnectionAsync();
|
||||
var channel = await connection.CreateChannelAsync();
|
||||
|
||||
await channel.QueueDeclareAsync(queue: "inventory_queue",
|
||||
durable: false,
|
||||
exclusive: false,
|
||||
autoDelete: false,
|
||||
arguments: null);
|
||||
var consumer = new AsyncEventingBasicConsumer(channel);
|
||||
consumer.ReceivedAsync += async (model, ea) =>
|
||||
{
|
||||
var body = ea.Body.ToArray();
|
||||
var message = Encoding.UTF8.GetString(body);
|
||||
Console.WriteLine($"Received message: {message}");
|
||||
var purchaseMessage = JsonSerializer.Deserialize<PurchaseMessage>(message);
|
||||
if (purchaseMessage == null)
|
||||
{
|
||||
Console.WriteLine("Failed to deserialize message.");
|
||||
return;
|
||||
}
|
||||
var order = await GetOrderFromMessage(purchaseMessage);
|
||||
foreach (var item in order.OrderItems)
|
||||
{
|
||||
var product = await _storeContext.Products.FindAsync(item.ProductId);
|
||||
if (product == null)
|
||||
{
|
||||
Console.WriteLine($"Product with ID {item.ProductId} not found.");
|
||||
continue;
|
||||
}
|
||||
if (product.Quantity < item.Quantity)
|
||||
{
|
||||
Console.WriteLine($"Insufficient stock for product {product.Name}. Available: {product.Quantity}, Requested: {item.Quantity}");
|
||||
continue;
|
||||
}
|
||||
product.Quantity -= item.Quantity;
|
||||
}
|
||||
await _storeContext.SaveChangesAsync();
|
||||
Console.WriteLine($"Processed order {order.Id} for customer {order.CustomerId} with {order.OrderItems.Count} items.");
|
||||
await channel.BasicAckAsync(ea.DeliveryTag, false);
|
||||
};
|
||||
await channel.BasicConsumeAsync(queue: "inventory_queue",
|
||||
autoAck: false,
|
||||
consumer: consumer);
|
||||
Console.WriteLine("RabbitMQ consumer started. Waiting for messages...");
|
||||
while (!stoppingToken.IsCancellationRequested)
|
||||
{
|
||||
await Task.Delay(TimeSpan.FromMinutes(1), stoppingToken);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
private async Task<Order> GetOrderFromMessage(PurchaseMessage purchaseMessage)
|
||||
{
|
||||
string orderServiceUrl = $"http://orderservice:8080/api/order/{purchaseMessage.OrderId}";
|
||||
Order order;
|
||||
var client = _httpClientFactory.CreateClient("InventoryServiceClient");
|
||||
var response = await client.GetAsync(orderServiceUrl);
|
||||
|
||||
if (!response.IsSuccessStatusCode)
|
||||
{
|
||||
throw new HttpRequestException($"Order with ID {purchaseMessage.OrderId} not found.");
|
||||
}
|
||||
|
||||
var contentStream = await response.Content.ReadAsStreamAsync();
|
||||
// Use JsonSerializer to convert the JSON response into your Order object.
|
||||
order = await JsonSerializer.DeserializeAsync<Order>(contentStream, new JsonSerializerOptions { PropertyNameCaseInsensitive = true })
|
||||
?? throw new InvalidOperationException("Order could not be parsed or is empty.");
|
||||
|
||||
return order;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
},
|
||||
"AllowedHosts": "*",
|
||||
"ConnectionStrings": {
|
||||
"InventoryDatabase": "Server=mssql-deployment,1433;Database=StoreDB;User Id=sa;Password=TestPass123!;TrustServerCertificate=True;"
|
||||
},
|
||||
"RabbitMQ": {
|
||||
"Host": "rabbitmq-service",
|
||||
"User": "user",
|
||||
"Password": "password",
|
||||
"Port": 5672
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
**/.vs
|
||||
**/.vscode
|
||||
**/bin
|
||||
**/obj
|
||||
Dockerfile
|
||||
.dockerignore
|
||||
README.md
|
||||
@@ -0,0 +1,133 @@
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
using OrderService.Models;
|
||||
|
||||
namespace OrderService.Controllers;
|
||||
|
||||
[ApiController]
|
||||
[Route("api/[controller]")]
|
||||
public class OrderController : ControllerBase
|
||||
{
|
||||
|
||||
private readonly ILogger<OrderController> _logger;
|
||||
public StoreContext _storeContext { get; }
|
||||
|
||||
public OrderController(ILogger<OrderController> logger, StoreContext storeContext)
|
||||
{
|
||||
_logger = logger;
|
||||
_storeContext = storeContext;
|
||||
}
|
||||
|
||||
|
||||
[HttpGet]
|
||||
public IActionResult Get()
|
||||
{
|
||||
_logger.LogInformation("Getting all orders");
|
||||
var sessionId = HttpContext.Session.Id;
|
||||
var orders = _storeContext.Orders.Include(o => o.OrderItems).Where(o => o.CustomerId == sessionId).ToList();
|
||||
if (orders == null || !orders.Any())
|
||||
{
|
||||
_logger.LogInformation("No orders found for session {SessionId}", sessionId);
|
||||
return NotFound("No orders found for the current session.");
|
||||
}
|
||||
return Ok(orders);
|
||||
}
|
||||
|
||||
[HttpGet("{id}")]
|
||||
public IActionResult Get(int id)
|
||||
{
|
||||
var order = _storeContext.Orders.Include(o => o.OrderItems).Where(o => o.Id == id).FirstOrDefault();
|
||||
if (order == null)
|
||||
{
|
||||
return NotFound("No orders found for the given id.");
|
||||
}
|
||||
return Ok(order);
|
||||
}
|
||||
|
||||
[HttpGet("getCurrentOrder")]
|
||||
public IActionResult GetCurrentOrder()
|
||||
{
|
||||
var sessionId = HttpContext.Session.Id;
|
||||
var orders = _storeContext.Orders.Include(o => o.OrderItems).Where(o => o.CustomerId == sessionId && o.Status == OrderStatus.Pending).FirstOrDefault();
|
||||
if (orders == null)
|
||||
{
|
||||
HttpContext.Session.SetString("SessionEstablished", DateTime.UtcNow.ToString());
|
||||
var newOrder = new Order
|
||||
{
|
||||
CustomerId = sessionId,
|
||||
Status = OrderStatus.Pending
|
||||
};
|
||||
_storeContext.Orders.Add(newOrder);
|
||||
_storeContext.SaveChanges();
|
||||
_logger.LogInformation("Created a new order for session {SessionId}", sessionId);
|
||||
return Ok(newOrder);
|
||||
}
|
||||
return Ok(orders);
|
||||
}
|
||||
|
||||
[HttpPost("addProduct")]
|
||||
public IActionResult AddOrderItem([FromBody] ProductDto productDto)
|
||||
{
|
||||
if (productDto == null)
|
||||
{
|
||||
_logger.LogError("ProductDto is null");
|
||||
return BadRequest("Product data is required.");
|
||||
}
|
||||
|
||||
var sessionId = HttpContext.Session.Id;
|
||||
var order = _storeContext.Orders.Include(o => o.OrderItems).FirstOrDefault(o => o.CustomerId == sessionId && o.Status == OrderStatus.Pending);
|
||||
|
||||
if (order == null)
|
||||
{
|
||||
return NotFound("No pending order found for the current session. Please create a new order first.");
|
||||
}
|
||||
|
||||
var orderItem = order.OrderItems.FirstOrDefault(oi => oi.ProductId == productDto.Id);
|
||||
if (orderItem != null)
|
||||
{
|
||||
orderItem.Quantity += productDto.Quantity;
|
||||
_logger.LogInformation("Updated quantity for product {ProductName} in order for session {SessionId}", productDto.Name, sessionId);
|
||||
}
|
||||
else
|
||||
{
|
||||
orderItem = new OrderItem
|
||||
{
|
||||
ProductId = productDto.Id,
|
||||
Quantity = productDto.Quantity,
|
||||
Price = productDto.Price,
|
||||
OrderId = order.Id,
|
||||
ProductName = productDto.Name
|
||||
};
|
||||
order.OrderItems.Add(orderItem);
|
||||
}
|
||||
|
||||
_storeContext.SaveChanges();
|
||||
|
||||
_logger.LogInformation("Added product {ProductName} to order for session {SessionId}", productDto.Name, sessionId);
|
||||
return Ok(order);
|
||||
}
|
||||
|
||||
[HttpPost("checkout/{id}")]
|
||||
public async Task<IActionResult> Checkout(int id)
|
||||
{
|
||||
var sessionId = HttpContext.Session.Id;
|
||||
var order = _storeContext.Orders.Include(o => o.OrderItems).FirstOrDefault(o => o.Id == id);
|
||||
|
||||
if (order == null)
|
||||
{
|
||||
return NotFound("No pending order found for the current session.");
|
||||
}
|
||||
|
||||
if (!order.OrderItems.Any())
|
||||
{
|
||||
return BadRequest("Cannot checkout an empty order.");
|
||||
}
|
||||
|
||||
order.Status = OrderStatus.Processing;
|
||||
_storeContext.Orders.Update(order);
|
||||
await _storeContext.SaveChangesAsync();
|
||||
|
||||
_logger.LogInformation("Checkout initiated for order {OrderId} in session {SessionId}", order.Id, sessionId);
|
||||
return Ok(order);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
using System;
|
||||
using System.ComponentModel.DataAnnotations;
|
||||
using System.ComponentModel.DataAnnotations.Schema;
|
||||
|
||||
namespace OrderService.Models;
|
||||
|
||||
public enum OrderStatus
|
||||
{
|
||||
Pending,
|
||||
Processing,
|
||||
PaymentReceived
|
||||
}
|
||||
|
||||
[Table("Orders")]
|
||||
public class Order
|
||||
{
|
||||
[Key]
|
||||
[Column("hmy")]
|
||||
public int Id { get; set; }
|
||||
[Column("hCustomer")]
|
||||
public required string CustomerId { get; set; }
|
||||
[Column("sStatus")]
|
||||
public OrderStatus Status { get; set; } = OrderStatus.Pending;
|
||||
|
||||
public virtual ICollection<OrderItem> OrderItems { get; set; } = new List<OrderItem>();
|
||||
|
||||
}
|
||||
|
||||
[Table("OrderItems")]
|
||||
public class OrderItem
|
||||
{
|
||||
[Key]
|
||||
[Column("hmy")]
|
||||
public int Id { get; set; }
|
||||
[ForeignKey("Orders")]
|
||||
[Column("hOrder")]
|
||||
public int OrderId { get; set; }
|
||||
[Column("hProduct")]
|
||||
public int ProductId { get; set; }
|
||||
[Column("iQuantity")]
|
||||
public int Quantity { get; set; } = 1;
|
||||
[Column("dPrice")]
|
||||
public decimal Price { get; set; }
|
||||
[Column("sProductName")]
|
||||
public required string ProductName { get; set; }
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
using System;
|
||||
|
||||
namespace OrderService.Models;
|
||||
|
||||
public class ProductDto
|
||||
{
|
||||
public int Id { get; set; }
|
||||
public required string Name { get; set; }
|
||||
public decimal Price { get; set; }
|
||||
public int Quantity { get; set; }
|
||||
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
using System;
|
||||
|
||||
namespace OrderService.Models;
|
||||
|
||||
public class PurchaseMessage
|
||||
{
|
||||
public int OrderId { get; set; }
|
||||
public bool IsSuccess { get; set; }
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
using System;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace OrderService.Models;
|
||||
|
||||
public class StoreContext : DbContext
|
||||
{
|
||||
public DbSet<Order> Orders { get; set; }
|
||||
public DbSet<OrderItem> OrderItems { get; set; }
|
||||
|
||||
public StoreContext(DbContextOptions<StoreContext> options) : base(options)
|
||||
{
|
||||
}
|
||||
|
||||
|
||||
protected override void OnModelCreating(ModelBuilder modelBuilder)
|
||||
{
|
||||
base.OnModelCreating(modelBuilder);
|
||||
modelBuilder.Entity<Order>(orderEntity =>
|
||||
{
|
||||
// Define the one-to-many relationship from the Order side.
|
||||
// This single block is enough to configure the entire relationship.
|
||||
orderEntity.HasMany(p => p.OrderItems)
|
||||
.WithOne()
|
||||
.HasForeignKey(p => p.OrderId);
|
||||
|
||||
orderEntity.Property(p => p.CustomerId)
|
||||
.IsRequired();
|
||||
|
||||
// Store the enum as a string in the database (e.g., "Pending")
|
||||
// This is generally more readable than storing it as an integer.
|
||||
orderEntity.Property(p => p.Status);
|
||||
});
|
||||
|
||||
// Configure the OrderItem entity
|
||||
modelBuilder.Entity<OrderItem>(orderItemEntity =>
|
||||
{
|
||||
// The relationship is already configured above, so we don't need to repeat it.
|
||||
// We only need to configure properties specific to OrderItem here.
|
||||
orderItemEntity.HasKey(p => p.Id);
|
||||
orderItemEntity.Property(p => p.Id)
|
||||
.ValueGeneratedOnAdd();
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
<Project Sdk="Microsoft.NET.Sdk.Web">
|
||||
|
||||
<PropertyGroup>
|
||||
<TargetFramework>net9.0</TargetFramework>
|
||||
<Nullable>enable</Nullable>
|
||||
<ImplicitUsings>enable</ImplicitUsings>
|
||||
</PropertyGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<PackageReference Include="Microsoft.AspNetCore.OpenApi" Version="9.0.4" />
|
||||
<PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="9.0.5" />
|
||||
<PackageReference Include="Microsoft.Extensions.Http.Polly" Version="9.0.5" />
|
||||
<PackageReference Include="prometheus-net" Version="8.2.1" />
|
||||
<PackageReference Include="prometheus-net.AspNetCore" Version="8.2.1" />
|
||||
<PackageReference Include="RabbitMQ.Client" Version="7.1.2" />
|
||||
<PackageReference Include="Swashbuckle.AspNetCore" Version="8.1.3" />
|
||||
</ItemGroup>
|
||||
|
||||
</Project>
|
||||
@@ -0,0 +1,80 @@
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
using OrderService.Models;
|
||||
using OrderService.Services;
|
||||
using Prometheus;
|
||||
|
||||
var builder = WebApplication.CreateBuilder(args);
|
||||
|
||||
builder.Services.AddDistributedMemoryCache();
|
||||
|
||||
builder.Services.AddSession(options =>
|
||||
{
|
||||
options.IdleTimeout = TimeSpan.FromDays(1);
|
||||
options.Cookie.HttpOnly = true;
|
||||
options.Cookie.IsEssential = true;
|
||||
});
|
||||
builder.Services.AddCors(options =>
|
||||
{
|
||||
options.AddPolicy("AllowBackend",
|
||||
policy =>
|
||||
{
|
||||
policy.WithOrigins("http://localhost:8080") // The origin of your backend app
|
||||
.AllowAnyHeader()
|
||||
.AllowAnyMethod()
|
||||
.AllowCredentials(); // <-- THIS IS CRITICAL
|
||||
});
|
||||
});
|
||||
// Add services to the container.
|
||||
|
||||
builder.Services.AddControllers();
|
||||
// Learn more about configuring OpenAPI at https://aka.ms/aspnet/openapi
|
||||
builder.Services.AddEndpointsApiExplorer();
|
||||
builder.Services.AddSwaggerGen(c =>
|
||||
{
|
||||
c.SwaggerDoc("v1", new Microsoft.OpenApi.Models.OpenApiInfo { Title = "OrderService", Version = "v1" });
|
||||
});
|
||||
|
||||
builder.Services.AddDbContext<StoreContext>(
|
||||
o => o.UseSqlServer(builder.Configuration.GetConnectionString("OrderDatabase")));
|
||||
|
||||
builder.Services.AddHostedService<RabbitMqConsumerService>();
|
||||
|
||||
builder.Services.AddHttpClient("OrderServiceClient")
|
||||
.AddPolicyHandler((serviceProvider, request) =>
|
||||
{
|
||||
// Get a logger from the service provider
|
||||
var logger = serviceProvider.GetRequiredService<ILogger<Program>>();
|
||||
// Pass the logger to the policy
|
||||
return PollyPolicies.GetRetryPolicy(logger);
|
||||
})
|
||||
.AddPolicyHandler((serviceProvider, request) =>
|
||||
{
|
||||
var logger = serviceProvider.GetRequiredService<ILogger<Program>>();
|
||||
return PollyPolicies.GetCircuitBreakerPolicy(logger);
|
||||
});
|
||||
|
||||
var app = builder.Build();
|
||||
|
||||
app.UseSwagger();
|
||||
app.UseSwaggerUI(options =>
|
||||
{
|
||||
options.UseRequestInterceptor("(request) => { request.credentials = 'include'; return request; }");
|
||||
});
|
||||
|
||||
|
||||
app.UseHttpsRedirection();
|
||||
app.UseRouting();
|
||||
|
||||
app.UseCors("AllowBackend");
|
||||
|
||||
app.UseSession();
|
||||
|
||||
app.UseAuthorization();
|
||||
|
||||
app.MapControllers();
|
||||
|
||||
app.UseHttpMetrics();
|
||||
app.MapMetrics();
|
||||
|
||||
|
||||
app.Run();
|
||||
@@ -0,0 +1,23 @@
|
||||
{
|
||||
"$schema": "https://json.schemastore.org/launchsettings.json",
|
||||
"profiles": {
|
||||
"http": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": false,
|
||||
"applicationUrl": "http://localhost:5224",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
},
|
||||
"https": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": false,
|
||||
"applicationUrl": "https://localhost:7146;http://localhost:5224",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
using System;
|
||||
using System.Net;
|
||||
using System.Net.Http;
|
||||
using Microsoft.Extensions.Logging;
|
||||
using Polly;
|
||||
using Polly.Extensions.Http;
|
||||
|
||||
namespace OrderService.Services;
|
||||
|
||||
public static class PollyPolicies
|
||||
{
|
||||
public static IAsyncPolicy<HttpResponseMessage> GetRetryPolicy(ILogger logger)
|
||||
{
|
||||
return HttpPolicyExtensions
|
||||
.HandleTransientHttpError()
|
||||
.OrResult(msg => msg.StatusCode == HttpStatusCode.NotFound)
|
||||
.WaitAndRetryAsync(3,
|
||||
retryAttempt => TimeSpan.FromSeconds(Math.Pow(2, retryAttempt)),
|
||||
onRetry: (outcome, timespan, retryAttempt, context) =>
|
||||
{
|
||||
// Log the retry attempt
|
||||
logger.LogWarning(
|
||||
"Retrying request. Attempt {RetryAttempt}. Waiting {SleepDuration}ms. " +
|
||||
"Reason: {StatusCode} - {ExceptionMessage} - {Namespace}",
|
||||
retryAttempt,
|
||||
timespan.TotalMilliseconds,
|
||||
outcome.Result?.StatusCode,
|
||||
outcome.Exception?.Message,
|
||||
typeof(PollyPolicies).Namespace
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
public static IAsyncPolicy<HttpResponseMessage> GetCircuitBreakerPolicy(ILogger logger)
|
||||
{
|
||||
return HttpPolicyExtensions
|
||||
.HandleTransientHttpError()
|
||||
.CircuitBreakerAsync(5, TimeSpan.FromSeconds(30),
|
||||
onBreak: (outcome, timespan, context) =>
|
||||
{
|
||||
// Log when the circuit breaks
|
||||
logger.LogError(
|
||||
"Circuit broken for {BreakDuration}ms due to {StatusCode} - {ExceptionMessage} - {Namespace}",
|
||||
timespan.TotalMilliseconds,
|
||||
outcome.Result?.StatusCode,
|
||||
outcome.Exception?.Message,
|
||||
typeof(PollyPolicies).Namespace
|
||||
);
|
||||
},
|
||||
onReset: (context) =>
|
||||
{
|
||||
// Log when the circuit resets
|
||||
logger.LogInformation("Circuit has been reset.");
|
||||
},
|
||||
onHalfOpen: () =>
|
||||
{
|
||||
// Log when the circuit is half-open
|
||||
logger.LogWarning("Circuit is now half-open. The next request will test the service.");
|
||||
});
|
||||
}
|
||||
}
|
||||
+81
@@ -0,0 +1,81 @@
|
||||
using System;
|
||||
using System.Text;
|
||||
using System.Text.Json;
|
||||
using OrderService.Models;
|
||||
using RabbitMQ.Client;
|
||||
using RabbitMQ.Client.Events;
|
||||
|
||||
namespace OrderService.Services;
|
||||
|
||||
public class RabbitMqConsumerService : BackgroundService
|
||||
{
|
||||
private readonly string user;
|
||||
private readonly string password;
|
||||
private readonly string host;
|
||||
private readonly int port;
|
||||
private readonly IConnectionFactory _factory;
|
||||
private readonly StoreContext _storeContext;
|
||||
public RabbitMqConsumerService(IConfiguration configuration, StoreContext storeContext)
|
||||
{
|
||||
_storeContext = storeContext ?? throw new ArgumentNullException(nameof(storeContext));
|
||||
user = configuration["RabbitMq:User"] ?? throw new ArgumentNullException("RabbitMq:User is not configured");
|
||||
password = configuration["RabbitMq:Password"] ?? throw new ArgumentNullException("RabbitMq:Password is not configured");
|
||||
host = configuration["RabbitMq:Host"] ?? throw new ArgumentNullException("RabbitMq:Host is not configured");
|
||||
port = int.Parse(configuration["RabbitMq:Port"] ?? throw new ArgumentNullException("RabbitMq:Port is not configured")); ;
|
||||
_factory = new ConnectionFactory
|
||||
{
|
||||
UserName = user,
|
||||
Password = password,
|
||||
HostName = host,
|
||||
Port = port
|
||||
};
|
||||
}
|
||||
|
||||
protected override async Task ExecuteAsync(CancellationToken stoppingToken)
|
||||
{
|
||||
stoppingToken.ThrowIfCancellationRequested();
|
||||
|
||||
var connection = await _factory.CreateConnectionAsync();
|
||||
var channel = await connection.CreateChannelAsync();
|
||||
|
||||
await channel.QueueDeclareAsync(queue: "purchase_queue",
|
||||
durable: false,
|
||||
exclusive: false,
|
||||
autoDelete: false,
|
||||
arguments: null);
|
||||
var consumer = new AsyncEventingBasicConsumer(channel);
|
||||
consumer.ReceivedAsync += async (model, ea) =>
|
||||
{
|
||||
var body = ea.Body.ToArray();
|
||||
var message = Encoding.UTF8.GetString(body);
|
||||
Console.WriteLine($"Received message: {message}");
|
||||
var purchaseMessage = JsonSerializer.Deserialize<PurchaseMessage>(message);
|
||||
if (purchaseMessage == null)
|
||||
{
|
||||
Console.WriteLine("Failed to deserialize message.");
|
||||
return;
|
||||
}
|
||||
var order = await _storeContext.Orders.FindAsync(purchaseMessage.OrderId);
|
||||
if (order == null)
|
||||
{
|
||||
Console.WriteLine($"Order with ID {purchaseMessage.OrderId} not found.");
|
||||
return;
|
||||
}
|
||||
order.Status = purchaseMessage.IsSuccess ? OrderStatus.PaymentReceived : OrderStatus.Pending;
|
||||
_storeContext.Orders.Update(order);
|
||||
_storeContext.SaveChanges();
|
||||
Console.WriteLine($"Order {order.Id} status updated to {order.Status}.");
|
||||
await channel.BasicAckAsync(ea.DeliveryTag, false);
|
||||
};
|
||||
await channel.BasicConsumeAsync(queue: "purchase_queue",
|
||||
autoAck: false,
|
||||
consumer: consumer);
|
||||
Console.WriteLine("RabbitMQ consumer started. Waiting for messages...");
|
||||
while (!stoppingToken.IsCancellationRequested)
|
||||
{
|
||||
await Task.Delay(TimeSpan.FromMinutes(1), stoppingToken);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
},
|
||||
"AllowedHosts": "*",
|
||||
"ConnectionStrings": {
|
||||
"OrderDatabase": "Server=mssql-deployment,1433;Database=StoreDB;User Id=sa;Password=TestPass123!;TrustServerCertificate=True;"
|
||||
},
|
||||
"RabbitMQ": {
|
||||
"Host": "rabbitmq-service",
|
||||
"User": "user",
|
||||
"Password": "password",
|
||||
"Port": 5672
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
**/.vs
|
||||
**/.vscode
|
||||
**/bin
|
||||
**/obj
|
||||
Dockerfile
|
||||
.dockerignore
|
||||
README.md
|
||||
+168
@@ -0,0 +1,168 @@
|
||||
using System.Text.Json;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using Microsoft.Extensions.Options;
|
||||
using PaymentService.Models;
|
||||
using PaymentService.Services;
|
||||
using Stripe;
|
||||
using Stripe.Checkout; // <-- Important: Add this using statement
|
||||
|
||||
// A new class to model the incoming request from your React cart
|
||||
public class CreateCheckoutSessionRequest
|
||||
{
|
||||
public int OrderId { get; set; }
|
||||
}
|
||||
|
||||
public class CartItemDto
|
||||
{
|
||||
public string Name { get; set; }
|
||||
public long Price { get; set; } // Price in the smallest currency unit (e.g., cents)
|
||||
public int QuantityInCart { get; set; }
|
||||
}
|
||||
|
||||
|
||||
[ApiController]
|
||||
[Route("api/payment")] // A more standard route
|
||||
public class PaymentController : ControllerBase
|
||||
{
|
||||
private readonly string _secretKey;
|
||||
private readonly IHttpClientFactory _httpClientFactory;
|
||||
|
||||
private readonly RabbitMqService _rabbitMqService;
|
||||
|
||||
public PaymentController(IOptions<StripeSettings> stripeSettings, IHttpClientFactory httpClientFactory, RabbitMqService rabbitMqService)
|
||||
{
|
||||
_secretKey = stripeSettings.Value.SecretKey ?? throw new ArgumentException("Stripe Secret Key is not set");
|
||||
_httpClientFactory = httpClientFactory ?? throw new ArgumentNullException(nameof(httpClientFactory));
|
||||
_rabbitMqService = rabbitMqService ?? throw new ArgumentNullException(nameof(rabbitMqService));
|
||||
}
|
||||
|
||||
[HttpPost("create-checkout-session")]
|
||||
public async Task<ActionResult> CreateCheckoutSession([FromBody] CreateCheckoutSessionRequest req)
|
||||
{
|
||||
StripeConfiguration.ApiKey = _secretKey;
|
||||
|
||||
var orderId = req.OrderId;
|
||||
|
||||
string orderServiceUrl = $"http://orderservice:8080/api/order/{orderId}"; // Adjust port if needed
|
||||
|
||||
// 1. Fetch the order directly from your Order service endpoint.
|
||||
Order order;
|
||||
try
|
||||
{
|
||||
var client = _httpClientFactory.CreateClient("PaymentServiceClient");
|
||||
var response = await client.GetAsync(orderServiceUrl);
|
||||
|
||||
if (!response.IsSuccessStatusCode)
|
||||
{
|
||||
// If the order service returns a 404 or other error, fail gracefully.
|
||||
return NotFound(new { error = new { message = $"Order with ID {orderId} not found." } });
|
||||
}
|
||||
|
||||
var contentStream = await response.Content.ReadAsStreamAsync();
|
||||
// Use JsonSerializer to convert the JSON response into your Order object.
|
||||
order = await JsonSerializer.DeserializeAsync<Order>(contentStream, new JsonSerializerOptions { PropertyNameCaseInsensitive = true });
|
||||
|
||||
if (order == null || !order.OrderItems.Any())
|
||||
{
|
||||
return BadRequest(new { error = new { message = "Order is empty or could not be parsed." } });
|
||||
}
|
||||
await _httpClientFactory.CreateClient("PaymentServiceClient").PostAsync($"http://orderservice:8080/api/order/checkout/{orderId}", null);
|
||||
}
|
||||
catch (HttpRequestException ex)
|
||||
{
|
||||
// Log the exception (using a proper logging framework is recommended).
|
||||
return StatusCode(503, new { error = new { message = "The order service is currently unavailable.", details = ex.Message } });
|
||||
}
|
||||
|
||||
var lineItems = new List<SessionLineItemOptions>();
|
||||
|
||||
// Create a line item for each product in the cart
|
||||
foreach (var item in order.OrderItems)
|
||||
{
|
||||
lineItems.Add(new SessionLineItemOptions
|
||||
{
|
||||
PriceData = new SessionLineItemPriceDataOptions
|
||||
{
|
||||
// Price must be in the smallest currency unit (e.g., cents)
|
||||
UnitAmount = (long)(item.Price * 100), // Convert dollars to cents
|
||||
Currency = "usd",
|
||||
ProductData = new SessionLineItemPriceDataProductDataOptions
|
||||
{
|
||||
Name = item.ProductName,
|
||||
},
|
||||
},
|
||||
Quantity = item.Quantity,
|
||||
});
|
||||
}
|
||||
|
||||
// Add a line item for the tax
|
||||
// NOTE: For production, use Stripe Tax for automatic tax calculation.
|
||||
// https://stripe.com/docs/tax
|
||||
var subtotal = order.OrderItems.Sum(item => item.Price * item.Quantity);
|
||||
var taxAmount = (long)(subtotal * 0.07m * 100); // 7% tax, converted to cents
|
||||
|
||||
lineItems.Add(new SessionLineItemOptions
|
||||
{
|
||||
PriceData = new SessionLineItemPriceDataOptions
|
||||
{
|
||||
UnitAmount = taxAmount,
|
||||
Currency = "usd",
|
||||
ProductData = new SessionLineItemPriceDataProductDataOptions
|
||||
{
|
||||
Name = "Sales Tax",
|
||||
},
|
||||
},
|
||||
Quantity = 1,
|
||||
});
|
||||
|
||||
var options = new SessionCreateOptions
|
||||
{
|
||||
PaymentMethodTypes = new List<string> { "card" },
|
||||
LineItems = lineItems,
|
||||
Mode = "payment",
|
||||
// IMPORTANT: Replace these with your actual frontend URLs
|
||||
SuccessUrl = "http://localhost/payment/payment-success?orderId=" + orderId,
|
||||
CancelUrl = "http://localhost/payment/payment-failed?orderId=" + orderId,
|
||||
};
|
||||
|
||||
try
|
||||
{
|
||||
var service = new SessionService();
|
||||
Session session = service.Create(options);
|
||||
// Return the Session ID to the client
|
||||
return Ok(new { sessionId = session.Id });
|
||||
}
|
||||
catch (StripeException e)
|
||||
{
|
||||
return BadRequest(new { error = new { message = e.StripeError.Message } });
|
||||
}
|
||||
}
|
||||
|
||||
[HttpGet("payment-success")]
|
||||
public IActionResult PaymentSuccess(int orderId)
|
||||
{
|
||||
var purchaseMessage = new PurchaseMessage
|
||||
{
|
||||
OrderId = orderId,
|
||||
IsSuccess = true
|
||||
};
|
||||
|
||||
_rabbitMqService.PublishMessageAsync("purchase_queue", purchaseMessage).GetAwaiter().GetResult();
|
||||
_rabbitMqService.PublishMessageAsync("inventory_queue", purchaseMessage).GetAwaiter().GetResult();
|
||||
Task.Delay(5000).GetAwaiter().GetResult();
|
||||
return Redirect("http://localhost:3000/?status=success");
|
||||
}
|
||||
|
||||
[HttpGet("payment-failed")]
|
||||
public IActionResult PaymentFailed(int orderId)
|
||||
{
|
||||
var purchaseMessage = new PurchaseMessage
|
||||
{
|
||||
OrderId = orderId,
|
||||
IsSuccess = false
|
||||
};
|
||||
_rabbitMqService.PublishMessageAsync("purchase_queue", purchaseMessage).GetAwaiter().GetResult();
|
||||
Task.Delay(5000).GetAwaiter().GetResult();
|
||||
return Redirect("http://localhost:3000/?status=failure");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
namespace PaymentService.Models;
|
||||
|
||||
|
||||
public enum OrderStatus
|
||||
{
|
||||
Pending,
|
||||
Processing,
|
||||
PaymentReceived
|
||||
}
|
||||
|
||||
public class Order
|
||||
{
|
||||
|
||||
public int Id { get; set; }
|
||||
public required string CustomerId { get; set; }
|
||||
public OrderStatus Status { get; set; } = OrderStatus.Pending;
|
||||
|
||||
public ICollection<OrderItem> OrderItems { get; set; } = new List<OrderItem>();
|
||||
|
||||
}
|
||||
|
||||
public class OrderItem
|
||||
{
|
||||
|
||||
public int Id { get; set; }
|
||||
public int OrderId { get; set; }
|
||||
public int ProductId { get; set; }
|
||||
public int Quantity { get; set; } = 1;
|
||||
public decimal Price { get; set; }
|
||||
public required string ProductName { get; set; }
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user