+
diff --git a/bo/src/components/customer/PageAddresses.vue b/bo/src/components/customer/PageAddresses.vue
index 687b585..d2ae0d6 100644
--- a/bo/src/components/customer/PageAddresses.vue
+++ b/bo/src/components/customer/PageAddresses.vue
@@ -1,5 +1,5 @@
- + {{ t('Cart Items') }} +
-
@@ -33,30 +35,29 @@
+ - {{ t('Cart Items') }} -
-
@@ -20,10 +19,13 @@
${{ (item.price * item.quantity).toFixed(2) }}
+
+
{{ t('Your cart is empty') }}
-
- {{ t('Continue to Checkout') }}
-
-
- {{ t('Cancel') }}
-
-
+
+
+ {{ t('Continue to Checkout') }}
+
+
+ {{ t('Cancel') }}
+
+
{{ t('Addresses') }}
@@ -18,18 +18,23 @@
-
diff --git a/bo/src/components/customer/PageCart.vue b/bo/src/components/customer/PageCart.vue
index c2c5876..2365081 100644
--- a/bo/src/components/customer/PageCart.vue
+++ b/bo/src/components/customer/PageCart.vue
@@ -1,7 +1,7 @@
- {{ address.street }}
-{{ address.zipCode }}, {{ address.city }}
-{{ address.country }}
-
- {{ t('edit') }}
-
-
+ class="border border-(--border-light) dark:border-(--border-dark) rounded-md p-4 bg-(--second-light) dark:bg-(--main-dark) hover:shadow-md transition-shadow flex justify-between">
+
+
+ {{ address.street }}
+{{ address.zipCode }}, {{ address.city }}
+{{ address.country }}
+
+
+
+ {{ t('edit') }}
+
-
{{ t('Shopping Cart') }}
-
+
+
{{ t('Shopping Cart') }}
+
@@ -9,44 +9,29 @@
class="text-lg font-semibold text-black dark:text-white p-4 border-b border-(--border-light) dark:border-(--border-dark)">
{{ t('Selected Products') }}
-
-
-
{{ t('Product') }}
- {{ t('Price') }}
- {{ t('Quantity') }}
- {{ t('Total') }}
- {{ t('Actions') }}
-
-
-
@@ -99,7 +84,7 @@
- ![]()
-
- {{ item.name }}
+ class="grid grid-cols-5 items-center p-4 border-b border-(--border-light) dark:border-(--border-dark) w-[100%]">
+
+ ![]()
+
-
- {{ t('Price') }}:
- ${{ item.price.toFixed(2) }}
-
-
+
{{ item.name }}
+${{ item.price.toFixed(2) }}
+${{ (item.price * item.quantity).toFixed(2) + }}
+ +
- {{ t('Total') }}:
- ${{ (item.price * item.quantity).toFixed(2)
- }}
-
-
-
+
+
+
+
diff --git a/bo/src/components/customer/PageCreateAccount.vue b/bo/src/components/customer/PageCreateAccount.vue
new file mode 100644
index 0000000..16f4bab
--- /dev/null
+++ b/bo/src/components/customer/PageCreateAccount.vue
@@ -0,0 +1,178 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/bo/src/components/customer/PageCustomerData.vue b/bo/src/components/customer/PageCustomerData.vue
new file mode 100644
index 0000000..b40d8b9
--- /dev/null
+++ b/bo/src/components/customer/PageCustomerData.vue
@@ -0,0 +1,108 @@
+
+
+
+
+
+ {{ t('Create Account') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('Add Address') }}
+
+
+ {{ t('No addresses found') }}
+
+
+ {{ t('Cancel') }}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/bo/src/components/customer/PageProductCardFull.vue b/bo/src/components/customer/PageProductCardFull.vue
index 810098f..807306d 100644
--- a/bo/src/components/customer/PageProductCardFull.vue
+++ b/bo/src/components/customer/PageProductCardFull.vue
@@ -1,8 +1,8 @@
-
+
+ {{ t('Customer Data') }}
+ +
+
+
+
+
+
+
+ {{ t('No customer account found') }}
+{{ t('Create an account to manage your company data') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ customerStore.customer?.companyName || '-' }} +
+
+
+
+ {{ customerStore.customer?.companyEmail || '-' }} +
+
+
+
+ {{ customerStore.customer?.regon || '-' }}
+
+
+
+ {{ customerStore.customer?.nip || '-' }}
+
+
+
+ {{ customerStore.customer?.vat || '-' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ companyAddress.street }}
+{{ companyAddress.zipCode }}, {{ + companyAddress.city }}
+{{ companyAddress.country }}
+-
+
+
+
+
+
-
+
+
-
+
![]()
diff --git a/bo/src/components/customer/PageProductsList.vue b/bo/src/components/customer/PageProductsList.vue
index 2068f38..099e06d 100644
--- a/bo/src/components/customer/PageProductsList.vue
+++ b/bo/src/components/customer/PageProductsList.vue
@@ -1,5 +1,5 @@
-
+
Products
Loading products...
diff --git a/bo/src/layouts/default.vue b/bo/src/layouts/default.vue
index 2044612..d6dfd13 100644
--- a/bo/src/layouts/default.vue
+++ b/bo/src/layouts/default.vue
@@ -4,7 +4,7 @@ import TopBar from '@/components/TopBar.vue';
-
+
diff --git a/bo/src/router/index.ts b/bo/src/router/index.ts
index 44fedb9..e14302d 100644
--- a/bo/src/router/index.ts
+++ b/bo/src/router/index.ts
@@ -29,6 +29,8 @@ const router = createRouter({
{ path: 'products-datail/', component: () => import('../components/admin/ProductDetailView.vue'), name: 'product-detail' },
{ path: 'product-card-full/', component: () => import('../components/customer/PageProductCardFull.vue'), name: 'product-card-full' },
{ path: 'addresses', component: () => import('../components/customer/PageAddresses.vue'), name: 'addresses' },
+ { path: 'customer-data', component: () => import('../components/customer/PageCustomerData.vue'), name: 'customer-data' },
+ { path: 'create-account', component: () => import('../components/customer/PageCreateAccount.vue'), name: 'create-account' },
{ path: 'cart', component: () => import('../components/customer/PageCart.vue'), name: 'cart' },
{ path: 'cart1', component: () => import('../components/customer/Cart1.vue'), name: 'cart1' },
{ path: 'products-list', component: () => import('../components/customer/PageProductsList.vue'), name: 'products-list' },
diff --git a/bo/src/stores/address.ts b/bo/src/stores/address.ts
index 6e0859a..489ba73 100644
--- a/bo/src/stores/address.ts
+++ b/bo/src/stores/address.ts
@@ -86,10 +86,10 @@ export const useAddressStore = defineStore('address', () => {
function updateAddress(id: number, formData: AddressFormData): boolean {
const index = addresses.value.findIndex(a => a.id === id)
- if (index === -1) return false
+ if (index === -1) return false
const existing = addresses.value[index]
- if (!existing) return false
+ if (!existing) return false
addresses.value[index] = {
id: existing.id,
diff --git a/bo/src/stores/auth.ts b/bo/src/stores/auth.ts
index 7d6ee18..3afea09 100644
--- a/bo/src/stores/auth.ts
+++ b/bo/src/stores/auth.ts
@@ -77,14 +77,42 @@ export const useAuthStore = defineStore('auth', () => {
password: string,
confirm_password: string,
lang?: string,
+ company_name?: string,
+ company_email?: string,
+ company_address?: {
+ street: string
+ zipCode: string
+ city: string
+ country: string
+ },
+ regon?: string,
+ nip?: string,
+ vat?: string,
+ billing_address?: {
+ street: string
+ zipCode: string
+ city: string
+ country: string
+ },
) {
loading.value = true
error.value = null
try {
+ const body: any = { first_name, last_name, email, password, confirm_password, lang: lang || 'en' }
+
+ // Add company information if provided
+ if (company_name) body.company_name = company_name
+ if (company_email) body.company_email = company_email
+ if (company_address) body.company_address = company_address
+ if (regon) body.regon = regon
+ if (nip) body.nip = nip
+ if (vat) body.vat = vat
+ if (billing_address) body.billing_address = billing_address
+
await useFetchJson('/api/v1/public/auth/register', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ first_name, last_name, email, password, confirm_password, lang: lang || 'en' }),
+ body: JSON.stringify(body),
})
return { success: true, requiresVerification: true }
diff --git a/bo/src/stores/cart.ts b/bo/src/stores/cart.ts
index 6adc9ec..e2e9577 100644
--- a/bo/src/stores/cart.ts
+++ b/bo/src/stores/cart.ts
@@ -8,7 +8,7 @@ export interface CartItem {
image: string
price: number
quantity: number
- product_number:string
+ product_number: string
}
export interface DeliveryMethod {
@@ -24,7 +24,7 @@ export const useCartStore = defineStore('cart', () => {
const selectedDeliveryMethodId = ref(null)
const shippingCost = ref(0)
const vatRate = ref(0.23) // 23% VAT
-
+ const currentPage = ref(1)
const deliveryMethods = ref([
{ id: 1, name: 'Standard Delivery', price: 0, description: '5-7 business days' },
{ id: 2, name: 'Express Delivery', price: 15, description: '2-3 business days' },
@@ -66,7 +66,20 @@ export const useCartStore = defineStore('cart', () => {
}
}
-
+ function deleteProduct(id: number): boolean {
+ const index = items.value.findIndex(a => a.id === id)
+ if (index === -1) return false
+
+ items.value.splice(index, 1)
+ resetProductPagination()
+
+ return true
+ }
+
+ function resetProductPagination() {
+ currentPage.value = 1
+ }
+
function removeItem(itemId: number) {
const index = items.value.findIndex(i => i.id === itemId)
if (index !== -1) {
@@ -106,6 +119,7 @@ export const useCartStore = defineStore('cart', () => {
vatAmount,
orderTotal,
itemCount,
+ deleteProduct,
updateQuantity,
removeItem,
clearCart,
diff --git a/bo/src/stores/customer.ts b/bo/src/stores/customer.ts
new file mode 100644
index 0000000..eefaa08
--- /dev/null
+++ b/bo/src/stores/customer.ts
@@ -0,0 +1,46 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+import type { Address } from './address'
+
+export interface CustomerData {
+ companyName: string
+ companyEmail: string
+ companyAddress: string
+ regon: string
+ nip: string
+ vat: string
+ billingAddressId: number | null
+ companyAddressId: number | null
+}
+
+export const useCustomerStore = defineStore('customer', () => {
+ const customer = ref(null)
+ const loading = ref(false)
+ const error = ref(null)
+
+ const hasAccount = computed(() => customer.value !== null)
+
+ function setCustomer(data: CustomerData) {
+ customer.value = data
+ }
+
+ function clearCustomer() {
+ customer.value = null
+ }
+
+ function updateCustomer(data: Partial) {
+ if (customer.value) {
+ customer.value = { ...customer.value, ...data }
+ }
+ }
+
+ return {
+ customer,
+ loading,
+ error,
+ hasAccount,
+ setCustomer,
+ clearCustomer,
+ updateCustomer
+ }
+})
\ No newline at end of file