Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Some updates

Browse Source
This commit is contained in:
Adina Țeudan 2023-08-02 20:52:09 +03:00
parent 5d40f20a32
commit 78b74d5a9a
8 changed files with 57 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/assets/icons/alert-circle.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg height="12px" viewBox="0 0 12 12" width="12px" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd" id="User-Management" stroke="none" stroke-width="1">
<g id="01.2-Bulk-Actions" transform="translate(-876.000000, -468.000000)">
<rect fill="#FFFFFF" height="900" width="1440" x="0" y="0"></rect>
<polygon fill="#FFFFFF" id="Rectangle" points="201 449 1087 449 1087 499 201 499"></polygon>
<g fill="#DD4D50" id="Group-19" transform="translate(876.000000, 171.000000)">
<path
d="M6.00002308,297 C9.30875217,297 12.0000462,299.690683 12.0000462,302.999359 C12.0000462,306.309082 9.30898674,309 6.00002308,309 C2.69105942,309 2.27373675e-13,306.309082 2.27373675e-13,302.999359 C2.27373675e-13,299.690683 2.69129399,297 6.00002308,297 Z M6.00002308,298.846154 C3.71080282,298.846154 1.84615385,300.71038 1.84615385,302.999359 C1.84615385,305.289458 3.71064029,307.153846 6.00002308,307.153846 C8.28940586,307.153846 10.1538923,305.289458 10.1538923,302.999359 C10.1538923,300.71038 8.28924333,298.846154 6.00002308,298.846154 Z M6.89921108,303.700197 L6.89921108,305.678219 L5.10100111,305.678219 L5.10100111,303.700197 L6.89921108,303.700197 Z M6.89921108,300.103957 L6.89921108,302.801137 L5.10100111,302.801137 L5.10100111,300.103957 L6.89921108,300.103957 Z"
id="Combined-Shape"></path>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

6
src/assets/styles/common-loading.scss
View File

@ -10,15 +10,15 @@
text-shadow: 0.25em 0 0 rgba(var(--iqser-accent-rgb), 0), 0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
}
40% {
color: #283241;
color: var(--iqser-accent);
text-shadow: 0.25em 0 0 rgba(var(--iqser-accent-rgb), 0), 0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
}
60% {
text-shadow: 0.25em 0 0 #283241, 0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
text-shadow: 0.25em 0 0 var(--iqser-accent), 0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
}
80%,
100% {
text-shadow: 0.25em 0 0 #283241, 0.5em 0 0 #283241;
text-shadow: 0.25em 0 0 var(--iqser-accent), 0.5em 0 0 var(--iqser-accent);
}
}

6
src/assets/styles/common-texts.scss
View File

@ -78,6 +78,12 @@ pre {
line-height: 24px;
}
.heading-md {
font-size: 18px;
font-weight: 600;
line-height: 22px;
}
.heading {
font-size: 16px;
line-height: 20px;

1
src/lib/listing/services/index.ts
View File

@ -1,2 +1,3 @@
export * from './entities.service';
export * from './paginated-entities.service';
export * from './listing.service';

29
src/lib/listing/services/paginated-entities.service.ts Normal file
View File

@ -0,0 +1,29 @@
import { Injectable } from '@angular/core';
import { Id, IListable } from '../models';
import { EntitiesService } from './entities.service';
import { Observable } from 'rxjs';
import { map, tap } from 'rxjs/operators';
import { mapEach } from '../../utils';
@Injectable()
/**
* By default, if no implementation (class) is provided, Class = Interface & IListable
*/
export class PaginatedEntitiesService<
Interface,
Class extends Interface & IListable<PrimaryKey>,
PrimaryKey extends Id = Class['id'],
> extends EntitiesService<Interface, Class, PrimaryKey> {
loadPage(page = 0, pageSize = 100): Observable<Class[]> {
const queryParams = [
{ key: 'page', value: page },
{ 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))),
tap((entities: Class[]) => this.setEntities(entities)),
);
}
}

2
src/lib/shared/logo/logo.component.ts
View File

@ -11,8 +11,8 @@ import { MatIconModule } from '@angular/material/icon';
}
mat-icon {
width: 28px;
height: 28px;
width: unset;
}
`,
],

6
src/lib/upload-file/upload-file.component.scss
View File

@ -4,6 +4,7 @@
align-items: center;
border-radius: 8px;
width: 100%;
box-sizing: border-box;
background: var(--iqser-alt-background);
&.drag-over {
@ -15,6 +16,7 @@
gap: 16px;
height: 88px;
cursor: pointer;
padding: 0 32px;
mat-icon,
div {
@ -22,10 +24,6 @@
transition: 0.1s;
}
mat-icon {
margin-left: 32px;
}
div {
font-size: 16px;
font-weight: 500;

1
src/lib/utils/constants.ts
View File

@ -1,4 +1,5 @@
export const ICONS = new Set([
'alert-circle',
'arrow-down',
'arrow-down-o',
'arrow-right',