Vendor List

Manage your vendor and contact data

{#each columns as col (col.key)} {/each} {#each paginatedRows as vendor} handleVendorClick(vendor.id)} > {#each columns as col} {/each} {/each}
{col.title}Contacts Actions
{vendor[col.key as keyof Vendor]}
Showing {(currentPage - 1) * itemsPerPage + 1}–{Math.min( currentPage * itemsPerPage, allRowsVendor.length, )} of {allRowsVendor.length}
{#if showModal}

{isEditing ? "Edit Vendor" : "Add New Vendor"}

{#each formColumns as col}
{/each}
{/if} {#if showModalAddEditContact}

{isEditingContact ? "Edit Contact Vendor" : "Add New Contact Vendor"}

{#each formColumnsContact as col}
{/each}
{/if} {#if showModalContact}

📇 Contact List

{#if allRowsContactVendor.length > 0}
{#each columnsContact as col (col.key)} {/each} {#each allRowsContactVendor as contact} {#each columnsContact as col} {/each} {/each}
{col.title}Actions
{contact[ col.key as keyof ContactVendor ]}
{:else}

No Contacts Available

There are no contacts available for this vendor.

{/if}
{/if}