Move web to apps/web and bitwarden_license/bit-web

apps/web/src/app/settings/user-billing-history.component.ts

@@ -0,0 +1,53 @@
+import { Component, OnInit } from "@angular/core";
+import { Router } from "@angular/router";
+
+import { ApiService } from "jslib-common/abstractions/api.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
+import { PaymentMethodType } from "jslib-common/enums/paymentMethodType";
+import { TransactionType } from "jslib-common/enums/transactionType";
+import { BillingHistoryResponse } from "jslib-common/models/response/billingHistoryResponse";
+
+@Component({
+  selector: "app-user-billing",
+  templateUrl: "user-billing-history.component.html",
+})
+export class UserBillingHistoryComponent implements OnInit {
+  loading = false;
+  firstLoaded = false;
+  billing: BillingHistoryResponse;
+  paymentMethodType = PaymentMethodType;
+  transactionType = TransactionType;
+
+  constructor(
+    protected apiService: ApiService,
+    protected i18nService: I18nService,
+    protected platformUtilsService: PlatformUtilsService,
+    private router: Router
+  ) {}
+
+  async ngOnInit() {
+    if (this.platformUtilsService.isSelfHost()) {
+      this.router.navigate(["/settings/subscription"]);
+    }
+    await this.load();
+    this.firstLoaded = true;
+  }
+
+  async load() {
+    if (this.loading) {
+      return;
+    }
+    this.loading = true;
+    this.billing = await this.apiService.getUserBillingHistory();
+    this.loading = false;
+  }
+
+  get invoices() {
+    return this.billing != null ? this.billing.invoices : null;
+  }
+
+  get transactions() {
+    return this.billing != null ? this.billing.transactions : null;
+  }
+}