Inputs style, paginated updates

This commit is contained in:
Adina Țeudan 2023-08-08 14:15:40 +03:00
parent 04a69f5e68
commit a52f55b5d4
2 changed files with 7 additions and 12 deletions

View File

@ -67,8 +67,8 @@ iqser-dynamic-input {
width: 14px; width: 14px;
height: 14px; height: 14px;
position: absolute; position: absolute;
top: 10px; top: calc((var(--iqser-inputs-height) - 14px) / 2 - 1px);
right: 10px; right: calc((var(--iqser-inputs-height) - 14px) / 2 - 1px);
} }
.slider-row { .slider-row {
@ -97,8 +97,8 @@ iqser-dynamic-input {
margin-top: 3px; margin-top: 3px;
min-height: var(--iqser-inputs-height); min-height: var(--iqser-inputs-height);
line-height: 32px; line-height: 32px;
padding-left: 11px; padding-left: calc((var(--iqser-inputs-height) - 14px) / 2);
padding-right: 11px; padding-right: calc((var(--iqser-inputs-height) - 14px) / 2);
} }
.mat-mdc-form-field { .mat-mdc-form-field {

View File

@ -14,14 +14,9 @@ export class PaginatedEntitiesService<
Class extends Interface & IListable<PrimaryKey>, Class extends Interface & IListable<PrimaryKey>,
PrimaryKey extends Id = Class['id'], PrimaryKey extends Id = Class['id'],
> extends EntitiesService<Interface, Class, PrimaryKey> { > extends EntitiesService<Interface, Class, PrimaryKey> {
loadPage(page = 0, pageSize = 100): Observable<Class[]> { loadPage(name = '', page = 0, size = 100): Observable<Class[]> {
const queryParams = [ return super._post<{ data: Interface[] }>({ page, size, name }).pipe(
{ key: 'page', value: page }, map(response => response.data),
{ key: 'pageSize', value: pageSize },
];
return super.getAll<{ elements: Interface[] }>(this._defaultModelPath, queryParams).pipe(
map(response => response.elements),
mapEach(entity => (this._entityClass ? new this._entityClass(entity) : (entity as unknown as Class))), mapEach(entity => (this._entityClass ? new this._entityClass(entity) : (entity as unknown as Class))),
tap((entities: Class[]) => this.setEntities(entities)), tap((entities: Class[]) => this.setEntities(entities)),
); );