You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampipes.apache.org by ze...@apache.org on 2020/03/07 17:15:28 UTC
[incubator-streampipes] 01/02: Working on line chart
This is an automated email from the ASF dual-hosted git repository.
zehnder pushed a commit to branch STREAMPIPES-79
in repository https://gitbox.apache.org/repos/asf/incubator-streampipes.git
commit a2addca88784f43f1c733db4f68b52f18f475067
Author: Philipp Zehnder <ze...@fzi.de>
AuthorDate: Sat Mar 7 15:51:38 2020 +0100
Working on line chart
---
.../line-chart/line-chart-widget.component.html | 39 ++++++++--------------
.../widgets/table/table-widget.component.html | 14 --------
2 files changed, 14 insertions(+), 39 deletions(-)
diff --git a/ui/src/app/data-explorer-v2/components/widgets/line-chart/line-chart-widget.component.html b/ui/src/app/data-explorer-v2/components/widgets/line-chart/line-chart-widget.component.html
index 226e0a2..a190c31 100644
--- a/ui/src/app/data-explorer-v2/components/widgets/line-chart/line-chart-widget.component.html
+++ b/ui/src/app/data-explorer-v2/components/widgets/line-chart/line-chart-widget.component.html
@@ -37,36 +37,25 @@
<div style="width: 100%; height: 500px">
- <div fxLayout="row">
- <!--<div *ngIf="enablePaging" fxFlex="5">-->
- <!--<button mat-icon-button (click)="clickPreviousPage()" class="paging-button" matTooltip="Going backwards in time">-->
- <!--<mat-icon style="font-size: 30px;height: 30px; width: 30px">-->
- <!--chevron_left-->
- <!--</mat-icon>-->
- <!--</button>-->
- <!--</div>-->
+ <div fxLayout="row">
+ <sp-load-data-spinner *ngIf="showIsLoadingData"></sp-load-data-spinner>
+ <sp-no-data-in-date-range *ngIf="showNoDataInDateRange" [viewDateRange]="viewDateRange"></sp-no-data-in-date-range>
- <!-- Chart -->
- <plotly-plot fxFlex
- *ngIf="data !== undefined"
- flex
- [data]="data"
- [layout]="graph.layout"
- (relayout)="zoomIn($event)">
- </plotly-plot>
- <!--<div *ngIf="enablePaging" fxFlex="5">-->
- <!--<button mat-icon-button (click)="clickNextPage()" class="paging-button" matTooltip="Going forwards in time">-->
- <!--<mat-icon style="font-size: 30px;height: 30px; width: 30px">-->
- <!--chevron_right-->
- <!--</mat-icon>-->
- <!--</button>-->
- <!--</div>-->
- </div>
+ <!-- Chart -->
+ <plotly-plot fxFlex
+ *ngIf="data !== undefined"
+ flex
+ [data]="data"
+ [layout]="graph.layout"
+ (relayout)="zoomIn($event)">
+ </plotly-plot>
+ </div>
-</div>
+
+ </div>
</div>
diff --git a/ui/src/app/data-explorer-v2/components/widgets/table/table-widget.component.html b/ui/src/app/data-explorer-v2/components/widgets/table/table-widget.component.html
index 75ef366..ab1a7dc 100644
--- a/ui/src/app/data-explorer-v2/components/widgets/table/table-widget.component.html
+++ b/ui/src/app/data-explorer-v2/components/widgets/table/table-widget.component.html
@@ -34,20 +34,6 @@
</button>
</div>
</div>
- <!--<div *ngIf="enablePaging" fxLayout="row" fxLayoutAlign="space-between center">-->
-
- <!--<div *ngIf="dataMode === 'group' && transformedData !== undefined">-->
- <!--<mat-form-field style="margin-right: 1px;top: -3px;height: 1px" appearance="outline">-->
- <!--<mat-label>Select Group</mat-label>-->
- <!--<mat-select [ngModel]="this.selectedGroup" (selectionChange)="selectGroup($event.value)">-->
- <!--<mat-option *ngFor="let key of getGroupKeys()" [value]="key" style="background-color: #FFFFFF">-->
- <!--{{key}}-->
- <!--</mat-option>-->
- <!--</mat-select>-->
- <!--</mat-form-field>-->
- <!--</div>-->
- <!--</div>-->
-
<div style=" overflow-y: auto;" [style.max-height.px]="gridsterItem.rows * 100 - 40">