Implement complete e-commerce functionality with shipping and order management
Features Added: - Standard e-commerce properties (Price, Weight, shipping fields) - Order management with Create/Edit views and shipping information - ShippingRates system for weight-based shipping calculations - Comprehensive test coverage with JWT authentication tests - Sample data seeder with 5 orders demonstrating full workflow - Photo upload functionality for products - Multi-cryptocurrency payment support (BTC, XMR, USDT, etc.) Database Changes: - Added ShippingRates table - Added shipping fields to Orders (Name, Address, City, PostCode, Country) - Renamed properties to standard names (BasePrice to Price, ProductWeight to Weight) - Added UpdatedAt timestamps to models UI Improvements: - Added Create/Edit views for Orders - Added ShippingRates management UI - Updated navigation menu with Shipping option - Enhanced Order Details view with shipping information Sample Data: - 3 Categories (Electronics, Clothing, Books) - 5 Products with various prices - 5 Shipping rates (Royal Mail options) - 5 Orders in different statuses (Pending to Delivered) - 3 Crypto payments demonstrating payment flow Security: - All API endpoints secured with JWT authentication - No public endpoints - client apps must authenticate - Privacy-focused design with minimal data collection Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
sysadmin
127
LittleShop/Areas/Admin/Views/ShippingRates/Create.cshtml
Normal file
127
LittleShop/Areas/Admin/Views/ShippingRates/Create.cshtml
Normal file
@@ -0,0 +1,127 @@
|
||||
@model LittleShop.DTOs.CreateShippingRateDto
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Create Shipping Rate";
|
||||
}
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col">
|
||||
<h1><i class="fas fa-plus"></i> Create Shipping Rate</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form method="post" asp-area="Admin" asp-controller="ShippingRates" asp-action="Create">
|
||||
@Html.AntiForgeryToken()
|
||||
@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Count > 0)
|
||||
{
|
||||
<div class="alert alert-danger" role="alert">
|
||||
@foreach (var error in ViewData.ModelState[""].Errors)
|
||||
{
|
||||
<div>@error.ErrorMessage</div>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="Name" class="form-label">Rate Name</label>
|
||||
<input name="Name" id="Name" class="form-control" required
|
||||
placeholder="e.g., Royal Mail First Class" />
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="Description" class="form-label">Description (Optional)</label>
|
||||
<textarea name="Description" id="Description" class="form-control" rows="2"
|
||||
placeholder="Additional information about this shipping method"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="Country" class="form-label">Country</label>
|
||||
<input name="Country" id="Country" class="form-control" value="United Kingdom" required />
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="MinWeight" class="form-label">Minimum Weight (grams)</label>
|
||||
<input name="MinWeight" id="MinWeight" type="number" step="0.01" class="form-control" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="MaxWeight" class="form-label">Maximum Weight (grams)</label>
|
||||
<input name="MaxWeight" id="MaxWeight" type="number" step="0.01" class="form-control" required />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="Price" class="form-label">Price (£)</label>
|
||||
<input name="Price" id="Price" type="number" step="0.01" class="form-control" required />
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="MinDeliveryDays" class="form-label">Minimum Delivery Days</label>
|
||||
<input name="MinDeliveryDays" id="MinDeliveryDays" type="number" class="form-control" value="1" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="MaxDeliveryDays" class="form-label">Maximum Delivery Days</label>
|
||||
<input name="MaxDeliveryDays" id="MaxDeliveryDays" type="number" class="form-control" value="3" required />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input name="IsActive" type="checkbox" class="form-check-input" checked value="true" />
|
||||
<input name="IsActive" type="hidden" value="false" />
|
||||
<label for="IsActive" class="form-check-label">Active</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<a href="@Url.Action("Index")" class="btn btn-secondary">
|
||||
<i class="fas fa-arrow-left"></i> Back to Shipping Rates
|
||||
</a>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="fas fa-save"></i> Create Shipping Rate
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-info-circle"></i> Weight Guidelines</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h6>Common Weight Ranges (in grams):</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><strong>Letter:</strong> 0 - 100g</li>
|
||||
<li><strong>Large Letter:</strong> 100 - 750g</li>
|
||||
<li><strong>Small Parcel:</strong> 750 - 2000g</li>
|
||||
<li><strong>Medium Parcel:</strong> 2000 - 10000g</li>
|
||||
<li><strong>Large Parcel:</strong> 10000 - 30000g</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h6>Delivery Time Examples:</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><strong>First Class:</strong> 1-3 days</li>
|
||||
<li><strong>Second Class:</strong> 2-5 days</li>
|
||||
<li><strong>Express:</strong> 1 day</li>
|
||||
<li><strong>International:</strong> 5-10 days</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
126
LittleShop/Areas/Admin/Views/ShippingRates/Edit.cshtml
Normal file
126
LittleShop/Areas/Admin/Views/ShippingRates/Edit.cshtml
Normal file
@@ -0,0 +1,126 @@
|
||||
@model LittleShop.DTOs.UpdateShippingRateDto
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Edit Shipping Rate";
|
||||
var rateId = ViewData["RateId"];
|
||||
}
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col">
|
||||
<h1><i class="fas fa-edit"></i> Edit Shipping Rate</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form method="post" action="@Url.Action("Edit", new { id = rateId })">
|
||||
@Html.AntiForgeryToken()
|
||||
@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Count > 0)
|
||||
{
|
||||
<div class="alert alert-danger" role="alert">
|
||||
@foreach (var error in ViewData.ModelState[""].Errors)
|
||||
{
|
||||
<div>@error.ErrorMessage</div>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="Name" class="form-label">Rate Name</label>
|
||||
<input name="Name" id="Name" value="@Model?.Name" class="form-control" required />
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="Description" class="form-label">Description (Optional)</label>
|
||||
<textarea name="Description" id="Description" class="form-control" rows="2">@Model?.Description</textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="Country" class="form-label">Country</label>
|
||||
<input name="Country" id="Country" value="@Model?.Country" class="form-control" required />
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="MinWeight" class="form-label">Minimum Weight (grams)</label>
|
||||
<input name="MinWeight" id="MinWeight" value="@Model?.MinWeight" type="number" step="0.01" class="form-control" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="MaxWeight" class="form-label">Maximum Weight (grams)</label>
|
||||
<input name="MaxWeight" id="MaxWeight" value="@Model?.MaxWeight" type="number" step="0.01" class="form-control" required />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="Price" class="form-label">Price (£)</label>
|
||||
<input name="Price" id="Price" value="@Model?.Price" type="number" step="0.01" class="form-control" required />
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="MinDeliveryDays" class="form-label">Minimum Delivery Days</label>
|
||||
<input name="MinDeliveryDays" id="MinDeliveryDays" value="@Model?.MinDeliveryDays" type="number" class="form-control" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="MaxDeliveryDays" class="form-label">Maximum Delivery Days</label>
|
||||
<input name="MaxDeliveryDays" id="MaxDeliveryDays" value="@Model?.MaxDeliveryDays" type="number" class="form-control" required />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input name="IsActive" type="checkbox" class="form-check-input" checked="@(Model?.IsActive == true)" value="true" />
|
||||
<input name="IsActive" type="hidden" value="false" />
|
||||
<label for="IsActive" class="form-check-label">Active</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<a href="@Url.Action("Index")" class="btn btn-secondary">
|
||||
<i class="fas fa-arrow-left"></i> Back to Shipping Rates
|
||||
</a>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="fas fa-save"></i> Save Changes
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-info-circle"></i> Weight Guidelines</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h6>Common Weight Ranges (in grams):</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><strong>Letter:</strong> 0 - 100g</li>
|
||||
<li><strong>Large Letter:</strong> 100 - 750g</li>
|
||||
<li><strong>Small Parcel:</strong> 750 - 2000g</li>
|
||||
<li><strong>Medium Parcel:</strong> 2000 - 10000g</li>
|
||||
<li><strong>Large Parcel:</strong> 10000 - 30000g</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h6>Delivery Time Examples:</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><strong>First Class:</strong> 1-3 days</li>
|
||||
<li><strong>Second Class:</strong> 2-5 days</li>
|
||||
<li><strong>Express:</strong> 1 day</li>
|
||||
<li><strong>International:</strong> 5-10 days</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
102
LittleShop/Areas/Admin/Views/ShippingRates/Index.cshtml
Normal file
102
LittleShop/Areas/Admin/Views/ShippingRates/Index.cshtml
Normal file
@@ -0,0 +1,102 @@
|
||||
@model IEnumerable<LittleShop.DTOs.ShippingRateDto>
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Shipping Rates";
|
||||
}
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col">
|
||||
<h1><i class="fas fa-truck"></i> Shipping Rates</h1>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="@Url.Action("Create")" class="btn btn-primary">
|
||||
<i class="fas fa-plus"></i> Add Shipping Rate
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
@if (Model.Any())
|
||||
{
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Country</th>
|
||||
<th>Weight Range (g)</th>
|
||||
<th>Price</th>
|
||||
<th>Delivery Days</th>
|
||||
<th>Status</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var rate in Model)
|
||||
{
|
||||
<tr>
|
||||
<td>
|
||||
<strong>@rate.Name</strong>
|
||||
@if (!string.IsNullOrEmpty(rate.Description))
|
||||
{
|
||||
<br><small class="text-muted">@rate.Description</small>
|
||||
}
|
||||
</td>
|
||||
<td>@rate.Country</td>
|
||||
<td>@rate.MinWeight - @rate.MaxWeight</td>
|
||||
<td>£@rate.Price</td>
|
||||
<td>@rate.MinDeliveryDays - @rate.MaxDeliveryDays days</td>
|
||||
<td>
|
||||
@if (rate.IsActive)
|
||||
{
|
||||
<span class="badge bg-success">Active</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span class="badge bg-danger">Inactive</span>
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
<div class="btn-group btn-group-sm">
|
||||
<a href="@Url.Action("Edit", new { id = rate.Id })" class="btn btn-outline-primary">
|
||||
<i class="fas fa-edit"></i>
|
||||
</a>
|
||||
<form method="post" action="@Url.Action("Delete", new { id = rate.Id })" class="d-inline"
|
||||
onsubmit="return confirm('Are you sure you want to delete this shipping rate?')">
|
||||
<button type="submit" class="btn btn-outline-danger">
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="text-center py-4">
|
||||
<i class="fas fa-truck fa-3x text-muted mb-3"></i>
|
||||
<p class="text-muted">No shipping rates configured. <a href="@Url.Action("Create")">Add your first shipping rate</a>.</p>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mt-4">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-info-circle"></i> Shipping Information</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Configure shipping rates based on weight ranges and destination countries.</p>
|
||||
<ul>
|
||||
<li>Weight ranges are in grams</li>
|
||||
<li>Rates are automatically calculated based on order weight</li>
|
||||
<li>The cheapest applicable rate is selected for customers</li>
|
||||
<li>Set rates as inactive to temporarily disable them</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user