diff --git a/src/assets/styles/common-inputs.scss b/src/assets/styles/common-inputs.scss index f8b4ca2..6c37397 100644 --- a/src/assets/styles/common-inputs.scss +++ b/src/assets/styles/common-inputs.scss @@ -67,8 +67,8 @@ iqser-dynamic-input { width: 14px; height: 14px; position: absolute; - top: 10px; - right: 10px; + top: calc((var(--iqser-inputs-height) - 14px) / 2 - 1px); + right: calc((var(--iqser-inputs-height) - 14px) / 2 - 1px); } .slider-row { @@ -97,8 +97,8 @@ iqser-dynamic-input { margin-top: 3px; min-height: var(--iqser-inputs-height); line-height: 32px; - padding-left: 11px; - padding-right: 11px; + padding-left: calc((var(--iqser-inputs-height) - 14px) / 2); + padding-right: calc((var(--iqser-inputs-height) - 14px) / 2); } .mat-mdc-form-field { diff --git a/src/lib/listing/services/paginated-entities.service.ts b/src/lib/listing/services/paginated-entities.service.ts index 95553da..024259c 100644 --- a/src/lib/listing/services/paginated-entities.service.ts +++ b/src/lib/listing/services/paginated-entities.service.ts @@ -14,14 +14,9 @@ export class PaginatedEntitiesService< Class extends Interface & IListable, PrimaryKey extends Id = Class['id'], > extends EntitiesService { - loadPage(page = 0, pageSize = 100): Observable { - const queryParams = [ - { key: 'page', value: page }, - { key: 'pageSize', value: pageSize }, - ]; - - return super.getAll<{ elements: Interface[] }>(this._defaultModelPath, queryParams).pipe( - map(response => response.elements), + loadPage(name = '', page = 0, size = 100): Observable { + return super._post<{ data: Interface[] }>({ page, size, name }).pipe( + map(response => response.data), mapEach(entity => (this._entityClass ? new this._entityClass(entity) : (entity as unknown as Class))), tap((entities: Class[]) => this.setEntities(entities)), );