npm - @bnsights/bbsf-admin-portal - Versions diffs - 1.0.34 → 1.0.37 - Mend

@bnsights/bbsf-admin-portal 1.0.34 → 1.0.37

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 (66) hide show

package/esm2015/lib/Pages/workflows/activity/workflow-activity-add/workflow-activity-add.component.js CHANGED Viewed

@@ -531,7 +531,7 @@ export class WorkflowActivityAddComponent {
     }
 }
 WorkflowActivityAddComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowActivityAddComponent, deps: [{ token: i1.WorkflowActivityService }, { token: i2.UtilityService }, { token: i3.ActivatedRoute }, { token: i4.PageInfoService }, { token: i3.Router }, { token: i2.RequestHandlerService }, { token: i2.BBSFTranslateService }], target: i0.ɵɵFactoryTarget.Component });
-WorkflowActivityAddComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowActivityAddComponent, selector: "lib-workflow-activity-add", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\" *ngIf=\"isAddFormLoaded\">\r\n    <div class=\"card-body py-3\">\r\n      <BBSF-Form [options]=\"addworkflowActivityFormOptions\">\r\n        <!--Start shared controls container-->\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"sysName\" [group]=\"addworkflowActivityForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"activityType\" [group]=\"addworkflowActivityForm\" (OnChange)=\"activityTypeOnChange($event)\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <!--End shared controls container-->\r\n        <!--Start participant container-->\r\n        <div id=\"participantContainer\" *ngIf=\"showParticipantContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantTypes\" [group]=\"addworkflowActivityForm\" (OnChange)=\"participantTypeOnChange($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showParticipantPermssionSet\" class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantPermissionSet\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End participant container-->\r\n        <!--Start static controls-->\r\n        <div *ngIf=\"showStaticControls\" id=\"staticContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"staticOutcomeName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"staticOutcomeSysName\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"staticOutcomeNextActivity\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"staticOutcomeCanAddComment\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End static controls-->\r\n        <!--Start dynamic controls-->\r\n        <div *ngIf=\"showDynamicControls\" id=\"dynamicContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"dynamicTaskName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextArea [options]=\"dynamicTaskDescription\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextArea>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"dynamicTaskURL\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"dynamicTaskType\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"dynamicCanComplete\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End dynamic controls-->\r\n\r\n        <!--Start condition controls-->\r\n        <div *ngIf=\"showConditionControls\" id=\"conditionContainer\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LeftHandSide\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Condition\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSideType\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSide\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionLHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionsDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionRHSTypeDropDown\" [group]=\"addworkflowActivityForm\" (OnChange)=\"conditionRHSTypeOnChange($event)\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td *ngIf=\"showConditionRHSWFVariable; else conditionTxtValue\">\r\n                    <BBSF-DropdownList [options]=\"conditionRHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <ng-template #conditionTxtValue>\r\n                    <td>\r\n                      <BBSF-TextBox [options]=\"conditionRHSValue\" [group]=\"addworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                  </ng-template>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <!--End condition controls-->\r\n\r\n        <!--Start outcomes container-->\r\n        <div *ngIf=\"showOutcomesContainer\" id=\"outcomesContainer\" class=\"row\">\r\n          <div class=\"table-responsive\">\r\n            <!-- begin::Table -->\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Decision\")}}</th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n\r\n                  <td>\r\n                    <!--ID-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--Name-->\r\n                    <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-MultiLingualTextBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--SysName-->\r\n                    <BBSF-TextBox [options]=\"option[2]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--hidden SysName-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--can edit SysName-->\r\n                    <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[7]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--NextActivity-->\r\n                    <BBSF-DropdownList [options]=\"option[3]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <!--CanAddComment-->\r\n                    <BBSF-CheckBox [options]=\"option[4]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <!--if outcome Can Edit-->\r\n                    <a *ngIf=\"option[5]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteOutcome(option)\">\r\n                      <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                    </a>\r\n                  </td>\r\n                </tr>\r\n                <tr *ngIf=\"canAddOutcome\">\r\n                  <td colspan=\"5\">\r\n                    <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFActivityOutcome()\">\r\n                      {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                    </button>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n\r\n        </div>\r\n        <!--End outcomes container-->\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"cancelAdd()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", components: [{ type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i5.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+WorkflowActivityAddComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowActivityAddComponent, selector: "lib-workflow-activity-add", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\" *ngIf=\"isAddFormLoaded\">\r\n    <div class=\"card-body py-3\">\r\n      <BBSF-Form [options]=\"addworkflowActivityFormOptions\">\r\n        <!--Start shared controls container-->\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"sysName\" [group]=\"addworkflowActivityForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"activityType\" [group]=\"addworkflowActivityForm\" (OnChange)=\"activityTypeOnChange($event)\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <!--End shared controls container-->\r\n        <!--Start participant container-->\r\n        <div id=\"participantContainer\" *ngIf=\"showParticipantContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantTypes\" [group]=\"addworkflowActivityForm\" (OnChange)=\"participantTypeOnChange($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showParticipantPermssionSet\" class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantPermissionSet\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End participant container-->\r\n        <!--Start static controls-->\r\n        <div *ngIf=\"showStaticControls\" id=\"staticContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"staticOutcomeName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"staticOutcomeSysName\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"staticOutcomeNextActivity\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"staticOutcomeCanAddComment\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End static controls-->\r\n        <!--Start dynamic controls-->\r\n        <div *ngIf=\"showDynamicControls\" id=\"dynamicContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"dynamicTaskName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextArea [options]=\"dynamicTaskDescription\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextArea>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"dynamicTaskURL\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"dynamicTaskType\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"dynamicCanComplete\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End dynamic controls-->\r\n\r\n        <!--Start condition controls-->\r\n        <div *ngIf=\"showConditionControls\" id=\"conditionContainer\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LeftHandSide\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Condition\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSideType\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSide\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionLHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionsDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionRHSTypeDropDown\" [group]=\"addworkflowActivityForm\" (OnChange)=\"conditionRHSTypeOnChange($event)\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td *ngIf=\"showConditionRHSWFVariable; else conditionTxtValue\">\r\n                    <BBSF-DropdownList [options]=\"conditionRHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <ng-template #conditionTxtValue>\r\n                    <td>\r\n                      <BBSF-TextBox [options]=\"conditionRHSValue\" [group]=\"addworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                  </ng-template>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <!--End condition controls-->\r\n\r\n        <!--Start outcomes container-->\r\n        <div *ngIf=\"showOutcomesContainer\" id=\"outcomesContainer\" class=\"row\">\r\n          <div class=\"table-responsive\">\r\n            <!-- begin::Table -->\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Decision\")}}</th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n\r\n                  <td>\r\n                    <!--ID-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--Name-->\r\n                    <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-MultiLingualTextBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--SysName-->\r\n                    <BBSF-TextBox [options]=\"option[2]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--hidden SysName-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--can edit SysName-->\r\n                    <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[7]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--NextActivity-->\r\n                    <BBSF-DropdownList [options]=\"option[3]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <!--CanAddComment-->\r\n                    <BBSF-CheckBox [options]=\"option[4]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <!--if outcome Can Edit-->\r\n                    <a *ngIf=\"option[5]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteOutcome(option)\">\r\n                      <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                    </a>\r\n                  </td>\r\n                </tr>\r\n                <tr *ngIf=\"canAddOutcome\">\r\n                  <td colspan=\"5\">\r\n                    <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFActivityOutcome()\">\r\n                      {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                    </button>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n\r\n        </div>\r\n        <!--End outcomes container-->\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"cancelAdd()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", components: [{ type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i5.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowActivityAddComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/workflows/activity/workflow-activity-edit/workflow-activity-edit.component.js CHANGED Viewed

@@ -837,7 +837,7 @@ export class WorkflowActivityEditComponent {
     }
 }
 WorkflowActivityEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowActivityEditComponent, deps: [{ token: i1.WorkflowActivityService }, { token: i2.PageInfoService }, { token: i3.UtilityService }, { token: i4.ActivatedRoute }, { token: i4.Router }, { token: i3.RequestHandlerService }, { token: i3.BBSFTranslateService }], target: i0.ɵɵFactoryTarget.Component });
-WorkflowActivityEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowActivityEditComponent, selector: "lib-workflow-activity-edit", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\" *ngIf=\"isEditFormLoaded\">\r\n    <div class=\"card-body py-3\">\r\n      <BBSF-Form [options]=\"editworkflowActivityFormOptions\">\r\n        <!--Start shared controls container-->\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"!isPublished\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"sysName\" [group]=\"editworkflowActivityForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"showActivityType\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"activityType\" [group]=\"editworkflowActivityForm\" (OnChange)=\"activityTypeOnChange($event)\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <!--End shared controls container-->\r\n        <!--Start participant container-->\r\n        <div id=\"participantContainer\" *ngIf=\"showParticipantContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantTypes\" [group]=\"editworkflowActivityForm\" (OnChange)=\"participantTypeOnChange($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showParticipantPermssionSet\" class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantPermissionSet\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End participant container-->\r\n        <!--Start static controls-->\r\n        <div *ngIf=\"showStaticControls\" id=\"staticContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"staticOutcomeName\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"staticOutcomeSysName\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"staticOutcomeNextActivity\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"staticOutcomeCanAddComment\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End static controls-->\r\n        <!--Start dynamic controls-->\r\n        <div *ngIf=\"showDynamicControls\" id=\"dynamicContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"dynamicTaskName\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextArea [options]=\"dynamicTaskDescription\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextArea>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"dynamicTaskURL\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"dynamicTaskType\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"dynamicCanComplete\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End dynamic controls-->\r\n        <!--Start condition controls-->\r\n        <div *ngIf=\"showConditionControls\" id=\"conditionContainer\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LeftHandSide\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Condition\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSideType\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSide\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionLHSDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionsDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionRHSTypeDropDown\" [group]=\"editworkflowActivityForm\" (OnChange)=\"conditionRHSTypeOnChange($event)\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td *ngIf=\"showConditionRHSWFVariable; else conditionTxtValue\">\r\n                    <BBSF-DropdownList [options]=\"conditionRHSDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <ng-template #conditionTxtValue>\r\n                    <td>\r\n                      <BBSF-TextBox [options]=\"conditionRHSValue\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                  </ng-template>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <!--End condition controls-->\r\n        <!--Start outcomes container-->\r\n        <div *ngIf=\"showOutcomesContainer\" id=\"outcomesContainer\" class=\"row\">\r\n          <div class=\"table-responsive\">\r\n            <!-- begin::Table -->\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Decision\")}}</th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\" *ngIf=\"isPublished;else notPublishedOutcomes\">\r\n                  <tr  *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n                    <td>\r\n                      <!--ID-->\r\n                      <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                      <!--Name-->\r\n                      <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-MultiLingualTextBox>\r\n                    </td>\r\n                    <td>\r\n                      <!--NextActivity-->\r\n                      <BBSF-DropdownList [options]=\"option[2]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                  </tr>\r\n              </tbody>\r\n\r\n                <ng-template #notPublishedOutcomes>\r\n                  <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                    <tr *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n\r\n                      <td>\r\n                        <!--ID-->\r\n                        <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--Name-->\r\n                        <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-MultiLingualTextBox>\r\n                      </td>\r\n                      <td>\r\n                        <!--SysName-->\r\n                        <BBSF-TextBox [options]=\"option[2]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--hidden SysName-->\r\n                        <BBSF-TextBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--can edit SysName-->\r\n                        <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[7]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-CheckBox>\r\n                      </td>\r\n                      <td>\r\n                        <!--NextActivity-->\r\n                        <BBSF-DropdownList [options]=\"option[3]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-DropdownList>\r\n                      </td>\r\n                      <td>\r\n                        <!--CanAddComment-->\r\n                        <BBSF-CheckBox [options]=\"option[4]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-CheckBox>\r\n                      </td>\r\n\r\n                      <td>\r\n                        <!--if outcome Can Edit-->\r\n                        <a *ngIf=\"option[5]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteOutcome(option)\">\r\n                          <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                        </a>\r\n                      </td>\r\n                    </tr>\r\n                    <tr *ngIf=\"canAddOutcome\">\r\n                      <td colspan=\"5\">\r\n                        <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFActivityOutcome()\">\r\n                          {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                        </button>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </ng-template>\r\n\r\n            </table>\r\n          </div>\r\n\r\n        </div>\r\n        <!--End outcomes container-->\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"cancelEdit()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", components: [{ type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i5.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+WorkflowActivityEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowActivityEditComponent, selector: "lib-workflow-activity-edit", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\" *ngIf=\"isEditFormLoaded\">\r\n    <div class=\"card-body py-3\">\r\n      <BBSF-Form [options]=\"editworkflowActivityFormOptions\">\r\n        <!--Start shared controls container-->\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"!isPublished\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"sysName\" [group]=\"editworkflowActivityForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\" *ngIf=\"showActivityType\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"activityType\" [group]=\"editworkflowActivityForm\" (OnChange)=\"activityTypeOnChange($event)\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <!--End shared controls container-->\r\n        <!--Start participant container-->\r\n        <div id=\"participantContainer\" *ngIf=\"showParticipantContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantTypes\" [group]=\"editworkflowActivityForm\" (OnChange)=\"participantTypeOnChange($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showParticipantPermssionSet\" class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantPermissionSet\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End participant container-->\r\n        <!--Start static controls-->\r\n        <div *ngIf=\"showStaticControls\" id=\"staticContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"staticOutcomeName\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"staticOutcomeSysName\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"staticOutcomeNextActivity\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"staticOutcomeCanAddComment\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End static controls-->\r\n        <!--Start dynamic controls-->\r\n        <div *ngIf=\"showDynamicControls\" id=\"dynamicContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"dynamicTaskName\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextArea [options]=\"dynamicTaskDescription\" [group]=\"editworkflowActivityForm\"></BBSF-MultiLingualTextArea>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"dynamicTaskURL\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"dynamicTaskType\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"dynamicCanComplete\" [group]=\"editworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End dynamic controls-->\r\n        <!--Start condition controls-->\r\n        <div *ngIf=\"showConditionControls\" id=\"conditionContainer\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LeftHandSide\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Condition\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSideType\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSide\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionLHSDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionsDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionRHSTypeDropDown\" [group]=\"editworkflowActivityForm\" (OnChange)=\"conditionRHSTypeOnChange($event)\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td *ngIf=\"showConditionRHSWFVariable; else conditionTxtValue\">\r\n                    <BBSF-DropdownList [options]=\"conditionRHSDropDown\" [group]=\"editworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <ng-template #conditionTxtValue>\r\n                    <td>\r\n                      <BBSF-TextBox [options]=\"conditionRHSValue\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                  </ng-template>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <!--End condition controls-->\r\n        <!--Start outcomes container-->\r\n        <div *ngIf=\"showOutcomesContainer\" id=\"outcomesContainer\" class=\"row\">\r\n          <div class=\"table-responsive\">\r\n            <!-- begin::Table -->\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Decision\")}}</th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                  <th *ngIf=\"!isPublished\" class=\"min-w-150px\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\" *ngIf=\"isPublished;else notPublishedOutcomes\">\r\n                  <tr  *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n                    <td>\r\n                      <!--ID-->\r\n                      <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                      <!--Name-->\r\n                      <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-MultiLingualTextBox>\r\n                    </td>\r\n                    <td>\r\n                      <!--NextActivity-->\r\n                      <BBSF-DropdownList [options]=\"option[2]\" [group]=\"editworkflowActivityForm\">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                  </tr>\r\n              </tbody>\r\n\r\n                <ng-template #notPublishedOutcomes>\r\n                  <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                    <tr *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n\r\n                      <td>\r\n                        <!--ID-->\r\n                        <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--Name-->\r\n                        <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-MultiLingualTextBox>\r\n                      </td>\r\n                      <td>\r\n                        <!--SysName-->\r\n                        <BBSF-TextBox [options]=\"option[2]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--hidden SysName-->\r\n                        <BBSF-TextBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-TextBox>\r\n                        <!--can edit SysName-->\r\n                        <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[7]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-CheckBox>\r\n                      </td>\r\n                      <td>\r\n                        <!--NextActivity-->\r\n                        <BBSF-DropdownList [options]=\"option[3]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-DropdownList>\r\n                      </td>\r\n                      <td>\r\n                        <!--CanAddComment-->\r\n                        <BBSF-CheckBox [options]=\"option[4]\" [group]=\"editworkflowActivityForm\">\r\n                        </BBSF-CheckBox>\r\n                      </td>\r\n\r\n                      <td>\r\n                        <!--if outcome Can Edit-->\r\n                        <a *ngIf=\"option[5]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteOutcome(option)\">\r\n                          <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                        </a>\r\n                      </td>\r\n                    </tr>\r\n                    <tr *ngIf=\"canAddOutcome\">\r\n                      <td colspan=\"5\">\r\n                        <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFActivityOutcome()\">\r\n                          {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                        </button>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </ng-template>\r\n\r\n            </table>\r\n          </div>\r\n\r\n        </div>\r\n        <!--End outcomes container-->\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"cancelEdit()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", components: [{ type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i5.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowActivityEditComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/workflows/tabs/tabs.component.js CHANGED Viewed

@@ -778,7 +778,7 @@ export class TabsComponent {
     }
 }
 TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: TabsComponent, deps: [{ token: i1.AuthService }, { token: i2.WorkflowService }, { token: i3.ActivatedRoute }, { token: i4.WorkflowVariablesService }, { token: i5.WorkflowActivityService }, { token: i6.PageInfoService }, { token: i7.NgbModal }, { token: i1.EnvironmentService }, { token: i1.BBSFTranslateService }, { token: i1.UtilityService }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: TabsComponent, selector: "lib-tabs", viewQueries: [{ propertyName: "publishConfirmationModalControl", first: true, predicate: ["publishConfirmationModalControl"], descendants: true }, { propertyName: "WFVersionPagingElement", first: true, predicate: ["WorkflowVersionPagingViewElement"], descendants: true }, { propertyName: "WorkflowVariablePagingViewElement", first: true, predicate: ["WorkflowVariablePagingViewElement"], descendants: true }, { propertyName: "ActivityPagingViewElement", first: true, predicate: ["ActivityPagingViewElement"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-body\">\r\n      <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder\">\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"getDetails()\">{{utilityService.getResourceValue(\"Details\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0  justify-content-end\">\r\n                <div class=\"card-toolbar\">\r\n                  <button type=\"button\" *ngIf=\"ShowWorkflowDetails&&!WorkflowDetails.isPublished\"\r\n                          id=\"btnPublish\" class=\"btn btn-sm btn-primary\" (click)=\"showPublishWFModal(WorkflowDetails.iD_GUID)\">\r\n                    {{utilityService.getResourceValue(\"PublishWorkflow\")}}\r\n\r\n                  </button>\r\n                  <!--<a class=\"btn btn-sm btn-light-primary\">\r\n                    {{utilityService.getResourceValue(\"Preview\")}}\r\n                  </a>-->\r\n\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <form [formGroup]=\"DetailsForm\" *ngIf=\"ShowWorkflowDetails\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-MultiLingualTextBox [options]=\"NameMultilingualTextBox\"\r\n                                                [group]=\"DetailsForm\">\r\n                      </BBSF-MultiLingualTextBox>\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-MultiLingualTextBox [options]=\"DescriptionMultilingualTextBox\"\r\n                                                  [group]=\"DetailsForm\">\r\n                        </BBSF-MultiLingualTextBox>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-TextBox [options]=\"SysName\"\r\n                                    [group]=\"DetailsForm\">\r\n                      </BBSF-TextBox>\r\n                    </div>\r\n                    <div class=\"col-md-6\">\r\n                      <div class=\"form-group\">\r\n                        <div class=\"label-content\">\r\n                          <BBSF-TextBox [options]=\"Active\"\r\n                                        [group]=\"DetailsForm\">\r\n                          </BBSF-TextBox>\r\n                        </div>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class=\"col-md-6\">\r\n                      <div class=\"form-group\">\r\n                        <div class=\"label-content\">\r\n                          <BBSF-TextBox [options]=\"Published\"\r\n                                        [group]=\"DetailsForm\">\r\n                          </BBSF-TextBox>\r\n                        </div>\r\n                      </div>\r\n\r\n                    </div>\r\n                  </div>\r\n\r\n\r\n                </form>\r\n\r\n\r\n              </div>\r\n              <!--end:: Widgets/Applications/User/Profile3-->\r\n            </div>\r\n          </ng-template>\r\n          <!--Publish workflow confirmation-->\r\n          <BBSF-ConfirmationModal *ngIf=\"publishControlLoaded\" [options]=\"publishWFConfirmationOptions\" id=\"publishConfirmationModalControl\" #publishConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeVersion()\">{{utilityService.getResourceValue(\"Versions\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n                  <form [formGroup]=\"WorkflowVersionForm\">\r\n                    <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"WorkflowVersionForm\"></BBSF-TextBox>\r\n                    <BBSF-TextBox [options]=\"WorkflowIdTextBox\"\r\n                                  [group]=\"WorkflowVersionForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::Permission list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Change\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Current\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Published\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CreationDate\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                      <tr *ngFor=\"let version of WorkflowVersionPagingResult\">\r\n                        <td>\r\n                          <a href=\"javascript:void(0)\"\r\n                             [routerLink]=\"['/Admin/Workflows/VersionInfo',version.iD_GUID]\"\r\n                             routerLinkActive=\"router-link-active\"\r\n                             class=\"text-dark\">{{version.changeStr}}</a>\r\n                        </td>\r\n                        <td>{{version.isCurrent}}</td>\r\n                        <td>{{version.isPublished}}</td>\r\n                        <td>{{version.creationDate}}</td>\r\n                      </tr>\r\n                      <tr *ngIf=\"WorkflowVersionPagingResult.length == 0\">\r\n                        <td colspan=\"4\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::Permission list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowVersionListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                             [options]=\"WorkflowVersionPaging\" [group]=\"WorkflowVersionForm\"\r\n                             #WorkflowVersionPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n              <!--end:: Widgets/Applications/User/Profile3-->\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeWorkflowVariables()\">{{utilityService.getResourceValue(\"WorkflowVariables\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\">\r\n                  <div class=\"filter-container text-dark\"\r\n                       *ngIf=\"IsWorkflowVariableFilterLoaded\">\r\n                    <form [formGroup]=\"WorkflowVariableForm\">\r\n                      <BBSF-TextBox [options]=\"WorkflowVariablesearchTextBox\"\r\n                                    [group]=\"WorkflowVariableForm\"></BBSF-TextBox>\r\n                      <BBSF-TextBox [options]=\"VerisonIdTextBox\"\r\n                                    [group]=\"WorkflowVariableForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-toolbar\">\r\n                  <button type=\"button\" title=\"Add\" class=\"btn btn-primary btn-sm\"\r\n                          (click)=\"showAddWorkflowVariableModal(AddWorkflowVariableModal)\">\r\n                    <i class=\" fa fa-plus\"></i> {{utilityService.getResourceValue(\"Add\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::Permission list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"DataType\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"VariableType\")}}</th>\r\n                        <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n                      <tr *ngFor=\"let WorkflowVariable of WorkflowVariablePagingResult\">\r\n\r\n                        <td>\r\n                          <a href=\"javascript:void(0)\" class=\"text-dark\">{{WorkflowVariable.nameStr}}</a>\r\n\r\n                        </td>\r\n\r\n                        <td>\r\n                          {{WorkflowVariable.sysName}}\r\n                        </td>\r\n                        <td>{{WorkflowVariable.dataTypeItem}}</td>\r\n                        <td>{{WorkflowVariable.variableTypeItem}}</td>\r\n\r\n                        <td>\r\n                          <a class=\"btn btn-sm btn-light-primary btn-icon\"\r\n                             (click)=\"showEditWorkflowVariableModal(WorkflowVariable.iD_GUID, EditWorkflowVariableModal)\">\r\n                            <i class=\"fa fa-edit\"\r\n                               aria-hidden=\"true\"></i>\r\n                          </a>\r\n\r\n                        </td>\r\n                      </tr>\r\n                      <tr *ngIf=\"WorkflowVariablePagingResult.length == 0\">\r\n                        <td colspan=\"5\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::Permission list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowVariableListResult($event)\"\r\n                             *ngIf=\"IsWorkflowVariableFilterLoaded\" [options]=\"WorkflowVariablePaging\"\r\n                             [group]=\"WorkflowVariableForm\" #WorkflowVariablePagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n              <!--end:: Widgets/Applications/User/Profile3-->\r\n            </div>\r\n            <!-- Add Modal -->\r\n            <ng-template #AddWorkflowVariableModal let-modal>\r\n              <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                  <span class=\"svg-icon svg-icon-1\">\r\n                    <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                  </span>\r\n                </button>\r\n              </div>\r\n              <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                <div class=\"mb-13 text-center\">\r\n                  <h1 class=\"mb-3\">\r\n                    {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"WorkflowVariable\")}}\r\n                  </h1>\r\n                </div>\r\n\r\n                <BBSF-Form [options]=\"AddWorkflowVariableFormOptions\">\r\n\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-MultiLingualTextBox [options]=\"AddWFVariableName\" [group]=\"AddWorkflowVariableForm\"></BBSF-MultiLingualTextBox>\r\n\r\n                    </div>\r\n\r\n                  </div>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-TextBox [options]=\"AddWFVariableSysName\"\r\n                                    [group]=\"AddWorkflowVariableForm\">\r\n                      </BBSF-TextBox>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-DropdownList (OnChange)=\"WFVariableTypeOnChange($event,true)\" [options]=\"AddWFVariableDataType\"\r\n                                         [group]=\"AddWorkflowVariableForm\">\r\n                      </BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-Toggleslide [options]=\"AddWFVariableConstant\"\r\n                                        [group]=\"AddWorkflowVariableForm\">\r\n                      </BBSF-Toggleslide>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row\" *ngIf=\"showAddLookupsTable\">\r\n                    <div class=\"table-responsive\">\r\n                      <!-- begin::Table -->\r\n                      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                        <thead>\r\n                          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameEN\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameAR\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                            <th class=\"min-w-150px\"></th>\r\n                          </tr>\r\n                        </thead>\r\n                        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                          <tr *ngFor=\"let option of addWFVariablesLookupOptions;let i=index;\">\r\n\r\n                            <td>\r\n                              <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <BBSF-TextBox [options]=\"option[2]\" [group]=\"AddWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteWFVariableLookup(option,true)\">\r\n                                <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                              </a>\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td colspan=\"4\">\r\n                              <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFVariableLookupinAddMode()\">\r\n                                {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                              </button>\r\n                            </td>\r\n                          </tr>\r\n\r\n\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"text-center pt-7\">\r\n                    <button #CloseWorkflowVariableModal id=\"CloseWorkflowVariableModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                            (click)=\"modal.dismiss()\">\r\n                      {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                    </button>\r\n                    <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                  </div>\r\n                </BBSF-Form>\r\n              </div>\r\n            </ng-template>\r\n\r\n            <!--Edit Modal-->\r\n            <ng-template #EditWorkflowVariableModal let-modal>\r\n              <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                  <span class=\"svg-icon svg-icon-1\">\r\n                    <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                  </span>\r\n                </button>\r\n              </div>\r\n              <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                <div class=\"mb-13 text-center\">\r\n                  <h1 class=\"mb-3\">\r\n                    {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"WorkflowVariable\")}}\r\n                  </h1>\r\n                </div>\r\n                <BBSF-Form [options]=\"EditWorkflowVariableFormOptions\">\r\n\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-MultiLingualTextBox [options]=\"EditWFVariableName\" [group]=\"EditWorkflowVariableForm\"></BBSF-MultiLingualTextBox>\r\n                    </div>\r\n\r\n                  </div>\r\n\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-TextBox [options]=\"EditWFVariableSysName\"\r\n                                    [group]=\"EditWorkflowVariableForm\">\r\n                      </BBSF-TextBox>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-DropdownList (OnChange)=\"WFVariableTypeOnChange($event,false)\" [options]=\"EditWFVariableDataType\"\r\n                                         [group]=\"EditWorkflowVariableForm\">\r\n                      </BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-Toggleslide [options]=\"EditWFVariableConstant\"\r\n                                        [group]=\"EditWorkflowVariableForm\">\r\n                      </BBSF-Toggleslide>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row\" *ngIf=\"showEditLookupsTable\">\r\n                    <div class=\"table-responsive\">\r\n                      <!-- begin::Table -->\r\n                      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                        <thead>\r\n                          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameEN\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameAR\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                            <th class=\"min-w-150px\"></th>\r\n                          </tr>\r\n                        </thead>\r\n                        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                          <tr *ngFor=\"let option of editWFVariablesLookupOptions;let i=index;\">\r\n\r\n                            <td>\r\n                              <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"EditWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                              <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <BBSF-TextBox [options]=\"option[2]\" [group]=\"EditWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <BBSF-TextBox [options]=\"option[3]\" [group]=\"EditWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteWFVariableLookup(option,false)\">\r\n                                <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                              </a>\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td colspan=\"4\">\r\n                              <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFVariableLookupinEditMode()\">\r\n                                {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                              </button>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"text-center pt-7\">\r\n                    <button #CloseEditWorkflowVariableModal id=\"CloseEditWorkflowVariableModal\" type=\"button\"\r\n                            class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n                      {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                    </button>\r\n                    <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                  </div>\r\n                </BBSF-Form>\r\n              </div>\r\n            </ng-template>\r\n\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeWorkflowActivity()\">\r\n            {{utilityService.getResourceValue(\"WorkflowActivities\")}}\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\">\r\n                  <div class=\"filter-container text-dark\"\r\n                       *ngIf=\"IsworkflowActivityFilterLoaded\">\r\n                    <form [formGroup]=\"workflowActivityForm\">\r\n                      <div id=\"filtersContainer\" data-isloaded=\"true\">\r\n                        <BBSF-TextBox [options]=\"WorkflowActivityIdTextBox\"\r\n                                      [group]=\"workflowActivityForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                      </div>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-toolbar\">\r\n                  <button type=\"button\" title=\"Add\" class=\"btn btn-primary btn-sm\" [routerLink]=\"['/Admin/Workflows/AddActivity',VersionId]\">\r\n                    <i class=\"fa fa-plus\"></i> {{utilityService.getResourceValue(\"Add\")}}\r\n\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-6 mb-8\" *ngFor=\"let workflowActivity of ActivityPagingResult\">\r\n                    <div class=\"card bg-light-dark rounded\">\r\n                      <div class=\"card-header border-0 pt-9\">\r\n                        <div class=\"card-title m-0 fs-2 text-primary\">\r\n                          {{workflowActivity.typeNameStr}}\r\n                        </div>\r\n                        <div class=\"card-toolbar\">\r\n                          <button type=\"button\" class=\"btn btn-primary btn-sm me-2 \" (click)=\"showAddWFVariablestoActivity(workflowActivity.versionID_GUID,workflowActivity.iD_GUID,wfActivityVariablesModal)\">\r\n                            <i class=\"fa fa-gear\" aria-hidden=\"true\">\r\n                              {{utilityService.getResourceValue(\"WorkflowVariables\")}}\r\n                            </i>\r\n                          </button>\r\n                          <button type=\"button\" id=\"btnAdd\" class=\"btn btn-light-primary btn-sm btn-icon me-2\" [routerLink]=\"['/Admin/Workflows/EditActivity',workflowActivity.iD_GUID]\">\r\n                            <i *ngIf=\"workflowActivity.isPublished\" class=\"fas fa-pen\"></i>\r\n                            <i *ngIf=\"!workflowActivity.isPublished\" class=\"fas fa-pen\" aria-hidden=\"true\"></i>\r\n                          </button>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"card-body p-9\">\r\n                        <div class=\"fs-6 fw-bolder text-dark\">{{utilityService.getResourceValue(\"WFOutcome\")}}</div>\r\n                        <div class=\"text-gray-400 fw-bold fs-5 mt-1 mb-7\">\r\n                          <ul class=\"list-unstyled\">\r\n\r\n                            <li>\r\n                              {{utilityService.getResourceValue(\"WorkflowVariables\")}}\r\n                              <ul id=\"horizontalmenu\">\r\n                                <li class=\"text-dark\" *ngFor=\"let item of workflowActivity.variables\">\r\n                                  <i class=\"fa fa-gear\"></i>\r\n                                  {{item.sysName}}\r\n\r\n                                </li>\r\n                              </ul>\r\n                            </li>\r\n\r\n                          </ul>\r\n                        </div>\r\n\r\n                        <div class=\" mb-5\">\r\n                          <div *ngFor=\"let item of workflowActivity.outcomes\">\r\n                            {{ item.nameEN }}: {{item.nextActvityName}}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <!--end:: Card body-->\r\n\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setActivityListResult($event)\"\r\n                             *ngIf=\"IsworkflowActivityFilterLoaded\" [options]=\"ActivityPaging\"\r\n                             [group]=\"workflowActivityForm\" #ActivityPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n              <!--end:: Widgets/Applications/User/Profile3-->\r\n            </div>\r\n\r\n            <ng-template #wfActivityVariablesModal let-modal>\r\n              <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                  <span class=\"svg-icon svg-icon-1\">\r\n                    <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                  </span>\r\n                </button>\r\n              </div>\r\n              <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                <div class=\"mb-13 text-center\">\r\n                  <h1 class=\"mb-3\">\r\n                    {{utilityService.getResourceValue(\"AddWorkflowVariables\")}}\r\n                  </h1>\r\n                </div>\r\n                <BBSF-Form [options]=\"addWorkflowVariabletoActivityFormOptions\">\r\n                  <div class=\"row\">\r\n                    <div class=\"table-responsive\">\r\n                      <!-- begin::Table -->\r\n                      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                        <thead>\r\n                          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"WorkflowVariables\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Enabled\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Mandatory\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Visible\")}}</th>\r\n                            <th class=\"min-w-150px\"></th>\r\n                          </tr>\r\n                        </thead>\r\n                        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                          <tr *ngFor=\"let option of activityWFVariableOptions;let i=index;\">\r\n\r\n                            <td>\r\n                              <!--hidden is system-->\r\n                              <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-TextBox>\r\n\r\n                              <!--if is systm-->\r\n                              <div *ngIf=\"option[7];else variableNameDDL;\">\r\n                                <!--variavle name-->\r\n                                <BBSF-TextBox [options]=\"option[8]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-TextBox>\r\n                                <!--hidden variable id-->\r\n                                <BBSF-TextBox [hidden]=\"true\" [options]=\"option[9]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-TextBox>\r\n                              </div>\r\n                              <!--variavle name ddl-->\r\n                              <ng-template #variableNameDDL>\r\n                                <BBSF-DropdownList [options]=\"option[8]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-DropdownList>\r\n                              </ng-template>\r\n                            </td>\r\n                            <td>\r\n                              <!--is enabled-->\r\n                              <BBSF-CheckBox [options]=\"option[1]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                              <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[2]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                            </td>\r\n                            <td>\r\n                              <!--is mandatory-->\r\n                              <BBSF-CheckBox [options]=\"option[3]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                              <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[4]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                            </td>\r\n                            <td>\r\n                              <!--is visible-->\r\n                              <BBSF-CheckBox [options]=\"option[5]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                              <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                            </td>\r\n                            <td>\r\n                              <!--if ! isSystem-->\r\n                              <a *ngIf=\"!option[7]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteActivityWFVariable(option)\">\r\n                                <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                              </a>\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td colspan=\"5\">\r\n                              <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addNewActivityWFVariable()\">\r\n                                {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                              </button>\r\n                            </td>\r\n                          </tr>\r\n\r\n\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"text-center pt-7\">\r\n                    <button type=\"button\" class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n                      {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                    </button>\r\n                    <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                  </div>\r\n                </BBSF-Form>\r\n              </div>\r\n            </ng-template>\r\n\r\n          </ng-template>\r\n        </li>\r\n      </ul>\r\n      <div [ngbNavOutlet]=\"nav\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".nav.nav-tabs{background:#f7f8fa;border-bottom:0px}.nav-tabs .nav-item .nav-link{color:#494b74}.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:hover{color:#494b74;font-weight:500}.workflow-tabs a.nav-link{padding:17px 25px}.kt-widget.kt-widget--user-profile-3.kt-widget.kt-widget--user-profile-3.workflow-activities{border-radius:15px;box-shadow:0 0 3px #dadada!important}.workflow-activities .kt-widget__progress{justify-content:flex-end;align-items:end}.workflow-activities .kt-widget__username{color:#494b74}.workflow-activities ul#horizontalmenu{color:#a4a4a4;list-style:outside}\n"], components: [{ type: i8.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i9.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i10.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i9.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i9.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i9.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i9.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }], directives: [{ type: i7.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i7.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { type: i7.NgbNavLink, selector: "a[ngbNavLink]" }, { type: i7.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i13.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i3.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
+TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: TabsComponent, selector: "lib-tabs", viewQueries: [{ propertyName: "publishConfirmationModalControl", first: true, predicate: ["publishConfirmationModalControl"], descendants: true }, { propertyName: "WFVersionPagingElement", first: true, predicate: ["WorkflowVersionPagingViewElement"], descendants: true }, { propertyName: "WorkflowVariablePagingViewElement", first: true, predicate: ["WorkflowVariablePagingViewElement"], descendants: true }, { propertyName: "ActivityPagingViewElement", first: true, predicate: ["ActivityPagingViewElement"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-body\">\r\n      <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder\">\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"getDetails()\">{{utilityService.getResourceValue(\"Details\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0  justify-content-end\">\r\n                <div class=\"card-toolbar\">\r\n                  <button type=\"button\" *ngIf=\"ShowWorkflowDetails&&!WorkflowDetails.isPublished\"\r\n                          id=\"btnPublish\" class=\"btn btn-sm btn-primary\" (click)=\"showPublishWFModal(WorkflowDetails.iD_GUID)\">\r\n                    {{utilityService.getResourceValue(\"PublishWorkflow\")}}\r\n\r\n                  </button>\r\n                  <!--<a class=\"btn btn-sm btn-light-primary\">\r\n                    {{utilityService.getResourceValue(\"Preview\")}}\r\n                  </a>-->\r\n\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <form [formGroup]=\"DetailsForm\" *ngIf=\"ShowWorkflowDetails\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-MultiLingualTextBox [options]=\"NameMultilingualTextBox\"\r\n                                                [group]=\"DetailsForm\">\r\n                      </BBSF-MultiLingualTextBox>\r\n                      <div class=\"col-md-12\">\r\n                        <BBSF-MultiLingualTextBox [options]=\"DescriptionMultilingualTextBox\"\r\n                                                  [group]=\"DetailsForm\">\r\n                        </BBSF-MultiLingualTextBox>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-TextBox [options]=\"SysName\"\r\n                                    [group]=\"DetailsForm\">\r\n                      </BBSF-TextBox>\r\n                    </div>\r\n                    <div class=\"col-md-6\">\r\n                      <div class=\"form-group\">\r\n                        <div class=\"label-content\">\r\n                          <BBSF-TextBox [options]=\"Active\"\r\n                                        [group]=\"DetailsForm\">\r\n                          </BBSF-TextBox>\r\n                        </div>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class=\"col-md-6\">\r\n                      <div class=\"form-group\">\r\n                        <div class=\"label-content\">\r\n                          <BBSF-TextBox [options]=\"Published\"\r\n                                        [group]=\"DetailsForm\">\r\n                          </BBSF-TextBox>\r\n                        </div>\r\n                      </div>\r\n\r\n                    </div>\r\n                  </div>\r\n\r\n\r\n                </form>\r\n\r\n\r\n              </div>\r\n              <!--end:: Widgets/Applications/User/Profile3-->\r\n            </div>\r\n          </ng-template>\r\n          <!--Publish workflow confirmation-->\r\n          <BBSF-ConfirmationModal *ngIf=\"publishControlLoaded\" [options]=\"publishWFConfirmationOptions\" id=\"publishConfirmationModalControl\" #publishConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeVersion()\">{{utilityService.getResourceValue(\"Versions\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n                  <form [formGroup]=\"WorkflowVersionForm\">\r\n                    <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"WorkflowVersionForm\"></BBSF-TextBox>\r\n                    <BBSF-TextBox [options]=\"WorkflowIdTextBox\"\r\n                                  [group]=\"WorkflowVersionForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::Permission list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Change\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Current\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Published\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"CreationDate\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n                      <tr *ngFor=\"let version of WorkflowVersionPagingResult\">\r\n                        <td>\r\n                          <a href=\"javascript:void(0)\"\r\n                             [routerLink]=\"['/Admin/Workflows/VersionInfo',version.iD_GUID]\"\r\n                             routerLinkActive=\"router-link-active\"\r\n                             class=\"text-dark\">{{version.changeStr}}</a>\r\n                        </td>\r\n                        <td>{{version.isCurrent}}</td>\r\n                        <td>{{version.isPublished}}</td>\r\n                        <td>{{version.creationDate}}</td>\r\n                      </tr>\r\n                      <tr *ngIf=\"WorkflowVersionPagingResult.length == 0\">\r\n                        <td colspan=\"4\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::Permission list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowVersionListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                             [options]=\"WorkflowVersionPaging\" [group]=\"WorkflowVersionForm\"\r\n                             #WorkflowVersionPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n              <!--end:: Widgets/Applications/User/Profile3-->\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeWorkflowVariables()\">{{utilityService.getResourceValue(\"WorkflowVariables\")}}</a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\">\r\n                  <div class=\"filter-container text-dark\"\r\n                       *ngIf=\"IsWorkflowVariableFilterLoaded\">\r\n                    <form [formGroup]=\"WorkflowVariableForm\">\r\n                      <BBSF-TextBox [options]=\"WorkflowVariablesearchTextBox\"\r\n                                    [group]=\"WorkflowVariableForm\"></BBSF-TextBox>\r\n                      <BBSF-TextBox [options]=\"VerisonIdTextBox\"\r\n                                    [group]=\"WorkflowVariableForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-toolbar\">\r\n                  <button type=\"button\" title=\"Add\" class=\"btn btn-primary btn-sm\"\r\n                          (click)=\"showAddWorkflowVariableModal(AddWorkflowVariableModal)\">\r\n                    <i class=\" fa fa-plus\"></i> {{utilityService.getResourceValue(\"Add\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <!--begin::Permission list-->\r\n                <div class=\"table-responsive\">\r\n                  <!-- begin::Table -->\r\n                  <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n                    <thead>\r\n                      <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"DataType\")}}</th>\r\n                        <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"VariableType\")}}</th>\r\n                        <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n                      <tr *ngFor=\"let WorkflowVariable of WorkflowVariablePagingResult\">\r\n\r\n                        <td>\r\n                          <a href=\"javascript:void(0)\" class=\"text-dark\">{{WorkflowVariable.nameStr}}</a>\r\n\r\n                        </td>\r\n\r\n                        <td>\r\n                          {{WorkflowVariable.sysName}}\r\n                        </td>\r\n                        <td>{{WorkflowVariable.dataTypeItem}}</td>\r\n                        <td>{{WorkflowVariable.variableTypeItem}}</td>\r\n\r\n                        <td>\r\n                          <a class=\"btn btn-sm btn-light-primary btn-icon\"\r\n                             (click)=\"showEditWorkflowVariableModal(WorkflowVariable.iD_GUID, EditWorkflowVariableModal)\">\r\n                            <i class=\"fa fa-edit\"\r\n                               aria-hidden=\"true\"></i>\r\n                          </a>\r\n\r\n                        </td>\r\n                      </tr>\r\n                      <tr *ngIf=\"WorkflowVariablePagingResult.length == 0\">\r\n                        <td colspan=\"5\">\r\n                          <lib-empty-data></lib-empty-data>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <!--end::Permission list-->\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setWorkflowVariableListResult($event)\"\r\n                             *ngIf=\"IsWorkflowVariableFilterLoaded\" [options]=\"WorkflowVariablePaging\"\r\n                             [group]=\"WorkflowVariableForm\" #WorkflowVariablePagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n              <!--end:: Widgets/Applications/User/Profile3-->\r\n            </div>\r\n            <!-- Add Modal -->\r\n            <ng-template #AddWorkflowVariableModal let-modal>\r\n              <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                  <span class=\"svg-icon svg-icon-1\">\r\n                    <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                  </span>\r\n                </button>\r\n              </div>\r\n              <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                <div class=\"mb-13 text-center\">\r\n                  <h1 class=\"mb-3\">\r\n                    {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"WorkflowVariable\")}}\r\n                  </h1>\r\n                </div>\r\n\r\n                <BBSF-Form [options]=\"AddWorkflowVariableFormOptions\">\r\n\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-MultiLingualTextBox [options]=\"AddWFVariableName\" [group]=\"AddWorkflowVariableForm\"></BBSF-MultiLingualTextBox>\r\n\r\n                    </div>\r\n\r\n                  </div>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-TextBox [options]=\"AddWFVariableSysName\"\r\n                                    [group]=\"AddWorkflowVariableForm\">\r\n                      </BBSF-TextBox>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-DropdownList (OnChange)=\"WFVariableTypeOnChange($event,true)\" [options]=\"AddWFVariableDataType\"\r\n                                         [group]=\"AddWorkflowVariableForm\">\r\n                      </BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-Toggleslide [options]=\"AddWFVariableConstant\"\r\n                                        [group]=\"AddWorkflowVariableForm\">\r\n                      </BBSF-Toggleslide>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row\" *ngIf=\"showAddLookupsTable\">\r\n                    <div class=\"table-responsive\">\r\n                      <!-- begin::Table -->\r\n                      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                        <thead>\r\n                          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameEN\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameAR\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                            <th class=\"min-w-150px\"></th>\r\n                          </tr>\r\n                        </thead>\r\n                        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                          <tr *ngFor=\"let option of addWFVariablesLookupOptions;let i=index;\">\r\n\r\n                            <td>\r\n                              <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <BBSF-TextBox [options]=\"option[2]\" [group]=\"AddWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteWFVariableLookup(option,true)\">\r\n                                <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                              </a>\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td colspan=\"4\">\r\n                              <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFVariableLookupinAddMode()\">\r\n                                {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                              </button>\r\n                            </td>\r\n                          </tr>\r\n\r\n\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"text-center pt-7\">\r\n                    <button #CloseWorkflowVariableModal id=\"CloseWorkflowVariableModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                            (click)=\"modal.dismiss()\">\r\n                      {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                    </button>\r\n                    <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                  </div>\r\n                </BBSF-Form>\r\n              </div>\r\n            </ng-template>\r\n\r\n            <!--Edit Modal-->\r\n            <ng-template #EditWorkflowVariableModal let-modal>\r\n              <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                  <span class=\"svg-icon svg-icon-1\">\r\n                    <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                  </span>\r\n                </button>\r\n              </div>\r\n              <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                <div class=\"mb-13 text-center\">\r\n                  <h1 class=\"mb-3\">\r\n                    {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"WorkflowVariable\")}}\r\n                  </h1>\r\n                </div>\r\n                <BBSF-Form [options]=\"EditWorkflowVariableFormOptions\">\r\n\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-MultiLingualTextBox [options]=\"EditWFVariableName\" [group]=\"EditWorkflowVariableForm\"></BBSF-MultiLingualTextBox>\r\n                    </div>\r\n\r\n                  </div>\r\n\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-TextBox [options]=\"EditWFVariableSysName\"\r\n                                    [group]=\"EditWorkflowVariableForm\">\r\n                      </BBSF-TextBox>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-DropdownList (OnChange)=\"WFVariableTypeOnChange($event,false)\" [options]=\"EditWFVariableDataType\"\r\n                                         [group]=\"EditWorkflowVariableForm\">\r\n                      </BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <BBSF-Toggleslide [options]=\"EditWFVariableConstant\"\r\n                                        [group]=\"EditWorkflowVariableForm\">\r\n                      </BBSF-Toggleslide>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row\" *ngIf=\"showEditLookupsTable\">\r\n                    <div class=\"table-responsive\">\r\n                      <!-- begin::Table -->\r\n                      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                        <thead>\r\n                          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameEN\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"NameAR\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                            <th class=\"min-w-150px\"></th>\r\n                          </tr>\r\n                        </thead>\r\n                        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                          <tr *ngFor=\"let option of editWFVariablesLookupOptions;let i=index;\">\r\n\r\n                            <td>\r\n                              <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"EditWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                              <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <BBSF-TextBox [options]=\"option[2]\" [group]=\"EditWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <BBSF-TextBox [options]=\"option[3]\" [group]=\"EditWorkflowVariableForm\">\r\n                              </BBSF-TextBox>\r\n                            </td>\r\n                            <td>\r\n                              <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteWFVariableLookup(option,false)\">\r\n                                <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                              </a>\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td colspan=\"4\">\r\n                              <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFVariableLookupinEditMode()\">\r\n                                {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                              </button>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"text-center pt-7\">\r\n                    <button #CloseEditWorkflowVariableModal id=\"CloseEditWorkflowVariableModal\" type=\"button\"\r\n                            class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n                      {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                    </button>\r\n                    <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                  </div>\r\n                </BBSF-Form>\r\n              </div>\r\n            </ng-template>\r\n\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item mt-2\">\r\n          <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"initializeWorkflowActivity()\">\r\n            {{utilityService.getResourceValue(\"WorkflowActivities\")}}\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"card\">\r\n              <div class=\"card-header border-0 pt-5 px-0\">\r\n                <div class=\"card-title align-items-start flex-column\">\r\n                  <div class=\"filter-container text-dark\"\r\n                       *ngIf=\"IsworkflowActivityFilterLoaded\">\r\n                    <form [formGroup]=\"workflowActivityForm\">\r\n                      <div id=\"filtersContainer\" data-isloaded=\"true\">\r\n                        <BBSF-TextBox [options]=\"WorkflowActivityIdTextBox\"\r\n                                      [group]=\"workflowActivityForm\" [hidden]=\"true\"></BBSF-TextBox>\r\n                      </div>\r\n                    </form>\r\n                  </div>\r\n                </div>\r\n                <div class=\"card-toolbar\">\r\n                  <button type=\"button\" title=\"Add\" class=\"btn btn-primary btn-sm\" [routerLink]=\"['/Admin/Workflows/AddActivity',VersionId]\">\r\n                    <i class=\"fa fa-plus\"></i> {{utilityService.getResourceValue(\"Add\")}}\r\n\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body py-3 px-0\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-6 mb-8\" *ngFor=\"let workflowActivity of ActivityPagingResult\">\r\n                    <div class=\"card bg-light-dark rounded\">\r\n                      <div class=\"card-header border-0 pt-9\">\r\n                        <div class=\"card-title m-0 fs-2 text-primary\">\r\n                          {{workflowActivity.typeNameStr}}\r\n                        </div>\r\n                        <div class=\"card-toolbar\">\r\n                          <button type=\"button\" class=\"btn btn-primary btn-sm me-2 \" (click)=\"showAddWFVariablestoActivity(workflowActivity.versionID_GUID,workflowActivity.iD_GUID,wfActivityVariablesModal)\">\r\n                            <i class=\"fa fa-gear\" aria-hidden=\"true\">\r\n                              {{utilityService.getResourceValue(\"WorkflowVariables\")}}\r\n                            </i>\r\n                          </button>\r\n                          <button type=\"button\" id=\"btnAdd\" class=\"btn btn-light-primary btn-sm btn-icon me-2\" [routerLink]=\"['/Admin/Workflows/EditActivity',workflowActivity.iD_GUID]\">\r\n                            <i *ngIf=\"workflowActivity.isPublished\" class=\"fas fa-pen\"></i>\r\n                            <i *ngIf=\"!workflowActivity.isPublished\" class=\"fas fa-pen\" aria-hidden=\"true\"></i>\r\n                          </button>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"card-body p-9\">\r\n                        <div class=\"fs-6 fw-bolder text-dark\">{{utilityService.getResourceValue(\"WFOutcome\")}}</div>\r\n                        <div class=\"text-gray-400 fw-bold fs-5 mt-1 mb-7\">\r\n                          <ul class=\"list-unstyled\">\r\n\r\n                            <li>\r\n                              {{utilityService.getResourceValue(\"WorkflowVariables\")}}\r\n                              <ul id=\"horizontalmenu\">\r\n                                <li class=\"text-dark\" *ngFor=\"let item of workflowActivity.variables\">\r\n                                  <i class=\"fa fa-gear\"></i>\r\n                                  {{item.sysName}}\r\n\r\n                                </li>\r\n                              </ul>\r\n                            </li>\r\n\r\n                          </ul>\r\n                        </div>\r\n\r\n                        <div class=\" mb-5\">\r\n                          <div *ngFor=\"let item of workflowActivity.outcomes\">\r\n                            {{ item.nameEN }}: {{item.nextActvityName}}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <!--end:: Card body-->\r\n\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-footer border-0\">\r\n                <BBSF-Paging (Items)=\"setActivityListResult($event)\"\r\n                             *ngIf=\"IsworkflowActivityFilterLoaded\" [options]=\"ActivityPaging\"\r\n                             [group]=\"workflowActivityForm\" #ActivityPagingViewElement>\r\n                </BBSF-Paging>\r\n              </div>\r\n              <!--end:: Widgets/Applications/User/Profile3-->\r\n            </div>\r\n\r\n            <ng-template #wfActivityVariablesModal let-modal>\r\n              <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n                <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n                <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n                  <span class=\"svg-icon svg-icon-1\">\r\n                    <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n                  </span>\r\n                </button>\r\n              </div>\r\n              <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n                <div class=\"mb-13 text-center\">\r\n                  <h1 class=\"mb-3\">\r\n                    {{utilityService.getResourceValue(\"AddWorkflowVariables\")}}\r\n                  </h1>\r\n                </div>\r\n                <BBSF-Form [options]=\"addWorkflowVariabletoActivityFormOptions\">\r\n                  <div class=\"row\">\r\n                    <div class=\"table-responsive\">\r\n                      <!-- begin::Table -->\r\n                      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n                        <thead>\r\n                          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"WorkflowVariables\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Enabled\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Mandatory\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Visible\")}}</th>\r\n                            <th class=\"min-w-150px\"></th>\r\n                          </tr>\r\n                        </thead>\r\n                        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                          <tr *ngFor=\"let option of activityWFVariableOptions;let i=index;\">\r\n\r\n                            <td>\r\n                              <!--hidden is system-->\r\n                              <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-TextBox>\r\n\r\n                              <!--if is systm-->\r\n                              <div *ngIf=\"option[7];else variableNameDDL;\">\r\n                                <!--variavle name-->\r\n                                <BBSF-TextBox [options]=\"option[8]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-TextBox>\r\n                                <!--hidden variable id-->\r\n                                <BBSF-TextBox [hidden]=\"true\" [options]=\"option[9]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-TextBox>\r\n                              </div>\r\n                              <!--variavle name ddl-->\r\n                              <ng-template #variableNameDDL>\r\n                                <BBSF-DropdownList [options]=\"option[8]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                                </BBSF-DropdownList>\r\n                              </ng-template>\r\n                            </td>\r\n                            <td>\r\n                              <!--is enabled-->\r\n                              <BBSF-CheckBox [options]=\"option[1]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                              <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[2]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                            </td>\r\n                            <td>\r\n                              <!--is mandatory-->\r\n                              <BBSF-CheckBox [options]=\"option[3]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                              <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[4]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                            </td>\r\n                            <td>\r\n                              <!--is visible-->\r\n                              <BBSF-CheckBox [options]=\"option[5]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                              <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"addWorkflowVariabletoActivityForm\">\r\n                              </BBSF-CheckBox>\r\n                            </td>\r\n                            <td>\r\n                              <!--if ! isSystem-->\r\n                              <a *ngIf=\"!option[7]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteActivityWFVariable(option)\">\r\n                                <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                              </a>\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td colspan=\"5\">\r\n                              <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addNewActivityWFVariable()\">\r\n                                {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                              </button>\r\n                            </td>\r\n                          </tr>\r\n\r\n\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"text-center pt-7\">\r\n                    <button type=\"button\" class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n                      {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n                    </button>\r\n                    <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n                  </div>\r\n                </BBSF-Form>\r\n              </div>\r\n            </ng-template>\r\n\r\n          </ng-template>\r\n        </li>\r\n      </ul>\r\n      <div [ngbNavOutlet]=\"nav\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".nav.nav-tabs{background:#f7f8fa;border-bottom:0px}.nav-tabs .nav-item .nav-link{color:#494b74}.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:hover{color:#494b74;font-weight:500}.workflow-tabs a.nav-link{padding:17px 25px}.kt-widget.kt-widget--user-profile-3.kt-widget.kt-widget--user-profile-3.workflow-activities{border-radius:15px;box-shadow:0 0 3px #dadada!important}.workflow-activities .kt-widget__progress{justify-content:flex-end;align-items:end}.workflow-activities .kt-widget__username{color:#494b74}.workflow-activities ul#horizontalmenu{color:#a4a4a4;list-style:outside}\n"], components: [{ type: i8.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i9.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i10.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i9.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i9.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i9.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i9.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }], directives: [{ type: i7.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i7.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { type: i7.NgbNavLink, selector: "a[ngbNavLink]" }, { type: i7.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i13.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i3.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/workflows/workflow/workflow.component.js CHANGED Viewed

@@ -202,7 +202,7 @@ export class WorkflowComponent {
     }
 }
 WorkflowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowComponent, deps: [{ token: i1.AuthService }, { token: i2.WorkflowService }, { token: i3.NgbModal }, { token: i1.UtilityService }, { token: i1.EnvironmentService }, { token: i1.BBSFTranslateService }, { token: i4.PageInfoService }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-WorkflowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowComponent, selector: "lib-workflow", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["WorkflowPagingViewElement"], descendants: true }], ngImport: i0, template: "<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <!-- begin::Header -->\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"WorkflowForm\">\r\n          <!-- (OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"WorkflowForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <button type=\"button\" class=\"btn btn-sm btn-primary\" (click)=\"showAddWorkflowModal(AddWorkflowModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-250px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n            <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let Workflow of clientSidePagingResult\">\r\n            <td>\r\n              <a href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Workflows/tabs',Workflow.iD_GUID,Workflow.workflowVersionID_GUID]\" routerLinkActive=\"router-link-active\"\r\n                 class=\"text-gray-800 text-hover-primary\">{{Workflow.nameStr}}</a>\r\n            </td>\r\n            <td>{{Workflow.descriptionStr}}</td>\r\n\r\n            <td>{{Workflow.sysName}}</td>\r\n            <td>\r\n              <div>\r\n                <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                  <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                </button>\r\n                <mat-menu #menu=\"matMenu\">\r\n                  <button class=\"drop-item px-3\" ngbDropdownItem\r\n                          (click)=\"showEditWorkflowModal(Workflow.iD_GUID, EditWorkflowModal)\">\r\n                    <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                  </button>\r\n                </mat-menu>\r\n              </div>\r\n            </td>\r\n          </tr>\r\n          <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n            <td colspan=\"4\">\r\n              <lib-empty-data></lib-empty-data>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setWorkflowListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"WorkflowPaging\" [group]=\"WorkflowForm\" #WorkflowPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddWorkflowModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Workflow\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddWorkflowFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"AddSysName\" [group]=\"AddWorkflowForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddWorkflowForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"AddDescription\" [group]=\"AddWorkflowForm\"></BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseWorkflowModal id=\"CloseWorkflowModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!--Edit Modal-->\r\n<ng-template #EditWorkflowModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Workflow\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditWorkflowFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSysName\" [group]=\"EditWorkflowForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditWorkflowForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\" [group]=\"EditWorkflowForm\"></BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditWorkflowModal id=\"CloseEditWorkflowModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i7.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i5.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i5.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i9.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i10.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i3.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+WorkflowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowComponent, selector: "lib-workflow", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["WorkflowPagingViewElement"], descendants: true }], ngImport: i0, template: "<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <!-- begin::Header -->\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"WorkflowForm\">\r\n          <!-- (OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"WorkflowForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <button type=\"button\" class=\"btn btn-sm btn-primary\" (click)=\"showAddWorkflowModal(AddWorkflowModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-250px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n            <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let Workflow of clientSidePagingResult\">\r\n            <td>\r\n              <a href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Workflows/tabs',Workflow.iD_GUID,Workflow.workflowVersionID_GUID]\" routerLinkActive=\"router-link-active\"\r\n                 class=\"text-gray-800 text-hover-primary\">{{Workflow.nameStr}}</a>\r\n            </td>\r\n            <td>{{Workflow.descriptionStr}}</td>\r\n\r\n            <td>{{Workflow.sysName}}</td>\r\n            <td>\r\n              <div>\r\n                <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                  <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                </button>\r\n                <mat-menu #menu=\"matMenu\">\r\n                  <button class=\"drop-item px-3\" ngbDropdownItem\r\n                          (click)=\"showEditWorkflowModal(Workflow.iD_GUID, EditWorkflowModal)\">\r\n                    <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                  </button>\r\n                </mat-menu>\r\n              </div>\r\n            </td>\r\n          </tr>\r\n          <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n            <td colspan=\"4\">\r\n              <lib-empty-data></lib-empty-data>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setWorkflowListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"WorkflowPaging\" [group]=\"WorkflowForm\" #WorkflowPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddWorkflowModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Workflow\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddWorkflowFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"AddSysName\" [group]=\"AddWorkflowForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddWorkflowForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"AddDescription\" [group]=\"AddWorkflowForm\"></BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseWorkflowModal id=\"CloseWorkflowModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!--Edit Modal-->\r\n<ng-template #EditWorkflowModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Workflow\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditWorkflowFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditSysName\" [group]=\"EditWorkflowForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditWorkflowForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextArea [options]=\"EditDescription\" [group]=\"EditWorkflowForm\"></BBSF-MultiLingualTextArea>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditWorkflowModal id=\"CloseEditWorkflowModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i7.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i5.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i9.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i10.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i3.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowComponent, decorators: [{
             type: Component,
             args: [{