Changed UI of timeWindow
This commit is contained in:
parent
ff8a9309f4
commit
14feedbfa0
@ -168,22 +168,20 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
} @else {
|
} @else {
|
||||||
<div class="tb-form-row">
|
<div class="tb-form-panel stroked">
|
||||||
<div class="fixed-title-width">{{ 'calculated-fields.time-window' | translate }}</div>
|
<div class="tb-form-panel-title">{{ 'calculated-fields.time-window' | translate }}</div>
|
||||||
<div class="tb-flex no-gap">
|
<div class="tb-form-row no-border">
|
||||||
<mat-form-field class="tb-flex no-gap" appearance="outline" subscriptSizing="dynamic">
|
<tb-timeinterval
|
||||||
<input matInput type="number" min="0" name="value" formControlName="timeWindow" placeholder="{{ 'action.set' | translate }}"/>
|
subscriptSizing="dynamic"
|
||||||
<span class="block pr-2" matSuffix>{{ 'common.suffix.ms' | translate }}</span>
|
appearance="outline"
|
||||||
</mat-form-field>
|
class="w-full"
|
||||||
|
formControlName="timeWindow"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tb-form-row">
|
<div class="tb-form-row">
|
||||||
<div class="fixed-title-width">{{ 'calculated-fields.limit' | translate }}</div>
|
<div class="fixed-title-width">{{ 'calculated-fields.limit' | translate }}</div>
|
||||||
<div class="tb-flex no-gap">
|
<tb-datapoints-limit class="w-full" formControlName="limit"/>
|
||||||
<mat-form-field class="tb-flex no-gap" appearance="outline" subscriptSizing="dynamic">
|
|
||||||
<input matInput type="number" min="0" name="value" formControlName="limit" placeholder="{{ 'action.set' | translate }}"/>
|
|
||||||
</mat-form-field>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -36,6 +36,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|||||||
import { EntityFilter } from '@shared/models/query/query.models';
|
import { EntityFilter } from '@shared/models/query/query.models';
|
||||||
import { AliasFilterType } from '@shared/models/alias.models';
|
import { AliasFilterType } from '@shared/models/alias.models';
|
||||||
import { merge } from 'rxjs';
|
import { merge } from 'rxjs';
|
||||||
|
import { MINUTE } from '@shared/models/time/time.models';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'tb-calculated-field-argument-panel',
|
selector: 'tb-calculated-field-argument-panel',
|
||||||
@ -68,8 +69,8 @@ export class CalculatedFieldArgumentPanelComponent extends PageComponent impleme
|
|||||||
scope: [{ value: AttributeScope.SERVER_SCOPE, disabled: true }],
|
scope: [{ value: AttributeScope.SERVER_SCOPE, disabled: true }],
|
||||||
}),
|
}),
|
||||||
defaultValue: ['', [Validators.pattern(noLeadTrailSpacesRegex)]],
|
defaultValue: ['', [Validators.pattern(noLeadTrailSpacesRegex)]],
|
||||||
limit: [null],
|
limit: [10],
|
||||||
timeWindow: [null],
|
timeWindow: [MINUTE * 15],
|
||||||
});
|
});
|
||||||
|
|
||||||
argumentTypes: ArgumentType[];
|
argumentTypes: ArgumentType[];
|
||||||
|
|||||||
@ -1037,7 +1037,7 @@
|
|||||||
"shared-attributes": "Shared attributes",
|
"shared-attributes": "Shared attributes",
|
||||||
"attribute-key": "Attribute key",
|
"attribute-key": "Attribute key",
|
||||||
"default-value": "Default value",
|
"default-value": "Default value",
|
||||||
"limit": "Limit",
|
"limit": "Max values",
|
||||||
"time-window": "Time window",
|
"time-window": "Time window",
|
||||||
"customer-name": "Customer name",
|
"customer-name": "Customer name",
|
||||||
"timeseries": "Time series",
|
"timeseries": "Time series",
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user