@skysoftware-co/bayan-hr-widgets-ui 1.0.30 → 1.0.31
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.
|
@@ -3705,16 +3705,16 @@ class ProfileExperiencesWidgetComponent {
|
|
|
3705
3705
|
rowClass = 'mt-4';
|
|
3706
3706
|
headerRowClass = 'row col-10';
|
|
3707
3707
|
actionsSpacerClass = 'col-2';
|
|
3708
|
-
labelClass = 'field-secondary-label-sm';
|
|
3708
|
+
labelClass = 'field-secondary-label-sm text-ellipsis-one-line';
|
|
3709
3709
|
valueClass = 'text-dark-gray fs-14 text-ellipsis-one-line';
|
|
3710
3710
|
viewIconClass = 'fs-15 text-dark cursor-pointer';
|
|
3711
|
-
downloadIconClass = 'fs-15 text-dark cursor-pointer
|
|
3711
|
+
downloadIconClass = 'fs-15 mx-3 text-dark cursor-pointer';
|
|
3712
3712
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
3713
3713
|
emptyStateTextClass = 'field-secondary-label-md';
|
|
3714
3714
|
itemRowClass = 'row';
|
|
3715
3715
|
itemColumnsWrapperClass = 'row col-10 mt-3';
|
|
3716
3716
|
itemColumnClass = 'col-3';
|
|
3717
|
-
actionsColumnClass = 'align-items-end
|
|
3717
|
+
actionsColumnClass = 'col-2 align-items-end mt-3';
|
|
3718
3718
|
rowMarginBottomClass = 'mb-5';
|
|
3719
3719
|
rowMarginBottomEmptyClass = 'mb-4';
|
|
3720
3720
|
isLoadingChanged = new EventEmitter();
|
|
@@ -3761,12 +3761,12 @@ class ProfileExperiencesWidgetComponent {
|
|
|
3761
3761
|
return classes.join(' ');
|
|
3762
3762
|
}
|
|
3763
3763
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileExperiencesWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3764
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileExperiencesWidgetComponent, isStandalone: true, selector: "hr-profile-experiences-widget", inputs: { baseUrl: "baseUrl", sectionTitle: "sectionTitle", viewIcon: "viewIcon", downloadIcon: "downloadIcon", experienceIcon: "experienceIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", headerRowClass: "headerRowClass", actionsSpacerClass: "actionsSpacerClass", labelClass: "labelClass", valueClass: "valueClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", itemRowClass: "itemRowClass", itemColumnsWrapperClass: "itemColumnsWrapperClass", itemColumnClass: "itemColumnClass", actionsColumnClass: "actionsColumnClass", rowMarginBottomClass: "rowMarginBottomClass", rowMarginBottomEmptyClass: "rowMarginBottomEmptyClass" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"experienceIcon\"\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(experiences.length > 0){\r\n\r\n <div class=\"row\">\r\n <div [class]=\"headerRowClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Period' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Employer' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Position' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'TerminationReason' | HRTranslate}}</p>\r\n </div>\r\n </div>\r\n\r\n <div [class]=\"actionsSpacerClass\"></div>\r\n\r\n
|
|
3764
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfileExperiencesWidgetComponent, isStandalone: true, selector: "hr-profile-experiences-widget", inputs: { baseUrl: "baseUrl", sectionTitle: "sectionTitle", viewIcon: "viewIcon", downloadIcon: "downloadIcon", experienceIcon: "experienceIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", rowClass: "rowClass", headerRowClass: "headerRowClass", actionsSpacerClass: "actionsSpacerClass", labelClass: "labelClass", valueClass: "valueClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", itemRowClass: "itemRowClass", itemColumnsWrapperClass: "itemColumnsWrapperClass", itemColumnClass: "itemColumnClass", actionsColumnClass: "actionsColumnClass", rowMarginBottomClass: "rowMarginBottomClass", rowMarginBottomEmptyClass: "rowMarginBottomEmptyClass" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"experienceIcon\"\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(experiences.length > 0){\r\n\r\n <div class=\"row\">\r\n <div [class]=\"headerRowClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Period' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Employer' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Position' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'TerminationReason' | HRTranslate}}</p>\r\n </div>\r\n </div>\r\n\r\n <div [class]=\"actionsSpacerClass\"></div>\r\n\r\n @for (experience of experiences; track experience){\r\n <div [class]=\"itemColumnsWrapperClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\">{{(experience.StartDate | date:'dd/MM/yyyy') + ' - ' + (experience.EndDate | date:'dd/MM/yyyy')}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"experience.Employer ? experience.Employer : ''\">\r\n @if(experience.Employer){\r\n {{experience.Employer}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"experience.Position ? experience.Position : ''\">\r\n @if(experience.Position){\r\n {{experience.Position}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"experience.TerminationReason ? experience.TerminationReason : ''\">\r\n @if(experience.TerminationReason){\r\n {{experience.TerminationReason}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n </div>\r\n\r\n @if(experience.Document){\r\n <div [class]=\"actionsColumnClass\">\r\n <fa-icon [icon]=\"viewIcon\" [class]=\"viewIconClass\" (click)=\"onAttachmentView(experience.Document)\"></fa-icon>\r\n <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\" (click)=\"onAttachmentDownload(experience.Document)\"></fa-icon>\r\n </div>\r\n }\r\n\r\n }\r\n\r\n </div>\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)) : ('ThereIsNoExperiencesYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n\r\n }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { 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"] }] });
|
|
3765
3765
|
}
|
|
3766
3766
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileExperiencesWidgetComponent, decorators: [{
|
|
3767
3767
|
type: Component,
|
|
3768
3768
|
args: [{ selector: 'hr-profile-experiences-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent,
|
|
3769
|
-
HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule], template: "<sky-section-divider [fontAwesomeIcon]=\"experienceIcon\"\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(experiences.length > 0){\r\n\r\n <div class=\"row\">\r\n <div [class]=\"headerRowClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Period' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Employer' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Position' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'TerminationReason' | HRTranslate}}</p>\r\n </div>\r\n </div>\r\n\r\n <div [class]=\"actionsSpacerClass\"></div>\r\n\r\n
|
|
3769
|
+
HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule], template: "<sky-section-divider [fontAwesomeIcon]=\"experienceIcon\"\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(experiences.length > 0){\r\n\r\n <div class=\"row\">\r\n <div [class]=\"headerRowClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Period' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Employer' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Position' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'TerminationReason' | HRTranslate}}</p>\r\n </div>\r\n </div>\r\n\r\n <div [class]=\"actionsSpacerClass\"></div>\r\n\r\n @for (experience of experiences; track experience){\r\n <div [class]=\"itemColumnsWrapperClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\">{{(experience.StartDate | date:'dd/MM/yyyy') + ' - ' + (experience.EndDate | date:'dd/MM/yyyy')}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"experience.Employer ? experience.Employer : ''\">\r\n @if(experience.Employer){\r\n {{experience.Employer}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"experience.Position ? experience.Position : ''\">\r\n @if(experience.Position){\r\n {{experience.Position}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"experience.TerminationReason ? experience.TerminationReason : ''\">\r\n @if(experience.TerminationReason){\r\n {{experience.TerminationReason}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n </div>\r\n\r\n @if(experience.Document){\r\n <div [class]=\"actionsColumnClass\">\r\n <fa-icon [icon]=\"viewIcon\" [class]=\"viewIconClass\" (click)=\"onAttachmentView(experience.Document)\"></fa-icon>\r\n <fa-icon [icon]=\"downloadIcon\" [class]=\"downloadIconClass\" (click)=\"onAttachmentDownload(experience.Document)\"></fa-icon>\r\n </div>\r\n }\r\n\r\n }\r\n\r\n </div>\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)) : ('ThereIsNoExperiencesYet' | HRTranslate)\">\r\n</sky-empty-design-card>\r\n\r\n }\r\n</div>\r\n" }]
|
|
3770
3770
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
3771
3771
|
type: Input
|
|
3772
3772
|
}], sectionTitle: [{
|
|
@@ -3840,8 +3840,8 @@ class ProfileDegreesWidgetComponent {
|
|
|
3840
3840
|
rowMarginBottomEmptyClass = 'mb-4';
|
|
3841
3841
|
headerRowClass = 'row col-10';
|
|
3842
3842
|
actionsSpacerClass = 'col-2';
|
|
3843
|
-
labelClass = 'field-secondary-label-sm';
|
|
3844
|
-
valueClass = 'text-dark-gray fs-14';
|
|
3843
|
+
labelClass = 'field-secondary-label-sm text-ellipsis-one-line';
|
|
3844
|
+
valueClass = 'text-dark-gray fs-14 text-ellipsis-one-line';
|
|
3845
3845
|
viewIconClass = 'fs-15 text-dark cursor-pointer';
|
|
3846
3846
|
downloadIconClass = 'fs-15 mx-3 text-dark cursor-pointer';
|
|
3847
3847
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
@@ -3849,7 +3849,7 @@ class ProfileDegreesWidgetComponent {
|
|
|
3849
3849
|
itemRowClass = 'row';
|
|
3850
3850
|
itemColumnsWrapperClass = 'row col-10 mt-3';
|
|
3851
3851
|
itemColumnClass = 'col-3';
|
|
3852
|
-
actionsColumnClass = 'align-items-end
|
|
3852
|
+
actionsColumnClass = 'col-2 align-items-end mt-3';
|
|
3853
3853
|
isLoadingChanged = new EventEmitter();
|
|
3854
3854
|
attachmentViewed = new EventEmitter();
|
|
3855
3855
|
attachmentDownloaded = new EventEmitter();
|
|
@@ -3894,11 +3894,11 @@ class ProfileDegreesWidgetComponent {
|
|
|
3894
3894
|
this.attachmentDownloaded.emit(file);
|
|
3895
3895
|
}
|
|
3896
3896
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileDegreesWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3897
|
-
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", labelClass: "labelClass", valueClass: "valueClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", itemRowClass: "itemRowClass", itemColumnsWrapperClass: "itemColumnsWrapperClass", itemColumnClass: "itemColumnClass", actionsColumnClass: "actionsColumnClass" }, 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 <div class=\"row\">\r\n <div [class]=\"headerRowClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Degree/Year' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Country' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Specialty' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Institute' | HRTranslate}}</p>\r\n </div>\r\n </div>\r\n\r\n <div [class]=\"actionsSpacerClass\"></div>\r\n\r\n @for (qualification of degrees; track qualification){\r\n <div [class]=\"
|
|
3897
|
+
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", labelClass: "labelClass", valueClass: "valueClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", itemRowClass: "itemRowClass", itemColumnsWrapperClass: "itemColumnsWrapperClass", itemColumnClass: "itemColumnClass", actionsColumnClass: "actionsColumnClass" }, 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 <div class=\"row\">\r\n <div [class]=\"headerRowClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Degree/Year' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Country' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Specialty' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Institute' | HRTranslate}}</p>\r\n </div>\r\n </div>\r\n\r\n <div [class]=\"actionsSpacerClass\"></div>\r\n\r\n @for (qualification of degrees; track qualification){\r\n <div [class]=\"itemColumnsWrapperClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\">{{qualification.DegreeName + ' / ' + qualification.DegreeYear}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"qualification.CountryName ? qualification.CountryName : ''\">{{qualification.CountryName}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"qualification.Specialty ? qualification.Specialty : ''\">\r\n @if(qualification.Specialty){\r\n {{qualification.Specialty}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"qualification.Institute ? qualification.Institute : ''\">\r\n @if(qualification.Institute){\r\n {{qualification.Institute}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n </div>\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 }\r\n </div>\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"] }] });
|
|
3898
3898
|
}
|
|
3899
3899
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfileDegreesWidgetComponent, decorators: [{
|
|
3900
3900
|
type: Component,
|
|
3901
|
-
args: [{ selector: 'hr-profile-degrees-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule], 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 <div class=\"row\">\r\n <div [class]=\"headerRowClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Degree/Year' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Country' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Specialty' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Institute' | HRTranslate}}</p>\r\n </div>\r\n </div>\r\n\r\n <div [class]=\"actionsSpacerClass\"></div>\r\n\r\n @for (qualification of degrees; track qualification){\r\n <div [class]=\"
|
|
3901
|
+
args: [{ selector: 'hr-profile-degrees-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule], 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 <div class=\"row\">\r\n <div [class]=\"headerRowClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Degree/Year' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Country' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Specialty' | HRTranslate}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"labelClass\">{{'Institute' | HRTranslate}}</p>\r\n </div>\r\n </div>\r\n\r\n <div [class]=\"actionsSpacerClass\"></div>\r\n\r\n @for (qualification of degrees; track qualification){\r\n <div [class]=\"itemColumnsWrapperClass\">\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\">{{qualification.DegreeName + ' / ' + qualification.DegreeYear}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"qualification.CountryName ? qualification.CountryName : ''\">{{qualification.CountryName}}</p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"qualification.Specialty ? qualification.Specialty : ''\">\r\n @if(qualification.Specialty){\r\n {{qualification.Specialty}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n\r\n <div [class]=\"itemColumnClass\">\r\n <p [class]=\"valueClass\" [title]=\"qualification.Institute ? qualification.Institute : ''\">\r\n @if(qualification.Institute){\r\n {{qualification.Institute}}\r\n }@else{\r\n {{'\u2014'}}\r\n }\r\n </p>\r\n </div>\r\n </div>\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 }\r\n </div>\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" }]
|
|
3902
3902
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
3903
3903
|
type: Input
|
|
3904
3904
|
}], sectionTitle: [{
|