@skysoftware-co/bayan-hr-widgets-ui 1.0.42 → 1.0.43
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.
|
@@ -5147,14 +5147,14 @@ class ProfilePersonalDocumentsWidgetComponent {
|
|
|
5147
5147
|
downloadIconClass = 'fs-15 mx-3 text-dark cursor-pointer';
|
|
5148
5148
|
emptyStateContainerClass = 'd-flex flex-column justify-content-center align-items-center my-5';
|
|
5149
5149
|
emptyStateTextClass = 'field-secondary-label-md';
|
|
5150
|
-
cardClass = 'mt-4 card-shadow position-relative';
|
|
5150
|
+
cardClass = 'mt-4 card-shadow position-relative p-4';
|
|
5151
5151
|
rowClass = 'row px-4 pb-3';
|
|
5152
5152
|
rowPtClass = 'pt-3';
|
|
5153
5153
|
columnClass = 'col-md-3 col-6';
|
|
5154
5154
|
responsiveTopSpacingColClass = 'col-md-3 col-6 mt-md-0 mt-4';
|
|
5155
5155
|
topSpacingColClass = 'col-md-3 col-6 mt-4';
|
|
5156
5156
|
labelClass = 'field-secondary-label-sm mb-1';
|
|
5157
|
-
actionsColumnClass = 'col-2 align-items-
|
|
5157
|
+
actionsColumnClass = 'col-2 d-flex align-items-center gap-2 mt-3';
|
|
5158
5158
|
isLoadingChanged = new EventEmitter();
|
|
5159
5159
|
attachmentViewed = new EventEmitter();
|
|
5160
5160
|
attachmentDownloaded = new EventEmitter();
|
|
@@ -5194,11 +5194,11 @@ class ProfilePersonalDocumentsWidgetComponent {
|
|
|
5194
5194
|
this.attachmentDownloaded.emit(attachments);
|
|
5195
5195
|
}
|
|
5196
5196
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalDocumentsWidgetComponent, deps: [{ token: HRSelfWidgetsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5197
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalDocumentsWidgetComponent, isStandalone: true, selector: "hr-profile-personal-documents-widget", inputs: { baseUrl: "baseUrl", employeeName: "employeeName", sectionTitle: "sectionTitle", icon: "icon", viewIcon: "viewIcon", downloadIcon: "downloadIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", valueClass: "valueClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", cardClass: "cardClass", rowClass: "rowClass", rowPtClass: "rowPtClass", columnClass: "columnClass", responsiveTopSpacingColClass: "responsiveTopSpacingColClass", topSpacingColClass: "topSpacingColClass", labelClass: "labelClass", actionsColumnClass: "actionsColumnClass" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"icon\"\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=\"mt-4\">\r\n @if(documents.length) {\r\n <div [class]=\"cardClass\">\r\n <div class=\"px-3 pt-3\">\r\n <span class=\"text-dark fs-16\">\r\n {{ employeeName }}\r\n </span>\r\n <span class=\"text-dark fs-16 mx-1\">\r\n ({{ 'Me' }})\r\n </span>\r\n </div>\r\n @for(doc of documents; track doc) {\r\n <div class=\"row px-4
|
|
5197
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ProfilePersonalDocumentsWidgetComponent, isStandalone: true, selector: "hr-profile-personal-documents-widget", inputs: { baseUrl: "baseUrl", employeeName: "employeeName", sectionTitle: "sectionTitle", icon: "icon", viewIcon: "viewIcon", downloadIcon: "downloadIcon", headerIconClass: "headerIconClass", headerTextClass: "headerTextClass", headerDividerClass: "headerDividerClass", valueClass: "valueClass", viewIconClass: "viewIconClass", downloadIconClass: "downloadIconClass", emptyStateContainerClass: "emptyStateContainerClass", emptyStateTextClass: "emptyStateTextClass", cardClass: "cardClass", rowClass: "rowClass", rowPtClass: "rowPtClass", columnClass: "columnClass", responsiveTopSpacingColClass: "responsiveTopSpacingColClass", topSpacingColClass: "topSpacingColClass", labelClass: "labelClass", actionsColumnClass: "actionsColumnClass" }, outputs: { isLoadingChanged: "isLoadingChanged", attachmentViewed: "attachmentViewed", attachmentDownloaded: "attachmentDownloaded", errorOccurred: "errorOccurred" }, ngImport: i0, template: "<sky-section-divider [fontAwesomeIcon]=\"icon\"\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=\"mt-4\">\r\n @if(documents.length) {\r\n <div [class]=\"cardClass\">\r\n <div class=\"px-3 pt-3\">\r\n <span class=\"text-dark fs-16\">\r\n {{ employeeName }}\r\n </span>\r\n <span class=\"text-dark fs-16 mx-1\">\r\n ({{ 'Me' }})\r\n </span>\r\n </div>\r\n @for(doc of documents; track doc) {\r\n <div class=\"row px-4 pt-3 align-items-center\">\r\n <div class=\"col-md-3 col-6\" [title]=\"doc.DocumentTypeName\">\r\n <div [class]=\"labelClass\">Type</div>\r\n <div [class]=\"valueClass\">{{ doc.DocumentTypeName || '-' }}</div>\r\n </div>\r\n <div class=\"col-md-3 col-6\" [title]=\"doc.DocumentNumber\">\r\n <div [class]=\"labelClass\">Document Number</div>\r\n <div [class]=\"valueClass\">{{ doc.DocumentNumber || '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-6 mt-md-0 mt-3\" [title]=\"doc.IssueDate\">\r\n <div [class]=\"labelClass\">Issue Date</div>\r\n <div [class]=\"valueClass\">{{ doc.IssueDate ? (doc.IssueDate | date:'dd/MM/yyyy') : '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-6 mt-md-0 mt-3\" [title]=\"doc.ExpiryDate\">\r\n <div [class]=\"labelClass\">Expiry Date</div>\r\n <div [class]=\"valueClass\">{{ doc.ExpiryDate ? (doc.ExpiryDate | date:'dd/MM/yyyy') : '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-12 d-flex align-items-center gap-2 mt-md-0 mt-3\">\r\n @if(doc.Attachments && doc.Attachments.length > 0) {\r\n @if(doc.Attachments.length === 1) {\r\n <fa-icon [icon]=\"viewIcon\"\r\n [class]=\"viewIconClass\"\r\n (click)=\"onAttachmentView(doc)\">\r\n </fa-icon>\r\n }\r\n <div class=\"bg-light-gray rounded-3 d-flex justify-content-center align-items-center cursor-pointer\"\r\n [ngClass]=\"{'px-3': doc.Attachments.length > 1, 'px-2': doc.Attachments.length === 1}\"\r\n (click)=\"onDownload(doc)\">\r\n <fa-icon [icon]=\"downloadIcon\" class=\"fs-6 text-dark\"></fa-icon>\r\n <span class=\"text-dark fs-12 fw-bold ps-2\">{{ doc.Attachments.length }}</span>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n } @else {\r\n <sky-empty-design-card [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [containerClass]=\"emptyStateContainerClass\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereAreNoPersonalDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] });
|
|
5198
5198
|
}
|
|
5199
5199
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalDocumentsWidgetComponent, decorators: [{
|
|
5200
5200
|
type: Component,
|
|
5201
|
-
args: [{ selector: 'hr-profile-personal-documents-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"icon\"\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=\"mt-4\">\r\n @if(documents.length) {\r\n <div [class]=\"cardClass\">\r\n <div class=\"px-3 pt-3\">\r\n <span class=\"text-dark fs-16\">\r\n {{ employeeName }}\r\n </span>\r\n <span class=\"text-dark fs-16 mx-1\">\r\n ({{ 'Me' }})\r\n </span>\r\n </div>\r\n @for(doc of documents; track doc) {\r\n <div class=\"row px-4
|
|
5201
|
+
args: [{ selector: 'hr-profile-personal-documents-widget', standalone: true, imports: [CommonModule, SkySectionDividerComponent, HRTranslatePipe, SkyEmptyDesignCardComponent, FontAwesomeModule, HRInfoFieldComponent], template: "<sky-section-divider [fontAwesomeIcon]=\"icon\"\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=\"mt-4\">\r\n @if(documents.length) {\r\n <div [class]=\"cardClass\">\r\n <div class=\"px-3 pt-3\">\r\n <span class=\"text-dark fs-16\">\r\n {{ employeeName }}\r\n </span>\r\n <span class=\"text-dark fs-16 mx-1\">\r\n ({{ 'Me' }})\r\n </span>\r\n </div>\r\n @for(doc of documents; track doc) {\r\n <div class=\"row px-4 pt-3 align-items-center\">\r\n <div class=\"col-md-3 col-6\" [title]=\"doc.DocumentTypeName\">\r\n <div [class]=\"labelClass\">Type</div>\r\n <div [class]=\"valueClass\">{{ doc.DocumentTypeName || '-' }}</div>\r\n </div>\r\n <div class=\"col-md-3 col-6\" [title]=\"doc.DocumentNumber\">\r\n <div [class]=\"labelClass\">Document Number</div>\r\n <div [class]=\"valueClass\">{{ doc.DocumentNumber || '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-6 mt-md-0 mt-3\" [title]=\"doc.IssueDate\">\r\n <div [class]=\"labelClass\">Issue Date</div>\r\n <div [class]=\"valueClass\">{{ doc.IssueDate ? (doc.IssueDate | date:'dd/MM/yyyy') : '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-6 mt-md-0 mt-3\" [title]=\"doc.ExpiryDate\">\r\n <div [class]=\"labelClass\">Expiry Date</div>\r\n <div [class]=\"valueClass\">{{ doc.ExpiryDate ? (doc.ExpiryDate | date:'dd/MM/yyyy') : '-' }}</div>\r\n </div>\r\n <div class=\"col-md-2 col-12 d-flex align-items-center gap-2 mt-md-0 mt-3\">\r\n @if(doc.Attachments && doc.Attachments.length > 0) {\r\n @if(doc.Attachments.length === 1) {\r\n <fa-icon [icon]=\"viewIcon\"\r\n [class]=\"viewIconClass\"\r\n (click)=\"onAttachmentView(doc)\">\r\n </fa-icon>\r\n }\r\n <div class=\"bg-light-gray rounded-3 d-flex justify-content-center align-items-center cursor-pointer\"\r\n [ngClass]=\"{'px-3': doc.Attachments.length > 1, 'px-2': doc.Attachments.length === 1}\"\r\n (click)=\"onDownload(doc)\">\r\n <fa-icon [icon]=\"downloadIcon\" class=\"fs-6 text-dark\"></fa-icon>\r\n <span class=\"text-dark fs-12 fw-bold ps-2\">{{ doc.Attachments.length }}</span>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n } @else {\r\n <sky-empty-design-card [visibleIcon]=\"false\"\r\n [visibleQuickAction]=\"false\"\r\n [containerClass]=\"emptyStateContainerClass\"\r\n [emptyTextClass]=\"emptyStateTextClass\"\r\n [emptyText]=\"isLoading ? ((sectionTitle | HRTranslate) + ' ' + ('IsLoading' | HRTranslate)) : ('ThereAreNoPersonalDocumentsYet' | HRTranslate)\">\r\n </sky-empty-design-card>\r\n }\r\n</div>\r\n" }]
|
|
5202
5202
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
5203
5203
|
type: Input
|
|
5204
5204
|
}], employeeName: [{
|