vcomply-workflow-engine 2.6.20 → 2.6.21
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/bundles/vcomply-workflow-engine.umd.js +3 -3
- package/bundles/vcomply-workflow-engine.umd.js.map +1 -1
- package/esm2015/lib/confirmation-alert/confirmation-alert.component.js +3 -3
- package/esm2015/lib/confirmation-alert/confirmation-alert.component.ngfactory.js +2 -2
- package/esm2015/lib/interfaces/confirmation-alert.js +1 -1
- package/esm2015/lib/workflow-engine-container/workflow-engine-container.component.js +2 -2
- package/esm2015/lib/workflow-engine.module.ngfactory.js +1 -1
- package/fesm2015/vcomply-workflow-engine.js +3 -3
- package/fesm2015/vcomply-workflow-engine.js.map +1 -1
- package/lib/interfaces/confirmation-alert.d.ts +1 -0
- package/package.json +1 -1
- package/vcomply-workflow-engine.metadata.json +1 -1
|
@@ -747,7 +747,7 @@ class WorkflowEngineContainerComponent {
|
|
|
747
747
|
});
|
|
748
748
|
}
|
|
749
749
|
assigneeTypeChange() {
|
|
750
|
-
this.confirmationAlertConfig = { isVisible: true, message: 'This action will reset the changes and assign the responsibility back to the original assignee.', action: 'assigneeTypeChange', data: {} };
|
|
750
|
+
this.confirmationAlertConfig = { isVisible: true, message: 'This action will reset the changes and assign the responsibility back to the original assignee.', action: 'assigneeTypeChange', data: {}, isRedAlert: true };
|
|
751
751
|
}
|
|
752
752
|
}
|
|
753
753
|
WorkflowEngineContainerComponent.decorators = [
|
|
@@ -8470,7 +8470,7 @@ CheckpointsComponent.propDecorators = {
|
|
|
8470
8470
|
class ConfirmationAlertComponent {
|
|
8471
8471
|
constructor() {
|
|
8472
8472
|
this.message = '';
|
|
8473
|
-
this.config = { isVisible: false };
|
|
8473
|
+
this.config = { isVisible: false, isRedAlert: false };
|
|
8474
8474
|
this.action = new EventEmitter();
|
|
8475
8475
|
}
|
|
8476
8476
|
ngOnInit() {
|
|
@@ -8482,7 +8482,7 @@ class ConfirmationAlertComponent {
|
|
|
8482
8482
|
ConfirmationAlertComponent.decorators = [
|
|
8483
8483
|
{ type: Component, args: [{
|
|
8484
8484
|
selector: 'app-confirmation-alert',
|
|
8485
|
-
template: "<!-- <p>confirmation-alert works!</p> -->\r\n<div class=\"confirmation-alert\" [class.warning-color]=\"
|
|
8485
|
+
template: "<!-- <p>confirmation-alert works!</p> -->\r\n<div class=\"confirmation-alert\" [class.warning-color]=\"config?.isRedAlert\">\r\n <div class=\"confirmation-alert-top\" >\r\n <span class=\"icon-block\">\r\n <i class=\"icons\"></i>\r\n </span>\r\n <p class=\"text\" *ngIf=\"message\">{{message}}</p>\r\n </div>\r\n <div class=\"confirmation-alert-bottom\">\r\n <p class=\"message\">Are you sure you would like to proceed?</p>\r\n <div class=\"button-group\">\r\n <ng-container *ngIf=\"false\">\r\n <button class=\"outline\" type=\"button\" (click)=\"actionTaken('NO')\">NO</button>\r\n <button class=\"fill\" type=\"button\" (click)=\"actionTaken('YES')\">Yes</button>\r\n </ng-container>\r\n <ng-container >\r\n <button class=\"fill\" type=\"button\" (click)=\"actionTaken('NO')\">NO</button>\r\n <button class=\"outline\" type=\"button\" (click)=\"actionTaken('YES')\">Yes</button>\r\n </ng-container>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
8486
8486
|
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");.confirmation-alert{display:block;position:absolute;z-index:1;right:0;bottom:0;left:0;background:#161b2f}.confirmation-alert-top{display:flex;align-items:center;justify-content:flex-start;padding:20px}.confirmation-alert.warning-color{background-color:#eb2424}.confirmation-alert.warning-color .confirmation-alert-bottom{border-top:1px solid #ffffff60;background-color:#eb2424}.confirmation-alert.warning-color .confirmation-alert-bottom button.fill{color:#eb2424}.confirmation-alert span.icon-block{height:36px;width:36px;border-radius:50%;background:#fff;border:1px solid #dcdcdc;display:flex;justify-content:center;align-items:center;margin-right:16px}.confirmation-alert span.icon-block i{color:#eb2424;font-size:12px}.confirmation-alert p.text{color:#fff;font-size:14px;font-weight:300;margin:0;width:calc(100% - 52px)}.confirmation-alert-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 20px;background:#282e48}.confirmation-alert-bottom .button-group{display:flex}.confirmation-alert-bottom p.message{font-size:14px;font-weight:500;margin:0;line-height:20px;color:#fff}.confirmation-alert button{height:24px;width:64px;border:1px solid #000;border-radius:2px;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}.confirmation-alert button+button{margin-left:4px}.confirmation-alert button.fill{background:#fff;color:#1e5dd3;border-color:#fff}.confirmation-alert button.outline{background:transparent;color:#fff;border-color:#fff}"]
|
|
8487
8487
|
},] }
|
|
8488
8488
|
];
|