This is an automated email from the ASF dual-hosted git repository.
SvenO3 pushed a commit to branch
4567-prevent-excessive-dataset-count-queries-when-using-large-page-sizes
in repository https://gitbox.apache.org/repos/asf/streampipes.git
The following commit(s) were added to
refs/heads/4567-prevent-excessive-dataset-count-queries-when-using-large-page-sizes
by this push:
new 89239e8bad Center loading spinner
89239e8bad is described below
commit 89239e8bad43eee7d7f575510a1d5de2b94d9e46
Author: Sven Oehler <[email protected]>
AuthorDate: Wed Jun 24 13:17:05 2026 +0200
Center loading spinner
---
.../datalake-configuration.component.html | 89 +++++++++++-----------
.../datalake-configuration.component.scss | 7 ++
2 files changed, 52 insertions(+), 44 deletions(-)
diff --git
a/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.html
b/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.html
index 833aa58a96..9b3f55dadd 100644
---
a/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.html
+++
b/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.html
@@ -100,50 +100,52 @@
*matCellDef="let configurationEntry"
(click)="$event.stopPropagation()"
>
- @if (configurationEntry.eventsLatestLoading) {
- <mat-spinner
- [diameter]="20"
- fxLayoutAlign="center"
- color="accent"
- >{{ 'Loading' | translate }}
- </mat-spinner>
- } @else {
- @if (configurationEntry.eventsLatest > -1) {
- <sp-label
- tone="neutral"
- class="cursor-pointer"
- data-cy="datalake-latest-count-value"
- minWidth="100px"
- [labelText]="
- configurationEntry.eventsLatest |
number
- "
- size="small"
- (click)="
- receiveLatestMeasurementSize(
- configurationEntry
- );
- $event.stopPropagation()
- "
- >
- </sp-label>
+ <div class="count-cell-content">
+ @if (configurationEntry.eventsLatestLoading) {
+ <mat-spinner [diameter]="20" color="accent"
+ >{{ 'Loading' | translate }}
+ </mat-spinner>
} @else {
- <sp-label
- tone="neutral"
- class="cursor-pointer"
- data-cy="datalake-latest-count-button"
- minWidth="100px"
- [labelText]="'Click to load' | translate"
- size="small"
- (click)="
- receiveLatestMeasurementSize(
- configurationEntry
- );
- $event.stopPropagation()
- "
- >
- </sp-label>
+ @if (configurationEntry.eventsLatest > -1) {
+ <sp-label
+ tone="neutral"
+ class="cursor-pointer"
+ data-cy="datalake-latest-count-value"
+ minWidth="100px"
+ [labelText]="
+ configurationEntry.eventsLatest
+ | number
+ "
+ size="small"
+ (click)="
+ receiveLatestMeasurementSize(
+ configurationEntry
+ );
+ $event.stopPropagation()
+ "
+ >
+ </sp-label>
+ } @else {
+ <sp-label
+ tone="neutral"
+ class="cursor-pointer"
+ data-cy="datalake-latest-count-button"
+ minWidth="100px"
+ [labelText]="
+ 'Click to load' | translate
+ "
+ size="small"
+ (click)="
+ receiveLatestMeasurementSize(
+ configurationEntry
+ );
+ $event.stopPropagation()
+ "
+ >
+ </sp-label>
+ }
}
- }
+ </div>
</td>
</ng-container>
@@ -157,11 +159,10 @@
*matCellDef="let configurationEntry"
(click)="$event.stopPropagation()"
>
- <div fxLayout="row" fxLayoutAlign="start center">
+ <div class="count-cell-content">
@if (configurationEntry.eventsTotalLoading) {
<mat-spinner
[diameter]="20"
- fxLayoutAlign="center"
color="accent"
data-cy="datalake-number-of-events-spinner"
>{{ 'Loading' | translate }}
diff --git
a/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.scss
b/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.scss
index b93bc4701c..d1dfd0e46b 100644
---
a/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.scss
+++
b/ui/src/app/dataset/components/datalake-configuration/datalake-configuration.component.scss
@@ -19,3 +19,10 @@
.cursor-pointer {
cursor: pointer;
}
+
+.count-cell-content {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 100px;
+}
