@tuki-io/tuki-widgets 0.0.153 → 0.0.155
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/di2mt/public-api.d.ts +1 -0
- package/di2mt/shared/components/stat-card/stat-card.component.d.ts +2 -1
- package/di2mt/widgets/upgrade-overview/cards/pending-activation-users/pending-activation-users.component.d.ts +19 -0
- package/di2mt/widgets/upgrade-overview/types/upgrade-overview.d.ts +1 -0
- package/di2mt/widgets/upgrade-overview/upgrade-overview.module.d.ts +4 -3
- package/esm2020/di2mt/public-api.mjs +2 -1
- package/esm2020/di2mt/shared/components/stat-card/stat-card.component.mjs +7 -3
- package/esm2020/di2mt/widgets/upgrade-overview/cards/pending-activation-users/pending-activation-users.component.mjs +67 -0
- package/esm2020/di2mt/widgets/upgrade-overview/types/upgrade-overview.mjs +1 -1
- package/esm2020/di2mt/widgets/upgrade-overview/upgrade-overview.module.mjs +10 -5
- package/esm2020/users-list/src/users-list.component.mjs +6 -6
- package/fesm2015/tuki-io-tuki-widgets-di2mt.mjs +78 -13
- package/fesm2015/tuki-io-tuki-widgets-di2mt.mjs.map +1 -1
- package/fesm2015/tuki-io-tuki-widgets-users-list.mjs +5 -5
- package/fesm2015/tuki-io-tuki-widgets-users-list.mjs.map +1 -1
- package/fesm2020/tuki-io-tuki-widgets-di2mt.mjs +74 -7
- package/fesm2020/tuki-io-tuki-widgets-di2mt.mjs.map +1 -1
- package/fesm2020/tuki-io-tuki-widgets-users-list.mjs +5 -5
- package/fesm2020/tuki-io-tuki-widgets-users-list.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -844,6 +844,7 @@ class StatCardComponent {
|
|
|
844
844
|
total: this.readinessStats?.['totalUsers'],
|
|
845
845
|
totalReady: this.readinessStats?.['totalReadyUsers'],
|
|
846
846
|
totalUpgraded: this.readinessStats?.['totalUpgradedUsers'],
|
|
847
|
+
pendingActivation: this.readinessStats?.['pendingActivation'],
|
|
847
848
|
};
|
|
848
849
|
}
|
|
849
850
|
else {
|
|
@@ -862,12 +863,15 @@ class StatCardComponent {
|
|
|
862
863
|
get upgradedPercentage() {
|
|
863
864
|
return (this.stats?.totalUpgraded / this.stats?.total * 100) >> 0;
|
|
864
865
|
}
|
|
866
|
+
get pendingActivationPercentage() {
|
|
867
|
+
return (this.stats?.pendingActivation / this.stats?.totalUpgraded * 100) >> 0;
|
|
868
|
+
}
|
|
865
869
|
}
|
|
866
870
|
StatCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
867
|
-
StatCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StatCardComponent, selector: "tk-stat-card", inputs: { title: "title", type: "type", readinessStats: "readinessStats", upgradeStatus: "upgradeStatus" }, ngImport: i0, template: "<tk-card [title]=\"title\">\r\n <ng-container ngProjectAs=\"card-content\">\r\n <div class=\"card__content-info\">\r\n <div class=\"card__content-wrapper\">\r\n <img width=\"42\" [src]=\"'assets/icons/' + type + '.png'\" alt=\"\" />\r\n <div class=\"card__content-text\">\r\n <div class=\"card__content-label\">\r\n
|
|
871
|
+
StatCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StatCardComponent, selector: "tk-stat-card", inputs: { title: "title", type: "type", readinessStats: "readinessStats", upgradeStatus: "upgradeStatus" }, ngImport: i0, template: "<tk-card [title]=\"title\">\r\n <ng-container ngProjectAs=\"card-content\">\r\n <div class=\"card__content-info\">\r\n <div class=\"card__content-wrapper\">\r\n <img width=\"42\" [src]=\"'assets/icons/' + type + '.png'\" alt=\"\" />\r\n <div class=\"card__content-text\">\r\n <ng-container *ngIf=\"upgradeStatus === 'ready' || upgradeStatus === 'already'\">\r\n <div class=\"card__content-label\">\r\n {{ upgradeStatus === 'ready' ? stats?.totalReady : stats?.totalUpgraded }}\r\n {{ type === 'user' ? 'Users' : 'Sites' }}</div>\r\n <div class=\"card__content-description\">{{ upgradeStatus === 'ready' ? 'Ready to Upgrade' : 'Already Upgraded' }}</div>\r\n </ng-container>\r\n <ng-container *ngIf=\"upgradeStatus === 'pending'\">\r\n <div class=\"card__content-label\">\r\n {{ stats?.pendingActivation }}\r\n {{ 'User' }}</div>\r\n <div class=\"card__content-description\">{{ 'Ready to activate' }}</div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"card__content-progress-wrapper\">\r\n <ng-container *ngIf=\"upgradeStatus === 'ready' || upgradeStatus === 'already'\">\r\n <div class=\"card__content-progress\">\r\n <div class=\"card__content-progress-label\">\r\n <span>{{ readyPercentage }}%</span>\r\n <span>From all {{ stats?.total }} {{ type === 'user' ? 'users' : 'sites' }}</span>\r\n </div>\r\n <div class=\"card__content-progress-bar\">\r\n <div\r\n class=\"card__content-progress-bar-fill ready\"\r\n [class.already]=\"upgradeStatus === 'already'\"\r\n [style.width.%]=\"readyPercentage\"\r\n ></div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"upgradeStatus === 'already'\" class=\"card__content-progress\">\r\n <div class=\"card__content-progress-label\">\r\n <span>{{ upgradedPercentage }}%</span>\r\n <span>From all {{ stats?.totalReady }} ready {{ type === 'user' ? 'users' : 'sites' }}</span>\r\n </div>\r\n <div class=\"card__content-progress-bar\">\r\n <div\r\n class=\"card__content-progress-bar-fill ready\"\r\n [class.already]=\"upgradeStatus === 'already'\"\r\n [style.width.%]=\"upgradedPercentage\"\r\n ></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"upgradeStatus === 'pending'\">\r\n <div class=\"card__content-progress\">\r\n <div class=\"card__content-progress-label\">\r\n <span>{{ pendingActivationPercentage }}%</span>\r\n <span>From all {{ stats?.totalUpgraded }} {{ 'upgraded users' }}</span>\r\n </div>\r\n <div class=\"card__content-progress-bar\">\r\n <div\r\n class=\"card__content-progress-bar-fill ready\"\r\n [class.pending-activation]=\"upgradeStatus === 'pending'\"\r\n [style.width.%]=\"pendingActivationPercentage\"\r\n ></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n</tk-card>\r\n", styles: [":host{display:block;height:100%;box-sizing:border-box}.card__content-info{display:flex;align-items:center;justify-content:space-between}.card__content-text{display:flex;flex-direction:column;gap:.25rem}.card__content-text .card__content-label{font-size:20px}.card__content-text .card__content-description{font-size:12px}.card__content-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem}.card__content-wrapper:first-child{display:flex;gap:.5rem}.card__content-progress-wrapper{display:flex;flex-direction:column;gap:1rem}.card__content-progress{display:flex;flex-direction:column;gap:.25rem;font-size:14px}.card__content-progress .card__content-progress-label{display:flex;align-items:center;justify-content:space-between;padding:.05rem}.card__content-progress .card__content-progress-bar{background-color:#ededed;border-radius:10rem}.card__content-progress .card__content-progress-bar .card__content-progress-bar-fill{height:10px;border-radius:inherit}.ready{background-color:#0a78cc}.already{background-color:#16a693}.pending-activation{background-color:#ddbf45}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CardComponent, selector: "tk-card", inputs: ["title"] }] });
|
|
868
872
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatCardComponent, decorators: [{
|
|
869
873
|
type: Component,
|
|
870
|
-
args: [{ selector: 'tk-stat-card', template: "<tk-card [title]=\"title\">\r\n <ng-container ngProjectAs=\"card-content\">\r\n <div class=\"card__content-info\">\r\n <div class=\"card__content-wrapper\">\r\n <img width=\"42\" [src]=\"'assets/icons/' + type + '.png'\" alt=\"\" />\r\n <div class=\"card__content-text\">\r\n <div class=\"card__content-label\">\r\n
|
|
874
|
+
args: [{ selector: 'tk-stat-card', template: "<tk-card [title]=\"title\">\r\n <ng-container ngProjectAs=\"card-content\">\r\n <div class=\"card__content-info\">\r\n <div class=\"card__content-wrapper\">\r\n <img width=\"42\" [src]=\"'assets/icons/' + type + '.png'\" alt=\"\" />\r\n <div class=\"card__content-text\">\r\n <ng-container *ngIf=\"upgradeStatus === 'ready' || upgradeStatus === 'already'\">\r\n <div class=\"card__content-label\">\r\n {{ upgradeStatus === 'ready' ? stats?.totalReady : stats?.totalUpgraded }}\r\n {{ type === 'user' ? 'Users' : 'Sites' }}</div>\r\n <div class=\"card__content-description\">{{ upgradeStatus === 'ready' ? 'Ready to Upgrade' : 'Already Upgraded' }}</div>\r\n </ng-container>\r\n <ng-container *ngIf=\"upgradeStatus === 'pending'\">\r\n <div class=\"card__content-label\">\r\n {{ stats?.pendingActivation }}\r\n {{ 'User' }}</div>\r\n <div class=\"card__content-description\">{{ 'Ready to activate' }}</div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"card__content-progress-wrapper\">\r\n <ng-container *ngIf=\"upgradeStatus === 'ready' || upgradeStatus === 'already'\">\r\n <div class=\"card__content-progress\">\r\n <div class=\"card__content-progress-label\">\r\n <span>{{ readyPercentage }}%</span>\r\n <span>From all {{ stats?.total }} {{ type === 'user' ? 'users' : 'sites' }}</span>\r\n </div>\r\n <div class=\"card__content-progress-bar\">\r\n <div\r\n class=\"card__content-progress-bar-fill ready\"\r\n [class.already]=\"upgradeStatus === 'already'\"\r\n [style.width.%]=\"readyPercentage\"\r\n ></div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"upgradeStatus === 'already'\" class=\"card__content-progress\">\r\n <div class=\"card__content-progress-label\">\r\n <span>{{ upgradedPercentage }}%</span>\r\n <span>From all {{ stats?.totalReady }} ready {{ type === 'user' ? 'users' : 'sites' }}</span>\r\n </div>\r\n <div class=\"card__content-progress-bar\">\r\n <div\r\n class=\"card__content-progress-bar-fill ready\"\r\n [class.already]=\"upgradeStatus === 'already'\"\r\n [style.width.%]=\"upgradedPercentage\"\r\n ></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"upgradeStatus === 'pending'\">\r\n <div class=\"card__content-progress\">\r\n <div class=\"card__content-progress-label\">\r\n <span>{{ pendingActivationPercentage }}%</span>\r\n <span>From all {{ stats?.totalUpgraded }} {{ 'upgraded users' }}</span>\r\n </div>\r\n <div class=\"card__content-progress-bar\">\r\n <div\r\n class=\"card__content-progress-bar-fill ready\"\r\n [class.pending-activation]=\"upgradeStatus === 'pending'\"\r\n [style.width.%]=\"pendingActivationPercentage\"\r\n ></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n</tk-card>\r\n", styles: [":host{display:block;height:100%;box-sizing:border-box}.card__content-info{display:flex;align-items:center;justify-content:space-between}.card__content-text{display:flex;flex-direction:column;gap:.25rem}.card__content-text .card__content-label{font-size:20px}.card__content-text .card__content-description{font-size:12px}.card__content-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem}.card__content-wrapper:first-child{display:flex;gap:.5rem}.card__content-progress-wrapper{display:flex;flex-direction:column;gap:1rem}.card__content-progress{display:flex;flex-direction:column;gap:.25rem;font-size:14px}.card__content-progress .card__content-progress-label{display:flex;align-items:center;justify-content:space-between;padding:.05rem}.card__content-progress .card__content-progress-bar{background-color:#ededed;border-radius:10rem}.card__content-progress .card__content-progress-bar .card__content-progress-bar-fill{height:10px;border-radius:inherit}.ready{background-color:#0a78cc}.already{background-color:#16a693}.pending-activation{background-color:#ddbf45}\n"] }]
|
|
871
875
|
}], propDecorators: { title: [{
|
|
872
876
|
type: Input
|
|
873
877
|
}], type: [{
|
|
@@ -2139,6 +2143,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2139
2143
|
type: Input
|
|
2140
2144
|
}] } });
|
|
2141
2145
|
|
|
2146
|
+
class PendingActivationUsersCardComponent {
|
|
2147
|
+
constructor() {
|
|
2148
|
+
this.apiService = inject(APIService);
|
|
2149
|
+
this.upgradeOverviewService = inject(UpgradeOverviewService);
|
|
2150
|
+
this.destroy$ = new Subject();
|
|
2151
|
+
this.title = 'Pending Activation Users';
|
|
2152
|
+
this.type = 'user';
|
|
2153
|
+
this.upgradeStatus = 'pending';
|
|
2154
|
+
this.loading = false;
|
|
2155
|
+
}
|
|
2156
|
+
ngOnInit() {
|
|
2157
|
+
this.apiService.token = this.token;
|
|
2158
|
+
this.upgradeOverviewService.customerId = this.customerId;
|
|
2159
|
+
this.loading = true;
|
|
2160
|
+
this.upgradeOverviewService.getUsersUpgradeSummary()
|
|
2161
|
+
.pipe(takeUntil(this.destroy$))
|
|
2162
|
+
.subscribe((stats) => {
|
|
2163
|
+
this.readinessStats = {
|
|
2164
|
+
pendingActivation: 1,
|
|
2165
|
+
...stats
|
|
2166
|
+
};
|
|
2167
|
+
this.loading = false;
|
|
2168
|
+
});
|
|
2169
|
+
}
|
|
2170
|
+
ngOnDestroy() {
|
|
2171
|
+
this.destroy$.next();
|
|
2172
|
+
this.destroy$.complete();
|
|
2173
|
+
}
|
|
2174
|
+
}
|
|
2175
|
+
PendingActivationUsersCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PendingActivationUsersCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2176
|
+
PendingActivationUsersCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PendingActivationUsersCardComponent, selector: "tk-pending-activation-users-card", inputs: { token: "token", customerId: "customerId" }, ngImport: i0, template: `
|
|
2177
|
+
<tk-stat-card
|
|
2178
|
+
*ngIf="!loading"
|
|
2179
|
+
[title]="title"
|
|
2180
|
+
[type]="type"
|
|
2181
|
+
[readinessStats]="readinessStats"
|
|
2182
|
+
[upgradeStatus]="upgradeStatus"
|
|
2183
|
+
></tk-stat-card>
|
|
2184
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: StatCardComponent, selector: "tk-stat-card", inputs: ["title", "type", "readinessStats", "upgradeStatus"] }] });
|
|
2185
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PendingActivationUsersCardComponent, decorators: [{
|
|
2186
|
+
type: Component,
|
|
2187
|
+
args: [{
|
|
2188
|
+
selector: 'tk-pending-activation-users-card',
|
|
2189
|
+
template: `
|
|
2190
|
+
<tk-stat-card
|
|
2191
|
+
*ngIf="!loading"
|
|
2192
|
+
[title]="title"
|
|
2193
|
+
[type]="type"
|
|
2194
|
+
[readinessStats]="readinessStats"
|
|
2195
|
+
[upgradeStatus]="upgradeStatus"
|
|
2196
|
+
></tk-stat-card>
|
|
2197
|
+
`
|
|
2198
|
+
}]
|
|
2199
|
+
}], propDecorators: { token: [{
|
|
2200
|
+
type: Input
|
|
2201
|
+
}], customerId: [{
|
|
2202
|
+
type: Input
|
|
2203
|
+
}] } });
|
|
2204
|
+
|
|
2142
2205
|
class UpgradeOverviewModule {
|
|
2143
2206
|
}
|
|
2144
2207
|
UpgradeOverviewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UpgradeOverviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -2148,14 +2211,16 @@ UpgradeOverviewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
|
|
|
2148
2211
|
AlreadyUpgradedSitesCardComponent,
|
|
2149
2212
|
PreconditionsStatusListCardComponent,
|
|
2150
2213
|
SiteInfrastructureStatusListCardComponent,
|
|
2151
|
-
UpgradeStateComparisonChartCardComponent
|
|
2214
|
+
UpgradeStateComparisonChartCardComponent,
|
|
2215
|
+
PendingActivationUsersCardComponent], imports: [CommonModule,
|
|
2152
2216
|
SharedModule], exports: [ReadyToUpgradeUsersCardComponent,
|
|
2153
2217
|
ReadyToUpgradeSitesCardComponent,
|
|
2154
2218
|
AlreadyUpgradedUsersCardComponent,
|
|
2155
2219
|
AlreadyUpgradedSitesCardComponent,
|
|
2156
2220
|
PreconditionsStatusListCardComponent,
|
|
2157
2221
|
SiteInfrastructureStatusListCardComponent,
|
|
2158
|
-
UpgradeStateComparisonChartCardComponent
|
|
2222
|
+
UpgradeStateComparisonChartCardComponent,
|
|
2223
|
+
PendingActivationUsersCardComponent] });
|
|
2159
2224
|
UpgradeOverviewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UpgradeOverviewModule, imports: [CommonModule,
|
|
2160
2225
|
SharedModule] });
|
|
2161
2226
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UpgradeOverviewModule, decorators: [{
|
|
@@ -2168,7 +2233,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2168
2233
|
AlreadyUpgradedSitesCardComponent,
|
|
2169
2234
|
PreconditionsStatusListCardComponent,
|
|
2170
2235
|
SiteInfrastructureStatusListCardComponent,
|
|
2171
|
-
UpgradeStateComparisonChartCardComponent
|
|
2236
|
+
UpgradeStateComparisonChartCardComponent,
|
|
2237
|
+
PendingActivationUsersCardComponent,
|
|
2172
2238
|
],
|
|
2173
2239
|
imports: [
|
|
2174
2240
|
CommonModule,
|
|
@@ -2181,7 +2247,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2181
2247
|
AlreadyUpgradedSitesCardComponent,
|
|
2182
2248
|
PreconditionsStatusListCardComponent,
|
|
2183
2249
|
SiteInfrastructureStatusListCardComponent,
|
|
2184
|
-
UpgradeStateComparisonChartCardComponent
|
|
2250
|
+
UpgradeStateComparisonChartCardComponent,
|
|
2251
|
+
PendingActivationUsersCardComponent,
|
|
2185
2252
|
],
|
|
2186
2253
|
providers: []
|
|
2187
2254
|
}]
|
|
@@ -2200,5 +2267,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2200
2267
|
* Generated bundle index. Do not edit.
|
|
2201
2268
|
*/
|
|
2202
2269
|
|
|
2203
|
-
export { AlreadyUpgradedSitesCardComponent, AlreadyUpgradedUsersCardComponent, PreconditionsStatusListCardComponent, ProgressBarComponent, ReadyToUpgradeSitesCardComponent, ReadyToUpgradeUsersCardComponent, SiteInfrastructureStatusListCardComponent, SiteUpgradeDataTableComponent, SiteUpgradeModule, UpgradeOverviewModule, UpgradeStateComparisonChartCardComponent, UserUpgradeDataTableComponent, UserUpgradeModule };
|
|
2270
|
+
export { AlreadyUpgradedSitesCardComponent, AlreadyUpgradedUsersCardComponent, PendingActivationUsersCardComponent, PreconditionsStatusListCardComponent, ProgressBarComponent, ReadyToUpgradeSitesCardComponent, ReadyToUpgradeUsersCardComponent, SiteInfrastructureStatusListCardComponent, SiteUpgradeDataTableComponent, SiteUpgradeModule, UpgradeOverviewModule, UpgradeStateComparisonChartCardComponent, UserUpgradeDataTableComponent, UserUpgradeModule };
|
|
2204
2271
|
//# sourceMappingURL=tuki-io-tuki-widgets-di2mt.mjs.map
|