@skysoftware-co/bayan-hr-widgets-ui 1.0.43 → 1.0.44
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.
|
@@ -215,10 +215,10 @@ var TotalEmployerShare$2 = "Total employer share";
|
|
|
215
215
|
var Dependents$2 = "Dependents";
|
|
216
216
|
var NotEntitled$2 = "Not entitled";
|
|
217
217
|
var ThereAreNoDependentsYet$2 = "There are no dependents yet";
|
|
218
|
-
var PersonalDocuments$
|
|
219
|
-
var ThereAreNoPersonalDocumentsYet
|
|
220
|
-
var ThereAreNoDependentsDocumentsYet
|
|
221
|
-
var DependentsDocuments$
|
|
218
|
+
var PersonalDocuments$1 = "Personal Documents";
|
|
219
|
+
var ThereAreNoPersonalDocumentsYet = "There are no personal documents yet";
|
|
220
|
+
var ThereAreNoDependentsDocumentsYet = "There are no dependents' documents yet";
|
|
221
|
+
var DependentsDocuments$1 = "Dependents Documents";
|
|
222
222
|
var en = {
|
|
223
223
|
ReportingTo: ReportingTo$2,
|
|
224
224
|
NotAnknown: NotAnknown$2,
|
|
@@ -372,10 +372,10 @@ var en = {
|
|
|
372
372
|
"TicketEvery{{value}}Months": "Ticket every {{value}} months",
|
|
373
373
|
"TicketEvery{{value}}Month": "Ticket every {{value}} month",
|
|
374
374
|
ThereAreNoDependentsYet: ThereAreNoDependentsYet$2,
|
|
375
|
-
PersonalDocuments: PersonalDocuments$
|
|
376
|
-
ThereAreNoPersonalDocumentsYet: ThereAreNoPersonalDocumentsYet
|
|
377
|
-
ThereAreNoDependentsDocumentsYet: ThereAreNoDependentsDocumentsYet
|
|
378
|
-
DependentsDocuments: DependentsDocuments$
|
|
375
|
+
PersonalDocuments: PersonalDocuments$1,
|
|
376
|
+
ThereAreNoPersonalDocumentsYet: ThereAreNoPersonalDocumentsYet,
|
|
377
|
+
ThereAreNoDependentsDocumentsYet: ThereAreNoDependentsDocumentsYet,
|
|
378
|
+
DependentsDocuments: DependentsDocuments$1
|
|
379
379
|
};
|
|
380
380
|
|
|
381
381
|
var ReportingTo$1 = "مفوض الى";
|
|
@@ -5144,17 +5144,13 @@ class ProfilePersonalDocumentsWidgetComponent {
|
|
|
5144
5144
|
headerDividerClass = 'flex-grow-1 ms-2';
|
|
5145
5145
|
valueClass = 'text-dark-gray fs-14';
|
|
5146
5146
|
viewIconClass = 'fs-15 text-dark cursor-pointer';
|
|
5147
|
-
downloadIconClass = 'fs-15
|
|
5147
|
+
downloadIconClass = 'fs-15 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
5150
|
cardClass = 'mt-4 card-shadow position-relative p-4';
|
|
5151
|
-
rowClass = 'row px-4 pb-3';
|
|
5152
|
-
rowPtClass = 'pt-3';
|
|
5153
|
-
columnClass = 'col-md-3 col-6';
|
|
5154
|
-
responsiveTopSpacingColClass = 'col-md-3 col-6 mt-md-0 mt-4';
|
|
5155
5151
|
topSpacingColClass = 'col-md-3 col-6 mt-4';
|
|
5156
5152
|
labelClass = 'field-secondary-label-sm mb-1';
|
|
5157
|
-
actionsColumnClass = 'col-2 d-flex
|
|
5153
|
+
actionsColumnClass = 'col-2 d-flex flex-column mt-3';
|
|
5158
5154
|
isLoadingChanged = new EventEmitter();
|
|
5159
5155
|
attachmentViewed = new EventEmitter();
|
|
5160
5156
|
attachmentDownloaded = new EventEmitter();
|
|
@@ -5194,11 +5190,11 @@ class ProfilePersonalDocumentsWidgetComponent {
|
|
|
5194
5190
|
this.attachmentDownloaded.emit(attachments);
|
|
5195
5191
|
}
|
|
5196
5192
|
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",
|
|
5193
|
+
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", 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\r\n @if(documents.length) {\r\n\r\n <div [class]=\"cardClass\">\r\n\r\n <div class=\"mb-3\">\r\n <p class=\"text-dark fs-16 mb-0\">{{ employeeName }} ({{ 'Me' | HRTranslate }})</p>\r\n </div>\r\n\r\n <div class=\"row mb-2 g-2\">\r\n <div class=\"col-3\">\r\n <p [class]=\"labelClass\">{{ 'Type' | HRTranslate }}</p>\r\n </div>\r\n <div class=\"col-3\">\r\n <p [class]=\"labelClass\">{{ 'DocumentNumber' | HRTranslate }}</p>\r\n </div>\r\n <div class=\"col-2\">\r\n <p [class]=\"labelClass\">{{ 'IssueDate' | HRTranslate }}</p>\r\n </div>\r\n <div class=\"col-2\">\r\n <p [class]=\"labelClass\">{{ 'ExpiryDate' | HRTranslate }}</p>\r\n </div>\r\n <div class=\"col-2\"></div>\r\n </div>\r\n\r\n @for(doc of documents; track doc) {\r\n <div class=\"row align-items-center g-1 py-1\">\r\n\r\n <div class=\"col-3\">\r\n <p [class]=\"valueClass + ' mb-0'\">{{ doc.DocumentTypeName }}</p>\r\n </div>\r\n\r\n <div class=\"col-3\">\r\n <p [class]=\"valueClass + ' mb-0'\">{{ doc.DocumentNumber || '-' }}</p>\r\n </div>\r\n\r\n <div class=\"col-2\">\r\n <p [class]=\"valueClass + ' mb-0'\">\r\n {{ doc.IssueDate ? (doc.IssueDate | date:'dd/MM/yyyy') : '\u2014' }}\r\n </p>\r\n </div>\r\n\r\n <div class=\"col-2\">\r\n <p [class]=\"valueClass + ' mb-0'\">\r\n {{ doc.ExpiryDate ? (doc.ExpiryDate | date:'dd/MM/yyyy') : '\u2014' }}\r\n </p>\r\n </div>\r\n\r\n <div class=\"col-2 d-flex align-items-center gap-2\">\r\n\r\n @if(doc.Attachments?.length) {\r\n\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 } @else {\r\n <div class=\"invisible\">\r\n <fa-icon [icon]=\"viewIcon\"></fa-icon>\r\n </div>\r\n }\r\n\r\n <div class=\"bg-light-gray rounded-3 d-flex align-items-center justify-content-center px-2\"\r\n (click)=\"onDownload(doc)\">\r\n <fa-icon [icon]=\"downloadIcon\"\r\n [class]=\"downloadIconClass\">\r\n </fa-icon>\r\n <span class=\"ps-1\">{{ doc.Attachments.length }}</span>\r\n </div>\r\n\r\n }\r\n\r\n </div>\r\n\r\n </div>\r\n }\r\n\r\n </div>\r\n\r\n \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: "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
5194
|
}
|
|
5199
5195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ProfilePersonalDocumentsWidgetComponent, decorators: [{
|
|
5200
5196
|
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=\"
|
|
5197
|
+
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\r\n @if(documents.length) {\r\n\r\n <div [class]=\"cardClass\">\r\n\r\n <div class=\"mb-3\">\r\n <p class=\"text-dark fs-16 mb-0\">{{ employeeName }} ({{ 'Me' | HRTranslate }})</p>\r\n </div>\r\n\r\n <div class=\"row mb-2 g-2\">\r\n <div class=\"col-3\">\r\n <p [class]=\"labelClass\">{{ 'Type' | HRTranslate }}</p>\r\n </div>\r\n <div class=\"col-3\">\r\n <p [class]=\"labelClass\">{{ 'DocumentNumber' | HRTranslate }}</p>\r\n </div>\r\n <div class=\"col-2\">\r\n <p [class]=\"labelClass\">{{ 'IssueDate' | HRTranslate }}</p>\r\n </div>\r\n <div class=\"col-2\">\r\n <p [class]=\"labelClass\">{{ 'ExpiryDate' | HRTranslate }}</p>\r\n </div>\r\n <div class=\"col-2\"></div>\r\n </div>\r\n\r\n @for(doc of documents; track doc) {\r\n <div class=\"row align-items-center g-1 py-1\">\r\n\r\n <div class=\"col-3\">\r\n <p [class]=\"valueClass + ' mb-0'\">{{ doc.DocumentTypeName }}</p>\r\n </div>\r\n\r\n <div class=\"col-3\">\r\n <p [class]=\"valueClass + ' mb-0'\">{{ doc.DocumentNumber || '-' }}</p>\r\n </div>\r\n\r\n <div class=\"col-2\">\r\n <p [class]=\"valueClass + ' mb-0'\">\r\n {{ doc.IssueDate ? (doc.IssueDate | date:'dd/MM/yyyy') : '\u2014' }}\r\n </p>\r\n </div>\r\n\r\n <div class=\"col-2\">\r\n <p [class]=\"valueClass + ' mb-0'\">\r\n {{ doc.ExpiryDate ? (doc.ExpiryDate | date:'dd/MM/yyyy') : '\u2014' }}\r\n </p>\r\n </div>\r\n\r\n <div class=\"col-2 d-flex align-items-center gap-2\">\r\n\r\n @if(doc.Attachments?.length) {\r\n\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 } @else {\r\n <div class=\"invisible\">\r\n <fa-icon [icon]=\"viewIcon\"></fa-icon>\r\n </div>\r\n }\r\n\r\n <div class=\"bg-light-gray rounded-3 d-flex align-items-center justify-content-center px-2\"\r\n (click)=\"onDownload(doc)\">\r\n <fa-icon [icon]=\"downloadIcon\"\r\n [class]=\"downloadIconClass\">\r\n </fa-icon>\r\n <span class=\"ps-1\">{{ doc.Attachments.length }}</span>\r\n </div>\r\n\r\n }\r\n\r\n </div>\r\n\r\n </div>\r\n }\r\n\r\n </div>\r\n\r\n \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
5198
|
}], ctorParameters: () => [{ type: HRSelfWidgetsService }], propDecorators: { baseUrl: [{
|
|
5203
5199
|
type: Input
|
|
5204
5200
|
}], employeeName: [{
|
|
@@ -5229,14 +5225,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
5229
5225
|
type: Input
|
|
5230
5226
|
}], cardClass: [{
|
|
5231
5227
|
type: Input
|
|
5232
|
-
}], rowClass: [{
|
|
5233
|
-
type: Input
|
|
5234
|
-
}], rowPtClass: [{
|
|
5235
|
-
type: Input
|
|
5236
|
-
}], columnClass: [{
|
|
5237
|
-
type: Input
|
|
5238
|
-
}], responsiveTopSpacingColClass: [{
|
|
5239
|
-
type: Input
|
|
5240
5228
|
}], topSpacingColClass: [{
|
|
5241
5229
|
type: Input
|
|
5242
5230
|
}], labelClass: [{
|