dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Hide pageSizeOption on persistent table widget

Browse Source
This commit is contained in:
ArtemDzhereleiko 2021-12-02 13:18:42 +02:00
parent 12dcbf0e5e
commit 33508f558e
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui-ngx/src/app/modules/home/components/widget/lib/rpc/persistent-table.component.ts
View File

@ -68,6 +68,7 @@ import {
} from '@home/components/widget/lib/rpc/persistent-filter-panel.component'; } from '@home/components/widget/lib/rpc/persistent-filter-panel.component';
import { PersistentAddDialogComponent } from '@home/components/widget/lib/rpc/persistent-add-dialog.component'; import { PersistentAddDialogComponent } from '@home/components/widget/lib/rpc/persistent-add-dialog.component';
import { ResizeObserver } from '@juggle/resize-observer'; import { ResizeObserver } from '@juggle/resize-observer';
import { hidePageSizePixelValue } from '@shared/models/constants';
interface PersistentTableWidgetSettings extends TableWidgetSettings { interface PersistentTableWidgetSettings extends TableWidgetSettings {
defaultSortOrder: string; defaultSortOrder: string;
@ -149,7 +150,7 @@ export class PersistentTableComponent extends PageComponent implements OnInit {
this.ctx.updateWidgetParams(); this.ctx.updateWidgetParams();
if (this.displayPagination) { if (this.displayPagination) {
this.widgetResize$ = new ResizeObserver(() => { this.widgetResize$ = new ResizeObserver(() => {
const showHidePageSize = this.ctx.$container[0].offsetWidth < 500; const showHidePageSize = this.persistentWidgetContainerRef.nativeElement.offsetWidth < hidePageSizePixelValue;
if (showHidePageSize !== this.hidePageSize) { if (showHidePageSize !== this.hidePageSize) {
this.hidePageSize = showHidePageSize; this.hidePageSize = showHidePageSize;
this.ctx.detectChanges(); this.ctx.detectChanges();

1
ui-ngx/src/app/shared/models/constants.ts
View File

@ -241,6 +241,7 @@ export const contentTypesMap = new Map<ContentType, ContentTypeData>(
] ]
); );
export const hidePageSizePixelValue = 550;
export const customTranslationsPrefix = 'custom.'; export const customTranslationsPrefix = 'custom.';
export const i18nPrefix = 'i18n'; export const i18nPrefix = 'i18n';