diff --git a/apps/web/src/app/modules/loose-components.module.ts b/apps/web/src/app/modules/loose-components.module.ts index d20484ae5ac..f449c0a03ea 100644 --- a/apps/web/src/app/modules/loose-components.module.ts +++ b/apps/web/src/app/modules/loose-components.module.ts @@ -28,8 +28,9 @@ import { FrontendLayoutComponent } from "../layouts/frontend-layout.component"; import { NavbarComponent } from "../layouts/navbar.component"; import { UserLayoutComponent } from "../layouts/user-layout.component"; import { BillingSyncApiKeyComponent } from "../organizations/billing/billing-sync-api-key.component"; +import { OrganizationBillingHistoryComponent } from "../organizations/billing/organization-billing-history.component"; import { OrganizationBillingTabComponent } from "../organizations/billing/organization-billing-tab.component"; -import { OrganizationBillingComponent } from "../organizations/billing/organization-billing.component"; +import { OrganizationPaymentMethodComponent } from "../organizations/billing/organization-payment-method.component"; import { OrganizationSubscriptionComponent } from "../organizations/billing/organization-subscription.component"; import { GroupAddEditComponent as OrgGroupAddEditComponent } from "../organizations/groups/group-add-edit.component"; import { GroupsComponent as OrgGroupsComponent } from "../organizations/groups/groups.component"; @@ -237,7 +238,8 @@ import { OrganizationBadgeModule } from "./vault/modules/organization-badge/orga OrgAccountComponent, OrgAddEditComponent, OrganizationBillingTabComponent, - OrganizationBillingComponent, + OrganizationPaymentMethodComponent, + OrganizationBillingHistoryComponent, OrganizationLayoutComponent, OrganizationPlansComponent, OrganizationSubscriptionComponent, @@ -394,7 +396,7 @@ import { OrganizationBadgeModule } from "./vault/modules/organization-badge/orga OrganizationSwitcherComponent, OrgAccountComponent, OrgAddEditComponent, - OrganizationBillingComponent, + OrganizationPaymentMethodComponent, OrganizationLayoutComponent, OrganizationPlansComponent, OrganizationSubscriptionComponent, diff --git a/apps/web/src/app/organizations/billing/organization-billing-history.component.html b/apps/web/src/app/organizations/billing/organization-billing-history.component.html new file mode 100644 index 00000000000..1b5a38bf297 --- /dev/null +++ b/apps/web/src/app/organizations/billing/organization-billing-history.component.html @@ -0,0 +1,96 @@ +
{{ "noInvoices" | i18n }}
+| {{ i.date | date: "mediumDate" }} | ++ + + + {{ "invoiceNumber" | i18n: i.number }} + | +{{ i.amount | currency: "$" }} | ++ + + {{ "paid" | i18n }} + + + + {{ "unpaid" | i18n }} + + | +
{{ "noTransactions" | i18n }}
+| {{ t.createdDate | date: "mediumDate" }} | ++ + {{ "chargeNoun" | i18n }} + + {{ "refundNoun" | i18n }} + | ++ + {{ t.details }} + | ++ {{ t.amount | currency: "$" }} + | +