From 001e9363a1c36e4103b577dc569c0b708a76bcd1 Mon Sep 17 00:00:00 2001 From: Pavlo Tkach <3469726+ptkach@users.noreply.github.com> Date: Wed, 6 Sep 2023 14:37:58 -0400 Subject: [PATCH] Add billing details (#2136) This adds functionality to billing details widget on home screen --- .../home/widgets/billing-widget.component.html | 15 ++++++++++++--- .../app/home/widgets/billing-widget.component.ts | 16 +++++++++++++++- .../src/app/registrar/registrar.service.ts | 6 ++++++ console-webapp/src/styles.scss | 7 +++++++ 4 files changed, 40 insertions(+), 4 deletions(-) diff --git a/console-webapp/src/app/home/widgets/billing-widget.component.html b/console-webapp/src/app/home/widgets/billing-widget.component.html index 6357fb923..5d3352b0d 100644 --- a/console-webapp/src/app/home/widgets/billing-widget.component.html +++ b/console-webapp/src/app/home/widgets/billing-widget.component.html @@ -1,13 +1,22 @@ diff --git a/console-webapp/src/app/home/widgets/billing-widget.component.ts b/console-webapp/src/app/home/widgets/billing-widget.component.ts index 80fde1e40..8c462ce6a 100644 --- a/console-webapp/src/app/home/widgets/billing-widget.component.ts +++ b/console-webapp/src/app/home/widgets/billing-widget.component.ts @@ -13,11 +13,25 @@ // limitations under the License. import { Component } from '@angular/core'; +import { RegistrarService } from 'src/app/registrar/registrar.service'; @Component({ selector: '[app-billing-widget]', templateUrl: './billing-widget.component.html', }) export class BillingWidgetComponent { - constructor() {} + constructor(public registrarService: RegistrarService) {} + + public get driveFolderUrl(): string { + if (this.registrarService?.registrar.driveFolderId) { + return `https://drive.google.com/drive/folders/${this.registrarService?.registrar.driveFolderId}`; + } + return ''; + } + + openBillingDetails(e: MouseEvent) { + if (!this.driveFolderUrl) { + e.preventDefault(); + } + } } diff --git a/console-webapp/src/app/registrar/registrar.service.ts b/console-webapp/src/app/registrar/registrar.service.ts index af87e248a..05c5b4843 100644 --- a/console-webapp/src/app/registrar/registrar.service.ts +++ b/console-webapp/src/app/registrar/registrar.service.ts @@ -66,6 +66,12 @@ export class RegistrarService implements GlobalLoader { this.activeRegistrarIdChange.next(registrarId); } + public get registrar(): Registrar { + return this.registrars.filter( + (r) => r.registrarId === this.activeRegistrarId + )[0]; + } + loadingTimeout() { // TODO: Decide what to do when timeout happens } diff --git a/console-webapp/src/styles.scss b/console-webapp/src/styles.scss index 550e07bb1..59959cf8b 100644 --- a/console-webapp/src/styles.scss +++ b/console-webapp/src/styles.scss @@ -31,6 +31,13 @@ body { &__widget { display: flex; gap: 10px; + > a { + text-decoration: none; + color: initial; + } + > a[href=""] { + cursor: not-allowed; + } &-wrapper__wide { grid-column: span 2; }