@colijnit/sharedcomponents 255.1.11 → 255.1.13

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.
Files changed (24) hide show
  1. package/3rdpartylicenses.txt +1405 -0
  2. package/bundles/colijnit-sharedcomponents.umd.js +24 -5
  3. package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
  4. package/colijnit-sharedcomponents.metadata.json +1 -1
  5. package/esm2015/lib/components/activity-overview-component/component-activity-overview.component.js +3 -2
  6. package/esm2015/lib/components/activity-overview-component/components/base-activity-overview.component.js +6 -1
  7. package/esm2015/lib/components/modify-task-form/modify-task-form.component.js +8 -2
  8. package/esm2015/lib/components/open-activity-list/component-activity-list.component.js +7 -1
  9. package/esm2015/lib/components/task-modifyer/task-modifier.component.js +7 -1
  10. package/favicon.ico +0 -0
  11. package/fesm2015/colijnit-sharedcomponents.js +26 -2
  12. package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
  13. package/index.html +12 -0
  14. package/lib/components/activity-list/style/_layout.scss +4 -2
  15. package/lib/components/activity-overview-component/components/base-activity-overview.component.d.ts +2 -0
  16. package/lib/components/activity-overview-component/style/_layout.scss +4 -2
  17. package/lib/components/modify-task-form/modify-task-form.component.d.ts +2 -0
  18. package/lib/components/open-activity-list/component-activity-list.component.d.ts +1 -0
  19. package/lib/components/task-modifyer/task-modifier.component.d.ts +2 -0
  20. package/main.e4088c92fb309d6af37a.js +1 -0
  21. package/package.json +2 -2
  22. package/polyfills.907fe9d1887c5de17993.js +1 -0
  23. package/runtime.8aac21847ed3d3829cca.js +1 -0
  24. package/styles.8fce26887e7ff9657567.css +1 -0
@@ -11836,6 +11836,7 @@
11836
11836
  this.activityChange = new i0.EventEmitter();
11837
11837
  this.statusChange = new i0.EventEmitter();
11838
11838
  this.showWorkLog = new i0.EventEmitter();
11839
+ this.triggerFired = new i0.EventEmitter();
11839
11840
  this.selectedMenu = 'content-menu1';
11840
11841
  this.activities = [];
11841
11842
  this.table = tableName_enum.TableName.Tasks;
@@ -11928,6 +11929,9 @@
11928
11929
  ModifyTaskFormComponent.prototype.handleSaveTags = function (tags) {
11929
11930
  this.activity.task.tags = tags;
11930
11931
  };
11932
+ ModifyTaskFormComponent.prototype.handleTriggerFired = function () {
11933
+ this.triggerFired.next();
11934
+ };
11931
11935
  ModifyTaskFormComponent.prototype._updateTaskObject = function (activity, prop) {
11932
11936
  var cloneActivity = this._boFactory.makeWithRawBackendData(activity_bo.Activity, activity);
11933
11937
  if (cloneActivity.isNew) {
@@ -11982,7 +11986,7 @@
11982
11986
  ModifyTaskFormComponent.decorators = [
11983
11987
  { type: i0.Component, args: [{
11984
11988
  selector: "co-modify-task-form",
11985
- template: "\n <div class=\"wrapper\">\n <div class=\"modify-task-header-wrapper\">\n <div class=\"modify-task-header\">\n <span class=\"header-menu\"\n [class.active]=\"selectedMenu === 'content-menu1'\"\n [textContent]=\"'TASK_DETAILS' | localize\"\n (click)=\"showContent('content-menu1')\"></span>\n <span class=\"header-menu\"\n [class.active]=\"selectedMenu === 'content-menu2'\"\n [textContent]=\"'TASK_INFORMATION' | localize\"\n (click)=\"showContent('content-menu2')\"></span>\n <span class=\"header-menu\"\n [class.active]=\"selectedMenu === 'content-menu3'\"\n [textContent]=\"'PLANNING' | localize\"\n (click)=\"showContent('content-menu3')\"></span>\n </div>\n </div>\n <div class=\"content-menu-wrapper narrow-scrollbar\">\n <div class=\"content-menu\" [hidden]=\"selectedMenu !== 'content-menu1'\">\n <div class=\"content-row-wrapper\">\n <div class=\"content-left\">\n <co-task-details [readonly]=\"readonly\"\n [table]=\"TableNames.Tasks\"\n [key]=\"key\"\n [(activity)]=\"activity\"\n (activityChange)=\"activityChange.emit($event)\"\n (showWorkLog)=\"handleShowWorkLow()\"\n noBorder\n ></co-task-details>\n <div class=\"task-column\">\n <co-input-checkbox\n class=\"invoice-checkbox\"\n [label]=\"'MARKED' | localize\"\n [(model)]=\"activity.task.isInvoiced\">\n </co-input-checkbox>\n <div class=\"marked-time-wrapper\">\n <co-input-checkbox\n [(model)]=\"activity.task.workMandatory\"\n [label]=\"'TIMEREGISTRATION_MANDATORY' | localize\"\n noModuleService>\n </co-input-checkbox>\n <!-- TODO implement back later-->\n <!-- <arrow-link *ngIf=\"!readonly\" label=\"REGISTER_TIME_HERE\" (click)=\"handleRegisterWork()\"></arrow-link>-->\n </div>\n </div>\n\n </div>\n <div class=\"content-right\">\n <div class=\"activity-content-header\" [textContent]=\"'PERSONS' | localize\"></div>\n <co-executive-summary-block\n [readonly]=\"readonly\"\n [(activity)]=\"activity\"\n (activityChange)=\"activityChange.emit($event)\" noBorder\n ></co-executive-summary-block>\n\n <!--TODO implement new file upload here-->\n <!-- <activity-attachments\n [(activity)]=\"activity\"\n [readonly]=\"readonly\"\n [key]=\"activity.task.id\"\n [noForceInput]=\"true\"\n (activityChange)=\"activityChange.emit($event)\"\n noBorder\n ></activity-attachments>-->\n </div>\n </div>\n <div class=\"activities-wrapper\">\n <co-activity-list [activities]=\"activities\">\n\n </co-activity-list>\n </div>\n </div>\n <div class=\"content-menu\" [hidden]=\"selectedMenu !== 'content-menu2'\">\n <co-status-summary-block\n [readonly]=\"readonly\"\n [(activity)]=\"activity\"\n [table]=\"TableNames.Tasks\"\n [key]=\"key\"\n (activityChange)=\"activityChange.emit($event)\" noBorder\n ></co-status-summary-block>\n <co-creation-summary-block\n [readonly]=\"readonly\"\n [(activity)]=\"activity\"\n (activityChange)=\"activityChange.emit($event)\" noBorder\n ></co-creation-summary-block>\n <!--<planning-summary-block\n [readonly]=\"readonly\"\n [(activity)]=\"activity\"\n (activityChange)=\"activityChange.emit($event)\" noBorder\n ></planning-summary-block>-->\n </div>\n <div class=\"content-menu\" [hidden]=\"selectedMenu !== 'content-menu3'\">\n <co-notification-summary-block\n [readonly]=\"readonly\"\n [(activity)]=\"activity\"\n (activityChange)=\"activityChange.emit($event)\" noBorder\n ></co-notification-summary-block>\n\n <div class=\"edit-tags-wrapper\">\n <co-simple-tags-form [tags]=\"allTags\"\n [linkedTags]=\"activity.task.tags\">\n </co-simple-tags-form>\n </div>\n <div class=\"transaction-tag-wrapper\" *ngFor=\"let tag of activity.task.tags\">\n <div class=\"tag\" [textContent]=\"tag.description\"></div>\n </div>\n </div>\n </div>\n\n </div>\n ",
11989
+ template: "\n <div class=\"wrapper\">\n <div class=\"modify-task-header-wrapper\">\n <div class=\"modify-task-header\">\n <span class=\"header-menu\"\n [class.active]=\"selectedMenu === 'content-menu1'\"\n [textContent]=\"'TASK_DETAILS' | localize\"\n (click)=\"showContent('content-menu1')\"></span>\n <span class=\"header-menu\"\n [class.active]=\"selectedMenu === 'content-menu2'\"\n [textContent]=\"'TASK_INFORMATION' | localize\"\n (click)=\"showContent('content-menu2')\"></span>\n <span class=\"header-menu\"\n [class.active]=\"selectedMenu === 'content-menu3'\"\n [textContent]=\"'PLANNING' | localize\"\n (click)=\"showContent('content-menu3')\"></span>\n </div>\n </div>\n <div class=\"content-menu-wrapper narrow-scrollbar\">\n <div class=\"content-menu\" [hidden]=\"selectedMenu !== 'content-menu1'\">\n <div class=\"content-row-wrapper\">\n <div class=\"content-left\">\n <co-task-details [readonly]=\"readonly\"\n [table]=\"TableNames.Tasks\"\n [key]=\"key\"\n [(activity)]=\"activity\"\n (activityChange)=\"activityChange.emit($event)\"\n (showWorkLog)=\"handleShowWorkLow()\"\n (triggerFired)=\"handleTriggerFired()\"\n noBorder\n ></co-task-details>\n <div class=\"task-column\">\n <co-input-checkbox\n class=\"invoice-checkbox\"\n [label]=\"'MARKED' | localize\"\n [(model)]=\"activity.task.isInvoiced\">\n </co-input-checkbox>\n <div class=\"marked-time-wrapper\">\n <co-input-checkbox\n [(model)]=\"activity.task.workMandatory\"\n [label]=\"'TIMEREGISTRATION_MANDATORY' | localize\"\n noModuleService>\n </co-input-checkbox>\n <!-- TODO implement back later-->\n <!-- <arrow-link *ngIf=\"!readonly\" label=\"REGISTER_TIME_HERE\" (click)=\"handleRegisterWork()\"></arrow-link>-->\n </div>\n </div>\n\n </div>\n <div class=\"content-right\">\n <div class=\"activity-content-header\" [textContent]=\"'PERSONS' | localize\"></div>\n <co-executive-summary-block\n [readonly]=\"readonly\"\n [(activity)]=\"activity\"\n (activityChange)=\"activityChange.emit($event)\" noBorder\n ></co-executive-summary-block>\n\n <!--TODO implement new file upload here-->\n <!-- <activity-attachments\n [(activity)]=\"activity\"\n [readonly]=\"readonly\"\n [key]=\"activity.task.id\"\n [noForceInput]=\"true\"\n (activityChange)=\"activityChange.emit($event)\"\n noBorder\n ></activity-attachments>-->\n </div>\n </div>\n <div class=\"activities-wrapper\">\n <co-activity-list [activities]=\"activities\">\n\n </co-activity-list>\n </div>\n </div>\n <div class=\"content-menu\" [hidden]=\"selectedMenu !== 'content-menu2'\">\n <co-status-summary-block\n [readonly]=\"readonly\"\n [(activity)]=\"activity\"\n [table]=\"TableNames.Tasks\"\n [key]=\"key\"\n (activityChange)=\"activityChange.emit($event)\" noBorder\n ></co-status-summary-block>\n <co-creation-summary-block\n [readonly]=\"readonly\"\n [(activity)]=\"activity\"\n (activityChange)=\"activityChange.emit($event)\" noBorder\n ></co-creation-summary-block>\n <!--<planning-summary-block\n [readonly]=\"readonly\"\n [(activity)]=\"activity\"\n (activityChange)=\"activityChange.emit($event)\" noBorder\n ></planning-summary-block>-->\n </div>\n <div class=\"content-menu\" [hidden]=\"selectedMenu !== 'content-menu3'\">\n <co-notification-summary-block\n [readonly]=\"readonly\"\n [(activity)]=\"activity\"\n (activityChange)=\"activityChange.emit($event)\" noBorder\n ></co-notification-summary-block>\n\n <div class=\"edit-tags-wrapper\">\n <co-simple-tags-form [tags]=\"allTags\"\n [linkedTags]=\"activity.task.tags\">\n </co-simple-tags-form>\n </div>\n <div class=\"transaction-tag-wrapper\" *ngFor=\"let tag of activity.task.tags\">\n <div class=\"tag\" [textContent]=\"tag.description\"></div>\n </div>\n </div>\n </div>\n\n </div>\n ",
11986
11990
  providers: [
11987
11991
  corecomponents_v12.FormMasterService,
11988
11992
  {
@@ -12007,7 +12011,8 @@
12007
12011
  hidden: [{ type: i0.HostBinding, args: ["class.hidden",] }],
12008
12012
  activityChange: [{ type: i0.Output }],
12009
12013
  statusChange: [{ type: i0.Output }],
12010
- showWorkLog: [{ type: i0.Output }]
12014
+ showWorkLog: [{ type: i0.Output }],
12015
+ triggerFired: [{ type: i0.Output }]
12011
12016
  };
12012
12017
  __decorate([
12013
12018
  InputBoolean()
@@ -12028,6 +12033,7 @@
12028
12033
  this.showWorkLog = new i0.EventEmitter();
12029
12034
  this.taskCreated = new i0.EventEmitter();
12030
12035
  this.taskModified = new i0.EventEmitter();
12036
+ this.triggerFired = new i0.EventEmitter();
12031
12037
  this.showAfterInsert = false;
12032
12038
  this.showNewForm = false;
12033
12039
  this.showModificationForm = false;
@@ -12253,12 +12259,15 @@
12253
12259
  TaskModifierComponent.prototype.updateEditActivity = function (activity) {
12254
12260
  this.editActivity = this._boFactory.makeWithRawBackendData(activity_bo.Activity, activity);
12255
12261
  };
12262
+ TaskModifierComponent.prototype.handleTriggerFired = function () {
12263
+ this.triggerFired.next();
12264
+ };
12256
12265
  return TaskModifierComponent;
12257
12266
  }());
12258
12267
  TaskModifierComponent.decorators = [
12259
12268
  { type: i0.Component, args: [{
12260
12269
  selector: "co-task-modifier",
12261
- template: "\n <co-dialog *ngIf=\"showForm\"\n (closeClick)=\"onPopupClose()\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n class=\"task-popup\"\n cssId=\"task_modifier_popup\"\n >\n<!--\n [header]=\"header\"\n [subHeader]=\"subHeader\"\n [subHeaderLink]=\"subHeaderLink\"\n [subSubHeader]=\"subSubHeader\"\n [headerIcon]=\"icons.Task\"\n (openLink)=\"openReferenceInModule()\"-->\n <!-- <ng-template>-->\n <ng-template #headerTemplate>\n <div class=\"header-title-wrapper\">\n <co-icon [iconData]=\"iconService.getIcon(icons.ListUlRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'TASK' | localize\"></div>\n </div>\n </ng-template>\n <div class=\"popup-wrapper\"\n [ngClass]=\"(showNewForm) ? 'new-task-popup' : ''\">\n <div class=\"form-wrapper mini-scrollbar\">\n <co-form #mainForm (validSubmit)=\"onValid()\">\n<!--\n <new-task-form *ngIf=\"showNewForm\" [activity]=\"editActivity\" [myCfgNames]=\"taskCfgNames\" [taskKey]=\"referenceId\" [taskWorkflowCategory]=\"workflowCategory\"></new-task-form>\n-->\n <co-modify-task-form #modifyTaskForm *ngIf=\"showModificationForm\"\n [activity]=\"editActivity\"\n [readonly]=\"readonly\"\n [popupContext]=\"true\"\n (statusChange)=\"doHandleStatusChange($event)\"\n (showWorkLog)=\"showWorkLog.emit()\"\n (activityChange)=\"updateEditActivity($event)\"\n ></co-modify-task-form>\n </co-form>\n </div>\n </div>\n <div class=\"popup-buttons\" fxLayout=\"column\">\n <div *ngIf=\"showNewForm\" fxLayout=\"row\" class=\"popup-thumb\">\n <span [textContent]=\"'SHOW_AFTER_INSERT' | localize\"></span>\n <!-- <thumb [(active)]=showAfterInsert\"></thumb>-->\n </div>\n </div>\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button [disabled]=\"readonly || taskEditting\" class=\"save-button\"\n (click)=\"handleSaveForm()\" [iconData]=\"iconService.getIcon(icons.CheckDuotone)\"></co-button>\n <co-button class=\"close-button\"\n (click)=\"handleCancelForm()\" [iconData]=\"iconService.getIcon(icons.CrossSkinny)\"></co-button>\n <co-button *ngIf=\"showModificationForm && !readonly\"\n [iconData]=\"iconService.getIcon(icons.Trashbin)\" class=\"delete-button\"\n [disabled]=\"readonly || taskEditting\"\n (click)=\"deleteTask()\"></co-button>\n </div>\n </ng-template>\n <!-- </ng-template>-->\n </co-dialog>\n "
12270
+ template: "\n <co-dialog *ngIf=\"showForm\"\n (closeClick)=\"onPopupClose()\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n class=\"task-popup\"\n cssId=\"task_modifier_popup\"\n >\n<!--\n [header]=\"header\"\n [subHeader]=\"subHeader\"\n [subHeaderLink]=\"subHeaderLink\"\n [subSubHeader]=\"subSubHeader\"\n [headerIcon]=\"icons.Task\"\n (openLink)=\"openReferenceInModule()\"-->\n <!-- <ng-template>-->\n <ng-template #headerTemplate>\n <div class=\"header-title-wrapper\">\n <co-icon [iconData]=\"iconService.getIcon(icons.ListUlRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'TASK' | localize\"></div>\n </div>\n </ng-template>\n <div class=\"popup-wrapper\"\n [ngClass]=\"(showNewForm) ? 'new-task-popup' : ''\">\n <div class=\"form-wrapper mini-scrollbar\">\n <co-form #mainForm (validSubmit)=\"onValid()\">\n<!--\n <new-task-form *ngIf=\"showNewForm\" [activity]=\"editActivity\" [myCfgNames]=\"taskCfgNames\" [taskKey]=\"referenceId\" [taskWorkflowCategory]=\"workflowCategory\"></new-task-form>\n-->\n <co-modify-task-form #modifyTaskForm *ngIf=\"showModificationForm\"\n [activity]=\"editActivity\"\n [readonly]=\"readonly\"\n [popupContext]=\"true\"\n (statusChange)=\"doHandleStatusChange($event)\"\n (showWorkLog)=\"showWorkLog.emit()\"\n (activityChange)=\"updateEditActivity($event)\"\n (triggerFired)=\"handleTriggerFired()\"\n ></co-modify-task-form>\n </co-form>\n </div>\n </div>\n <div class=\"popup-buttons\" fxLayout=\"column\">\n <div *ngIf=\"showNewForm\" fxLayout=\"row\" class=\"popup-thumb\">\n <span [textContent]=\"'SHOW_AFTER_INSERT' | localize\"></span>\n <!-- <thumb [(active)]=showAfterInsert\"></thumb>-->\n </div>\n </div>\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button [disabled]=\"readonly || taskEditting\" class=\"save-button\"\n (click)=\"handleSaveForm()\" [iconData]=\"iconService.getIcon(icons.CheckDuotone)\"></co-button>\n <co-button class=\"close-button\"\n (click)=\"handleCancelForm()\" [iconData]=\"iconService.getIcon(icons.CrossSkinny)\"></co-button>\n <co-button *ngIf=\"showModificationForm && !readonly\"\n [iconData]=\"iconService.getIcon(icons.Trashbin)\" class=\"delete-button\"\n [disabled]=\"readonly || taskEditting\"\n (click)=\"deleteTask()\"></co-button>\n </div>\n </ng-template>\n <!-- </ng-template>-->\n </co-dialog>\n "
12262
12271
  },] }
12263
12272
  ];
12264
12273
  TaskModifierComponent.ctorParameters = function () { return [
@@ -12285,6 +12294,7 @@
12285
12294
  showWorkLog: [{ type: i0.Output }],
12286
12295
  taskCreated: [{ type: i0.Output }],
12287
12296
  taskModified: [{ type: i0.Output }],
12297
+ triggerFired: [{ type: i0.Output }],
12288
12298
  showClass: [{ type: i0.HostBinding, args: ["class.co-task-modifier",] }]
12289
12299
  };
12290
12300
  __decorate([
@@ -12321,6 +12331,7 @@
12321
12331
  this.triggerFired = new i0.EventEmitter();
12322
12332
  this.genericTriggerFired = new i0.EventEmitter();
12323
12333
  this.formCreated = new i0.EventEmitter();
12334
+ this.formTriggerFired = new i0.EventEmitter();
12324
12335
  this.openLink = new i0.EventEmitter();
12325
12336
  this.linkClicked = new i0.EventEmitter();
12326
12337
  this.overDue = false;
@@ -12478,6 +12489,9 @@
12478
12489
  //this.taskModifier.startModifyingTaskAndWorkLog(this.activity);
12479
12490
  }
12480
12491
  };
12492
+ BaseActivityOverviewComponent.prototype.handleFormTriggerFired = function () {
12493
+ this.formTriggerFired.next();
12494
+ };
12481
12495
  BaseActivityOverviewComponent.prototype.onSaveActivity = function (activity) {
12482
12496
  this.activity = activity;
12483
12497
  this.activityChange.next(this.activity);
@@ -12574,6 +12588,7 @@
12574
12588
  triggerFired: [{ type: i0.Output }],
12575
12589
  genericTriggerFired: [{ type: i0.Output }],
12576
12590
  formCreated: [{ type: i0.Output }],
12591
+ formTriggerFired: [{ type: i0.Output }],
12577
12592
  openLink: [{ type: i0.Output }],
12578
12593
  linkClicked: [{ type: i0.Output }]
12579
12594
  };
@@ -12733,6 +12748,10 @@
12733
12748
  this.getTheActivities();
12734
12749
  this.refreshRequested.emit();
12735
12750
  };
12751
+ ComponentActivityListComponent.prototype.handleFormTriggerFired = function () {
12752
+ this.getTheActivities();
12753
+ this.refreshRequested.emit();
12754
+ };
12736
12755
  ComponentActivityListComponent.prototype.handleFormCreation = function () {
12737
12756
  this.formCreated.next();
12738
12757
  };
@@ -12787,7 +12806,7 @@
12787
12806
  ComponentActivityListComponent.decorators = [
12788
12807
  { type: i0.Component, args: [{
12789
12808
  selector: "co-component-activity-list",
12790
- template: "\n <co-activity-list-header\n *ngIf=\"showActivityHeader\"\n [title]=\"'ACTIVITIES'\"\n [table]=\"table\"\n [key]=\"key\"\n [(showUsergroupActivities)]=\"showUsergroupActivities\"\n [(searchText)]=\"searchText\"\n (periodFilterClicked)=\"doFilterClicked($event)\"\n (searchTextChange)=\"applyFilter()\"\n (showUsergroupActivitiesChange)=\"showUsergroupActivitiesChange()\"\n [setHasPausedNotificationsForWorkflowProcessOperation]=\"setHasPausedNotificationsForWorkflowProcessOperation\"\n ></co-activity-list-header>\n <div class=\"activity-list-content\">\n <div class=\"activity-wrapper\">\n <div class=\"activity-tab-content mini-scrollbar\">\n <ng-container *ngFor=\"let activityListViewModel of privateActivityListViewModels\">\n <co-collapsible *ngIf=\"activityListViewModel.showing\" #collapseable\n [headerTitle]=\"activityListViewModel.label + ' ' + activityListViewModel.amount\"\n [(expanded)]=\"activityListViewModel.expanded\">\n <ng-container *ngFor=\"let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index\">\n <co-component-activity-overview *ngIf=\"activityViewModel.showing\"\n [viewModel]=\"activityViewModel\"\n [userRelationId]=\"relationId\"\n [userGroupId]=\"userGroupId\"\n (activityChange)=\"handleChangedActivity(index, $event)\"\n (activityDeleted)=\"deleteActivity($event)\"\n (genericTriggerFired)=\"handleGenericTriggerFired($event)\"\n (triggerFired)=\"handleTriggerFired($event)\"\n (linkClicked)=\"linkClicked.emit($event)\"\n (formCreated)=\"handleFormCreation()\"></co-component-activity-overview>\n </ng-container>\n </co-collapsible>\n </ng-container>\n </div>\n <div class=\"activity-tab-content mini-scrollbar\">\n <ng-container *ngFor=\"let activityListViewModel of privateDelegatedActivityListViewModels\">\n <co-collapsible *ngIf=\"activityListViewModel.showing\" #collapseable\n [headerTitle]=\"activityListViewModel.label + ' ' + activityListViewModel.amount\"\n [(expanded)]=\"activityListViewModel.expanded\">\n <ng-container *ngFor=\"let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index\">\n <co-component-activity-overview *ngIf=\"activityViewModel.showing\"\n [viewModel]=\"activityViewModel\"\n [userRelationId]=\"relationId\"\n [userGroupId]=\"userGroupId\"\n (activityChange)=\"handleChangedActivity(index, $event)\"\n (activityDeleted)=\"deleteActivity($event)\"\n (genericTriggerFired)=\"handleGenericTriggerFired($event)\"\n (triggerFired)=\"handleTriggerFired($event)\"\n (linkClicked)=\"linkClicked.emit($event)\"\n (formCreated)=\"handleFormCreation()\"></co-component-activity-overview>\n </ng-container>\n </co-collapsible>\n </ng-container>\n </div>\n </div>\n </div>\n ",
12809
+ template: "\n <co-activity-list-header\n *ngIf=\"showActivityHeader\"\n [title]=\"'ACTIVITIES'\"\n [table]=\"table\"\n [key]=\"key\"\n [(showUsergroupActivities)]=\"showUsergroupActivities\"\n [(searchText)]=\"searchText\"\n (periodFilterClicked)=\"doFilterClicked($event)\"\n (searchTextChange)=\"applyFilter()\"\n (showUsergroupActivitiesChange)=\"showUsergroupActivitiesChange()\"\n [setHasPausedNotificationsForWorkflowProcessOperation]=\"setHasPausedNotificationsForWorkflowProcessOperation\"\n ></co-activity-list-header>\n <div class=\"activity-list-content\">\n <div class=\"activity-wrapper\">\n <div class=\"activity-tab-content mini-scrollbar\">\n <ng-container *ngFor=\"let activityListViewModel of privateActivityListViewModels\">\n <co-collapsible *ngIf=\"activityListViewModel.showing\" #collapseable\n [headerTitle]=\"activityListViewModel.label + ' ' + activityListViewModel.amount\"\n [(expanded)]=\"activityListViewModel.expanded\">\n <ng-container *ngFor=\"let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index\">\n <co-component-activity-overview *ngIf=\"activityViewModel.showing\"\n [viewModel]=\"activityViewModel\"\n [userRelationId]=\"relationId\"\n [userGroupId]=\"userGroupId\"\n (activityChange)=\"handleChangedActivity(index, $event)\"\n (activityDeleted)=\"deleteActivity($event)\"\n (genericTriggerFired)=\"handleGenericTriggerFired($event)\"\n (formTriggerFired)=\"handleFormTriggerFired()\"\n (triggerFired)=\"handleTriggerFired($event)\"\n (linkClicked)=\"linkClicked.emit($event)\"\n (formCreated)=\"handleFormCreation()\"></co-component-activity-overview>\n </ng-container>\n </co-collapsible>\n </ng-container>\n </div>\n <div class=\"activity-tab-content mini-scrollbar\">\n <ng-container *ngFor=\"let activityListViewModel of privateDelegatedActivityListViewModels\">\n <co-collapsible *ngIf=\"activityListViewModel.showing\" #collapseable\n [headerTitle]=\"activityListViewModel.label + ' ' + activityListViewModel.amount\"\n [(expanded)]=\"activityListViewModel.expanded\">\n <ng-container *ngFor=\"let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index\">\n <co-component-activity-overview *ngIf=\"activityViewModel.showing\"\n [viewModel]=\"activityViewModel\"\n [userRelationId]=\"relationId\"\n [userGroupId]=\"userGroupId\"\n (activityChange)=\"handleChangedActivity(index, $event)\"\n (activityDeleted)=\"deleteActivity($event)\"\n (genericTriggerFired)=\"handleGenericTriggerFired($event)\"\n (formTriggerFired)=\"handleFormTriggerFired()\"\n (triggerFired)=\"handleTriggerFired($event)\"\n (linkClicked)=\"linkClicked.emit($event)\"\n (formCreated)=\"handleFormCreation()\"></co-component-activity-overview>\n </ng-container>\n </co-collapsible>\n </ng-container>\n </div>\n </div>\n </div>\n ",
12791
12810
  animations: [
12792
12811
  animations.trigger("showHideContent", [
12793
12812
  animations.state("void", animations.style({ transform: "scaleY(0)", opacity: 0 })),
@@ -12894,7 +12913,7 @@
12894
12913
  ComponentActivityOverviewComponent.decorators = [
12895
12914
  { type: i0.Component, args: [{
12896
12915
  selector: "co-component-activity-overview",
12897
- template: "\n <div class=\"overview-wrapper\">\n <div class=\"overview-current\">\n <div class=\"overview-wrapper-icons\">\n <co-icon *ngIf=\"userIsSupervisor && (!isTask || firstTriggerToCloseWF === undefined)\" icon=\"supervisor\"\n class=\"supervisor-icon big dark\"\n [title]=\"'MY_TASKS_SUPERVISOR' | localize\"></co-icon>\n </div>\n <div class=\"overview-wrapper-labels\">\n <div class=\"activity-label\">\n <span class=\"label\" [textContent]=\"'CURRENT_STATE' | localize\"></span>\n </div>\n <div class=\"activity-title\" [textContent]=\"activityTitle\"></div>\n <!--seems unessecary for current usecases, but left in case this needs an input to switch on or off-->\n <!--<div class=\"activity-context-title\" [textContent]=\"activityContextTitle\"></div>-->\n </div>\n </div>\n <div class=\"overview-main\">\n <div class=\"label-date-activity\">\n <div class=\"activity-label\">\n <span class=\"label\" [textContent]=\"'CURRENT_STATE' | localize\"></span>\n </div>\n <div class=\"overview-wrapper-date\">\n <div class=\"date-wrapper\" [class.overdue]=\"overDue\">\n <ng-container *ngIf=\"!sameDates\">\n <div class=\"date\" [textContent]=\"targetDate | date:'dd-MM-YYYY'\"></div>\n <div class=\"date-divider\" [textContent]=\"'-'\"></div>\n </ng-container>\n <div class=\"date\" [textContent]=\"deadlineDate | date:'dd-MM-YYYY'\"></div>\n <co-icon class=\"activity-type-icon\"[iconData]=\"iconCacheService.getIcon(getActivityIcon(activity))\"></co-icon>\n </div>\n </div>\n </div>\n\n <ng-container *ngIf=\"isTask && firstTriggerToCloseWF !== undefined\">\n <co-button class=\"trans-green custom-text button-trigger no-margin\" [label]=\"firstTriggerToCloseWF.description\"\n (click)=\"handleButtonEndClick()\"></co-button>\n </ng-container>\n <ng-container *ngIf=\"openButtonLabel\">\n <co-button class=\"trans-green default-bg custom-text button-trigger-icon action-hover no-margin\"\n iconClass=\"custom small\" [iconData]=\"iconCacheService.getIcon(icon.DetailView)\" [label]=\"openButtonLabel | localize\"\n (click)=\"handleOpenLink($event)\"></co-button>\n </ng-container>\n <!--TODO reinstate this when we figure out how to trigger a screen change. -->\n <!--<ng-container *ngIf=\"urls && urls.length > 0\">\n <button-colijn *ngFor=\"let url of urls\"\n class=\"trans-green custom-text button-trigger-icon action-hover no-margin\"\n [icon]=\"icon.DetailView\"\n [label]=\"'OPEN_LINK' | localize\"\n iconClass=\"custom small\"\n (click)=\"handleOpenLink($event, url)\"></button-colijn>\n </ng-container>-->\n <ng-container *ngIf=\"!isTask && hasTriggers\">\n <co-button class=\"trans-green custom-text action-hover button-trigger no-margin\" *ngFor=\"let trigger of workFlow.manualGenericTriggers\"\n [class.button-trigger-icon]=\"trigger.isTaskTrigger\"\n [label]=\"trigger.triggerButtonName\"\n [iconData]=\"trigger.isTaskTrigger ? iconCacheService.getIcon(icon.Account): null\"\n iconClass=\"custom small\"\n (click)=\"handleGenericTriggerClick(trigger)\"\n ></co-button>\n <co-button class=\"trans-green custom-text action-hover button-trigger no-margin\" *ngFor=\"let trigger of workFlow.manualTriggersWithoutTaskTriggers\"\n [class.high-prio]=\"trigger.overDue\"\n [class.button-trigger-icon]=\"trigger.isTaskTrigger\"\n [label]=\"trigger.triggerButtonName\"\n [iconData]=\"trigger.isTaskTrigger ? iconCacheService.getIcon(icon.DetailView): null\"\n iconClass=\"custom small\"\n (click)=\"handleTriggerClick(trigger)\"\n ></co-button>\n </ng-container>\n </div>\n </div>\n <!--TODO reinstate this when we figure out how to trigger a screen change. -->\n <!-- <formbuilder-user-form *ngIf=\"showCreateForm\"\n [showPopup]=\"showCreateForm\"\n [table]=\"table\"\n [key]=\"key\"\n [form]=\"form\"\n (cancelForm)=\"doCancelForm()\"\n (saveForm)=\"doSaveForm($event)\"\n ></formbuilder-user-form>-->\n <co-task-modifier\n [userGroupId]=\"userGroupId\"\n [relationId]=\"userRelationId\"\n (editingComplete)=\"onSaveActivity($event)\"\n (activityDeleted)=\"onDeleteActivity($event)\"\n (showWorkLog)=\"showTaskFormAndWorkLog()\"\n ></co-task-modifier>\n\n ",
12916
+ template: "\n <div class=\"overview-wrapper\">\n <div class=\"overview-current\">\n <div class=\"overview-wrapper-icons\">\n <co-icon *ngIf=\"userIsSupervisor && (!isTask || firstTriggerToCloseWF === undefined)\" icon=\"supervisor\"\n class=\"supervisor-icon big dark\"\n [title]=\"'MY_TASKS_SUPERVISOR' | localize\"></co-icon>\n </div>\n <div class=\"overview-wrapper-labels\">\n <div class=\"activity-label\">\n <span class=\"label\" [textContent]=\"'CURRENT_STATE' | localize\"></span>\n </div>\n <div class=\"activity-title\" [textContent]=\"activityTitle\"></div>\n <!--seems unessecary for current usecases, but left in case this needs an input to switch on or off-->\n <!--<div class=\"activity-context-title\" [textContent]=\"activityContextTitle\"></div>-->\n </div>\n </div>\n <div class=\"overview-main\">\n <div class=\"label-date-activity\">\n <div class=\"activity-label\">\n <span class=\"label\" [textContent]=\"'NEXT_STATE' | localize\"></span>\n </div>\n <div class=\"overview-wrapper-date\">\n <div class=\"date-wrapper\" [class.overdue]=\"overDue\">\n <ng-container *ngIf=\"!sameDates\">\n <div class=\"date\" [textContent]=\"targetDate | date:'dd-MM-YYYY'\"></div>\n <div class=\"date-divider\" [textContent]=\"'-'\"></div>\n </ng-container>\n <div class=\"date\" [textContent]=\"deadlineDate | date:'dd-MM-YYYY'\"></div>\n <co-icon class=\"activity-type-icon\"[iconData]=\"iconCacheService.getIcon(getActivityIcon(activity))\"></co-icon>\n </div>\n </div>\n </div>\n\n <ng-container *ngIf=\"isTask && firstTriggerToCloseWF !== undefined\">\n <co-button class=\"trans-green custom-text button-trigger no-margin\" [label]=\"firstTriggerToCloseWF.description\"\n (click)=\"handleButtonEndClick()\"></co-button>\n </ng-container>\n <ng-container *ngIf=\"openButtonLabel\">\n <co-button class=\"trans-green default-bg custom-text button-trigger-icon action-hover no-margin\"\n iconClass=\"custom small\" [iconData]=\"iconCacheService.getIcon(icon.DetailView)\" [label]=\"openButtonLabel | localize\"\n (click)=\"handleOpenLink($event)\"></co-button>\n </ng-container>\n <!--TODO reinstate this when we figure out how to trigger a screen change. -->\n <!--<ng-container *ngIf=\"urls && urls.length > 0\">\n <button-colijn *ngFor=\"let url of urls\"\n class=\"trans-green custom-text button-trigger-icon action-hover no-margin\"\n [icon]=\"icon.DetailView\"\n [label]=\"'OPEN_LINK' | localize\"\n iconClass=\"custom small\"\n (click)=\"handleOpenLink($event, url)\"></button-colijn>\n </ng-container>-->\n <ng-container *ngIf=\"!isTask && hasTriggers\">\n <co-button class=\"trans-green custom-text action-hover button-trigger no-margin\" *ngFor=\"let trigger of workFlow.manualGenericTriggers\"\n [class.button-trigger-icon]=\"trigger.isTaskTrigger\"\n [label]=\"trigger.triggerButtonName\"\n [iconData]=\"trigger.isTaskTrigger ? iconCacheService.getIcon(icon.Account): null\"\n iconClass=\"custom small\"\n (click)=\"handleGenericTriggerClick(trigger)\"\n ></co-button>\n <co-button class=\"trans-green custom-text action-hover button-trigger no-margin\" *ngFor=\"let trigger of workFlow.manualTriggersWithoutTaskTriggers\"\n [class.high-prio]=\"trigger.overDue\"\n [class.button-trigger-icon]=\"trigger.isTaskTrigger\"\n [label]=\"trigger.triggerButtonName\"\n [iconData]=\"trigger.isTaskTrigger ? iconCacheService.getIcon(icon.DetailView): null\"\n iconClass=\"custom small\"\n (click)=\"handleTriggerClick(trigger)\"\n ></co-button>\n </ng-container>\n </div>\n </div>\n <!--TODO reinstate this when we figure out how to trigger a screen change. -->\n <!-- <formbuilder-user-form *ngIf=\"showCreateForm\"\n [showPopup]=\"showCreateForm\"\n [table]=\"table\"\n [key]=\"key\"\n [form]=\"form\"\n (cancelForm)=\"doCancelForm()\"\n (saveForm)=\"doSaveForm($event)\"\n ></formbuilder-user-form>-->\n <co-task-modifier\n [userGroupId]=\"userGroupId\"\n [relationId]=\"userRelationId\"\n (editingComplete)=\"onSaveActivity($event)\"\n (activityDeleted)=\"onDeleteActivity($event)\"\n (showWorkLog)=\"showTaskFormAndWorkLog()\"\n (triggerFired)=\"handleFormTriggerFired()\"\n ></co-task-modifier>\n\n ",
12898
12917
  /* providers: [
12899
12918
  {provide: BaseModuleScreenConfigService, useExisting: ScreenConfigurationMockService}
12900
12919
  ],*/