@tuki-io/tuki-widgets 0.0.73 → 0.0.74

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/ready-to-upgrade-sites/ready-to-upgrade-sites-card.component.html

@@ -0,0 +1,7 @@
+  <tk-stat-card
+    *ngIf="!loading"
+    [title]="title"
+    [type]="type"
+    [readinessStats]="readinessStats"
+    [upgradeStatus]="upgradeStatus">
+  </tk-stat-card>

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/ready-to-upgrade-sites/ready-to-upgrade-sites-card.component.ts

@@ -0,0 +1,45 @@
+import { Component, Input, OnInit, OnDestroy, inject } from "@angular/core";
+import { UpgradeOverviewService } from "../../upgrade-overview.service";
+import { SitesUpgradeReadiness } from "../../types/upgrade-overview";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs";
+import { APIService } from "../../../../shared/services/api.service";
+
+@Component({
+    selector: 'tk-ready-to-upgrade-sites-card',
+    templateUrl: './ready-to-upgrade-sites-card.component.html',
+    styleUrls: ['./ready-to-upgrade-sites-card.component.scss']
+})
+export class ReadyToUpgradeSitesCardComponent implements OnInit, OnDestroy {
+    private apiService = inject(APIService);
+    private upgradeOverviewService = inject(UpgradeOverviewService);
+    private destroy$ = new Subject<void>();
+
+    @Input() token!: string;
+    @Input() customerId!: string;
+
+    title: string = 'Ready Sites';
+    type: any = 'site';
+    readinessStats!: SitesUpgradeReadiness;
+    upgradeStatus: any = 'ready';
+
+    loading: boolean = false;
+
+    ngOnInit(): void {
+        this.apiService.token = this.token;
+        this.upgradeOverviewService.customerId = this.customerId;
+        
+        this.loading = true;
+        this.upgradeOverviewService.getSitesUpgradeReadiness()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((stats) => {
+                this.readinessStats = stats;
+                this.loading = false;
+            });
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/ready-to-upgrade-users/ready-to-upgrade-users-card.component.html

@@ -0,0 +1,7 @@
+  <tk-stat-card
+    *ngIf="!loading"
+    [title]="title"
+    [type]="type"
+    [readinessStats]="readinessStats"
+    [upgradeStatus]="upgradeStatus">
+  </tk-stat-card>

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/ready-to-upgrade-users/ready-to-upgrade-users-card.component.ts

@@ -0,0 +1,45 @@
+import { Component, Input, OnInit, OnDestroy, inject } from "@angular/core";
+import { UpgradeOverviewService } from "../../upgrade-overview.service";
+import { UsersUpgradeReadiness } from "../../types/upgrade-overview";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs";
+import { APIService } from "../../../../shared/services/api.service";
+
+@Component({
+    selector: 'tk-ready-to-upgrade-users-card',
+    templateUrl: './ready-to-upgrade-users-card.component.html',
+    styleUrls: ['./ready-to-upgrade-users-card.component.scss']
+})
+export class ReadyToUpgradeUsersCardComponent implements OnInit, OnDestroy {
+    private apiService = inject(APIService);
+    private upgradeOverviewService = inject(UpgradeOverviewService);
+    private destroy$ = new Subject<void>();
+
+    @Input() token!: string;
+    @Input() customerId!: string;
+
+    title: string = 'Ready Users';
+    type: any = 'user';
+    readinessStats!: UsersUpgradeReadiness;
+    upgradeStatus: any = 'ready';
+
+    loading: boolean = false;
+
+    ngOnInit(): void {
+        this.apiService.token = this.token;
+        this.upgradeOverviewService.customerId = this.customerId;
+        
+        this.loading = true;
+        this.upgradeOverviewService.getUsersUpgradeReadiness()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((stats) => {
+                this.readinessStats = stats;
+                this.loading = false;
+            });
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/site-infrastructure-status-list/site-infrastructure-status-list-card.component.ts

@@ -0,0 +1,59 @@
+import { Component, Input, OnInit, OnDestroy, inject } from "@angular/core";
+import { SiteInfrastructureSummary } from "../../types/upgrade-overview";
+import { UpgradeOverviewService } from "../../upgrade-overview.service";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs";
+import { APIService } from "../../../../shared/services/api.service";
+
+@Component({
+    selector: 'tk-site-infrastructure-status-list-card',
+    template: `
+        <tk-status-list-card 
+            [title]="title"
+            [items]="items"
+        ></tk-status-list-card>
+    `,
+    styles: [` :host { width: 100%; } `]
+})
+export class SiteInfrastructureStatusListCardComponent implements OnInit {
+    title: string = 'Site Infrastructure';
+    items: any;
+
+    @Input() token!: string;
+    @Input() customerId!: string;
+
+    private apiService = inject(APIService);
+    private upgradeOverviewService = inject(UpgradeOverviewService);
+    private destroy$ = new Subject<void>();
+
+    ngOnInit(): void {
+        this.apiService.token = this.token;
+        this.upgradeOverviewService.customerId = this.customerId;
+
+        this.upgradeOverviewService.getSiteInfrastructureSummary()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((siteInfrastructure) => {
+                this.items = [
+                    {
+                        label: 'PSTN Trunk',
+                        description: 'Public network connectivity',
+                        status: false,
+                        totalSites: siteInfrastructure.totalSites,
+                        value: siteInfrastructure.totalPSTNs
+                    },
+                    {
+                        label: 'Location Mapping',
+                        description: 'Sites defined in Control Hub with proper configuration',
+                        status: false,
+                        totalSites: siteInfrastructure.totalSites,
+                        value: siteInfrastructure.totalLocations
+                    }
+                ];
+            });
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/upgrade-state-comparison-chart/upgrade-state-comparison-chart-card.component.ts

@@ -0,0 +1,70 @@
+import { Component, Input, OnInit, OnDestroy, inject } from "@angular/core";
+import { UpgradeOverviewService } from "../../upgrade-overview.service";
+import { UsersUpgradeSummary, SitesUpgradeSummary } from "../../types/upgrade-overview";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs";
+import { APIService } from "../../../../shared/services/api.service";
+
+@Component({
+    selector: "tk-upgrade-state-comparison-chart-card",
+    template: `
+        <tk-chart-card
+            *ngIf="!loading"
+            [title]="title"
+            [totalUpgraded]="totalUpgraded"
+            [totalNotUpgraded]="totalNotUpgraded"
+        ></tk-chart-card>
+    `,
+    styles: [`
+        :host {
+            width: 100%
+        }    
+    `]
+})
+export class UpgradeStateComparisonChartCardComponent implements OnInit, OnDestroy {
+    private apiService = inject(APIService);
+    private upgradeOverviewService = inject(UpgradeOverviewService);
+    private destroy$ = new Subject<void>();
+    
+    @Input() type: 'Users' | 'Sites' = 'Users';
+    @Input() token!: string;
+    @Input() customerId!: string;
+
+    title!: string;
+    totalUpgraded!: number;
+    totalNotUpgraded!: number;
+
+    loading = false;
+
+    ngOnInit(): void {
+        this.apiService.token = this.token;
+        this.upgradeOverviewService.customerId = this.customerId;
+
+        this.totalUpgraded = 0;
+        this.totalNotUpgraded = 0;
+        this.loading = true;
+        this.title = `Upgraded vs. Not Upgraded ${this.type}`;
+        if (this.type === 'Sites') {
+            this.upgradeOverviewService.getSitesUpgradeSummary()
+                .pipe(takeUntil(this.destroy$))
+                .subscribe((stats: any) => {
+                    this.totalUpgraded = parseInt(stats.totalUpgradedSites);
+                    this.totalNotUpgraded = parseInt(stats.totalReadySites);
+                    this.loading = false;
+                });
+        } else {
+            this.upgradeOverviewService.getUsersUpgradeSummary()
+                .pipe(takeUntil(this.destroy$))
+                .subscribe((stats: any) => {
+                    this.totalUpgraded = parseInt(stats.totalUpgradedUsers);
+                    this.totalNotUpgraded = parseInt(stats.totalReadyUsers);
+                    this.loading = false;
+                });
+        }
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}

package/{di2mt/widgets/upgrade-overview/types/upgrade-overview.d.ts → projects/tuki/widgets/di2mt/widgets/upgrade-overview/types/upgrade-overview.ts}

@@ -1,56 +1,58 @@
-/**
- *
- */
-export type UpgradePreconditions = {
-    readonly id: string;
-    readonly customerId: string;
-    controlHubIntegration: string;
-    numberOfAvailableLicences: number;
-};
-/**
- *
- */
-export type SiteInfrastructureSummary = {
-    readonly id: string;
-    readonly customerId: string;
-    totalSites: number;
-    totalLocations: number;
-    totalPSTNs: number;
-};
-/**
- * @internal
- */
-type _UpgradeSummary = {
-    readonly id: string;
-    readonly customerId: string;
-    total: number;
-    totalUpgraded: number;
-    totalReady: number;
-};
-/**
- *
- */
-export type UpgradeSummary<T extends 'Users' | 'Sites'> = {
-    [key in keyof _UpgradeSummary as (_UpgradeSummary[key] extends number ? `${key}${T}` : key)]: _UpgradeSummary[key];
-};
-/**
- *
- */
-export type UpgradeReadiness<T extends 'Users' | 'Sites'> = Omit<UpgradeSummary<T>, `totalUpgraded${T}`>;
-/**
- *
- */
-export type UsersUpgradeSummary = UpgradeSummary<'Users'>;
-/**
- *
- */
-export type SitesUpgradeSummary = UpgradeSummary<'Sites'>;
-/**
- *
- */
-export type UsersUpgradeReadiness = UpgradeReadiness<'Users'>;
-/**
- *
- */
-export type SitesUpgradeReadiness = UpgradeReadiness<'Sites'>;
-export {};
+/**
+ * 
+ */
+export type UpgradePreconditions = {
+    readonly id: string;
+    readonly customerId: string;
+    controlHubIntegration: string;
+    numberOfAvailableLicences: number;
+}
+/**
+ * 
+ */
+export type SiteInfrastructureSummary = {
+    readonly id: string;
+    readonly customerId: string;
+    totalSites: number;
+    totalLocations: number;
+    totalPSTNs: number;
+}
+/**
+ * @internal
+ */
+type _UpgradeSummary = {
+    readonly id: string;
+    readonly customerId: string;
+    total: number;
+    totalUpgraded: number;
+    totalReady: number
+}
+/**
+ * 
+ */
+export type UpgradeSummary<T extends 'Users' | 'Sites'> = {
+    [
+        key in keyof _UpgradeSummary 
+        as (_UpgradeSummary[key] extends number ? `${key}${T}` : key)
+    ]: _UpgradeSummary[key]
+}
+/**
+ * 
+ */
+export type UpgradeReadiness<T extends 'Users' | 'Sites'> = Omit<UpgradeSummary<T>, `totalUpgraded${T}`>
+/**
+ * 
+ */
+export type UsersUpgradeSummary = UpgradeSummary<'Users'>;
+/**
+ * 
+ */
+export type SitesUpgradeSummary = UpgradeSummary<'Sites'>;
+/**
+ * 
+ */
+export type UsersUpgradeReadiness = UpgradeReadiness<'Users'>
+/**
+ * 
+ */
+export type SitesUpgradeReadiness = UpgradeReadiness<'Sites'>

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/upgrade-overview.module.ts

@@ -0,0 +1,42 @@
+import { NgModule } from "@angular/core";
+import { ReadyToUpgradeUsersCardComponent } from "./cards/ready-to-upgrade-users/ready-to-upgrade-users-card.component";
+import { CommonModule } from "@angular/common";
+import { SharedModule } from "../../shared/shared.module";
+import { ReadyToUpgradeSitesCardComponent } from "./cards/ready-to-upgrade-sites/ready-to-upgrade-sites-card.component";
+import { AlreadyUpgradedUsersCardComponent } from "./cards/already-upgraded-users/already-upgraded-users-card.component";
+import { AlreadyUpgradedSitesCardComponent } from "./cards/already-upgraded-sites/already-upgraded-sites-card.component";
+import { PreconditionsStatusListCardComponent } from "./cards/preconditions-status-list/preconditions-status-list-card.component";
+import { SiteInfrastructureStatusListCardComponent } from "./cards/site-infrastructure-status-list/site-infrastructure-status-list-card.component";
+import { UpgradeStateComparisonChartCardComponent } from "./cards/upgrade-state-comparison-chart/upgrade-state-comparison-chart-card.component";
+import { APIService } from "../../shared/services/api.service";
+import { UserUpgradeService } from "../user-upgrade/user-upgrade.service";
+
+
+@NgModule({
+    declarations: [
+        ReadyToUpgradeUsersCardComponent,
+        ReadyToUpgradeSitesCardComponent,
+        AlreadyUpgradedUsersCardComponent,
+        AlreadyUpgradedSitesCardComponent,
+        PreconditionsStatusListCardComponent,
+        SiteInfrastructureStatusListCardComponent,
+        UpgradeStateComparisonChartCardComponent
+    ],
+    imports: [
+        CommonModule,
+        SharedModule
+    ],
+    exports: [
+        ReadyToUpgradeUsersCardComponent,
+        ReadyToUpgradeSitesCardComponent,
+        AlreadyUpgradedUsersCardComponent,
+        AlreadyUpgradedSitesCardComponent,
+        PreconditionsStatusListCardComponent,
+        SiteInfrastructureStatusListCardComponent,
+        UpgradeStateComparisonChartCardComponent
+    ],
+    providers: [
+    
+    ]
+})
+export class UpgradeOverviewModule {}

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/upgrade-overview.service.ts

@@ -0,0 +1,95 @@
+import { Injectable } from "@angular/core";
+import { APIService } from "../../shared/services/api.service";
+import { SiteInfrastructureSummary, SitesUpgradeReadiness, SitesUpgradeSummary, UpgradePreconditions, UsersUpgradeReadiness, UsersUpgradeSummary } from "./types/upgrade-overview";
+import { map, Observable } from "rxjs";
+import { API } from "../../api/api.endpoints";
+
+@Injectable({
+    providedIn: 'root'
+})
+export class UpgradeOverviewService {
+    customerId!: string;
+
+    constructor(private apiService: APIService) { }
+
+    getUpgradePreconditions(): Observable<UpgradePreconditions> {
+        return this.apiService.fetch(
+            API.OVERVIEW.GET_UPGRADE_PRECONDITIONS.replace(':customerId', this.customerId)
+        ).pipe(map((resp) => {
+            return {
+                id: resp.id,
+                customerId: resp.customerId,
+                controlHubIntegration: resp.controlHubIntegration,
+                numberOfAvailableLicences: resp.availableLicences
+            };
+        }));
+    }
+
+    getSiteInfrastructureSummary(): Observable<SiteInfrastructureSummary> {
+        return this.apiService.fetch(
+            API.OVERVIEW.GET_SITE_INFRASTRUCTURE.replace(':customerId', this.customerId)
+        ).pipe(map((resp) => {
+            return {
+                id: resp.id,
+                customerId: resp.customerId,
+                totalSites: resp.totalSites,
+                totalLocations: resp.totalLocations,
+                totalPSTNs: resp.totalPSTNS
+            };
+        }));
+    }
+
+    getUsersUpgradeSummary(): Observable<UsersUpgradeSummary> {
+        return this.apiService.fetch(
+            API.OVERVIEW.GET_USERS_UPGRADE_SUMMARY.replace(':customerId', this.customerId)
+        ).pipe(map((resp) => {
+            return {
+                id: resp.id,
+                customerId: resp.customerId,
+                totalUsers: resp.totalUsers,
+                totalReadyUsers: resp.totalUsersReady,
+                totalUpgradedUsers: resp.totalUsersUpgraded
+            };
+        }));
+    }
+
+    getSitesUpgradeSummary(): Observable<SitesUpgradeSummary> {
+        return this.apiService.fetch(
+            API.OVERVIEW.GET_SITES_UPGRADE_SUMMARY.replace(':customerId', this.customerId)
+        ).pipe(map((resp) => {
+            return {
+                id: resp.id,
+                customerId: resp.customerId,
+                totalSites: resp.totalSites,
+                totalReadySites: resp.totalSitesReady,
+                totalUpgradedSites: resp.totalSitesUpgraded
+            };
+        }));
+    }
+
+    getUsersUpgradeReadiness(): Observable<UsersUpgradeReadiness> {
+        return this.apiService.fetch(
+            API.OVERVIEW.GET_USERS_UPGRADE_READINESS.replace(':customerId', this.customerId)
+        ).pipe(map((resp) => {
+            return {
+                id: resp.id,
+                customerId: resp.customerId,
+                totalUsers: resp.totalUsers,
+                totalReadyUsers: resp.totalUsersReady
+            };
+        }));
+    }
+
+    getSitesUpgradeReadiness(): Observable<SitesUpgradeReadiness> {
+        return this.apiService.fetch(
+            API.OVERVIEW.GET_SITES_UPGRADE_READINESS.replace(':customerId', this.customerId)
+        ).pipe(map((resp) => {
+            return {
+                id: resp.id,
+                customerId: resp.customerId,
+                totalSites: resp.totalSites,
+                totalReadySites: resp.totalSitesReady
+            };
+        }));
+    }
+}

package/{di2mt/widgets/user-upgrade/types/user-upgrade.d.ts → projects/tuki/widgets/di2mt/widgets/user-upgrade/types/user-upgrade.ts}

@@ -1,16 +1,19 @@
-import { DEPENDENCIES_STATUS, Status } from "../../../shared/types/constants";
-export type DependenciesStatus = typeof DEPENDENCIES_STATUS[keyof typeof DEPENDENCIES_STATUS];
-export interface UserUpgradeRecord {
-    userId: string;
-    userName: string;
-    customerId: string;
-    siteId: string;
-    cucmId: string;
-    siteName: string;
-    devices: string[];
-    primaryExtension?: string;
-    deviceStatus: Status;
-    dialPlanStatus: Status;
-    dependenciesStatus: DependenciesStatus;
-    upgradeStatus: Status;
-}
+import { DEPENDENCIES_STATUS, Status } from "../../../shared/types/constants";
+
+export type DependenciesStatus = typeof DEPENDENCIES_STATUS[keyof typeof DEPENDENCIES_STATUS];
+
+export interface UserUpgradeRecord {
+    userId: string;
+    userName: string;
+    customerId: string;
+    siteId: string;
+    cucmId: string;
+    siteName: string;
+    devices: string[];
+    primaryExtension?: string;
+    deviceStatus: Status;
+    dialPlanStatus: Status;
+    dependenciesStatus: DependenciesStatus;
+    upgradeStatus: Status;
+    pending?: boolean;
+};