@skysoftware-co/bayan-hr-widgets-ui 1.0.23 → 1.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -365,7 +365,7 @@ The package also exports profile-focused widgets used in the employee profile pa
|
|
|
365
365
|
| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class. |
|
|
366
366
|
| `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class. |
|
|
367
367
|
| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class. |
|
|
368
|
-
| `rowClass` | string | `'
|
|
368
|
+
| `rowClass` | string | `'mt-4'` | Main row CSS class. |
|
|
369
369
|
| `itemRowClass` | string | `'row col-10 mt-3'` | Experience row CSS class. |
|
|
370
370
|
| `itemColumnClass` | string | `'col-3'` | Column CSS class. |
|
|
371
371
|
| `labelClass` | string | `'field-secondary-label-sm'` | `hr-info-field` label CSS class. |
|
|
@@ -403,7 +403,7 @@ The package also exports profile-focused widgets used in the employee profile pa
|
|
|
403
403
|
| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class. |
|
|
404
404
|
| `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class. |
|
|
405
405
|
| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class. |
|
|
406
|
-
| `rowClass` | string | `'
|
|
406
|
+
| `rowClass` | string | `'mt-4'` | Main row CSS class. |
|
|
407
407
|
| `itemRowClass` | string | `'row col-10 mt-3'` | Degree row CSS class. |
|
|
408
408
|
| `itemColumnClass` | string | `'col-3'` | Column CSS class. |
|
|
409
409
|
| `labelClass` | string | `'field-secondary-label-sm'` | `hr-info-field` label CSS class. |
|
|
@@ -3702,7 +3702,7 @@ class ProfileExperiencesWidgetComponent {
|
|
|
3702
3702
|
headerIconClass = 'primary-icon-xl';
|
|
3703
3703
|
headerTextClass = 'fs-16 mt-2 text-secondary';
|
|
3704
3704
|
headerDividerClass = 'flex-grow-1 ms-2';
|
|
3705
|
-
rowClass = '
|
|
3705
|
+
rowClass = 'mt-4';
|
|
3706
3706
|
itemRowClass = 'row col-10 mt-3';
|
|
3707
3707
|
itemColumnClass = 'col-3';
|
|
3708
3708
|
labelClass = 'field-secondary-label-sm';
|
|
@@ -3810,7 +3810,11 @@ class ProfileDegreesWidgetComponent {
|
|
|
3810
3810
|
headerIconClass = 'primary-icon-xl';
|
|
3811
3811
|
headerTextClass = 'fs-16 mt-2 text-secondary';
|
|
3812
3812
|
headerDividerClass = 'flex-grow-1 ms-2';
|
|
3813
|
-
rowClass = '
|
|
3813
|
+
rowClass = 'mt-4';
|
|
3814
|
+
rowMarginBottomClass = 'mb-5';
|
|
3815
|
+
rowMarginBottomEmptyClass = 'mb-4';
|
|
3816
|
+
headerRowClass = 'row col-10';
|
|
3817
|
+
actionsSpacerClass = 'col-2';
|
|
3814
3818
|
itemRowClass = 'row col-10 mt-3';
|
|
3815
3819
|
itemColumnClass = 'col-3';
|
|
3816
3820
|
labelClass = 'field-secondary-label-sm';
|
|
@@ -3848,6 +3852,16 @@ class ProfileDegreesWidgetComponent {
|
|
|
3848
3852
|
}
|
|
3849
3853
|
});
|
|
3850
3854
|
}
|
|
3855
|
+
get wrapperClass() {
|
|
3856
|
+
const classes = [this.rowClass];
|
|
3857
|
+
if (this.degrees.length > 0) {
|
|
3858
|
+
classes.push(this.rowMarginBottomClass);
|
|
3859
|
+
}
|
|
3860
|
+
else {
|
|
3861
|
+
classes.push(this.rowMarginBottomEmptyClass);
|
|
3862
|
+
}
|
|
3863
|
+
return classes.join(' ');
|
|
3864
|
+
}
|
|
3851
3865
|
onAttachmentView(file) {
|
|
3852
3866
|
this.attachmentViewed.emit(file);
|
|
3853
3867
|
}
|
|
@@ -3855,11 +3869,11 @@ class ProfileDegreesWidgetComponent {
|
|
|
3855
3869
|
this.attachmentDownloaded.emit(file);
|
|
3856
3870
|
}
|
|
3857
3871
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileDegreesWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3858
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileDegreesWidgetComponent, isStandalone: true, selector: "hr-profile-degrees-widget", inputs: { baseUrl: "baseUrl", sectionTitle: "sectionTitle", degreesIcon: "degreesIcon", viewIcon: "viewIcon", downloadIcon: "downloadIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", itemRowClass: "itemRowClass", itemColumnClass: "itemColumnClass", labelClass: "labelClass", valueClass: "valueClass", valueEllipsisClass: "valueEllipsisClass", actionsColumnClass: "actionsColumnClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"degreesIcon\"\r\n [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n [iconClass]=\"headerIconClass\"\r\n [textClass]=\"headerTextClass\"\r\n [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n@if(degrees.length > 0){\r\n\r\n
|
|
3872
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileDegreesWidgetComponent, isStandalone: true, selector: "hr-profile-degrees-widget", inputs: { baseUrl: "baseUrl", sectionTitle: "sectionTitle", degreesIcon: "degreesIcon", viewIcon: "viewIcon", downloadIcon: "downloadIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", rowMarginBottomClass: "rowMarginBottomClass", rowMarginBottomEmptyClass: "rowMarginBottomEmptyClass", headerRowClass: "headerRowClass", actionsSpacerClass: "actionsSpacerClass", itemRowClass: "itemRowClass", itemColumnClass: "itemColumnClass", labelClass: "labelClass", valueClass: "valueClass", valueEllipsisClass: "valueEllipsisClass", actionsColumnClass: "actionsColumnClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"degreesIcon\"\r\n [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n [iconClass]=\"headerIconClass\"\r\n [textClass]=\"headerTextClass\"\r\n [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n<div [class]=\"wrapperClass\">\r\n\r\n@if(degrees.length > 0){\r\n\r\n @for (qualification of degrees; track qualification){\r\n\r\n <div [class]=\"itemRowClass\">\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <hr-info-field labelKey=\"Degree/Year\"\r\n [value]=\"(qualification.DegreeName + ' / ' + qualification.DegreeYear)\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <hr-info-field labelKey=\"Country\"\r\n [value]=\"qualification.CountryName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueEllipsisClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <hr-info-field labelKey=\"Specialty\"\r\n [value]=\"qualification.Specialty\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueEllipsisClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <hr-info-field labelKey=\"Institute\"\r\n [value]=\"qualification.Institute\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueEllipsisClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n\r\n @if(qualification.Document){\r\n <div [class]=\"actionsColumnClass\">\r\n <fa-icon [icon]=\"viewIcon\" [class]=\"viewIconClass\" (click)=\"onAttachmentView(qualification.Document)\"></fa-icon>\r\n <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\" (click)=\"onAttachmentDownload(qualification.Document)\"></fa-icon>\r\n </div>\r\n }\r\n </div>\r\n\r\n }\r\n\r\n}@else{\r\n\r\n <sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoDegreesYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n\r\n}\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: SkySectionDividerComponent, selector: "sky-section-divider", inputs: ["text", "fontAwesomeIcon", "textClass", "dividerClass", "iconClass"] }, { kind: "pipe", type: HRTranslatePipe, name: "HRTranslate" }, { kind: "component", type: SkyEmptyDesignCardComponent, selector: "sky-empty-design-card", inputs: ["emptyIcon", "emptyIconClass", "emptyText", "emptyTextClass", "actionTitle", "actionIcon", "actionDisabled", "textColor", "disabledTitleClass", "activeTitleClass", "disabledIconClass", "activeIconClass", "actionClass", "containerClass", "cardBodyClass", "cardBodyContainerClass", "visibleIcon", "visibleQuickAction"], outputs: ["onActionClick"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: HRInfoFieldComponent, selector: "hr-info-field", inputs: ["labelKey", "value", "labelClass", "valueClass", "fallbackValue"] }] });
|
|
3859
3873
|
}
|
|
3860
3874
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileDegreesWidgetComponent, decorators: [{
|
|
3861
3875
|
type: Component,
|
|
3862
|
-
args: [{ selector: 'hr-profile-degrees-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"degreesIcon\"\r\n [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n [iconClass]=\"headerIconClass\"\r\n [textClass]=\"headerTextClass\"\r\n [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n@if(degrees.length > 0){\r\n\r\n
|
|
3876
|
+
args: [{ selector: 'hr-profile-degrees-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"degreesIcon\"\r\n [text]=\"(sectionTitle | HRTranslate | uppercase)\"\r\n [iconClass]=\"headerIconClass\"\r\n [textClass]=\"headerTextClass\"\r\n [dividerClass]=\"headerDividerClass\">\r\n</sky-section-divider>\r\n\r\n<div [class]=\"wrapperClass\">\r\n\r\n@if(degrees.length > 0){\r\n\r\n @for (qualification of degrees; track qualification){\r\n\r\n <div [class]=\"itemRowClass\">\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <hr-info-field labelKey=\"Degree/Year\"\r\n [value]=\"(qualification.DegreeName + ' / ' + qualification.DegreeYear)\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <hr-info-field labelKey=\"Country\"\r\n [value]=\"qualification.CountryName\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueEllipsisClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <hr-info-field labelKey=\"Specialty\"\r\n [value]=\"qualification.Specialty\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueEllipsisClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <hr-info-field labelKey=\"Institute\"\r\n [value]=\"qualification.Institute\"\r\n [labelClass]=\"labelClass\"\r\n [valueClass]=\"valueEllipsisClass\">\r\n </hr-info-field>\r\n </div>\r\n\r\n\r\n @if(qualification.Document){\r\n <div [class]=\"actionsColumnClass\">\r\n <fa-icon [icon]=\"viewIcon\" [class]=\"viewIconClass\" (click)=\"onAttachmentView(qualification.Document)\"></fa-icon>\r\n <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\" (click)=\"onAttachmentDownload(qualification.Document)\"></fa-icon>\r\n </div>\r\n }\r\n </div>\r\n\r\n }\r\n\r\n}@else{\r\n\r\n <sky-empty-design-card [containerClass]=\"emptyStateContainerClass\"\r\n [cardBodyClass]=\"''\"\r\n [cardBodyContainerClass]=\"''\"\r\n [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereIsNoDegreesYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n\r\n}\r\n\r\n</div>\r\n" }]
|
|
3863
3877
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
3864
3878
|
type: Input
|
|
3865
3879
|
}], sectionTitle: [{
|
|
@@ -3878,6 +3892,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
3878
3892
|
type: Input
|
|
3879
3893
|
}], rowClass: [{
|
|
3880
3894
|
type: Input
|
|
3895
|
+
}], rowMarginBottomClass: [{
|
|
3896
|
+
type: Input
|
|
3897
|
+
}], rowMarginBottomEmptyClass: [{
|
|
3898
|
+
type: Input
|
|
3899
|
+
}], headerRowClass: [{
|
|
3900
|
+
type: Input
|
|
3901
|
+
}], actionsSpacerClass: [{
|
|
3902
|
+
type: Input
|
|
3881
3903
|
}], itemRowClass: [{
|
|
3882
3904
|
type: Input
|
|
3883
3905
|
}], itemColumnClass: [{
|