/**
 * Minified by jsDelivr using Terser v5.39.0.
 * Original file: /npm/bbsf-admin-portal@1.0.0/bundles/bbsf-admin-portal.umd.js
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@ngx-translate/core"),require("@angular/common/http"),require("@ngx-translate/http-loader"),require("@angular/router"),require("ng-block-ui"),require("bbsf-utilities"),require("rxjs"),require("object-path"),require("@popperjs/core"),require("ng-inline-svg"),require("@ng-bootstrap/ng-bootstrap"),require("rxjs/operators"),require("@angular/forms"),require("bbsf-controls"),require("ngx-clipboard"),require("@angular/material/menu"),require("file-saver"),require("@angular/material/checkbox"),require("oidc-client"),require("@angular/cdk/clipboard")):"function"==typeof define&&define.amd?define("bbsf-admin-portal",["exports","@angular/core","@angular/common","@ngx-translate/core","@angular/common/http","@ngx-translate/http-loader","@angular/router","ng-block-ui","bbsf-utilities","rxjs","object-path","@popperjs/core","ng-inline-svg","@ng-bootstrap/ng-bootstrap","rxjs/operators","@angular/forms","bbsf-controls","ngx-clipboard","@angular/material/menu","file-saver","@angular/material/checkbox","oidc-client","@angular/cdk/clipboard"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["bbsf-admin-portal"]={},e.ng.core,e.ng.common,e.i2,e.ng.common.http,e.httpLoader,e.ng.router,e.i1$3,e.i1,e.rxjs,e.objectPath,e.core,e.i13,e.i5,e.rxjs.operators,e.ng.forms,e.i7,e.i3,e.ng.material.menu,e.fileSaver,e.ng.material.checkbox,e.oidcClient,e.ng.cdk.clipboard)}(this,(function(e,t,i,r,n,o,s,a,l,d,c,u,p,m,g,h,v,b,y,S,f,I,x){"use strict";function F(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var r=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var T=F(t),A=F(i),w=F(r),M=F(n),L=F(s),C=F(a),B=F(l),D=F(c),k=F(p),E=F(m),P=F(h),V=F(v),N=F(b),R=F(y),U=F(f),G=function(e,t){return G=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])},G(e,t)};function O(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function i(){this.constructor=e}G(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}function H(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s}function z(e,t,i,r){return new(i||(i=Promise))((function(n,o){function s(e){try{l(r.next(e))}catch(e){o(e)}}function a(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,a)}l((r=r.apply(e,t||[])).next())}))}function j(e,t){var i,r,n,o,s={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return o={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function a(o){return function(a){return function(o){if(i)throw new TypeError("Generator is already executing.");for(;s;)try{if(i=1,r&&(n=2&o[0]?r.return:o[0]?r.throw||((n=r.return)&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;switch(r=0,n&&(o=[2&o[0],n.value]),o[0]){case 0:case 1:n=o;break;case 4:return s.label++,{value:o[1],done:!1};case 5:s.label++,r=o[1],o=[0];continue;case 7:o=s.ops.pop(),s.trys.pop();continue;default:if(!(n=s.trys,(n=n.length>0&&n[n.length-1])||6!==o[0]&&2!==o[0])){s=0;continue}if(3===o[0]&&(!n||o[1]>n[0]&&o[1]<n[3])){s.label=o[1];break}if(6===o[0]&&s.label<n[1]){s.label=n[1],n=o;break}if(n&&s.label<n[2]){s.label=n[2],s.ops.push(o);break}n[2]&&s.ops.pop(),s.trys.pop();continue}o=t.call(e,s)}catch(e){o=[6,e],r=0}finally{i=n=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,a])}}}Object.create;function W(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}Object.create;var K={main:{componentName:"main",type:"default",primaryColor:"#009EF7",darkSkinEnabled:!0},loader:{componentName:"loader",display:!0,type:"default"},scrolltop:{componentName:"scroll-top",display:!0},header:{componentName:"header",display:!0,width:"fluid",left:"menu",fixed:{desktop:!0,tabletAndMobile:!0},menuIcon:"svg"},megaMenu:{componentName:"mega-menu",display:!0},aside:{componentName:"aside",display:!0,theme:"dark",menu:"main",fixed:!0,minimized:!1,minimize:!0,hoverable:!0,menuIcon:"svg"},content:{componentName:"content",width:"fixed",layout:"default"},toolbar:{componentName:"toolbar",display:!0,width:"fluid",fixed:{desktop:!0,tabletAndMobileMode:!0},layout:"toolbar1",layouts:{toolbar1:{height:"55px",heightAndTabletMobileMode:"55px"},toolbar2:{height:"75px",heightAndTabletMobileMode:"65px"},toolbar3:{height:"55px",heightAndTabletMobileMode:"55px"},toolbar4:{height:"65px",heightAndTabletMobileMode:"65px"},toolbar5:{height:"75px",heightAndTabletMobileMode:"65px"}}},footer:{componentName:"footer",width:"fluid"},pageTitle:{componentName:"page-title",display:!0,breadCrumbs:!0,description:!1,layout:"default",direction:"row",responsive:!0,responsiveBreakpoint:"lg",responsiveTarget:"#kt_toolbar_container"}},q=function(){return{body:new Map}};function _(){return{asideMenu:{},headerMobile:{},headerMenu:{},headerContainer:{},pageTitle:{}}}function J(){return{header:[],headerContainer:[],headerMobile:[],headerMenu:[],aside:[],asideMenu:[],asideToggle:[],toolbar:[],toolbarContainer:[],content:[],contentContainer:[],footerContainer:[],sidebar:[],pageTitle:[]}}var $=function(){function e(){this.layoutConfigSubject=new d.BehaviorSubject(void 0),this.classes={header:[],headerContainer:[],headerMobile:[],headerMenu:[],aside:[],asideMenu:[],asideToggle:[],toolbar:[],toolbarContainer:[],content:[],contentContainer:[],footerContainer:[],sidebar:[],pageTitle:[]},this.attrs={asideMenu:{},headerMobile:{},headerMenu:{},headerContainer:{},pageTitle:{}}}return e.prototype.initConfig=function(){var e=localStorage.getItem("");if(e)try{return void this.layoutConfigSubject.next(JSON.parse(e))}catch(e){this.removeConfig(),console.error("config parse from local storage",e)}this.layoutConfigSubject.next(K)},e.prototype.removeConfig=function(){localStorage.removeItem("")},e.prototype.refreshConfigToDefault=function(){this.setConfigWithPageRefresh(void 0)},e.prototype.getConfig=function(){var e=this.layoutConfigSubject.value;return e||K},e.prototype.setConfig=function(e){e?localStorage.setItem("",JSON.stringify(e)):this.removeConfig(),this.layoutConfigSubject.next(e)},e.prototype.updateConfig=function(e){var t=this.layoutConfigSubject.value;if(t){var i=Object.assign(Object.assign({},t),e);this.classes={header:[],headerContainer:[],headerMobile:[],headerMenu:[],aside:[],asideMenu:[],asideToggle:[],toolbar:[],toolbarContainer:[],content:[],contentContainer:[],footerContainer:[],sidebar:[],pageTitle:[]},this.cssVariables=q(),this.attrs=Object.assign({},{asideMenu:{},headerMobile:{},headerMenu:{},headerContainer:{},pageTitle:{}}),this.layoutConfigSubject.next(i)}},e.prototype.setConfigWithoutLocalStorageChanges=function(e){this.layoutConfigSubject.next(e)},e.prototype.setConfigWithPageRefresh=function(e){this.setConfig(e),document.location.reload()},e.prototype.getProp=function(e){var t=this.layoutConfigSubject.value;if(t)return D.get(t,e)},e.prototype.setCSSClass=function(e,t){var i=this;this.classes[e]||(this.classes[e]=[]),t.split(" ").forEach((function(t){return i.classes[e].push(t)}))},e.prototype.getCSSClasses=function(e){var t=this.classes[e];return t||[]},e.prototype.getStringCSSClasses=function(e){return this.getCSSClasses(e).join(" ")},e.prototype.getHTMLAttributes=function(e){var t=this.attrs[e];return t||{}},e.prototype.setHTMLAttribute=function(e,t,i){this.attrs[e]||(this.attrs[e]={}),this.attrs[e][t]=i},e}();$.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$,deps:[],target:T.ɵɵFactoryTarget.Injectable}),$.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[]}});var Q=function(){function e(e){this.layout=e}return e.prototype.init=function(){this.layout.initConfig(),this.initLayout(),this.initHeader(),this.initPageTitle(),this.initToolbar(),this.initContent(),this.initAside(),this.initFooter()},e.prototype.update=function(e){this.layout.updateConfig(e),this.initLayout(),this.initHeader(),this.initPageTitle(),this.initToolbar(),this.initContent(),this.initAside(),this.initFooter()},e.prototype.initLayout=function(){Array.from(document.body.attributes).forEach((function(e){document.body.removeAttribute(e.name)})),document.body.setAttribute("style",""),document.body.setAttribute("id","kt_body");var e=this.layout.getProp("main.body.backgroundImage");e&&(document.body.style.backgroundImage='url("'+e+'")');var t=(this.layout.getProp("main.body.class")||"").toString();t&&t.split(" ").forEach((function(e){return document.body.classList.add(e)}))},e.prototype.initHeader=function(){this.layout.setCSSClass("headerContainer","fluid"===this.layout.getProp("header.width")?"container-fluid":"container-xxl"),this.layout.getProp("header.fixed.desktop")&&document.body.classList.add("header-fixed"),this.layout.getProp("header.fixed.tabletAndMobile")&&document.body.classList.add("header-tablet-and-mobile-fixed")},e.prototype.initPageTitle=function(){if(this.layout.getProp("pageTitle.display")&&("column"===this.layout.getProp("pageTitle.direction")?(this.layout.setCSSClass("pageTitle","flex-column"),this.layout.setCSSClass("pageTitle","align-items-start")):(this.layout.setCSSClass("pageTitle","align-items-center"),this.layout.setCSSClass("pageTitle","flex-wrap")),this.layout.setCSSClass("pageTitle","me-3"),this.layout.getProp("pageTitle.responsive"))){this.layout.setCSSClass("pageTitle","mb-5"),this.layout.setCSSClass("pageTitle","mb-lg-0"),this.layout.setHTMLAttribute("pageTitle","data-kt-swapper",!0),this.layout.setHTMLAttribute("pageTitle","data-kt-swapper-mode","prepend");var e=this.layout.getProp("pageTitle.responsiveBreakpoint"),t=this.layout.getProp("pageTitle.responsiveTarget");this.layout.setHTMLAttribute("pageTitle","data-kt-swapper-parent","{ default: '#kt_content_container', '"+e+"': '"+t+"'}")}},e.prototype.initToolbar=function(){if(this.layout.getProp("toolbar.display")){document.body.classList.add("toolbar-enabled");var e=this.layout.getProp("toolbar.width");if(this.layout.setCSSClass("toolbarContainer","fluid"===e?"container-fluid":"container-xxl"),this.layout.getProp("toolbar.fixed.desktop")&&document.body.classList.add("toolbar-fixed"),this.layout.getProp("toolbar.fixed.tabletAndMobileMode")&&document.body.classList.add("toolbar-tablet-and-mobile-fixed"),"toolbar1"===this.layout.getProp("toolbar.layout")){var t=this.layout.getProp("toolbar.layouts.toolbar1.height"),i=this.layout.getProp("toolbar.layouts.toolbar1.heightAndTabletMobileMode"),r="";t&&(r+=" --kt-toolbar-height: "+t+";"),i&&(r+=" --kt-toolbar-height-tablet-and-mobile: "+i+";"),document.body.setAttribute("style",r)}}},e.prototype.initContent=function(){var e=this.layout.getProp("content.width");this.layout.setCSSClass("contentContainer","fluid"===e?"container-fluid":"container-xxl")},e.prototype.initAside=function(){if(this.layout.getProp("aside.display")){document.body.classList.add("aside-enabled");var e=this.layout.getProp("aside.theme");this.layout.setCSSClass("aside","aside-"+e),this.layout.getProp("aside.fixed")&&document.body.classList.add("aside-fixed"),this.layout.getProp("aside.minimized")&&document.body.setAttribute("data-kt-aside-minimize","on"),this.layout.getProp("aside.hoverable")&&this.layout.setCSSClass("aside","aside-hoverable")}},e.prototype.initFooter=function(){var e=this.layout.getProp("footer.width");this.layout.setCSSClass("footerContainer","fluid"===e?"container-fluid":"container-xxl")},e}();Q.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Q,deps:[{token:$}],target:T.ɵɵFactoryTarget.Injectable}),Q.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Q,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Q,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:$}]}});var Y=function(){function e(){}return e.set=function(e,t,i,r){r?e.style.setProperty(t,i,"important"):e.style.setProperty(t,i)},e.get=function(e,t){return e.style.getPropertyValue(t)},e.remove=function(e,t){e.style.removeProperty(t)},e}(),Z=function(){function e(){}return e.set=function(t,i,r){if(t){var n=e.store.get(t);if(n)n.set(i,r);else{var o=(new Map).set(i,r);e.store.set(t,o)}}},e.get=function(t,i){var r=e.store.get(t);if(r)return r.get(i)},e.remove=function(t,i){var r=e.store.get(t);r&&r.delete(i)},e.has=function(t,i){var r=e.store.get(t);return!!r&&r.has(i)},e.getAllInstancesByKey=function(t){var i=[];return e.store.forEach((function(e){e.forEach((function(e,r){r===t&&i.push(e)}))})),i},e}();function X(e,t){var i=new Map(Object.entries(e));if(e.hasOwnProperty(t)&&i)return i.get(t)}function ee(e){var t=Math.floor(Math.random()*(new Date).getTime()).toString();return e?""+e+t:t}function te(e){return e.replace(/(\-\w)/g,(function(e){return e[1].toUpperCase()}))}Z.store=new Map;var ie=function(){function e(){}return e.on=function(t,i,r,n){var o=ee("DOMEvent");return e.store.set(o,(function(e){for(var r=t.querySelectorAll(i),o=e.target;o&&o!==t;){for(var s=0;s<r.length;s++)o===r[s]&&n.call(o,e);o=o.parentElement?o.parentElement:null}})),t.addEventListener(r,e.store.get(o)),o},e.off=function(t,i,r){var n=e.store.get(r);n&&(t.removeEventListener(i,n),e.store.delete(r))},e.one=function(e,t,i){e.addEventListener(t,(function t(r){return r.target&&r.target.removeEventListener&&r.target.removeEventListener(r.type,t),e&&r&&r.currentTarget&&r.currentTarget.removeEventListener(r.type,t),i(r)}))},e}();ie.store=new Map;var re=function(){function e(){}return e.animate=function(e,t,i,r,n){var o=function(e,t,i,r){return i*e/r+t};n||(n=function(){});var s=t-e;r(e);var a=window.performance&&window.performance.now?window.performance.now():+new Date;window.requestAnimationFrame((function l(d){var c=(d||+new Date)-a;c>=0&&r(o(c,e,s,i)),c>=0&&c>=i?(r(t),n&&n()):window.requestAnimationFrame(l)}))},e.animateClass=function(e,t,i){var r=t.split(" ");r.forEach((function(t){return e.classList.add(t)})),ie.one(e,"animationend",(function(){r.forEach((function(t){return e.classList.remove(t)}))})),i&&ie.one(e,"animationend",i)},e.transitionEnd=function(e,t){ie.one(e,"transitionend",t)},e.animationEnd=function(e,t){ie.one(e,"animationend",t)},e.animationDelay=function(e,t){Y.set(e,"animation-delay",t)},e.animationDuration=function(e,t){Y.set(e,"animation-duration",t)},e.scrollTo=function(t,i,r){void 0===r&&(r=500);var n=t?function(e){if(!e.getClientRects().length)return{top:0,left:0};var t=e.getBoundingClientRect(),i=e.ownerDocument.defaultView;if(i)return{top:t.top+i.pageYOffset,left:t.left+i.pageXOffset};return t}(t).top:0,o=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;i&&(o+=i,n-=i);var s=o,a=n;e.animate(s,a,r,(function(e){document.documentElement.scrollTop=e,document.body.scrollTop=e}))},e.scrollTop=function(t,i){e.scrollTo(null,t,i)},e}();function ne(e,t){var i=(e.ownerDocument||document).defaultView;return i?(t=t.replace(/([A-Z])/g,"-$1").toLowerCase(),i.getComputedStyle(e,null).getPropertyValue(t)):""}function oe(e,t,i){var r="";if(!e.getAttribute("kt-hidden-"+t)||!1===i){var n=void 0;return r=e.style.cssText,e.style.cssText="position: absolute; visibility: hidden; display: block;","width"===t?n=e.offsetWidth:"height"===t&&(n=e.offsetHeight),e.style.cssText=r,void 0!==n?(e.setAttribute("kt-hidden-"+t,n.toString()),parseFloat(n.toString())):0}var o=e.getAttribute("kt-hidden-"+t);return o||"0"===o?parseFloat(o):0}function se(e,t){var i=Element.prototype,r=i.matches||i.webkitMatchesSelector;return!(!e||!e.tagName)&&r.call(e,t)}function ae(){return{width:window.innerWidth,height:window.innerHeight}}function le(e){return!(0===e.offsetWidth&&0===e.offsetHeight)}function de(e,t,i){e||(e=window.setTimeout((function(){t(),e=void 0}),i))}function ce(e,t){var i=function(e,t){if(!e||!e.childNodes)return null;for(var i=[],r=0;r<e.childNodes.length;r++){var n=e.childNodes[r];1===n.nodeType&&se(n,t)&&i.push(n)}return i}(e,t);return i?i[0]:null}function ue(e,t,i,r){if(!(!e||"up"===t&&!1===le(e)||"down"===t&&!0===le(e))){i=i||600;var n=function(e){return oe(e,"height",!1)}(e),o=0,s=0;Y.get(e,"padding-top")&&!0!==Z.get(e,"slide-padding-top")&&Z.set(e,"slide-padding-top",Y.get(e,"padding-top")),Y.get(e,"padding-bottom")&&!0!==Z.has(e,"slide-padding-bottom")&&Z.set(e,"slide-padding-bottom",Y.get(e,"padding-bottom")),Z.has(e,"slide-padding-top")&&(o=parseInt(Z.get(e,"slide-padding-top"))),Z.has(e,"slide-padding-bottom")&&(s=parseInt(Z.get(e,"slide-padding-bottom"))),"up"===t?(e.style.cssText="display: block; overflow: hidden;",o&&re.animate(0,o,i,(function(t){e.style.paddingTop=o-t+"px"})),s&&re.animate(0,s,i,(function(t){e.style.paddingBottom=s-t+"px"})),re.animate(0,n||0,i,(function(t){e.style.height=(n||0)-t+"px"}),(function(){e.style.height="",e.style.display="none","function"==typeof r&&r()}))):"down"===t&&(e.style.cssText="display: block; overflow: hidden;",o&&re.animate(0,o,i,(function(t){e.style.paddingTop=t+"px"}),(function(){e.style.paddingTop=""})),s&&re.animate(0,s,i,(function(t){e.style.paddingBottom=t+"px"}),(function(){e.style.paddingBottom=""})),re.animate(0,n||0,i,(function(t){e.style.height=t+"px"}),(function(){e.style.height="",e.style.display="",e.style.overflow="","function"==typeof r&&r()})))}}function pe(e){var t,i,r=(t="--bs-"+e,(i=getComputedStyle(document.documentElement).getPropertyValue(t))&&i.length>0&&(i=i.trim()),i);return r&&(r=parseInt(r.trim())),r}function me(e){var t=function(e){if("string"!=typeof e)return e;if(e){var t=e.toString().split("").map((function(e){return"'"!==e?e:'"'})).join("").replace(/(\w+:)|(\w+ :)/g,(function(e){return'"'+e.substring(0,e.length-1)+'":'}));try{return JSON.parse(t)}catch(e){return}}}(e);if("object"!=typeof t)return e;var i,r,n=ae().width,o=-1;for(var s in t)(r="default"===s?0:pe(s)?+pe(s):parseInt(s))<=n&&r>o&&(i=s,o=r);return i?X(t,i):t}var ge=function(){function e(){}return e.setEventMetasByName=function(t,i){e.store.set(t,i)},e.getEventMetasByName=function(t){return e.store.get(t)},e.setEventMetaByNameAndHandlerId=function(t,i,r){var n=e.getEventMetasByName(t);n||(n=new Map),n.set(i,r),e.setEventMetasByName(t,n)},e.getEventsMetaByHandlerId=function(t,i){var r=e.store.get(t);if(r)return r.get(i)},e.setFiredByNameAndHandlerId=function(t,i,r){var n=e.getEventsMetaByHandlerId(t,i);n&&(n.fired=r,e.setEventMetaByNameAndHandlerId(t,i,n))},e.addEvent=function(t,i,r,n){void 0===n&&(n=!1);var o=ee("event");Z.set(t,i,o);var s={name:i,callback:r,one:n,fired:!1};e.setEventMetaByNameAndHandlerId(i,o,s)},e.removeEvent=function(t,i){var r=Z.get(t,i);if(r){var n=e.getEventMetasByName(i);n&&(n.delete(r),e.setEventMetasByName(i,n))}},e.trigger=function(t,i,r){if(Z.has(t,i)){var n=Z.get(t,i);if(!n)return;var o=e.getEventsMetaByHandlerId(i,n);if(o&&o.name===i){if(!0!==o.one)return o.callback.call(this,r);if(!1===o.fired)return e.setFiredByNameAndHandlerId(i,n,!0),o.callback.call(this,r)}}return null},e.one=function(t,i,r){e.addEvent(t,i,r,!0)},e.off=function(t,i){e.removeEvent(t,i)},e}();ge.store=new Map,ge.on=function(e,t,i){ge.addEvent(e,t,i,!1)};var he={dropdown:{hoverTimeout:200,zindex:105},accordion:{slideSpeed:250,expand:!1}},ve=function e(t,i){var r=this;return this.triggerElement=null,this._setTriggerElement=function(){var e=document.querySelector('[data-kt-menu-target="#'+r.element.getAttribute("id")+'"');if(e)r.triggerElement=e;else if(r.element.closest("[data-kt-menu-trigger]"))r.triggerElement=r.element.closest("[data-kt-menu-trigger]");else if(r.element.parentNode&&ce(r.element.parentNode,"[data-kt-menu-trigger]")){var t=ce(r.element.parentNode,"[data-kt-menu-trigger]");t&&(r.triggerElement=t)}r.triggerElement&&Z.set(r.triggerElement,"menu",r)},this._isTriggerElement=function(e){return r.triggerElement===e},this._getItemOption=function(e,t){var i=null;return e&&e.hasAttribute("data-kt-menu-"+t)&&(null!==(i=me(e.getAttribute("data-kt-menu-"+t)||""))&&"true"===String(i)?i=!0:null!==i&&"false"===String(i)&&(i=!1)),i},this._getItemElement=function(e){if(r._isTriggerElement(e))return e;if(e.hasAttribute("data-kt-menu-trigger"))return e;var t=Z.get(e,"item");if(t)return t;var i=e.closest(".menu-item[data-kt-menu-trigger]");if(i)return i;var n=e.closest(".menu-sub");if(n){var o=Z.get(n,"item");if(o)return o}},this._getItemParentElement=function(e){var t=e.closest(".menu-sub");if(!t)return null;var i=Z.get(t,"item");if(i)return i;var r=t.closest(".menu-item[data-kt-menu-trigger]");return t&&r?r:null},this._getItemParentElements=function(e){var t,i=[],n=0,o=e;do{(t=r._getItemParentElement(o))&&(i.push(t),o=t),n++}while(null!==t&&n<20);return r.triggerElement&&i.unshift(r.triggerElement),i},this._getDropdownPopperConfig=function(e){var t=r._getItemOption(e,"placement"),i="right";t&&(i=t);var n=r._getItemOption(e,"flip"),o=(n&&n.toString().split(","),r._getItemOption(e,"offset")),s=o?o.toString().split(","):[];return{placement:i,strategy:!0===r._getItemOption(e,"overflow")?"absolute":"fixed",modifiers:[{name:"offset",options:{offset:s}},{name:"preventOverflow",options:{altAxis:!1!==r._getItemOption(e,"flip")}},{name:"flip",options:{flipVariations:!1}}]}},this._getItemChildElement=function(e){var t=e,i=Z.get(e,"sub");if(i&&(t=i),t){var r=t.querySelector(".menu-item[data-kt-menu-trigger]");if(r)return r}return null},this._getItemChildElements=function(e){var t,i=[],n=0,o=e;do{(t=r._getItemChildElement(o))&&(i.push(t),o=t),n++}while(null!==t&&n<20);return i},this._getItemSubElement=function(e){return e?r._isTriggerElement(e)?r.element:e.classList.contains("menu-sub")?e:Z.has(e,"sub")?Z.get(e,"sub"):ce(e,".menu-sub"):null},this._getCss=function(e,t){var i=(e.ownerDocument||document).defaultView;return i?(t=t.replace(/([A-Z])/g,"-$1").toLowerCase(),i.getComputedStyle(e,null).getPropertyValue(t)):""},this._getItemSubType=function(e){var t=r._getItemSubElement(e);return t&&parseInt(r._getCss(t,"z-index"))>0?"dropdown":"accordion"},this._isItemSubShown=function(e){var t=r._getItemSubElement(e);return!!t&&("dropdown"===r._getItemSubType(e)?t.classList.contains("show")&&t.hasAttribute("data-popper-placement"):e.classList.contains("show"))},this._isItemDropdownPermanent=function(e){return!0===r._getItemOption(e,"permanent")},this._isItemParentShown=function(e){return function(e,t){Element.prototype.matches||(Element.prototype.matches=function(e){for(var t=(document||this.ownerDocument).querySelectorAll(e),i=t.length;--i>=0&&t.item(i)!==this;);return i>-1});for(var i=[],r=e;r&&r!==document.body;r=r.parentElement)t?r.matches(t)&&i.push(r):i.push(r);return i}(e,".menu-item.show").length>0},this._isItemSubElement=function(e){return e.classList.contains("menu-sub")},this._hasItemSub=function(e){return e.classList.contains("menu-item")&&e.hasAttribute("data-kt-menu-trigger")},this._getItemLinkElement=function(e){return ce(e,".menu-link")},this._getItemToggleElement=function(e){return r.triggerElement?r.triggerElement:r._getItemLinkElement(e)},this._showDropdown=function(t){if(!1!==ge.trigger(r.element,"kt.menu.dropdown.show")){e.hideDropdowns(t);var i=r._getItemSubElement(t),n=r._getItemOption(t,"width"),o=r._getItemOption(t,"height"),s=r.options.dropdown.zindex,a=function(e){for(var t=e,i=e;t&&t!==document;){var r=i.style.getPropertyValue("position");if("absolute"===r||"relative"===r||"fixed"===r){var n=parseInt(i.style.getPropertyValue("z-index"));if(!isNaN(n)&&0!==n)return n}i=t=t.parentNode}return null}(t);null!==a&&a>=s&&(s=a+1),s&&Y.set(i,"z-index",s),n&&Y.set(i,"width",n),o&&Y.set(i,"height",o),r.initDropdownPopper(t,i),t.classList.add("show"),t.classList.add("menu-dropdown"),i.classList.add("show"),!0===r._getItemOption(t,"overflow")?(document.body.appendChild(i),Z.set(t,"sub",i),Z.set(i,"item",t),Z.set(i,"menu",r)):Z.set(i,"item",t),ge.trigger(r.element,"kt.menu.dropdown.shown")}},this.initDropdownPopper=function(e,t){var i,n=r._getItemOption(e,"attach");if(i=n?"parent"===n?e.parentNode:document.querySelector(n):e){var o=u.createPopper(i,t,r._getDropdownPopperConfig(e));Z.set(e,"popper",o)}},this._hideDropdown=function(e){if(!1!==ge.trigger(r.element,"kt.menu.dropdown.hide")){var t,i,n,o=r._getItemSubElement(e);Y.set(o,"z-index",""),Y.set(o,"width",""),Y.set(o,"height",""),e.classList.remove("show"),e.classList.remove("menu-dropdown"),o.classList.remove("show"),!0===r._getItemOption(e,"overflow")&&(e.classList.contains("menu-item")?e.appendChild(o):(t=r.element,null===(n=(i=e).parentNode)||void 0===n||n.insertBefore(t,i.nextSibling)),Z.remove(e,"sub"),Z.remove(o,"item"),Z.remove(o,"menu")),!0===Z.has(e,"popper")&&(Z.get(e,"popper").destroy(),Z.remove(e,"popper")),r.destroyDropdownPopper(e),ge.trigger(r.element,"kt.menu.dropdown.hidden")}},this.destroyDropdownPopper=function(e){!0===Z.has(e,"popper")&&(Z.get(e,"popper").destroy(),Z.remove(e,"popper")),ge.trigger(r.element,"kt.menu.dropdown.hidden")},this._showAccordion=function(e){if(!1!==ge.trigger(r.element,"kt.menu.accordion.show")){!1===r.options.accordion.expand&&r._hideAccordions(e),!0===Z.has(e,"popper")&&r._hideDropdown(e),e.classList.add("hover"),e.classList.add("showing");var t,i,n=r._getItemSubElement(e);if(n){var o=n;t=o,i=r.options.accordion.slideSpeed,ue(t,"down",i,(function(){e.classList.remove("showing"),e.classList.add("show"),o.classList.add("show"),ge.trigger(r.element,"kt.menu.accordion.shown")}))}}},this._hideAccordion=function(e){if(!1!==ge.trigger(r.element,"kt.menu.accordion.hide")){var t,i,n=r._getItemSubElement(e);e.classList.add("hiding"),n&&(t=n,i=r.options.accordion.slideSpeed,ue(t,"up",i,(function(){e.classList.remove("hiding"),e.classList.remove("show"),n.classList.remove("show"),e.classList.remove("hover"),ge.trigger(r.element,"kt.menu.accordion.hidden")})))}},this._hideAccordions=function(e){var t=r.element.querySelectorAll(".show[data-kt-menu-trigger]");if(t&&t.length>0)for(var i=0,n=t.length;i<n;i++){var o=t[i];"accordion"===r._getItemSubType(o)&&o!==e&&!1===e.contains(o)&&!1===o.contains(e)&&r._hideAccordion(o)}},this._reset=function(e){if(!1!==r._hasItemSub(e)){var t=r._getItemSubElement(e);Z.has(e,"type")&&Z.get(e,"type")!==r._getItemSubType(e)&&(e.classList.remove("hover"),e.classList.remove("show"),e.classList.remove("show"),t&&t.removeClass&&t.removeClass(t,"show"))}},this._destroy=function(){},this._update=function(){r.element.querySelectorAll(".menu-item[data-kt-menu-trigger]").forEach((function(e){return r._reset(e)}))},this._hide=function(e){e&&!1!==r._isItemSubShown(e)&&("dropdown"===r._getItemSubType(e)?r._hideDropdown(e):"accordion"===r._getItemSubType(e)&&r._hideAccordion(e))},this._show=function(e){e&&!0!==r._isItemSubShown(e)&&("dropdown"===r._getItemSubType(e)?r._showDropdown(e):"accordion"===r._getItemSubType(e)&&r._showAccordion(e),Z.set(e,"type",r._getItemSubType(e)))},this._toggle=function(e){e&&(!0===r._isItemSubShown(e)?r._hide(e):r._show(e))},this._mouseout=function(e,t){var i=r._getItemElement(e);if(i&&"hover"===r._getItemOption(i,"trigger")){var n=setTimeout((function(){"1"===Z.get(i,"hover")&&r._hide(i)}),r.options.dropdown.hoverTimeout);Z.set(i,"hover","1"),Z.set(i,"timeout",n)}},this._mouseover=function(e,t){var i=r._getItemElement(e);i&&"hover"===r._getItemOption(i,"trigger")&&("1"===Z.get(i,"hover")&&(clearTimeout(Z.get(i,"timeout")),Z.remove(i,"hover"),Z.remove(i,"timeout")),r._show(i))},this._dismiss=function(e,t){var i=r._getItemElement(e),n=r._getItemChildElements(i),o=r._getItemSubType(i);if(null!==i&&"dropdown"===o&&(r._hide(i),n.length>0))for(var s=0,a=n.length;s<a;s++)null!==n[s]&&"dropdown"===r._getItemSubType(n[s])&&r._hide(n[s])},this._link=function(t,i){!1!==ge.trigger(r.element,"kt.menu.link.click")&&(e.hideDropdowns(void 0),ge.trigger(r.element,"kt.menu.link.clicked"))},this._click=function(e,t){t.preventDefault();var i=r._getItemElement(e);"click"===r._getItemOption(i,"trigger")&&(!1===r._getItemOption(i,"toggle")?r._show(i):r._toggle(i))},this.click=function(e,t){return r._click(e,t)},this.link=function(e,t){return r._link(e,t)},this.dismiss=function(e,t){return r._dismiss(e,t)},this.mouseover=function(e,t){return r._mouseover(e,t)},this.mouseout=function(e,t){return r._mouseout(e,t)},this.getItemTriggerType=function(e){return r._getItemOption(e,"trigger")},this.getItemSubType=function(e){return r._getItemSubType(e)},this.show=function(e){return r._show(e)},this.hide=function(e){return r._hide(e)},this.reset=function(e){return r._reset(e)},this.update=function(){return r._update()},this.getElement=function(){return r.element},this.getItemLinkElement=function(e){return r._getItemLinkElement(e)},this.getItemToggleElement=function(e){return r._getItemToggleElement(e)},this.getItemSubElement=function(e){return r._getItemSubElement(e)},this.getItemParentElements=function(e){return r._getItemParentElements(e)},this.isItemSubShown=function(e){return r._isItemSubShown(e)},this.isItemParentShown=function(e){return r._isItemParentShown(e)},this.getTriggerElement=function(){return r.triggerElement},this.isItemDropdownPermanent=function(e){return r._isItemDropdownPermanent(e)},this.hideAccordions=function(e){return r._hideAccordions(e)},this.on=function(e,t){return ge.on(r.element,e,t)},this.one=function(e,t){return ge.one(r.element,e,t)},this.off=function(e){return ge.off(r.element,e)},this.element=t,this.options=Object.assign(he,i),this.instanceUid=ee("menu"),this._setTriggerElement(),this._update(),Z.set(this.element,"menu",this),this};ve.getInstance=function(e){var t=Z.get(e,"menu");if(t)return t;var i=e.closest(".menu");if(i){var r=Z.get(i,"menu");if(r)return r}if(e.classList.contains("menu-link")){var n=e.closest(".menu-sub");if(n){var o=Z.get(n,"menu");if(o)return o}}return null},ve.hideDropdowns=function(e){var t=document.querySelectorAll(".show.menu-dropdown[data-kt-menu-trigger]");if(t&&t.length>0)for(var i=0,r=t.length;i<r;i++){var n=t[i],o=ve.getInstance(n);o&&"dropdown"===o.getItemSubType(n)&&(e?!1===o.getItemSubElement(n).contains(e)&&!1===n.contains(e)&&n!==e&&o.hide(n):o.hide(n))}},ve.updateDropdowns=function(){var e=document.querySelectorAll(".show.menu-dropdown[data-kt-menu-trigger]");if(e&&e.length>0)for(var t=0,i=e.length;t<i;t++){var r=e[t];Z.has(r,"popper")&&Z.get(r,"popper").forceUpdate()}},ve.createInstances=function(e){document.querySelectorAll(e).forEach((function(e){var t=e,i=ve.getInstance(t);i||(i=new ve(e,he))}))},ve.initGlobalHandlers=function(){document.addEventListener("click",(function(e){var t=document.querySelectorAll(".show.menu-dropdown[data-kt-menu-trigger]");if(t&&t.length>0)for(var i=0;i<t.length;i++){var r=t[i],n=ve.getInstance(r);if(n&&"dropdown"===n.getItemSubType(r)){n.getElement();var o=n.getItemSubElement(r);if(r===e.target||r.contains(e.target))continue;if(o&&(o===e.target||o.contains(e.target)))continue;n.hide(r)}}})),ie.on(document.body,'.menu-item[data-kt-menu-trigger] > .menu-link, [data-kt-menu-trigger]:not(.menu-item):not([data-kt-menu-trigger="auto"])',"click",(function(e){var t=ve.getInstance(this);if(t)return t.click(this,e)})),ie.on(document.body,".menu-item:not([data-kt-menu-trigger]) > .menu-link","click",(function(e){e.stopPropagation();var t=ve.getInstance(this);if(t&&t.link)return t.link(this,e)})),ie.on(document.body,'[data-kt-menu-dismiss="true"]',"click",(function(e){var t=ve.getInstance(this);if(t)return t.dismiss(this,e)})),ie.on(document.body,"[data-kt-menu-trigger], .menu-sub","mouseover",(function(e){var t=ve.getInstance(this);if(t&&"dropdown"===t.getItemSubType(this))return t.mouseover(this,e)})),ie.on(document.body,"[data-kt-menu-trigger], .menu-sub","mouseout",(function(e){var t=ve.getInstance(this);if(t&&"dropdown"===t.getItemSubType(this))return t.mouseout(this,e)})),window.addEventListener("resize",(function(){de(undefined,(function(){document.querySelectorAll('[data-kt-menu="true"]').forEach((function(e){var t=ve.getInstance(e);t&&t.update()}))}),200)}))},ve.bootstrap=function(){ve.initGlobalHandlers(),ve.createInstances('[data-kt-menu="true"]')},ve.reinitialization=function(){ve.createInstances('[data-kt-menu="true"]')},ve.createInsance=function(e,t){void 0===t&&(t=he);var i=document.body.querySelector(e);if(i){var r=i,n=ve.getInstance(r);return n||(n=new ve(r,t)),n}};var be=this,ye={overlay:!0,baseClass:"drawer",overlayClass:"drawer-overlay",direction:"end"},Se=function(){function e(e,t){var i=this;this.overlayElement=null,this.toggleElement=null,this.name="",this.shown=!1,this.lastWidth=0,this.closeElement=null,this._handlers=function(){var e=i._getOption("toggle"),t=i._getOption("close");null!==e&&e.length>0&&ie.on(document.body,e,"click",(function(t){t.preventDefault(),i.toggleElement=document.getElementById(e),i._toggle()})),null!==t&&t.length>0&&ie.on(document.body,t,"click",(function(e){e.preventDefault(),i.closeElement=document.getElementById(t),i._hide()}))},this._update=function(){var e=String(i._getOption("width")),t=String(i._getOption("direction")),r=i.element.classList.contains(i.options.baseClass+"-on"),n=String(document.body.getAttribute("data-kt-drawer-"+i.name+"-"));i.shown=!0===r&&"on"===n,!0===i._getOption("activate")?(i.element.classList.add(i.options.baseClass),i.element.classList.add(i.options.baseClass+"-"+t),Y.set(i.element,"width",e,!0),i.lastWidth=parseInt(e)):(Y.set(i.element,"width",""),i.element.classList.remove(i.options.baseClass),i.element.classList.remove(i.options.baseClass+"-"+t),i._hide())},this._getOption=function(e){var t=i.element.getAttribute("data-kt-drawer-"+e);if(t){var r=me(t);return null!==r&&"true"===String(r)||(null===r||"false"!==String(r))&&r}var n=te(e),o=X(i.options,n);return o?me(o):null},this._toggle=function(){!1!==ge.trigger(i.element,"kt.drawer.toggle")&&(i.shown?i._hide():i._show(),ge.trigger(i.element,"kt.drawer.toggled"))},this._hide=function(){!1!==ge.trigger(i.element,"kt.drawer.hide")&&(i.shown=!1,i._deleteOverlay(),document.body.removeAttribute("data-kt-drawer-"+i.name),document.body.removeAttribute("data-kt-drawer"),i.element.classList.remove(i.options.baseClass+"-on"),null!=i.toggleElement&&i.toggleElement.classList.remove("active"),ge.trigger(i.element,"kt.drawer.after.hidden"))},this._show=function(){!1!==ge.trigger(i.element,"kt.drawer.show")&&(i.shown=!0,i._createOverlay(),document.body.setAttribute("data-kt-drawer-"+i.name,"on"),document.body.setAttribute("data-kt-drawer","on"),i.element.classList.add(i.options.baseClass+"-on"),null!==i.toggleElement&&i.toggleElement.classList.add("active"),ge.trigger(i.element,"kt.drawer.shown"))},this._createOverlay=function(){if(!0===i._getOption("overlay")){i.overlayElement=document.createElement("DIV");var e=ne(i.element,"z-index");if(e){var t=parseInt(e)-1;Y.set(i.overlayElement,"z-index",t)}document.body.append(i.overlayElement);var r=i._getOption("overlay-class");r&&i.overlayElement.classList.add(r.toString()),i.overlayElement.addEventListener("click",(function(e){e.preventDefault(),i._hide()}))}},this._deleteOverlay=function(){null!==i.overlayElement&&i.overlayElement.parentNode&&i.overlayElement.parentNode.removeChild(i.overlayElement)},this._getDirection=function(){return"left"===String(i._getOption("direction"))?"left":"right"},this._getWidth=function(){var e=i._getOption("width");return e&&"auto"===e&&(e=ne(i.element,"width")),e},this.toggle=function(){i._toggle()},this.show=function(){i._show()},this.hide=function(){i._hide()},this.isShown=function(){return i.shown},this.update=function(){i._update()},this.goElement=function(){return i.element},this.on=function(e,t){return ge.on(i.element,e,t)},this.one=function(e,t){return ge.one(i.element,e,t)},this.off=function(e){return ge.off(i.element,e)},this.trigger=function(e,t){return ge.trigger(i.element,e,t)},this.element=e,this.options=Object.assign(ye,t),this.instanceUid=ee("drawer"),this.overlayElement=null,this.name=this.element.getAttribute("data-kt-drawer-name")||"",this.shown=!1,this.toggleElement=null,this._handlers(),this._update(),Z.set(this.element,"drawer",this)}return e.createInstances=function(t){document.body.querySelectorAll(t).forEach((function(t){var i=t,r=e.getInstance(i);r||(r=new e(i,ye)),r.hide()}))},e.initGlobalHandlers=function(){window.addEventListener("resize",(function(){de(undefined,(function(){document.body.querySelectorAll('[data-kt-drawer="true"]').forEach((function(t){var i=t,r=e.getInstance(i);r&&r.update()}))}),200)}))},e}();Se.hasInstace=function(e){return Z.has(e,"drawer")},Se.getInstance=function(e){return Z.get(e,"drawer")},Se.hideAll=function(){Z.getAllInstancesByKey("drawer").forEach((function(e){e.hide()}))},Se.updateAll=function(){Z.getAllInstancesByKey("drawer").forEach((function(e){e.update()}))},Se.handleDismiss=function(){ie.on(document.body,'[data-kt-drawer-dismiss="true"]',"click",(function(){var e=be.closest('[data-kt-drawer="true"]');if(e){var t=Se.getInstance(e);t&&t.isShown()&&t.hide()}}))},Se.bootstrap=function(){Se.createInstances('[data-kt-drawer="true"]'),Se.initGlobalHandlers(),Se.handleDismiss()},Se.reinitialization=function(){Se.createInstances('[data-kt-drawer="true"]'),Se.hideAll(),Se.updateAll(),Se.handleDismiss()};var fe=function(){function e(){}return e.get=function(e){var t=document.cookie.match(new RegExp("(?:^|; )"+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)"));return t?decodeURIComponent(t[1]):void 0},e.set=function(e,t,i){var r=Object.assign({path:"/"},i);r.expires instanceof Date&&(r.expires=r.expires.toUTCString());var n=encodeURIComponent(e)+"="+encodeURIComponent(t);for(var o in r){n+="; "+o;var s=r[o];!0!==s&&(n+="="+s)}document.cookie=n},e.delete=function(t){e.set(t,"",{"max-age":-1})},e}(),Ie={saveState:!0},xe=function(){function e(e,t){var i=this;this.getOption=function(e){if(!0===i.element.hasAttribute("data-kt-scroll-"+e)){var t=me(i.element.getAttribute("data-kt-scroll-"+e)||"");return null!==t&&"true"===String(t)?t=!0:null!==t&&"false"===String(t)&&(t=!1),t}var r=te(e),n=X(i.options,r);return n?me(n):null},this.getHeightType=function(){return i.getOption("height")?"height":i.getOption("min-height")?"min-height":i.getOption("max-height")?"max-height":""},this.getAutoHeight=function(){var e=ae().height,t=i.getOption("dependencies"),r=i.getOption("wrappers"),n=i.getOption("offset");if(null!==t){var o=document.querySelectorAll(t);if(o&&o.length>0)for(var s=0,a=o.length;s<a;s++){if(!1!==le(u=o[s])){e-=parseInt(ne(u,"height")),e-=parseInt(ne(u,"margin-top")),e-=parseInt(ne(u,"margin-bottom"));var l=ne(u,"border-top");l&&(e-=parseInt(l));var d=ne(u,"border-bottom");d&&(e-=parseInt(d))}}}if(null!==r){var c=document.querySelectorAll(r);if(c&&c.length>0)for(s=0,a=c.length;s<a;s++){var u;if(le(u=c[s])){e-=parseInt(ne(u,"margin-top")),e-=parseInt(ne(u,"margin-bottom")),e-=parseInt(ne(u,"padding-top")),e-=parseInt(ne(u,"padding-bottom"));var p=ne(u,"border-top");p&&(e-=parseInt(p));var m=ne(u,"border-bottom");m&&(e-=parseInt(m))}}}null!==n&&(e-=parseInt(n)),e-=parseInt(ne(i.element,"margin-top")),e-=parseInt(ne(i.element,"margin-bottom"));var g=ne(i.element,"border-top");g&&(e-=parseInt(g));var h=ne(i.element,"border-bottom");return h&&(e-=parseInt(h)),e=String(e)+"px"},this.setupHeight=function(){var e=i.getHeight(),t=i.getHeightType();null!==e&&e.length>0?Y.set(i.element,t,e):Y.set(i.element,t,"")},this.setupState=function(){if(!0===i.getOption("save-state")&&i.id){var e=fe.get(i.id+"st");if(e){var t=parseInt(e);t>0&&(i.element.scrollTop=t)}}},this.setupScrollHandler=function(){!0===i.getOption("save-state")&&i.id?i.element.addEventListener("scroll",i.scrollHandler):i.element.removeEventListener("scroll",i.scrollHandler)},this.scrollHandler=function(){var e=i.id+"st";fe.set(e,i.element.scrollTop,{})},this.destroyScrollHandler=function(){i.element.removeEventListener("scroll",i.scrollHandler)},this.resetHeight=function(){var e=i.getHeightType();e&&Y.set(i.element,e,"")},this.update=function(){!0!==i.getOption("activate")&&i.element.hasAttribute("data-kt-scroll-activate")?(i.resetHeight(),i.destroyScrollHandler()):(i.setupHeight(),i.setupScrollHandler(),i.setupState())},this.getHeight=function(){var e=i.getHeightType(),t=i.getOption(e||"");return t instanceof Function?t.call(t):null!==t&&"string"==typeof t&&"auto"===t.toLowerCase()?i.getAutoHeight():t},this.getElement=function(){return i.element},this.element=e,this.options=Object.assign(Ie,t),this.id=this.element.getAttribute("id")||"",this.update(),Z.set(this.element,"scroll",this)}return e.hasInstace=function(e){return Z.has(e,"scroll")},e.getInstance=function(t){if(null!==t&&e.hasInstace(t))return Z.get(t,"scroll")},e.createInstances=function(t){document.body.querySelectorAll(t).forEach((function(t){var i=t,r=e.getInstance(i);r||(r=new e(i,Ie))}))},e.destroyAll=function(e){void 0===e&&(e='[data-kt-scroll="true"]')},e.bootstrap=function(t){void 0===t&&(t='[data-kt-scroll="true"]'),e.createInstances(t),e.resize()},e.reinitialization=function(t){void 0===t&&(t='[data-kt-scroll="true"]'),e.createInstances(t)},e.resize=function(){window.addEventListener("resize",(function(){de(undefined,(function(){document.body.querySelectorAll('[data-kt-scroll="true"]').forEach((function(t){var i=e.getInstance(t);i&&i.update()}))}),200)}))},e}();xe.createInstance=function(e,t){void 0===t&&(t=Ie);var i=xe.getInstance(e);return i||(i=new xe(e,t)),i};var Fe={saveState:!1},Te=function(e,t){var i=this;this.state="",this.target=null,this.attribute="",this._handlers=function(){i.element.addEventListener("click",(function(e){e.preventDefault(),i._toggle()}))},this._toggle=function(){return ge.trigger(i.element,"kt.toggle.change"),i._isEnabled()?i._disable():i._enable(),ge.trigger(i.element,"kt.toggle.changed"),i},this._enable=function(){var e;if(!i._isEnabled())return ge.trigger(i.element,"kt.toggle.enable"),null===(e=i.target)||void 0===e||e.setAttribute(i.attribute,"on"),i.state.length>0&&i.element.classList.add(i.state),i.options.saveState&&fe.set(i.attribute,"on",{}),ge.trigger(i.element,"kt.toggle.enabled"),i},this._disable=function(){var e;return!!i._isEnabled()&&(ge.trigger(i.element,"kt.toggle.disable"),null===(e=i.target)||void 0===e||e.removeAttribute(i.attribute),i.state.length>0&&i.element.classList.remove(i.state),i.options.saveState&&fe.delete(i.attribute),ge.trigger(i.element,"kt.toggle.disabled"),i)},this._isEnabled=function(){return!!i.target&&"on"===String(i.target.getAttribute(i.attribute)).toLowerCase()},this.toggle=function(){return i._toggle()},this.enable=function(){return i._enable()},this.disable=function(){return i._disable()},this.isEnabled=function(){return i._isEnabled()},this.goElement=function(){return i.element},this.on=function(e,t){return ge.on(i.element,e,t)},this.one=function(e,t){return ge.one(i.element,e,t)},this.off=function(e){return ge.off(i.element,e)},this.trigger=function(e,t){return ge.trigger(i.element,e,t)},this.options=Object.assign(Fe,t),this.instanceUid=ee("toggle"),this.element=e;var r=this.element.getAttribute("data-kt-toggle-target");r&&(this.target=document.querySelector(r));var n=this.element.getAttribute("data-kt-toggle-state");this.state=n||"",this.attribute="data-kt-"+this.element.getAttribute("data-kt-toggle-name"),this._handlers(),Z.set(this.element,"toggle",this)};Te.getInstance=function(e){var t=Z.get(e,"toggle");return t||null},Te.createInstances=function(e){document.body.querySelectorAll(e).forEach((function(e){var t=e,i=Te.getInstance(t);i||(i=new Te(t,Fe))}))},Te.createInsance=function(e,t){void 0===t&&(t=Fe);var i=document.body.querySelector(e);if(i){var r=i,n=Te.getInstance(r);return n||(n=new Te(r,t)),n}},Te.reinitialization=function(){Te.createInstances("[data-kt-toggle]")},Te.bootstrap=function(){Te.createInstances("[data-kt-toggle]")};var Ae=function(){function e(e){this.utilityService=e,this.appAngularVersion="",this.appPreviewChangelogUrl=""}return e.prototype.ngOnInit=function(){},e.prototype.getResourceValue=function(e){return this.utilityService.getResourceValue(e)},e}();Ae.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ae,deps:[{token:B.UtilityService}],target:T.ɵɵFactoryTarget.Component}),Ae.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ae,selector:"app-aside-menu",ngImport:T,template:'\x3c!-- home --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub" aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/Home">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/Home.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("Home")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- users --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub" aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/Users">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/user.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("Users")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- Active Directory --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/ADConnection">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/Folder.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("ActiveDirectory")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- Configuration --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/Configurations">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/Tools.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("Configuration")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- Jobs --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/Jobs">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/Briefcase.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("Jobs")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- License --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/License">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/License.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("License")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- Localization --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/Localization">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/Localization.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("Localization")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- Logs --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/Logs">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/File.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("Logs")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- Service Providers --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/Providers">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/ServiceProvider.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("ServiceProviders")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- Public Holidays --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/PublicHolidays">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/PublicHolidays.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("PublicHolidays")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- Workflows --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/Workflows">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/Workflows.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("Workflows")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- Roles --\x3e\r\n<div class="menu-item menu-accordion"\r\n     data-kt-menu-trigger="click"\r\n     routerLinkActive="here show">\r\n  <span class="menu-link py-4 mb-2">\r\n    <span class="menu-icon">\r\n      <span class="svg-icon svg-icon-2"\r\n            [inlineSVG]="\'./src/assets/images/menu/Roles.svg\'"></span>\r\n    </span><span class="menu-title" data-link="/crafted/account">{{getResourceValue("Roles")}}</span><span class="menu-arrow"></span>\r\n  </span>\r\n  <div class="menu-sub menu-sub-accordion" routerLinkActive="menu-active-bg">\r\n    <div class="menu-item">\r\n      <a class="menu-link py-4 mb-2 without-sub"\r\n         routerLinkActive="active"\r\n         routerLink="/Admin/Roles/PermissionSets">\r\n        <span class="menu-bullet"><span class="bullet bullet-dot"></span></span><span class="menu-title">{{getResourceValue("PermissionSets")}}</span>\r\n      </a>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n\x3c!-- Notifications --\x3e\r\n<div class="menu-item menu-accordion"\r\n     data-kt-menu-trigger="click"\r\n     routerLinkActive="here show">\r\n  <span class="menu-link py-4 mb-2">\r\n    <span class="menu-icon">\r\n      <span class="svg-icon svg-icon-2"\r\n            [inlineSVG]="\'./src/assets/images/menu/Notifications.svg\'"></span>\r\n    </span><span class="menu-title" data-link="/crafted/account">{{getResourceValue("Notifications")}}</span><span class="menu-arrow"></span>\r\n  </span>\r\n  <div class="menu-sub menu-sub-accordion" routerLinkActive="menu-active-bg">\r\n    <div class="menu-item">\r\n      <a class="menu-link py-4 mb-2 without-sub"\r\n         routerLinkActive="active"\r\n         routerLink="/Admin/Notifications/Templates">\r\n        <span class="menu-bullet"><span class="bullet bullet-dot"></span></span><span class="menu-title">{{getResourceValue("Templates")}}</span>\r\n      </a>\r\n    </div>\r\n\r\n  </div>\r\n  <div class="menu-sub menu-sub-accordion" routerLinkActive="menu-active-bg">\r\n    <div class="menu-item">\r\n      <a class="menu-link py-4 mb-2 without-sub"\r\n         routerLinkActive="active"\r\n         routerLink="/Admin/Notifications/MasterLayouts">\r\n        <span class="menu-bullet"><span class="bullet bullet-dot"></span></span><span class="menu-title">{{getResourceValue("EmailHeader&FooterTemplates")}}</span>\r\n      </a>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n\x3c!-- Lookups --\x3e\r\n<div class="menu-item menu-accordion"\r\n     data-kt-menu-trigger="click"\r\n     routerLinkActive="here show">\r\n  <span class="menu-link py-4 mb-2">\r\n    <span class="menu-icon">\r\n      <span class="svg-icon svg-icon-2"\r\n            [inlineSVG]="\'./src/assets/images/menu/Lookups.svg\'"></span>\r\n    </span><span class="menu-title" data-link="/crafted/account">Lookups</span><span class="menu-arrow"></span>\r\n  </span>\r\n  <div class="menu-sub menu-sub-accordion" routerLinkActive="menu-active-bg">\r\n    <div class="menu-item">\r\n      <a class="menu-link py-4 mb-2 without-sub"\r\n         routerLinkActive="active"\r\n         routerLink="/Admin/Lookups/Lookups">\r\n        <span class="menu-bullet"><span class="bullet bullet-dot"></span></span><span class="menu-title">{{getResourceValue("Lookup")}}</span>\r\n      </a>\r\n    </div>\r\n\r\n  </div>\r\n  <div class="menu-sub menu-sub-accordion" routerLinkActive="menu-active-bg">\r\n    <div class="menu-item">\r\n      <a class="menu-link py-4 mb-2 without-sub"\r\n         routerLinkActive="active"\r\n         routerLink="/Admin/Lookups/LookupGroups">\r\n        <span class="menu-bullet"><span class="bullet bullet-dot"></span></span><span class="menu-title">{{getResourceValue("LookupGroups")}}</span>\r\n      </a>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n\x3c!-- Impersonation Rules --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/ImpersonationRules">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/Impersonation.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("ImpersonationRules")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- Department --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/Departments">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/Department.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("Departments")}}</span>\r\n  </a>\r\n</div>\r\n\x3c!-- Sector --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/Sectors">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/Sectors.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("Sectors")}}</span>\r\n  </a>\r\n</div>\r\n  \x3c!-- Sector --\x3e\r\n<div class="menu-item">\r\n  <a class="menu-link py-4 mb-2 without-sub"\r\n     aria-haspopup="true" routerLinkActive="active" routerLink="/Admin/HelpCenter">\r\n    <span class="menu-icon">\r\n      <span [inlineSVG]="\'./src/assets/images/menu/HelpCenter.svg\'" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n    </span>\r\n    <span class="menu-title">{{getResourceValue("FAQs")}}</span>\r\n  </a>\r\n</div>\r\n\r\n',directives:[{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ae,decorators:[{type:t.Component,args:[{selector:"app-aside-menu",templateUrl:"./aside-menu.component.html"}]}],ctorParameters:function(){return[{type:B.UtilityService}]}});var we=function(){function e(e,t){this.layout=e,this.router=t,this.asideTheme="",this.asideMinimize=!1,this.asideMenuCSSClasses="",this.appPreviewDocsUrl="",this.unsubscribe=[]}return e.prototype.ngOnInit=function(){this.asideTheme=this.layout.getProp("aside.theme"),this.asideMinimize=this.layout.getProp("aside.minimize"),this.asideMenuCSSClasses=this.layout.getStringCSSClasses("asideMenu")},e.prototype.routingChanges=function(){var e=this,t=this.router.events.subscribe((function(t){(t instanceof s.NavigationEnd||t instanceof s.NavigationCancel)&&e.menuReinitialization()}));this.unsubscribe.push(t)},e.prototype.menuReinitialization=function(){var e=this;setTimeout((function(){ve.reinitialization(),Se.reinitialization(),Te.reinitialization(),xe.reinitialization(),e.ktAsideScroll&&e.ktAsideScroll.nativeElement&&(e.ktAsideScroll.nativeElement.scrollTop=0)}),50)},e.prototype.ngOnDestroy=function(){this.unsubscribe.forEach((function(e){return e.unsubscribe()}))},e}();we.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:we,deps:[{token:$},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),we.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:we,selector:"app-aside",viewQueries:[{propertyName:"ktAsideScroll",first:!0,predicate:["ktAsideScroll"],descendants:!0,static:!0}],ngImport:T,template:'\x3c!-- begin::Brand --\x3e\r\n<div class="aside-logo flex-column-auto" id="kt_aside_logo">\r\n  \x3c!-- begin::Logo --\x3e\r\n  <ng-container >\r\n    <a routerLinkActive="active"  routerLink="/">\r\n      <img\r\n        alt="Logo"\r\n        class="h-25px logo"\r\n        src="./src/assets/images/bnsights-logo.svg"\r\n      />\r\n    </a>\r\n  </ng-container>\r\n\r\n  \x3c!-- end::Logo --\x3e\r\n\r\n  \x3c!-- begin::Aside toggle --\x3e\r\n  <ng-container *ngIf="asideMinimize">\r\n    <div\r\n      id="kt_aside_toggle"\r\n      class="btn btn-icon w-auto px-0 btn-active-color-primary aside-toggle"\r\n      data-kt-toggle="true"\r\n      data-kt-toggle-state="active"\r\n      data-kt-toggle-target="body"\r\n      data-kt-toggle-name="aside-minimize"\r\n    >\r\n      <span\r\n        [inlineSVG]="\'.././src/assets/images/menu//arr079.svg\'"\r\n        class="svg-icon svg-icon-1 rotate-180"\r\n      ></span>\r\n    </div>\r\n  </ng-container>\r\n  \x3c!-- end::Aside toggler --\x3e\r\n</div>\r\n\x3c!-- end::Brand  --\x3e\r\n\r\n\x3c!-- begin::Aside menu --\x3e\r\n<div class="aside-menu flex-column-fluid">\r\n  <div\r\n    #ktAsideScroll\r\n    id="kt_aside_menu_wrapper"\r\n    class="hover-scroll-overlay-y my-5 my-lg-5"\r\n    data-kt-scroll="true"\r\n    data-kt-scroll-activate="{default: false, lg: true}"\r\n    data-kt-scroll-height="auto"\r\n    data-kt-scroll-dependencies="#kt_aside_logo, #kt_aside_footer"\r\n    data-kt-scroll-wrappers="#kt_aside_menu"\r\n    data-kt-scroll-offset="0"\r\n  >\r\n    <div\r\n      id="#kt_aside_menu"\r\n      data-kt-menu="true"\r\n      class="\r\n        menu\r\n        menu-column\r\n        menu-title-gray-800\r\n        menu-state-title-primary\r\n        menu-state-icon-primary\r\n        menu-state-bullet-primary\r\n        menu-arrow-gray-500\r\n      "\r\n    >\r\n      <app-aside-menu id="asideMenu"></app-aside-menu>\r\n    </div>\r\n  </div>\r\n</div>\r\n\x3c!-- end::Aside menu --\x3e\r\n',components:[{type:Ae,selector:"app-aside-menu"}],directives:[{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:we,decorators:[{type:t.Component,args:[{selector:"app-aside",templateUrl:"./aside.component.html"}]}],ctorParameters:function(){return[{type:$},{type:L.Router}]},propDecorators:{ktAsideScroll:[{type:t.ViewChild,args:["ktAsideScroll",{static:!0}]}]}});var Me=function(){function e(e,t){this.http=e,this.authService=t,this.ApiUrl="/api/admin/Users/"}return e.prototype.GetUsersByFilter=function(e){return this.http.post(this.ApiUrl+"GetUsersByFilter",e)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddUser=function(e){return this.http.post(this.ApiUrl+"AddUser",e)},e.prototype.EditUser=function(e){return this.http.post(this.ApiUrl+"EditUser",e)},e.prototype.SendActivationEmailForUser=function(e){return this.http.post(this.ApiUrl+"SendActivationLink",e)},e.prototype.ActivateUsers=function(e){return this.http.post(this.ApiUrl+"ActivateUsers",e)},e.prototype.DeactivateUsers=function(e){return this.http.post(this.ApiUrl+"DeactivateUsers",e)},e.prototype.ResetUsersPassword=function(e){return this.http.post(this.ApiUrl+"ResetUsersPassword",e)},e.prototype.SetUsersPassword=function(e){return this.http.post(this.ApiUrl+"SetUsersPassword",e)},e.prototype.Export=function(e){var t=new l.RequestOptionsModel;return t.responseType="arraybuffer",this.http.post(this.ApiUrl+"Export",null,e,t)},e.prototype.ChangeLanguage=function(e){var t=new n.HttpParams;return t=(t=t.append("UserId",this.authService.user.profile.id)).append("LanguageKey",e),this.http.post(this.ApiUrl+"updateLaguage",null,t)},e.prototype.UpdateUserInfo=function(){return this.http.get("/connect/userinfo")},e}();Me.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Me,deps:[{token:B.RequestHandlerService},{token:B.AuthService}],target:T.ɵɵFactoryTarget.Injectable}),Me.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Me,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Me,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService},{type:B.AuthService}]}});var Le=function(){function e(e,t,i,r,n,o,s,a,l){this.layout=e,this.translate=t,this.authService=i,this.userService=r,this.router=n,this.stylesBundleService=o,this.UtilityService=s,this.masterLayoutService=a,this.document=l,this.toolbarButtonMarginClass="ms-1 ms-lg-3",this.toolbarButtonHeightClass="w-30px h-30px w-md-40px h-md-40px",this.toolbarUserAvatarHeightClass="symbol-30px symbol-md-40px",this.toolbarButtonIconSizeClass="svg-icon-1",this.headerLeft="menu"}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e;return j(this,(function(t){switch(t.label){case 0:return[4,this.UtilityService.getCurrentLanguage()];case 1:return e=t.sent(),localStorage.setItem("language",e),this.language=e,this.headerLeft=this.layout.getProp("header.left"),[2]}}))}))},e.prototype.switchLang=function(e){this.masterLayoutService.switchLang(e,"BBSF-Bundle-English.css","BBSF-Bundle-Arabic.css")},e.prototype.refreshPage=function(){window.location.reload()},e.prototype.getResourceValue=function(e){return this.UtilityService.getResourceValue(e)},e.prototype.logout=function(e){return z(this,void 0,void 0,(function(){return j(this,(function(t){switch(t.label){case 0:return this.UtilityService.stopBlockUI(),e.preventDefault(),e.stopPropagation(),[4,this.authService.signout()];case 1:return t.sent(),[2]}}))}))},e}();Le.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Le,deps:[{token:$},{token:w.TranslateService},{token:B.AuthService},{token:Me},{token:L.Router},{token:B.StylesBundleService},{token:B.UtilityService},{token:B.MasterLayoutService},{token:i.DOCUMENT}],target:T.ɵɵFactoryTarget.Component}),Le.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Le,selector:"app-topbar",ngImport:T,template:'\x3c!-- begin::User --\x3e\r\n<div class="d-flex align-items-center"\r\n     [ngClass]="toolbarButtonMarginClass"\r\n     id="kt_header_user_menu_toggle">\r\n  <a class="lang-switch-btn btn btn-active-light-primary btn-light " *ngIf="language == \'ar\'" (click)="switchLang(\'en\')">\r\n    <i class="fas fa-globe mr-2"></i> English\r\n  </a>\r\n  <a class="lang-switch-btn btn btn-active-light-primary btn-light" *ngIf="language == \'en\'" (click)="switchLang(\'ar\')">\r\n    العربيه <i class="fas fa-globe ms-2"></i>\r\n  </a>\r\n  <div ngbDropdown class="d-inline-block">\r\n    <div ngbDropdownToggle class="btn btn-active-light btn-light d-flex align-items-center bg-hover-light py-2 px-2 px-md-3 ms-5" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">\r\n      <div class="d-none d-md-flex flex-column align-items-end justify-content-center me-2">\r\n        <span class="text-muted fs-7 fw-bold lh-1 mb-2">Hello</span>\r\n        <span class="text-dark fs-base fw-bolder lh-1">Michael</span>\r\n      </div>\r\n      <div class=" symbol symbol-35px">\r\n        <h6 class="symbol-label font-size-h5 font-weight-bold bg-light-success ml-2 mb-0">M</h6>\r\n      </div>\r\n    </div>\r\n    <div ngbDropdownMenu class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg menu-state-primary fw-bold fs-6 w-275px">\r\n      <div class="drop-item">\r\n        <div class="d-flex flex-column flex-center bgi-no-repeat rounded-top px-9 py-10" style="background-image: url(\'./src/assets/images/menu-header-dark.png\')">\r\n          <div class="text-white fw-bold mb-3">\r\n            Michael louis\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="menu-item ">\r\n        <a class="menu-link px-5 cursor-pointer py-4 d-flex justify-content-center" (click)="logout($event)" > {{getResourceValue("Sign Out")}}</a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\x3c!-- end::User --\x3e\r\n\x3c!-- <ng-container *ngIf="headerLeft === \'menu\'">\r\n  <div\r\n    class="d-flex align-items-center d-lg-none ms-2 me-n3"\r\n    title="Show header menu"\r\n  >\r\n    <div\r\n      class="\r\n        btn btn-icon btn-active-light-primary\r\n        w-30px\r\n        h-30px\r\n        w-md-40px\r\n        h-md-40px\r\n      "\r\n      id="kt_header_menu_mobile_toggle"\r\n    >\r\n      <span\r\n        [inlineSVG]="\'./assets/media/icons/duotune/text/txt001.svg\'"\r\n        class="svg-icon svg-icon-1"\r\n      ></span>\r\n    </div>\r\n  </div>\r\n</ng-container> --\x3e\r\n',styles:[".btn.btn-light.dropdown-toggle:after{display:none}\n"],directives:[{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:E.NgbDropdown,selector:"[ngbDropdown]",inputs:["open","placement","container","autoClose","display"],outputs:["openChange"],exportAs:["ngbDropdown"]},{type:E.NgbDropdownToggle,selector:"[ngbDropdownToggle]"},{type:E.NgbDropdownMenu,selector:"[ngbDropdownMenu]"}]}),H([a.BlockUI()],Le.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Le,decorators:[{type:t.Component,args:[{selector:"app-topbar",templateUrl:"./topbar.component.html",styleUrls:["./topbar.component.scss"]}]}],ctorParameters:function(){return[{type:$},{type:w.TranslateService},{type:B.AuthService},{type:Me},{type:L.Router},{type:B.StylesBundleService},{type:B.UtilityService},{type:B.MasterLayoutService},{type:Document,decorators:[{type:t.Inject,args:[i.DOCUMENT]}]}]},propDecorators:{blockUI:[]}});var Ce=function(){function e(e,t){this.layout=e,this.router=t,this.headerContainerCssClasses="",this.asideDisplay=!0,this.headerLeft="menu",this.pageTitleCssClasses="",this.unsubscribe=[],this.routingChanges()}return e.prototype.ngOnInit=function(){this.headerContainerCssClasses=this.layout.getStringCSSClasses("headerContainer"),this.asideDisplay=this.layout.getProp("aside.display"),this.headerLeft=this.layout.getProp("header.left"),this.pageTitleCssClasses=this.layout.getStringCSSClasses("pageTitle"),this.pageTitleAttributes=this.layout.getHTMLAttributes("pageTitle")},e.prototype.ngAfterViewInit=function(){if(this.ktPageTitle)for(var e in this.pageTitleAttributes)this.pageTitleAttributes.hasOwnProperty(e)&&(this.ktPageTitle.nativeElement.attributes[e]=this.pageTitleAttributes[e])},e.prototype.routingChanges=function(){var e=this.router.events.subscribe((function(e){}));this.unsubscribe.push(e)},e.prototype.ngOnDestroy=function(){},e}();Ce.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ce,deps:[{token:$},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),Ce.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ce,selector:"app-header",viewQueries:[{propertyName:"ktPageTitle",first:!0,predicate:["ktPageTitle"],descendants:!0,static:!0}],ngImport:T,template:'<div\r\n  [ngClass]="headerContainerCssClasses"\r\n  class="d-flex align-items-stretch justify-content-between"\r\n>\r\n  \x3c!-- begin::Aside mobile toggle --\x3e\r\n  <ng-container *ngIf="asideDisplay">\r\n    <div\r\n      class="d-flex align-items-center d-lg-none ms-n3 me-2"\r\n      title="Show aside menu"\r\n    >\r\n      <div\r\n        class="\r\n          btn btn-icon btn-active-light-primary\r\n          w-30px\r\n          h-30px\r\n          w-md-40px\r\n          h-md-40px\r\n        "\r\n        id="kt_aside_mobile_toggle"\r\n      >\r\n        <span\r\n          [inlineSVG]="\'./src/assets/images/abs015.svg\'"\r\n          class="svg-icon svg-icon-2x mt-1"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  \x3c!-- end::Aside mobile toggle --\x3e\r\n\r\n  \x3c!-- begin::Logo --\x3e\r\n  <div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0">\r\n    <a routerLink="/dashboard" class="d-lg-none">\r\n      <img src="./src/assets/images/bnsights-logo.svg" class="h-15px" />\r\n    </a>\r\n  </div>\r\n  \x3c!-- end::Logo --\x3e\r\n\r\n  \x3c!-- begin::Wrapper --\x3e\r\n  <div\r\n    class="d-flex align-items-stretch justify-content-end flex-lg-grow-1"\r\n  >\r\n    <ng-container *ngIf="headerLeft === \'page-title\'">\r\n      <div class="d-flex align-items-center" id="kt_header_nav">\r\n        <app-page-title\r\n          #ktPageTitle\r\n          class="page-title d-flex"\r\n          [ngClass]="pageTitleCssClasses"\r\n        ></app-page-title>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <div class="d-flex align-items-stretch flex-shrink-0">\r\n      <app-topbar class="d-flex align-items-stretch flex-shrink-0"></app-topbar>\r\n    </div>\r\n  </div>\r\n  \x3c!-- end::Wrapper --\x3e\r\n</div>\r\n',components:[{type:Le,selector:"app-topbar"}],directives:[{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ce,decorators:[{type:t.Component,args:[{selector:"app-header",templateUrl:"./header.component.html"}]}],ctorParameters:function(){return[{type:$},{type:L.Router}]},propDecorators:{ktPageTitle:[{type:t.ViewChild,args:["ktPageTitle",{static:!0}]}]}});var Be=function(){this.breadcrumbs=[],this.title=""},De=function(){function e(){this.title=new d.BehaviorSubject("Home"),this.description=new d.BehaviorSubject(""),this.breadcrumbs=new d.BehaviorSubject([])}return e.prototype.setTitle=function(e){this.title.next(e)},e.prototype.updateTitle=function(e){var t=this;setTimeout((function(){t.setTitle(e)}),1)},e.prototype.setDescription=function(e){this.description.next(e)},e.prototype.updateDescription=function(e){var t=this;setTimeout((function(){t.setDescription(e)}),1)},e.prototype.setBreadcrumbs=function(e){this.breadcrumbs.next(e)},e.prototype.updateBreadcrumbs=function(e){var t=this;setTimeout((function(){t.setBreadcrumbs(e)}),20)},e.prototype.calculateTitle=function(){this.setTitle(e.PageTitle)},e.prototype.calculateTitleInMenu=function(e){var t=document.getElementById(e);if(t){var i=Array.from(t.querySelectorAll("a.menu-link")).filter((function(e){return e.classList.contains("active")}));if(i&&0!==i.length){var r=i[0].querySelector("span.menu-title");if(r)return r.innerText}}},e.prototype.calculateBreadcrumbs=function(){this.setBreadcrumbs(e.PageBreadcrumbs)},e.prototype.calculateBreadcrumbsInMenu=function(e){var t=[],i=document.getElementById(e);if(i){var r=Array.from(i.querySelectorAll("div.menu-item")).filter((function(e){return e.classList.contains("here")}));if(r&&0!==r.length)return r.forEach((function(e){var i=e.querySelector("span.menu-title");if(i){var r=i.innerText,n=i.getAttribute("data-link");n&&(t.push({title:r,path:n,isSeparator:!1,isActive:!1}),t.push({title:"",path:"",isSeparator:!0,isActive:!1}))}})),t}},e}();De.PageTitle="",De.PageBreadcrumbs=[],De.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:De,deps:[],target:T.ɵɵFactoryTarget.Injectable}),De.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:De,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:De,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[]}});var ke=function(){function e(e,t){this.pageInfo=e,this.layout=t,this.unsubscribe=[],this.showTitle=!0,this.showBC=!0,this.pageTitleCssClass="",this.pageTitleDirection="row"}return e.prototype.ngOnInit=function(){this.title$=this.pageInfo.title.asObservable(),this.description$=this.pageInfo.description.asObservable(),this.bc$=this.pageInfo.breadcrumbs.asObservable(),this.showTitle=this.layout.getProp("pageTitle.display"),this.showBC=this.layout.getProp("pageTitle.breadCrumbs"),this.pageTitleCssClass=this.layout.getStringCSSClasses("pageTitle"),this.pageTitleDirection=this.layout.getProp("pageTitle.direction")},e.prototype.ngOnDestroy=function(){this.unsubscribe.forEach((function(e){return e.unsubscribe()}))},e}();ke.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ke,deps:[{token:De},{token:$}],target:T.ɵɵFactoryTarget.Component}),ke.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ke,selector:"app-page-title",ngImport:T,template:'<ng-container *ngIf="title$ | async as title">\r\n  <ng-container *ngIf="showTitle">\r\n    \x3c!-- begin::Title --\x3e\r\n    <h1 class="d-flex align-items-center text-dark fw-bolder my-1 fs-3">\r\n      {{ title }}\r\n    </h1>\r\n    \x3c!-- end::Title --\x3e\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="showBC">\r\n    <ng-container *ngIf="bc$ | async as _bc">\r\n      <ng-container *ngIf="_bc.length > 0">\r\n        <ng-container *ngIf="pageTitleDirection === \'row\'">\r\n          <span class="h-20px border-gray-200 border-start mx-4"></span>\r\n        </ng-container>\r\n        <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">\r\n          <li\r\n            *ngFor="let bc of _bc"\r\n            class="breadcrumb-item"\r\n            [ngClass]="!bc.isSeparator && bc.isActive ? \'text-dark\' : \'\'"\r\n            [ngClass]="!bc.isSeparator && !bc.isActive ? \'text-muted\' : \'\'"\r\n          >\r\n            <ng-container *ngIf="!bc.isSeparator">\r\n              \r\n              <a [routerLink]="bc.path" routerLinkActive="router-link-active" class="text-muted text-hover-primary" >\r\n                {{ bc.title }}\r\n              </a>\r\n            </ng-container>\r\n            <ng-container *ngIf="bc.isSeparator">\r\n              <span class="bullet bg-gray-200 w-5px h-2px"></span>\r\n            </ng-container>\r\n          </li>\r\n          <li class="breadcrumb-item text-dark">{{ title }}</li>\r\n        </ul>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-container>\r\n',directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]}],pipes:{async:A.AsyncPipe}}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ke,decorators:[{type:t.Component,args:[{selector:"app-page-title",templateUrl:"./page-title.component.html"}]}],ctorParameters:function(){return[{type:De},{type:$}]}});var Ee=function(){function e(e){this.layout=e,this.toolbarContainerCssClasses="",this.pageTitleCssClasses=""}return e.prototype.ngOnInit=function(){this.toolbarContainerCssClasses=this.layout.getStringCSSClasses("toolbarContainer"),this.pageTitleCssClasses=this.layout.getStringCSSClasses("pageTitle"),this.pageTitleAttributes=this.layout.getHTMLAttributes("pageTitle")},e.prototype.ngAfterViewInit=function(){if(this.ktPageTitle)for(var e in this.pageTitleAttributes)this.pageTitleAttributes.hasOwnProperty(e)&&this.ktPageTitle.nativeElement&&(this.ktPageTitle.nativeElement.attributes[e]=this.pageTitleAttributes[e])},e}();Ee.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ee,deps:[{token:$}],target:T.ɵɵFactoryTarget.Component}),Ee.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ee,selector:"app-toolbar",viewQueries:[{propertyName:"ktPageTitle",first:!0,predicate:["ktPageTitle"],descendants:!0,static:!0}],ngImport:T,template:'<div id="kt_toolbar_container"\r\n     [ngClass]="toolbarContainerCssClasses"\r\n     class="d-flex flex-stack">\r\n  <app-page-title #ktPageTitle\r\n                  class="page-title d-flex"\r\n                  [ngClass]="pageTitleCssClasses"></app-page-title>\r\n  \x3c!-- begin::Actions  --\x3e\r\n  <div class="d-flex align-items-center py-1">\r\n    \x3c!-- begin::Wrapper  --\x3e\r\n    <div class="me-4">\r\n      <ng-content select=".subheadertoolbar"></ng-content>\r\n    </div>\r\n    \x3c!-- end::Wrapper  --\x3e\r\n    \x3c!-- end::Button  --\x3e\r\n  </div>\r\n  <ng-content select=".filter-container"></ng-content>\r\n\r\n  \x3c!-- end::Actions  --\x3e\r\n</div>\r\n',components:[{type:ke,selector:"app-page-title"}],directives:[{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ee,decorators:[{type:t.Component,args:[{selector:"app-toolbar",templateUrl:"./toolbar.component.html"}]}],ctorParameters:function(){return[{type:$}]},propDecorators:{ktPageTitle:[{type:t.ViewChild,args:["ktPageTitle",{static:!0}]}]}});var Pe=function(){function e(e){this.layout=e,this.footerContainerCssClasses="";var t=new Date;this.currentYear=t.getFullYear().toString()}return e.prototype.ngOnInit=function(){this.footerContainerCssClasses=this.layout.getStringCSSClasses("footerContainer")},e}();Pe.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Pe,deps:[{token:$}],target:T.ɵɵFactoryTarget.Component}),Pe.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Pe,selector:"app-footer",ngImport:T,template:'<div [ngClass]="footerContainerCssClasses"\r\n     class="\r\n    d-flex\r\n    flex-column flex-md-row\r\n    align-items-center\r\n    justify-content-between\r\n     container-fluid\r\n  ">\r\n  \x3c!-- begin::Copyright  --\x3e\r\n  <div class="text-dark order-2 order-md-1">\r\n    <span class="text-muted fw-bold me-2"> 2021 © </span>\r\n    <a class="text-gray-800 text-hover-primary cursor-pointer" href="https://bnsights.com"\r\n       target="_blank">\r\n      Bnsights\r\n    </a>\r\n  </div>\r\n  \x3c!-- end::Copyright  --\x3e\r\n\r\n</div>\r\n',directives:[{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Pe,decorators:[{type:t.Component,args:[{selector:"app-footer",templateUrl:"./footer.component.html"}]}],ctorParameters:function(){return[{type:$}]}});var Ve={offset:200,speed:600},Ne=function(e,t){var i=this;this._handlers=function(){window.addEventListener("scroll",(function(){de(void 0,(function(){i._scroll()}))})),i.element.addEventListener("click",(function(e){e.preventDefault(),i._go()}))},this._scroll=function(){var e=parseInt(i._getOption("offset"));(document.scrollingElement||document.documentElement).scrollTop>e?document.body.hasAttribute("data-kt-scrolltop")||document.body.setAttribute("data-kt-scrolltop","on"):document.body.hasAttribute("data-kt-scrolltop")&&document.body.removeAttribute("data-kt-scrolltop")},this._go=function(){var e=parseInt(i._getOption("speed"));re.scrollTop(0,e)},this._getOption=function(e){var t=i.element.getAttribute("data-kt-scrolltop-"+e);if(t){var r=me(t);return null!==r&&"true"===String(r)}var n=te(e),o=X(i.options,n);return o?me(o):null},this.go=function(){return i._go()},this.getElement=function(){return i.element},this.element=e,this.options=Object.assign(Ve,t),this.instanceUid=ee("scrolltop"),this._handlers(),Z.set(this.element,"scrolltop",this)};Ne.getInstance=function(e){var t=Z.get(e,"scrolltop");return t||null},Ne.createInstances=function(e){document.body.querySelectorAll(e).forEach((function(e){var t=e,i=Ne.getInstance(t);i||(i=new Ne(t,Ve))}))},Ne.createInsance=function(e,t){void 0===t&&(t=Ve);var i=document.body.querySelector(e);if(i){var r=i,n=Ne.getInstance(r);return n||(n=new Ne(r,t)),n}},Ne.bootstrap=function(){Ne.createInstances('[data-kt-scrolltop="true"]')},Ne.reinitialization=function(){Ne.createInstances('[data-kt-scrolltop="true"]')},Ne.goTop=function(){re.scrollTop(0,Ve.speed)};var Re=function(){function e(e,t,i){var r=this;this.layout=e,this.pageInfo=t,this.router=i,this.unsubscribe=[];var n=function(){setTimeout((function(){r.pageInfo.calculateTitle(),r.pageInfo.calculateBreadcrumbs()}),10)};n(),this.router.events.pipe(g.filter((function(e){return e instanceof s.ResolveEnd}))).subscribe(n)}return e.prototype.ngOnInit=function(){var e=this;this.layoutConfig$=this.layout.layoutConfigSubject.asObservable();var t=this.layoutConfig$.subscribe((function(){e.pluginsInitialization()}));this.unsubscribe.push(t)},e.prototype.pluginsInitialization=function(){setTimeout((function(){Te.bootstrap(),Ne.bootstrap(),Se.bootstrap(),ve.bootstrap(),xe.bootstrap()}),200)},e.prototype.ngOnDestroy=function(){this.unsubscribe.forEach((function(e){return e.unsubscribe()}))},e}();Re.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Re,deps:[{token:$},{token:De},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),Re.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Re,selector:"app-scripts-init",ngImport:T,template:""}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Re,decorators:[{type:t.Component,args:[{selector:"app-scripts-init",templateUrl:"./scripts-init.component.html"}]}],ctorParameters:function(){return[{type:$},{type:De},{type:L.Router}]}});var Ue=function(){function e(e,t,i,r,n,o,s,a,l,d){this.translate=e,this.authService=t,this.UtilityService=i,this.router=r,this.layout=n,this.initService=o,this.stylesBundleService=s,this.BBSFTranslateService=a,this.masterLayoutService=l,this.document=d,this.isExpanded=!1,this.selfLayout="default",this.contentClasses="",this.contentContainerClasses="",this.toolbarDisplay=!0,this.asideHTMLAttributes={},this.headerMobileClasses="",this.headerMobileAttributes={},this.headerHTMLAttributes={},this.animating=!1,this.extrasSearchOffcanvasDisplay=!1,this.extrasNotificationsOffcanvasDisplay=!1,this.extrasQuickActionsOffcanvasDisplay=!1,this.extrasCartOffcanvasDisplay=!1,this.extrasUserOffcanvasDisplay=!1,this.extrasQuickPanelDisplay=!1,this.extrasScrollTopDisplay=!1,this.currentTheme="ltr",this.loadUI()}return e.prototype.ToggleAnimation=function(){var e=this;this.animating=!this.animating,setTimeout((function(){e.animating=!1}),300)},e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return[4,this.UtilityService.getCurrentLanguage()];case 1:return e=i.sent(),localStorage.setItem("language",e),this.translate.use(e),this.language=e,this.BBSFTranslateService.onLangChange.subscribe((function(e){t.language!=e.lang&&(t.language=e.lang,t.masterLayoutService.reloadComponent())})),this.subscription=this.authService.authNavStatus$.subscribe((function(e){return t.isAuthenticated=e})),this.name=this.authService.name(),this.language=localStorage.getItem("language"),this.toolbarDisplay=this.layout.getProp("toolbar.display"),this.contentContainerClasses=this.layout.getStringCSSClasses("contentContainer"),this.asideCSSClasses=this.layout.getStringCSSClasses("aside"),this.headerCSSClasses=this.layout.getStringCSSClasses("header"),this.headerHTMLAttributes=this.layout.getHTMLAttributes("headerMenu"),[2]}}))}))},e.prototype.ngAfterViewInit=function(){if(this.ktHeader)for(var e in this.headerHTMLAttributes)this.headerHTMLAttributes.hasOwnProperty(e)&&(this.ktHeader.nativeElement.attributes[e]=this.headerHTMLAttributes[e])},e.prototype.loadUI=function(){return z(this,void 0,void 0,(function(){var e;return j(this,(function(t){switch(t.label){case 0:return[4,this.UtilityService.getCurrentLanguage()];case 1:return e=t.sent(),this.stylesBundleService.loadThemes(e,"BBSF-Bundle-English.css","BBSF-Bundle-Arabic.css"),this.initService.init(),[2]}}))}))},e.prototype.signout=function(){return z(this,void 0,void 0,(function(){return j(this,(function(e){switch(e.label){case 0:return[4,this.authService.signout()];case 1:return e.sent(),[2]}}))}))},e.prototype.collapse=function(){this.isExpanded=!1},e.prototype.toggle=function(){this.isExpanded=!this.isExpanded},e}();Ue.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ue,deps:[{token:B.BBSFTranslateService},{token:B.AuthService},{token:B.UtilityService},{token:L.Router},{token:$},{token:Q},{token:B.StylesBundleService},{token:B.BBSFTranslateService},{token:B.MasterLayoutService},{token:i.DOCUMENT}],target:T.ɵɵFactoryTarget.Component}),Ue.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ue,selector:"lib-masterlayout",viewQueries:[{propertyName:"ktAside",first:!0,predicate:["ktAside"],descendants:!0,static:!0},{propertyName:"ktHeaderMobile",first:!0,predicate:["ktHeaderMobile"],descendants:!0,static:!0},{propertyName:"ktHeader",first:!0,predicate:["ktHeader"],descendants:!0,static:!0}],ngImport:T,template:'\r\n  <div class="d-flex flex-column flex-root h-100">\r\n    <div class="page d-flex flex-row flex-column-fluid">\r\n      <app-aside id="kt_aside"\r\n                 (click)="ToggleAnimation()"\r\n                 [class]="animating ? \'animating\' : \'notanimating\'"\r\n                 data-kt-drawer="true"\r\n                 data-kt-drawer-name="aside"\r\n                 data-kt-drawer-activate="{default: true, lg: false}"\r\n                 data-kt-drawer-overlay="true"\r\n                 data-kt-drawer-width="{default:\'200px\', \'300px\': \'250px\'}"\r\n                 data-kt-drawer-direction="start"\r\n                 data-kt-drawer-toggle="#kt_aside_mobile_toggle"\r\n                 class="aside"\r\n                 [ngClass]="asideCSSClasses"></app-aside>\r\n      <div class="wrapper d-flex flex-column flex-row-fluid" id="kt_wrapper">\r\n        <app-header id="kt_header"\r\n                    [ngClass]="headerCSSClasses"\r\n                    class="header align-items-stretch"\r\n                    #ktHeader></app-header>\r\n        <div id="kt_content" class="content d-flex flex-column flex-column-fluid">\r\n          <ng-container *ngIf="toolbarDisplay">\r\n            <app-toolbar class="toolbar" id="kt_toolbar"></app-toolbar>\r\n          </ng-container>\r\n\r\n          <div class="post d-flex flex-column-fluid" id="kt_post">\r\n\r\n            <div id="kt_content_container" class="container-fluid p-0">\r\n              <router-outlet></router-outlet>\r\n            </div>\r\n\r\n          </div>\r\n\r\n        </div>\r\n        <app-footer class="footer py-4 d-flex flex-lg-column"\r\n                    id="kt_footer"></app-footer>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <app-scripts-init></app-scripts-init>\r\n\r\n',components:[{type:we,selector:"app-aside"},{type:Ce,selector:"app-header"},{type:Ee,selector:"app-toolbar"},{type:Pe,selector:"app-footer"},{type:Re,selector:"app-scripts-init"}],directives:[{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),H([a.BlockUI()],Ue.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ue,decorators:[{type:t.Component,args:[{selector:"lib-masterlayout",templateUrl:"./masterlayout.component.html"}]}],ctorParameters:function(){return[{type:B.BBSFTranslateService},{type:B.AuthService},{type:B.UtilityService},{type:L.Router},{type:$},{type:Q},{type:B.StylesBundleService},{type:B.BBSFTranslateService},{type:B.MasterLayoutService},{type:Document,decorators:[{type:t.Inject,args:[i.DOCUMENT]}]}]},propDecorators:{ktAside:[{type:t.ViewChild,args:["ktAside",{static:!0}]}],ktHeaderMobile:[{type:t.ViewChild,args:["ktHeaderMobile",{static:!0}]}],ktHeader:[{type:t.ViewChild,args:["ktHeader",{static:!0}]}],blockUI:[]}});var Ge=function(){function e(e,t){this.router=e,this.authService=t,this.allowedPermission=[]}return e.prototype.canActivate=function(e,t){return z(this,void 0,void 0,(function(){return j(this,(function(e){switch(e.label){case 0:return[4,this.authService.isAuthenticated(this.allowedPermission)];case 1:return e.sent()?[2,!0]:(this.authService.setUrl(t.url),this.router.navigate(["/Admin/account/login"],{queryParams:{redirect:t.url},replaceUrl:!0}),[2,!1])}}))}))},e}();Ge.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ge,deps:[{token:L.Router},{token:B.AuthService}],target:T.ɵɵFactoryTarget.Injectable}),Ge.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ge}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ge,decorators:[{type:t.Injectable}],ctorParameters:function(){return[{type:L.Router},{type:B.AuthService}]}});var Oe=function(){function e(){}return e.prototype.transform=function(e,t){return console.log(e),console.log(t),t?e.filter((function(e){return e.title.toLowerCase().match(t.toLowerCase())})):e},e}();Oe.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Oe,deps:[],target:T.ɵɵFactoryTarget.Pipe}),Oe.ɵpipe=T.ɵɵngDeclarePipe({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Oe,name:"filter"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Oe,decorators:[{type:t.Pipe,args:[{name:"filter"}]}]});var He=function(){function e(e){this.utilityService=e,this.HomeSearch=new h.FormGroup({}),this.routes=[],this.cards=[{title:this.utilityService.getResourceValue("Users"),img:"./src/assets/images/menu/user.svg",link:"/Admin/Users"},{title:this.utilityService.getResourceValue("ActiveDirectory"),img:"./src/assets/images/menu/Folder.svg",link:"/Admin/ADConnection"},{title:this.utilityService.getResourceValue("Configuration"),img:"./src/assets/images/menu/Tools.svg",link:"/Admin/Configurations"},{title:this.utilityService.getResourceValue("Jobs"),img:"./src/assets/images/menu/Briefcase.svg",link:"/Admin/Jobs"},{title:this.utilityService.getResourceValue("License"),img:"./src/assets/images/menu/License.svg",link:"/Admin/License"},{title:this.utilityService.getResourceValue("Localization"),img:"./src/assets/images/menu/Localization.svg",link:"/Admin/Localization"},{title:this.utilityService.getResourceValue("Logs"),img:"./src/assets/images/menu/File.svg",link:"/Admin/Logs"},{title:this.utilityService.getResourceValue("ServiceProviders"),img:"./src/assets/images/menu/ServiceProvider.svg",link:"/Admin/Providers"},{title:this.utilityService.getResourceValue("PublicHolidays"),img:"./src/assets/images/menu/PublicHolidays.svg",link:"/Admin/PublicHolidays"},{title:this.utilityService.getResourceValue("Workflows"),img:"./src/assets/images/menu/Workflows.svg",link:"/Admin/Workflows"},{title:this.utilityService.getResourceValue("PermissionSets"),img:"./src/assets/images/menu/Locked-folder.svg",link:"/Admin/Roles/PermissionSets"},{title:this.utilityService.getResourceValue("Templates"),img:"./src/assets/images/menu/Templates.svg",link:"/Admin/Notifications/Templates"},{title:this.utilityService.getResourceValue("EmailHeader&FooterTemplates"),img:"./src/assets/images/menu/Mail.svg",link:"/Admin/Notifications/MasterLayouts"},{title:this.utilityService.getResourceValue("Lookup"),img:"./src/assets/images/menu/Lookups.svg",link:"/Admin/Lookups/Lookups"},{title:this.utilityService.getResourceValue("LookupGroups"),img:"./src/assets/images/menu/Lookup-group.svg",link:"/Admin/Lookups/LookupGroups"},{title:this.utilityService.getResourceValue("ImpersonationRules"),img:"./src/assets/images/menu/Impersonation.svg",link:"/Admin/ImpersonationRules"},{title:this.utilityService.getResourceValue("Departments"),img:"./src/assets/images/menu/Department.svg",link:"/Admin/Departments"},{title:this.utilityService.getResourceValue("Sectors"),img:"./src/assets/images/menu/Sectors.svg",link:"/Admin/Sectors"},{title:this.utilityService.getResourceValue("FAQs"),img:"./src/assets/images/menu/HelpCenter.svg",link:"/Admin/HelpCenter"}],this.routes=Kr.InjectedModules,De.PageTitle="",De.PageBreadcrumbs=[]}return e.prototype.ngOnInit=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.ViewType=v.ControlLayout.Vertical,this.searchTextBox.AutoComplete="off",this.searchTextBox.Placeholder="search",De.PageTitle=this.utilityService.getResourceValue("Home")},e}();He.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:He,deps:[{token:B.UtilityService}],target:T.ɵɵFactoryTarget.Component}),He.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:He,selector:"lib-home",ngImport:T,template:'<app-toolbar class="toolbar" id="kt_toolbar">\r\n  <div class="subheadertoolbar">\r\n    <div class="position-relative home-search">\r\n      <span class="svg-icon svg-icon-2 svg-icon-lg-1 svg-icon-primary position-absolute top-50 ms-5 translate-middle-y">\r\n        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">\r\n          <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1" transform="rotate(45 17.0365 15.1223)" fill="black" />\r\n          <path d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z" fill="black" />\r\n        </svg>\r\n      </span>\r\n      <input type="search" [(ngModel)]="searchText"\r\n             placeholder="Search" class="form-control bnsights-control ps-15" />\r\n    </div>\r\n  \r\n\r\n    \x3c!-- <form [formGroup]="HomeSearch">\r\n    <BBSF-TextBox [options]="searchTextBox" [group]="HomeSearch" [(ngModel)]="searchText"></BBSF-TextBox>\r\n  </form> --\x3e\r\n  </div>\r\n</app-toolbar>\r\n\r\n<div class="container-fluid">\r\n  <div class="row g-6 g-xl-9 mb-6 mb-xl-9">\r\n    <div class="col-md-6 col-lg-3 col-xl-3" *ngFor="let card of cards | filter : searchText">\r\n      <a class="card h-100" [routerLink]="[card.link]" routerLinkActive="router-link-active">\r\n        <div class="card-body d-flex justify-content-center text-center flex-column p-8">\r\n          <div class="text-gray-800 text-hover-primary d-flex flex-column">\r\n            <div class="symbol symbol-75px mb-5">\r\n              <span [inlineSVG]="card.img" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n            </div>\r\n            <div class="fs-5 fw-bolder mb-2">{{card.title}}</div>\r\n          </div>\r\n        </div>\r\n      </a>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n',components:[{type:Ee,selector:"app-toolbar"}],directives:[{type:P.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:P.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:P.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}],pipes:{filter:Oe}}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:He,decorators:[{type:t.Component,args:[{selector:"lib-home",templateUrl:"./home.component.html"}]}],ctorParameters:function(){return[{type:B.UtilityService}]}});var ze=function(){};ze.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ze,deps:[],target:T.ɵɵFactoryTarget.NgModule}),ze.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ze,declarations:[Ee,ke],imports:[i.CommonModule,s.RouterModule],exports:[Ee]}),ze.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ze,imports:[[i.CommonModule,s.RouterModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ze,decorators:[{type:t.NgModule,args:[{declarations:[Ee,ke],imports:[i.CommonModule,s.RouterModule],exports:[Ee]}]}]});var je=[{path:"",component:He}],We=function(){};We.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:We,deps:[],target:T.ɵɵFactoryTarget.NgModule}),We.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:We,declarations:[He,Oe],imports:[i.CommonModule,p.InlineSVGModule,L.RouterModule,ze,h.FormsModule,h.ReactiveFormsModule,v.BBSFControlsModule]}),We.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:We,providers:[l.UtilityService],imports:[[i.CommonModule,p.InlineSVGModule,s.RouterModule.forChild(je),ze,h.FormsModule,h.ReactiveFormsModule,v.BBSFControlsModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:We,decorators:[{type:t.NgModule,args:[{declarations:[He,Oe],imports:[i.CommonModule,p.InlineSVGModule,s.RouterModule.forChild(je),ze,h.FormsModule,h.ReactiveFormsModule,v.BBSFControlsModule],providers:[l.UtilityService]}]}]});var Ke=function(){},qe=function(){},_e=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Localizations/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddResource=function(e){return this.http.post(this.ApiUrl+"AddResource",e)},e.prototype.EditResource=function(e){return this.http.post(this.ApiUrl+"EditResource",e)},e.prototype.RestResourceToFactoryDefault=function(e){return this.http.post(this.ApiUrl+"RestResourceToFactoryDefault",e)},e.prototype.UploadExcelFiles=function(e){return this.http.post(this.ApiUrl+"UploadExcelFiles",e)},e.prototype.DeleteResource=function(e){return this.http.post(this.ApiUrl+"DeleteResource",e)},e.prototype.ReloadJsonFile=function(){return this.http.get(this.ApiUrl+"ReloadJsonFile")},e.prototype.RestToFactoryDefault=function(){return this.http.get(this.ApiUrl+"RestToFactoryDefault")},e.prototype.RestUnmodifiedToFactoryDefault=function(){return this.http.get(this.ApiUrl+"RestUnmodifiedToFactoryDefault")},e.prototype.GenerateStronglyTypedClass=function(){return this.http.get(this.ApiUrl+"GenerateStronglyTypedClass")},e.prototype.Export=function(e){var t=new l.RequestOptionsModel;return t.responseType="arraybuffer",this.http.post(this.ApiUrl+"Export",null,e,t)},e}();_e.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_e,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),_e.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_e,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_e,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Je=function(){function e(e){this.utilityService=e}return e.prototype.ngOnInit=function(){this.ImgURL||(this.ImgURL="../../assets/images/noimage.png"),this.Message||(this.Message=this.getResourceValue("NA"))},e.prototype.getResourceValue=function(e){return this.utilityService.getResourceValue(e)},e}();Je.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Je,deps:[{token:B.UtilityService}],target:T.ɵɵFactoryTarget.Component}),Je.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Je,selector:"lib-empty-data",inputs:{Message:"Message",ShowImage:"ShowImage",ImgURL:"ImgURL"},ngImport:T,template:'\r\n<div class="text-center" style="padding: 25px 0px">\r\n  <img *ngIf="ShowImage" src="" style="width:20%; " />\r\n  <div class="font-not-available">\r\n    {{Message}}\r\n  </div>\r\n</div>\r\n',directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Je,decorators:[{type:t.Component,args:[{selector:"lib-empty-data",templateUrl:"./empty-data.component.html"}]}],ctorParameters:function(){return[{type:B.UtilityService}]},propDecorators:{Message:[{type:t.Input}],ShowImage:[{type:t.Input}],ImgURL:[{type:t.Input}]}});var $e=function(){function e(e,t,i,r,n,o,s,a,l){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.datePipe=o,this._clipboardService=s,this.localizationsService=a,this.modalService=l,this.ApiUrl="/api/admin/Localizations/",this.SelectedLocalizationList=[],this.ResourceSetList=[],this.filterForm=new h.FormGroup({}),this.LocalizationForm=new h.FormGroup({}),this.showFilter=!1,this.LocalizationPagingResult=[],this.IsFilterLoaded=!1,this.AddResourceForm=new h.FormGroup({}),this.EditResourceForm=new h.FormGroup({}),this.ValueToCopy="",this.GenerateCodeForm=new h.FormGroup({}),this.UploadJsonFileForm=new h.FormGroup({}),this.deleteResourceList=[],this.ConfirmationModalType=0,this.ConfirmationMessage="",this.HeaderMessage="",this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Localization"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.ReinitializeLocalizationPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateLocalizationPaging=function(){this.input.UpdatePaging()},e.prototype.setLocalizationListResult=function(e){this.LocalizationPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.selectAllLocalizationList=function(e,t){if(e.target.checked)for(var i=0;i<t.length;i++){var r=t[i];document.getElementById("Localization-"+r.ResourceId).setAttribute("checked","checked"),this.SelectedLocalizationList.push(r)}if(!e.target.checked){for(i=0;i<t.length;i++){r=t[i];document.getElementById("Localization-"+r.ResourceId).removeAttribute("checked")}this.SelectedLocalizationList=[]}},e.prototype.loadFilters=function(){!1===this.showFilter?this.showFilter=!0:this.showFilter=!1},e.prototype.LoadDropdownLists=function(){var e=this;this.localizationsService.Loaddropdowns().subscribe((function(t){e.ResourceSetList=t,e.ResourceSetOptions=new v.DropdownOptions,e.ResourceSetOptions.Name="ResourceSet",e.ResourceSetOptions.LabelKey="ResourceSet",e.ResourceSetOptions.DataSource=e.ResourceSetList,e.ResourceSetOptions.SingleSelection=!0,e.ResourceSetOptions.AllowSearchFilter=!0,e.ResourceSetOptions.Placeholder="",e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByNameOrResourceID"),e.ResourceSetFilter=new v.FilterItem,e.ResourceSetFilter.FormControlName="ResourceSet",e.ResourceSetFilter.ActionParameterName="resourceSet",e.ResourceSetFilter.IsFormControl=!0,e.ResourceSetFilter.FilterType=v.FilterType.DropdownList,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="resourceName",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.LocalizationPaging=new v.PagingOptions,e.LocalizationPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetLocalizationsByFilter",e.LocalizationPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.LocalizationPaging.DropdownFiltersControlNames=["ResourceSet"],e.LocalizationPaging.Filters=[e.ResourceSetFilter,e.TextInputFilter],e.LocalizationPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.resetFilters=function(){this.LocalizationForm.controls.ResourceSet.setValue([]),this.LocalizationForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.exportExcel=function(e){var t=this;void 0===e&&(e=!1);this.LocalizationForm.value;var i=new n.HttpParams;i=(i=(i=i.append("resourceSet",null==this.LocalizationForm.controls.ResourceSet.value?"":this.LocalizationForm.controls.ResourceSet.value)).append("resourceName",null==this.LocalizationForm.controls.searchTextBox.value?"":this.LocalizationForm.controls.searchTextBox.value)).append("exportAsTemplate",e.toString()),this.localizationsService.Export(i).subscribe((function(e){var i=new Blob([e],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});saveAs(i,"Localizations"+t.datePipe.transform(new Date,"dd-MM-YYYY hh:mm").toString()+".xlsx")}),(function(e){}))},e.prototype.showAddResourceModal=function(e){this.utilityService.startBlockUI(),this.AddResourceForm=new h.FormGroup({}),this.ResourceSet=new v.AutocompleteOptions,this.ResourceSet.Name="ResourceSet",this.ResourceSet.LabelKey="ResourceSet",this.ResourceSet.Type=v.InputType.Text,this.ResourceSet.IsRequired=!0,this.ResourceSet.Value=null,this.ResourceSet.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteResourceSet",this.ResourceSet.ValidationToken=this.authService.authorizationHeaderValue(),this.ResourceId=new v.TextBoxOptions,this.ResourceId.Name="ResourceId",this.ResourceId.LabelKey="ResourceId",this.ResourceId.Type=v.InputType.Text,this.ResourceId.Value=null,this.ResourceId.IsRequired=!0,this.MultiLingualValue=new v.MultiLingualTextAreaOptions,this.MultiLingualValue.Name="Value",this.MultiLingualValue.ArabicLabelKey="ValueInArabic",this.MultiLingualValue.EnglishLabelKey="ValueInEnglish",this.MultiLingualValue.IsRequired=!0,this.MultiLingualComment=new v.MultiLingualTextAreaOptions,this.MultiLingualComment.Name="Comment",this.MultiLingualComment.ArabicLabelKey="CommentInArabic",this.MultiLingualComment.EnglishLabelKey="CommentInEnglish",this.MultiLingualComment.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addResource=function(){var e=this;if(!this.AddResourceForm.invalid){var t=this.AddResourceForm.value;console.log(t);var i=new Ke;i.ResourceId=t.ResourceId,i.ResourceSet=t.ResourceSet.value,i.ValueEN=t.Value.EnglishTextAreaValue,i.ValueAR=t.Value.ArabicTextAreaValue,i.CommentAr=t.Comment.ArabicTextAreaValue,i.CommentEn=t.Comment.EnglishTextAreaValue,this.localizationsService.AddResource(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditResourceModal=function(e,t){this.utilityService.startBlockUI(),this.EditResourceForm=new h.FormGroup({}),this.resourceId=e.resourceId,this.resourceSet=e.resourceSet;var i=new v.EnglishArabicDTO;i.Arabic=e.valueAR,i.English=e.valueEN,this.EditMultiLingualValue=new v.MultiLingualTextAreaOptions,this.EditMultiLingualValue.Name="Value",this.EditMultiLingualValue.ArabicLabelKey="ValueInArabic",this.EditMultiLingualValue.EnglishLabelKey="ValueInEnglish",this.EditMultiLingualValue.IsRequired=!0,this.EditMultiLingualValue.Value=i;var r=new v.EnglishArabicDTO;r.Arabic=e.commentAr,r.English=e.commentEn,this.EditMultiLingualComment=new v.MultiLingualTextAreaOptions,this.EditMultiLingualComment.Name="Comment",this.EditMultiLingualComment.ArabicLabelKey="CommentInArabic",this.EditMultiLingualComment.EnglishLabelKey="CommentInEnglish",this.EditMultiLingualComment.IsRequired=!0,this.EditMultiLingualComment.Value=r,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editResource=function(){var e=this;if(!this.EditResourceForm.invalid){var t=this.EditResourceForm.value,i=new Ke;i.ResourceId=this.resourceId,i.ResourceSet=this.resourceSet,i.ValueEN=t.Value.EnglishTextAreaValue,i.ValueAR=t.Value.ArabicTextAreaValue,i.CommentEn=t.Comment.EnglishTextAreaValue,i.CommentAr=t.Comment.ArabicTextAreaValue,this.localizationsService.EditResource(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.RestResourceToFactoryDefault=function(e){var t=this,i=new Ke;i.ResourceId=e.resourceId,i.ResourceSet=e.resourceSet,i.ValueEN="",i.ValueAR="",i.CommentEn="",i.CommentAr="",this.localizationsService.RestResourceToFactoryDefault(i).subscribe((function(e){t.input.UpdatePaging()}),(function(e){}))},e.prototype.showDeleteResourceModal=function(e,t){this.utilityService.startBlockUI(),this.deleteResourceList=[],this.deleteResourceList.push(e),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteResource=function(){var e=this;this.localizationsService.DeleteResource(this.deleteResourceList).subscribe((function(t){e.deleteResourceList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.ReloadJsonFile=function(){var e=this;this.localizationsService.ReloadJsonFile().subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))},e.prototype.RestToFactoryDefault=function(){var e=this;this.localizationsService.RestToFactoryDefault().subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))},e.prototype.RestUnmodifiedToFactoryDefault=function(){var e=this;this.localizationsService.RestUnmodifiedToFactoryDefault().subscribe((function(t){e.input.UpdatePaging()}),(function(e){}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.GenerateStronglyTypedClass=function(e){var t=this;this.localizationsService.GenerateStronglyTypedClass().subscribe((function(i){var r=i;t.StronglyTypedClass=new v.TextAreaOptions,t.StronglyTypedClass.Name="StronglyTypedClass",t.StronglyTypedClass.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.StronglyTypedClass.IsDisabled=!0,t.StronglyTypedClass.HideLabel=!0,t.StronglyTypedClass.Rows=20,t.StronglyTypedClass.Cols=20,t.StronglyTypedClass.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.ShowUploadModal=function(e){this.utilityService.startBlockUI(),this.UploadJsonFileForm=new h.FormGroup({}),this.UploadResourceSetOptions=new v.DropdownOptions,this.UploadResourceSetOptions.Name="SelectedResourceSet",this.UploadResourceSetOptions.LabelKey="ResourceSet",this.UploadResourceSetOptions.DataSource=this.ResourceSetList,this.UploadResourceSetOptions.SingleSelection=!0,this.UploadResourceSetOptions.AllowSearchFilter=!0,this.UploadResourceSetOptions.Placeholder="",this.ResourcesFileInput=new v.FileUploadOptions,this.ResourcesFileInput.Name="ResourcesFile",this.ResourcesFileInput.LabelKey="UploadFile",this.ResourcesFileInput.IsMultipleFile=!1,this.ResourcesFileInput.FileUploadAcceptsTypes=[v.FileType.Excel],this.ResourcesFileInput.FileMaxSizeInMB=10,this.ResourcesFileInput.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.UploadExcelFiles=function(){var e=this;if(!this.UploadJsonFileForm.invalid){var t=this.UploadJsonFileForm.value,i=new qe;i.SelectedResourceSet=t.SelectedResourceSet,i.ResourcesFile={FileBase64:t.ResourcesFile[0].FileBase64,FileName:t.ResourcesFile[0].FileName,FileSizeInMB:t.ResourcesFile[0].FileSizeInMB,FileType:t.ResourcesFile[0].FileType},this.localizationsService.UploadExcelFiles(i).subscribe((function(t){var i=t;e.ExcelValidation=i.val,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.openResourceValidationModal=function(e){this.modalService.open(e)},e.prototype.confirmExcel=function(){this.utilityService.notifySuccessMessage();var e=this.input;this.LoadDropdownLists(),this.modalService.dismissAll(),e.ReinitializePaging()},e.prototype.showConfirmationModal=function(e,t){switch(this.utilityService.startBlockUI(),e){case 1:this.HeaderMessage=this.utilityService.getResourceValue("ReloadResources"),this.ConfirmationMessage=this.utilityService.getResourceValue("ReloadResourcesConfirmation"),this.ConfirmationModalType=1;break;case 2:this.HeaderMessage=this.utilityService.getResourceValue("ResetToFactoryDefault"),this.ConfirmationMessage=this.utilityService.getResourceValue("ResettoFactoryConfirmation"),this.ConfirmationModalType=2}this.modalService.open(t),this.utilityService.stopBlockUI()},e}();$e.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$e,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:A.DatePipe},{token:N.ClipboardService},{token:_e},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),$e.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:$e,selector:"lib-localizations",viewQueries:[{propertyName:"CloseResourceModal",first:!0,predicate:["CloseResourceModal"],descendants:!0},{propertyName:"CloseEditResourceModal",first:!0,predicate:["CloseEditResourceModal"],descendants:!0},{propertyName:"EditResourceModal",first:!0,predicate:["EditResourceModal"],descendants:!0},{propertyName:"input",first:!0,predicate:["LocalizationPagingViewElement"],descendants:!0},{propertyName:"CloseUploadJsonFileModal",first:!0,predicate:["CloseUploadJsonFileModal"],descendants:!0},{propertyName:"CloseDeleteResourceModal",first:!0,predicate:["CloseDeleteResourceModal"],descendants:!0},{propertyName:"CloseConfirmationModal",first:!0,predicate:["CloseConfirmationModal"],descendants:!0},{propertyName:"ShowResourceValidationModal",first:!0,predicate:["ShowResourceValidationModal"],descendants:!0},{propertyName:"CloseResourceValidationModal",first:!0,predicate:["CloseResourceValidationModal"],descendants:!0}],ngImport:T,template:'<block-ui> </block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="LocalizationForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="LocalizationForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n\r\n          <div ngbDropdown class="d-inline-block" [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}">\r\n            <button ngbDropdownToggle href="javascript:;" type="button" class="btn btn-sm btn-light-primary me-3" id="FiltersDropdown" title="Filter">\r\n              <i class="fas fa-filter me-1"></i>\r\n              {{utilityService.getResourceValue("Filter")}}\r\n            </button>\r\n            <div *ngIf="IsFilterLoaded" ngbDropdownMenu aria-labelledby="FiltersDropdown" class=" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 ">\r\n              <form [formGroup]="LocalizationForm">\r\n                <div class="px-7 py-5">\r\n                  <div class="row">\r\n                    <div class="col-lg-12">\r\n                      <div class="mb-10">\r\n                        <BBSF-DropdownList [options]="ResourceSetOptions" [group]="LocalizationForm"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class="d-flex justify-content-end">\r\n                    <button class="btn btn-light btn-active-light-primary pv-reset btn-sm" id="applyFiltersBtn"\r\n                            (click)="resetFilters()">\r\n                      {{utilityService.getResourceValue("Reset")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button (click)="exportExcel()"\r\n                  title="Export" type="button" class="btn btn-sm btn-light-primary bnsights-btn-export me-3 ">\r\n            <i class="fas fa-download me-1"></i>\r\n            {{utilityService.getResourceValue("Export")}}\r\n          </button>\r\n\r\n          <button id="btnActivate" type="button" class="btn btn-sm btn-light-primary me-3 " (click)="showConfirmationModal(1,ConfirmationModal)">\r\n            <i class="fas fa-sync-alt me-1"></i>\r\n            {{utilityService.getResourceValue("Reload")}}\r\n          </button>\r\n          <button type="button" class="btn btn-sm btn-primary me-3 " id="btnActivate" (click)="ShowUploadModal(UploadJsonFileModal)">\r\n            <i class="fas fa-upload me-1"></i>\r\n            {{utilityService.getResourceValue("Upload")}}\r\n          </button>\r\n          <button type="button" class="btn btn-sm btn-primary me-3" (click)="showAddResourceModal(AddResourceModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]="menut" class="btn btn-sm btn-primary me-3 btn-icon" title="options">\r\n              <i class="fa fa-bars"></i>\r\n            </button>\r\n            <mat-menu #menut="matMenu" class="py-3">\r\n              <button ngbDropdownItem type="button" class="menu-item px-3" (click)="showConfirmationModal(2,ConfirmationModal)">\r\n                <span class="menu-link px-3">  {{utilityService.getResourceValue("RestToFactoryDefault")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf="!ProductionMode" type="button" class="menu-item px-3" (click)="GenerateStronglyTypedClass(GenerateStronglyTypedModal)">\r\n                <span class="menu-link px-3">  {{utilityService.getResourceValue("GenerateStronglyTypedClass")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      \x3c!-- end::Header --\x3e\r\n      \x3c!-- begin::Body --\x3e\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!-- begin::Table --\x3e\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("ResourceId")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("ResourceSet")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("English")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Arabic")}}</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 Localization of LocalizationPagingResult">\r\n                <td class="text-dark">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.valueEN}}</td>\r\n                <td>{{Localization.valueAR}}</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                      <a ngbDropdownItem class="menu-item px-3" (click)="showEditResourceModal(Localization,EditResourceModal)">\r\n                        <span class="menu-link px-3">  {{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem *ngIf="!ProductionMode" class="menu-item px-3" (click)="showDeleteResourceModal(Localization,deleteResourceModal)">\r\n                        <span class="menu-link px-3">  {{utilityService.getResourceValue("Delete")}} </span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="LocalizationPagingResult.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          \x3c!--end::users list--\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setLocalizationListResult($event)" *ngIf="IsFilterLoaded" [options]="LocalizationPaging"\r\n                     [group]="LocalizationForm" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddResourceModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("AddResource")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddResourceForm" (ngSubmit)="addResource()">\r\n        <BBSF-AutocompleteTextBox [options]="ResourceSet" [group]="AddResourceForm">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]="ResourceId" [group]="AddResourceForm">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]="MultiLingualValue" [group]="AddResourceForm"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]="MultiLingualComment" [group]="AddResourceForm"></BBSF-MultiLingualTextArea>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseResourceModal id="CloseResourceModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <ng-template #EditResourceModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("EditResource")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditResourceForm" (ngSubmit)="editResource()">\r\n        <BBSF-MultiLingualTextArea [options]="EditMultiLingualValue" [group]="EditResourceForm"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]="EditMultiLingualComment" [group]="EditResourceForm"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseEditResourceModal id="CloseEditResourceModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- Upload Modal --\x3e\r\n  <ng-template #UploadJsonFileModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("UploadResources")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-primary rounded border-primary border border-dashed mb-10 p-6">\r\n        \x3c!--begin::Icon--\x3e\r\n        \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n        <span class="svg-icon svg-icon-2tx svg-icon-primary me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n        \x3c!--end::Svg Icon--\x3e\r\n        \x3c!--end::Icon--\x3e\r\n        \x3c!--begin::Wrapper--\x3e\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          \x3c!--begin::Content--\x3e\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("UploadJsonResourcesInfo")}}\r\n            </div>\r\n          </div>\r\n          \x3c!--end::Content--\x3e\r\n        </div>\r\n        \x3c!--end::Wrapper--\x3e\r\n      </div>\r\n      <form [formGroup]="UploadJsonFileForm" (ngSubmit)="UploadExcelFiles()">\r\n        <a [hidden]="true" id="ShowResourceValidationModal" href="javascript:;" (click)="openResourceValidationModal(ResourceValidationModal)">\r\n          <i class="fa fa-history"></i> {{utilityService.getResourceValue("show")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]="ResourcesFileInput" [group]="UploadJsonFileForm">\r\n        </BBSF-FileUplaod>\r\n        <a id="btnDeactivate" href="javascript:;" (click)="exportExcel(true)">\r\n          {{utilityService.getResourceValue("DownloadResourceTemplateSheet")}}\r\n        </a>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseUploadJsonFileModal id="CloseUploadJsonFileModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deleteResourceModal 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("Delete")}} {{utilityService.getResourceValue("Resource")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteResourceModal id="CloseDeleteResourceModal" 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="button" (click)="deleteResource()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- GenerateStronglyTypedClass  Modal --\x3e\r\n  <ng-template #GenerateStronglyTypedModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n        <div>\r\n          <BBSF-TextArea [options]="StronglyTypedClass" [group]="GenerateCodeForm">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseStronglyTypedClassModal id="CloseStronglyTypedClassModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n            {{utilityService.getResourceValue("CopyToClipboard")}}\r\n          </button>\r\n        </div>\r\n      </form>\r\n\r\n\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Confirmation Message  Modal --\x3e\r\n  <ng-template #ConfirmationModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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">{{HeaderMessage}}</h1>\r\n      </div>\r\n      <div>\r\n        {{ConfirmationMessage}}\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button type="button" #CloseConfirmationModal id="CloseConfirmationModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n        <button type="button" *ngIf="ConfirmationModalType==2" (click)="RestToFactoryDefault()"\r\n                class="btn btn-danger btn-sm">\r\n          {{utilityService.getResourceValue("ResetToFactoryDefault")}}\r\n        </button>\r\n        <button type="button" *ngIf="ConfirmationModalType==1" (click)="ReloadJsonFile()"\r\n                class="btn btn-danger btn-sm">\r\n          {{utilityService.getResourceValue("Reload")}}\r\n        </button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- Resource Validation Modal--\x3e\r\n  <ng-template #ResourceValidationModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("ResourcecheckResult")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n        \x3c!--begin::Icon--\x3e\r\n        \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n        <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n        \x3c!--end::Svg Icon--\x3e\r\n        \x3c!--end::Icon--\x3e\r\n        \x3c!--begin::Wrapper--\x3e\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          \x3c!--begin::Content--\x3e\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700" *ngIf="!ExcelValidation.isValid">\r\n              <div>\r\n                {{utilityService.getResourceValue("UpdatedEntriesNumber")}} {{ExcelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue("InvalidEntriesNumber")}} {{ExcelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class="fs-6 text-gray-700" *ngIf="ExcelValidation.isValid">\r\n              {{utilityService.getResourceValue("AllEntriesValid")}}\r\n            </div>\r\n\r\n          </div>\r\n          \x3c!--end::Content--\x3e\r\n        </div>\r\n        \x3c!--end::Wrapper--\x3e\r\n      </div>\r\n      <div *ngIf="!ExcelValidation.isValid">\r\n        <div class="table-responsive">\r\n          \x3c!-- begin::Table --\x3e\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-150">{{utilityService.getResourceValue("ResourceId")}}</th>\r\n                <th class="min-w-150">{{utilityService.getResourceValue("ResourceSet")}}</th>\r\n                <th class="min-w-150">{{utilityService.getResourceValue("ErrorMessage")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class="fw-bold text-gray-600 border-0">\r\n              <tr class="trItem" *ngFor="let Localization of ExcelValidation.invalidEntries">\r\n                <td class="text-dark">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</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 type="button" #CloseResourceValidationModal id="CloseResourceValidationModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n        <button type="button" (click)="confirmExcel()" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n',styles:[".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"],components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵq,selector:"BBSF-AutocompleteTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵf,selector:"BBSF-MultiLingualTextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵb,selector:"BBSF-FileUplaod",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:E.NgbDropdown,selector:"[ngbDropdown]",inputs:["open","placement","container","autoClose","display"],outputs:["openChange"],exportAs:["ngbDropdown"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:E.NgbDropdownToggle,selector:"[ngbDropdownToggle]"},{type:E.NgbDropdownMenu,selector:"[ngbDropdownMenu]"},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$e,decorators:[{type:t.Component,args:[{selector:"lib-localizations",templateUrl:"./localizations.component.html",styleUrls:["./localizations.component.css"]}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:A.DatePipe},{type:N.ClipboardService},{type:_e},{type:E.NgbModal}]},propDecorators:{CloseResourceModal:[{type:t.ViewChild,args:["CloseResourceModal",{static:!1}]}],CloseEditResourceModal:[{type:t.ViewChild,args:["CloseEditResourceModal",{static:!1}]}],EditResourceModal:[{type:t.ViewChild,args:["EditResourceModal",{static:!1}]}],input:[{type:t.ViewChild,args:["LocalizationPagingViewElement",{static:!1}]}],CloseUploadJsonFileModal:[{type:t.ViewChild,args:["CloseUploadJsonFileModal",{static:!1}]}],CloseDeleteResourceModal:[{type:t.ViewChild,args:["CloseDeleteResourceModal",{static:!1}]}],CloseConfirmationModal:[{type:t.ViewChild,args:["CloseConfirmationModal",{static:!1}]}],ShowResourceValidationModal:[{type:t.ViewChild,args:["ShowResourceValidationModal",{static:!1}]}],CloseResourceValidationModal:[{type:t.ViewChild,args:["CloseResourceValidationModal",{static:!1}]}]}});var Qe=function(){};Qe.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Qe,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Qe.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Qe,declarations:[Je],imports:[i.CommonModule],exports:[Je]}),Qe.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Qe,providers:[l.UtilityService],imports:[[i.CommonModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Qe,decorators:[{type:t.NgModule,args:[{declarations:[Je],imports:[i.CommonModule],exports:[Je],providers:[l.UtilityService]}]}]});var Ye=[{path:"",component:$e}],Ze=function(){};Ze.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ze,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Ze.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ze,declarations:[$e],imports:[i.CommonModule,b.ClipboardModule,C.BlockUIModule,L.RouterModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]}),Ze.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ze,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,_e],imports:[[i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),s.RouterModule.forChild(Ye),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ze,decorators:[{type:t.NgModule,args:[{declarations:[$e],imports:[i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),s.RouterModule.forChild(Ye),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,_e]}]}]});var Xe=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Xe.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xe,deps:[],target:T.ɵɵFactoryTarget.Component}),Xe.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Xe,selector:"lib-roles",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xe,decorators:[{type:t.Component,args:[{selector:"lib-roles",templateUrl:"./roles.component.html"}]}],ctorParameters:function(){return[]}});var et=function(){this.Name=new v.EnglishArabicDTO,this.OrganizationName=new v.EnglishArabicDTO},tt=function(){this.UsersIDs=[]},it=function(){function e(e){this.http=e}return e.prototype.fetchTopSecretData=function(e){var t={headers:new n.HttpHeaders({"Content-Type":"application/json",Authorization:e})};return this.http.get("/api/Claims/GetClaims",t)},e}();it.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:it,deps:[{token:M.HttpClient}],target:T.ɵɵFactoryTarget.Injectable}),it.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:it,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:it,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:M.HttpClient}]}});var rt=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Permissions/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddPermission=function(e){return this.http.post(this.ApiUrl+"AddPermission",e)},e.prototype.EditPermission=function(e){return this.http.post(this.ApiUrl+"EditPermission",e)},e.prototype.DeletePermission=function(e){return this.http.post(this.ApiUrl+"DeletePermission",e)},e.prototype.GetPermissionsByFilter=function(e){return this.http.post(this.ApiUrl+"GetPermissionsByFilter",e)},e}();rt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:rt,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),rt.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:rt,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:rt,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var nt=function(){function e(){this.ShowToolbar=!0}return e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){},e}();nt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:nt,deps:[],target:T.ɵɵFactoryTarget.Component}),nt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:nt,selector:"app-subheader",inputs:{SubheaderTitle:"SubheaderTitle",BreadcrumbTitle:"BreadcrumbTitle",BreadcrumbTitleSecond:"BreadcrumbTitleSecond",Url:"Url",SecondUrl:"SecondUrl",ShowbreadCrumb:"ShowbreadCrumb",ShowToolbar:"ShowToolbar",ShowBreadcrumbSecond:"ShowBreadcrumbSecond"},ngImport:T,template:'\r\n<style>\r\n  .toolbar-custom {\r\n    padding: 25px;\r\n    background: #1a1a27;\r\n    margin-bottom:30px;\r\n  }\r\n</style>\r\n<div class="toolbar-custom">\r\n  <div class="d-flex flex-stack">\r\n    <div class="page-title d-flex align-items-center flex-wrap me-3">\r\n      <ng-container>\r\n        \x3c!-- begin::Title --\x3e\r\n        <h1 class="d-flex align-items-center text-dark fw-bolder my-1 fs-3">\r\n          {{SubheaderTitle}}\r\n        </h1>\r\n        \x3c!-- end::Title --\x3e\r\n        <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">\r\n          <li class="breadcrumb-item">\r\n            <ng-container>\r\n              <a class="text-muted text-hover-primary" [routerLink]="Url" routerLinkActive="router-link-active">\r\n                {{BreadcrumbTitle}}\r\n              </a>\r\n            </ng-container>\r\n            <ng-container *ngIf="ShowBreadcrumbSecond">\r\n              <span class="bullet bg-gray-200 w-5px h-2px"></span>\r\n            </ng-container>\r\n          </li>\r\n          <li class="breadcrumb-item text-dark" *ngIf="ShowBreadcrumbSecond" [routerLink]="SecondUrl" routerLinkActive="router-link-active"> {{BreadcrumbTitleSecond}}</li>\r\n        </ul>\r\n      </ng-container>\r\n    </div>\r\n\r\n\r\n    <div class="d-flex align-items-center py-1">\r\n      \x3c!-- begin::Wrapper  --\x3e\r\n      <div class="me-4">\r\n        \x3c!-- begin::Menu  --\x3e\r\n        <ng-content *ngIf="ShowToolbar" select=".subheadertoolbar"></ng-content>\r\n\r\n        \x3c!-- end::Menu  --\x3e\r\n      </div>\r\n\r\n      \x3c!-- end::Button  --\x3e\r\n    </div>\r\n\r\n\r\n\r\n  </div>\r\n  <ng-content select=".filter-container"></ng-content>\r\n</div>\r\n\r\n',styles:["\n  .toolbar-custom {\n    padding: 25px;\n    background: #1a1a27;\n    margin-bottom:30px;\n  }\n"],directives:[{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:L.RouterLink,selector:":not(a):not(area)[routerLink]",inputs:["routerLink","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:nt,decorators:[{type:t.Component,args:[{selector:"app-subheader",templateUrl:"./subheader.component.html"}]}],ctorParameters:function(){return[]},propDecorators:{SubheaderTitle:[{type:t.Input}],BreadcrumbTitle:[{type:t.Input}],BreadcrumbTitleSecond:[{type:t.Input}],Url:[{type:t.Input}],SecondUrl:[{type:t.Input}],ShowbreadCrumb:[{type:t.Input}],ShowToolbar:[{type:t.Input}],ShowBreadcrumbSecond:[{type:t.Input}]}});var ot=function(){function e(e,t,i,r,n,o,s){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.dataServices=n,this.authService=o,this.PermissionsService=s,this.ApiUrl="/api/admin/Permissions/",this.SubheaderTitle=this.utilityService.getResourceValue("Permissions"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.OrganizationList=[],this.filterForm=new h.FormGroup({}),this.PermissionsForm=new h.FormGroup({}),this.showFilter=!1,this.PermissionsPagingResult=[],this.IsFilterLoaded=!1,this.AddPermissionForm=new h.FormGroup({}),this.IsAddPermissionFormLoaded=!1,this.EditPermissionForm=new h.FormGroup({}),this.deletePermissionsList=[],this.IsOpenDeletePermissionsModal=!1,this.ConfirmationModalType=0,this.ConfirmationMessage="",this.ShowPageContent=!1,this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Permission"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.ReinitializePermissionsPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdatePermissionsPaging=function(){this.input.UpdatePaging()},e.prototype.setPermissionsListResult=function(e){this.PermissionsPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.PermissionsForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadDropdownLists=function(){var e=this;this.PermissionsService.Loaddropdowns().subscribe((function(t){var i=t;e.OrganizationList=i,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.PermissionsPaging=new v.PagingOptions,e.PermissionsPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetPermissionsByFilter",e.PermissionsPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.PermissionsPaging.Filters=[e.TextInputFilter],e.PermissionsPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.showAddPermissionModal=function(){var e=this;this.AddPermissionForm.reset(),this.IsAddPermissionFormLoaded=!1,this.utilityService.startBlockUI(),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.Organization=new v.DropdownOptions,this.Organization.Name="Organization",this.Organization.LabelKey="Organization",this.Organization.SelectedItems=null,this.Organization.DataSource=this.OrganizationList,this.Organization.SingleSelection=!0,this.Organization.AllowSearchFilter=!0,this.Organization.IsRequired=!0,setTimeout((function(){e.IsAddPermissionFormLoaded=!0,e.utilityService.stopBlockUI()}),100)},e.prototype.addPermission=function(){var e=this;if(!this.AddPermissionForm.invalid){var t=this.AddPermissionForm.value,i=new et;0==this.ProductionMode&&(i.SysName=t.SysName),i.Name.Arabic=t.Name.Arabic,i.Name.English=t.Name.English,i.OrganizationID=Number(t.Organization),this.PermissionsService.AddPermission(i).subscribe((function(t){document.getElementById("ClosePermissionModal").click(),e.AddPermissionForm.reset(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditPermissionModal=function(e){var t=this;this.IsEditPermissionModelLoaded=!1,this.utilityService.startBlockUI(),this.EditPermissionForm.reset();var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.PermissionId=e.id,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="SysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditOrganization=new v.DropdownOptions,this.EditOrganization.Name="Organization",this.EditOrganization.LabelKey="Organization",this.EditOrganization.SelectedItems=this.OrganizationList.filter((function(t){return parseInt(t.key)==e.organizationID})).map((function(e){return e.key}))[0],this.EditOrganization.DataSource=this.OrganizationList,this.EditOrganization.SingleSelection=!0,this.EditOrganization.AllowSearchFilter=!0,this.EditOrganization.IsRequired=!0,setTimeout((function(){t.IsEditPermissionModelLoaded=!0,t.utilityService.stopBlockUI()}),100)},e.prototype.editPermission=function(){var e=this;if(!this.EditPermissionForm.invalid){this.utilityService.startBlockUI();var t=this.EditPermissionForm.value,i=new et;i.Id=this.PermissionId,i.Name.Arabic=t.Name.Arabic,i.Name.English=t.Name.English,0==this.ProductionMode&&(i.SysName=t.SydName),i.OrganizationID=Number(t.Organization),this.PermissionsService.EditPermission(i).subscribe((function(t){document.getElementById("CloseEditPermissionsModal").click(),e.EditPermissionForm.reset(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeletePermissionModal=function(e){var t=this;this.deletePermissionsList=[],this.deletePermissionsList.push(e),this.IsOpenDeletePermissionsModal=!1,this.utilityService.startBlockUI(),setTimeout((function(){t.IsOpenDeletePermissionsModal=!0,t.utilityService.stopBlockUI()}),100)},e.prototype.deletePermission=function(){for(var e=this,t=new tt,i=0;i<this.deletePermissionsList.length;i++){var r=this.deletePermissionsList[i];t.UsersIDs.push(r.id)}this.PermissionsService.DeletePermission(t).subscribe((function(t){e.deletePermissionsList=[],document.getElementById("CloseDeletePermissionsModal").click(),e.input.ReinitializePaging()}),(function(e){}))},e}();ot.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ot,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:it},{token:B.AuthService},{token:rt}],target:T.ɵɵFactoryTarget.Component}),ot.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ot,selector:"lib-permissions",viewQueries:[{propertyName:"input",first:!0,predicate:["PermissionPagingViewElement"],descendants:!0},{propertyName:"ClosePermissionModal",first:!0,predicate:["ClosePermissionModal"],descendants:!0},{propertyName:"CloseEditPermissionsModal",first:!0,predicate:["CloseEditPermissionsModal"],descendants:!0},{propertyName:"CloseDeletePermissionsModal",first:!0,predicate:["CloseDeletePermissionsModal"],descendants:!0},{propertyName:"CloseConfirmationModal",first:!0,predicate:["CloseConfirmationModal"],descendants:!0}],ngImport:T,template:'<block-ui>\r\n\r\n  <app-subheader [SubheaderTitle]="SubheaderTitle"  [ShowbreadCrumb]="ShowbreadCrumb" [ShowToolbar]="ShowToolbar">\r\n    <div class="subheadertoolbar">\r\n\r\n      <button type="button" title="Add" class="btn btn-success btn-sm btn-icon mr-2" data-toggle="modal"\r\n              data-target="#AddPermissionModal" (click)="showAddPermissionModal()">\r\n        <i class="kt-nav__link-icon fa fa-plus"></i>\r\n      </button>\r\n\r\n    </div>\r\n    <div class="filter-container " [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}"\r\n         *ngIf="IsFilterLoaded">\r\n      <form [formGroup]="PermissionsForm">\r\n        <div class="container-fluidposition-relative">\r\n\r\n          <div class=" row" id="filtersContainer" data-isloaded="true">\r\n\r\n            <div class="col-md-6">\r\n              <BBSF-TextBox [options]="searchTextBox" [group]="PermissionsForm"></BBSF-TextBox>\r\n            </div>\r\n            <div class="col-md-6 d-flex justify-content-end align-items-end">\r\n              <a class="btn btn-danger btn-bold btn-sm pv-reset text-white mt-4" id="applyFiltersBtn"\r\n                 (click)="resetFilters()">{{utilityService.getResourceValue("Reset")}}</a>\r\n            </div>\r\n          </div>\r\n        \r\n        </div>\r\n      </form>\r\n    </div>\r\n\r\n\r\n  </app-subheader>\r\n  \x3c!-- Page Content --\x3e\r\n  <div [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}" class="container-fluid">\r\n\r\n      <div class="table-responsive-x">\r\n        \x3c!--begin::Permission list--\x3e\r\n        <table class="table amsx-table-users">\r\n          <thead>\r\n            <tr>\r\n\r\n              <th>{{utilityService.getResourceValue("Name")}}</th>\r\n              <th *ngIf="!ProductionMode">{{utilityService.getResourceValue("SysName")}}</th>\r\n              <th class="text-center">{{utilityService.getResourceValue("Action")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id="listingContainer">\r\n\r\n            <tr *ngFor="let Permission of PermissionsPagingResult">\r\n\r\n              <td class="align-middle">\r\n                <div class="kt-user-card-v2">\r\n                  <div class="kt-user-card-v2__details">\r\n                    <a href="javascript:void(0)" *ngIf="language==\'en\'" class="kt-user-card-v2__name">{{Permission.name.english}}</a>\r\n                    <a href="javascript:void(0)" *ngIf="language==\'ar\'" class="kt-user-card-v2__name">{{Permission.name.arabic}}</a>\r\n\r\n\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <td *ngIf="!ProductionMode" class="align-middle">{{Permission.sysName}}</td>\r\n\r\n              <td class="text-center align-middle">\r\n                <div class="dropdown dropdown-inline ams-dropdown">\r\n                  <button type="button" class="btn btn-clean btn-icon btn-sm" data-toggle="dropdown"\r\n                          aria-haspopup="true" aria-expanded="true">\r\n                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>\r\n                  </button>\r\n                  <div class="dropdown-menu dropdown-menu-right p-0">\r\n\r\n                    <ul class="kt-nav">\r\n                      <li class="kt-nav__item">\r\n                        <a class="kt-nav__link" data-toggle="modal" data-target="#EditPermissionModal"\r\n                           (click)="showEditPermissionModal(Permission)">\r\n                          <i class="kt-nav__link-icon fa fa-edit" aria-hidden="true"></i>\r\n                          <span class="kt-nav__link-text">{{utilityService.getResourceValue("Edit")}}</span>\r\n                        </a>\r\n                      </li>\r\n\r\n                      <li class="kt-nav__item">\r\n                        <a h class="kt-nav__link" id="btnResetPass" data-toggle="modal"\r\n                           data-target="#deletePermissionModal" (click)="showDeletePermissionModal(Permission)">\r\n                          <i class="kt-nav__link-icon fa fa-cog"></i>\r\n                          <span class="kt-nav__link-text">{{utilityService.getResourceValue("Delete")}}</span>\r\n                        </a>\r\n                      </li>\r\n\r\n\r\n                    </ul>\r\n\r\n                  </div>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf="PermissionsPagingResult.length == 0">\r\n              <td colspan="3">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <BBSF-Paging (Items)="setPermissionsListResult($event)" *ngIf="IsFilterLoaded" [options]="PermissionsPaging"\r\n                     [group]="PermissionsForm" #PermissionPagingViewElement>\r\n        </BBSF-Paging>\r\n        \x3c!--end::Permission list--\x3e\r\n      </div>\r\n   \r\n  </div>\r\n  \x3c!-- Add Modal --\x3e\r\n  <div class="modal fade" id="AddPermissionModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form [formGroup]="AddPermissionForm" *ngIf="IsAddPermissionFormLoaded" (ngSubmit)="addPermission()">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <h5 class="modal-title" id="exampleModalLabel">  {{utilityService.getResourceValue("AddPermissions")}}</h5>\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n\r\n            \r\n            <div class="row">\r\n              <div class="col-md-12">\r\n                <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddPermissionForm"></BBSF-MultiLingualTextBox>\r\n              </div>\r\n            </div>\r\n            <div class="row" *ngIf="!ProductionMode">\r\n              <div class="col-md-12">\r\n                <BBSF-TextBox [options]="SysName" [group]="AddPermissionForm">\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 [options]="Organization" [group]="AddPermissionForm"></BBSF-DropdownList>\r\n              </div>\r\n            </div>\r\n\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #ClosePermissionModal id="ClosePermissionModal" type="button" class="btn btn-secondary"\r\n                    data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="submit" class="btn btn-primary">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <div class="modal fade" id="EditPermissionModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form [formGroup]="EditPermissionForm" *ngIf="IsEditPermissionModelLoaded" (ngSubmit)="editPermission()">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <h5 class="modal-title" id="exampleModalLabel"> {{utilityService.getResourceValue("EditPermission")}} </h5>\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n\r\n            <div class="row">\r\n              <div class="col-md-12">\r\n                <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditPermissionForm"></BBSF-MultiLingualTextBox>\r\n              </div>\r\n             \r\n            </div>\r\n            <div class="row">\r\n              <div class="col-md-12" *ngIf="!ProductionMode">\r\n                <BBSF-TextBox [options]="EditSysName" [group]="EditPermissionForm">\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 [options]="EditOrganization" [group]="EditPermissionForm"></BBSF-DropdownList>\r\n              </div>\r\n            </div>\r\n\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #CloseEditPermissionsModal id="CloseEditPermissionsModal" type="button" class="btn btn-secondary"\r\n                    data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="submit" class="btn btn-primary">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <div class="modal fade" id="deletePermissionModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form *ngIf="IsOpenDeletePermissionsModal">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <h5 class="modal-title" id="exampleModalLabel"> {{utilityService.getResourceValue("DeletePermission")}}</h5>\r\n\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n            <div class="note note-warning text-center">\r\n              <h3 *ngIf="language==\'en\'">\r\n                Are you sure that you want to delete this Permission ?\r\n              </h3>\r\n              <h3 *ngIf="language==\'ar\'">\r\n                هل أنت متأكد أنك تريد حذف هذا الإذن؟\r\n              </h3>\r\n            </div>\r\n\r\n            <div id="" class="">\r\n              <div class="table-responsive-x">\r\n\r\n              </div>\r\n            </div>\r\n\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #CloseDeletePermissionsModal id="CloseDeletePermissionsModal" type="button" class="btn btn-secondary"\r\n                    data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="button" (click)="deletePermission()"\r\n                    class="btn btn-danger">\r\n              {{utilityService.getResourceValue("Delete")}}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:nt,selector:"app-subheader",inputs:["SubheaderTitle","BreadcrumbTitle","BreadcrumbTitleSecond","Url","SecondUrl","ShowbreadCrumb","ShowToolbar","ShowBreadcrumbSecond"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:P.NgForm,selector:"form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]",inputs:["ngFormOptions"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),H([a.BlockUI()],ot.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ot,decorators:[{type:t.Component,args:[{selector:"lib-permissions",templateUrl:"./permissions.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:it},{type:B.AuthService},{type:rt}]},propDecorators:{input:[{type:t.ViewChild,args:["PermissionPagingViewElement",{static:!1}]}],ClosePermissionModal:[{type:t.ViewChild,args:["ClosePermissionModal",{static:!1}]}],CloseEditPermissionsModal:[{type:t.ViewChild,args:["CloseEditPermissionsModal",{static:!1}]}],CloseDeletePermissionsModal:[{type:t.ViewChild,args:["CloseDeletePermissionsModal",{static:!1}]}],CloseConfirmationModal:[{type:t.ViewChild,args:["CloseConfirmationModal",{static:!1}]}],blockUI:[]}});var st=function(){this.Name=new v.EnglishArabicDTO,this.OrganizationName=new v.EnglishArabicDTO},at=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/PermissionSets/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddPermissionSet=function(e){return this.http.post(this.ApiUrl+"AddPermissionSet",e)},e.prototype.EditPermissionSet=function(e){return this.http.post(this.ApiUrl+"EditPermissionSet",e)},e.prototype.DeletePermissionSet=function(e){return this.http.post(this.ApiUrl+"DeletePermissionSet",e)},e.prototype.AddUsersToPermissionSet=function(e){return this.http.post(this.ApiUrl+"AddUsersToPermSet",e)},e.prototype.DeleteUserFromPermissionSet=function(e,t){var i=new n.HttpParams;return i=(i=i.append("userID",e)).append("permSetID",t),this.http.post(this.ApiUrl+"DeleteUserFromPermissionSet",null,i)},e}();at.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:at,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),at.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:at,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:at,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var lt=function(){function e(e,t,i,r,n,o,s,a){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.dataServices=n,this.authService=o,this.PermissionSetService=s,this.modalService=a,this.SubheaderTitle=this.utilityService.getResourceValue("PermissionSets"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.ApiUrl="/api/admin/PermissionSets/",this.PermissionList=[],this.OrganizationList=[],this.filterForm=new h.FormGroup({}),this.PermissionSetForm=new h.FormGroup({}),this.showFilter=!1,this.PermissionSetPagingResult=[],this.IsFilterLoaded=!1,this.AddPermissionSetForm=new h.FormGroup({}),this.EditPermissionSetForm=new h.FormGroup({}),this.deletePermissionSetList=[],this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("PermissionSets"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.LoadDropdownLists=function(){var e=this;this.PermissionSetService.Loaddropdowns().subscribe((function(t){var i=t;e.OrganizationList=i.organizationList,e.PermissionList=i.permissionList,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.PermissionSetPaging=new v.PagingOptions,e.PermissionSetPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetPermissionSetsByFilter",e.PermissionSetPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.PermissionSetPaging.Filters=[e.TextInputFilter],e.PermissionSetPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.ReinitializePermissionSetPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdatePermissionSetPaging=function(){this.input.UpdatePaging()},e.prototype.setPermissionSetListResult=function(e){console.log(e),this.PermissionSetPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.PermissionSetForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddPermissionSetModal=function(e){this.utilityService.startBlockUI(),this.AddPermissionSetForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.ActiveDirectoryGroup=new v.TextBoxOptions,this.ActiveDirectoryGroup.Name="ActiveDirectoryGroup",this.ActiveDirectoryGroup.LabelKey="ActiveDirectoryGroup",this.ActiveDirectoryGroup.Type=v.InputType.Text,this.ActiveDirectoryGroup.Value=null,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.Permissions=new v.DropdownOptions,this.Permissions.Name="Permissions",this.Permissions.LabelKey="Permissions",this.Permissions.SelectedItems=null,this.Permissions.DataSource=this.PermissionList,this.Permissions.SingleSelection=!1,this.Permissions.AllowSearchFilter=!0,this.Organization=new v.DropdownOptions,this.Organization.Name="Organization",this.Organization.LabelKey="Organization",this.Organization.SelectedItems=null,this.Organization.DataSource=this.OrganizationList,this.Organization.SingleSelection=!0,this.Organization.AllowSearchFilter=!0,this.Organization.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addPermissionSet=function(){var e=this;if(!this.AddPermissionSetForm.invalid){var t=this.AddPermissionSetForm.value,i=new st;0==this.ProductionMode&&(i.SysName=t.SysName),i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.OrganizationID=Number(t.Organization);var r=[];if(null!=t.Permissions)for(var n=0;n<t.Permissions.length;n++){var o=t.Permissions[n];r.push(Number(o))}i.PermissionIDs=r,this.PermissionSetService.AddPermissionSet(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditPermissionSetModal=function(e,t){this.utilityService.startBlockUI(),this.EditPermissionSetForm=new h.FormGroup({});var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.PermissionSetId=e.id,this.EditActiveDirectoryGroup=new v.TextBoxOptions,this.EditActiveDirectoryGroup.Name="ActiveDirectoryGroup",this.EditActiveDirectoryGroup.LabelKey="ActiveDirectoryGroup",this.EditActiveDirectoryGroup.Type=v.InputType.Text,this.EditActiveDirectoryGroup.Value=e.activeDirectoryGroup,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="SysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName;for(var r=[],n=function(t){var i=o.PermissionList.filter((function(i){return parseInt(i.key)==e.permissionIDs[t]})).map((function(e){return e.key}))[0];r.push(i)},o=this,s=0;s<e.permissionIDs.length;s++)n(s);this.EditPermissions=new v.DropdownOptions,this.EditPermissions.Name="Permissions",this.EditPermissions.LabelKey="Permissions",this.EditPermissions.SelectedItems=r,this.EditPermissions.DataSource=this.PermissionList,this.EditPermissions.SingleSelection=!1,this.EditPermissions.AllowSearchFilter=!0,this.EditOrganization=new v.DropdownOptions,this.EditOrganization.Name="Organization",this.EditOrganization.LabelKey="Organization",this.EditOrganization.SelectedItems=this.OrganizationList.filter((function(t){return parseInt(t.key)==e.organizationID})).map((function(e){return e.key}))[0],this.EditOrganization.DataSource=this.OrganizationList,this.EditOrganization.SingleSelection=!0,this.EditOrganization.AllowSearchFilter=!0,this.EditOrganization.IsRequired=!0,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editPermissionSet=function(){var e=this;if(!this.EditPermissionSetForm.invalid){var t=this.EditPermissionSetForm.value,i=new st;i.Id=this.PermissionSetId,i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,0==this.ProductionMode&&(i.SysName=t.SydName),i.OrganizationID=Number(t.Organization);var r=[];if(null!=t.Permissions)for(var n=0;n<t.Permissions.length;n++){var o=t.Permissions[n];r.push(Number(o))}i.PermissionIDs=r,this.PermissionSetService.EditPermissionSet(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeletePermissionSetModal=function(e,t){this.utilityService.startBlockUI(),this.deletePermissionSetList=[],this.deletePermissionSetList.push(e),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deletePermissionSet=function(){for(var e=this,t=new tt,i=0;i<this.deletePermissionSetList.length;i++){var r=this.deletePermissionSetList[i];t.UsersIDs.push(r.id)}this.PermissionSetService.DeletePermissionSet(t).subscribe((function(t){t.val?e.utilityService.notifySuccessMessage():e.utilityService.notifyErrorMessage(e.utilityService.getResourceValue("CannotDeletePermissionSetHasUsers")),e.deletePermissionSetList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.SaveName=function(e){var t={English:e.english,Arabic:e.arabic};localStorage.setItem("PermissionSetName",JSON.stringify(t))},e}();lt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:lt,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:it},{token:B.AuthService},{token:at},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),lt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:lt,selector:"lib-permissionsets",viewQueries:[{propertyName:"input",first:!0,predicate:["PermissionSetPagingViewElement"],descendants:!0},{propertyName:"ClosePermissionSetModal",first:!0,predicate:["ClosePermissionSetModal"],descendants:!0},{propertyName:"CloseEditPermissionSetModal",first:!0,predicate:["CloseEditPermissionSetModal"],descendants:!0},{propertyName:"CloseDeletePermissionSetModal",first:!0,predicate:["CloseDeletePermissionSetModal"],descendants:!0}],ngImport:T,template:'<block-ui>\r\n  \x3c!-- Subheader --\x3e\r\n  \x3c!-- Page Content --\x3e\r\n  <div [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}" class="container-fluid">\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]="PermissionSetForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="PermissionSetForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddPermissionSetModal(AddPermissionSetModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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-150px" *ngIf="!ProductionMode">{{utilityService.getResourceValue("SysName")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("UsersCount")}}</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\r\n              <tr *ngFor="let PermissionSet of PermissionSetPagingResult">\r\n\r\n                <td>\r\n                  <a href="javascript:void(0)" *ngIf="language==\'en\'" (click)="SaveName(PermissionSet.name)" [routerLink]="[\'/Admin/Roles/PermissionSetInfo\',PermissionSet.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{PermissionSet.name.english}}</a>\r\n\r\n                  <a href="javascript:void(0)" *ngIf="language==\'ar\'" (click)="SaveName(PermissionSet.name)" [routerLink]="[\'/Admin/Roles/PermissionSetInfo\',PermissionSet.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{PermissionSet.name.arabic}}</a>\r\n\r\n                </td>\r\n                <td *ngIf="!ProductionMode">{{PermissionSet.sysName}}</td>\r\n                <td>{{PermissionSet.usersCount}}</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                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showEditPermissionSetModal(PermissionSet,EditPermissionSetModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeletePermissionSetModal(PermissionSet,deletePermissionSetModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="PermissionSetPagingResult.length == 0">\r\n                <td [attr.colspan]="ProductionMode ? \'3\' : \'4\'">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setPermissionSetListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="PermissionSetPaging" [group]="PermissionSetForm" #PermissionSetPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddPermissionSetModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("AddPermissionSet")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddPermissionSetForm" (ngSubmit)="addPermissionSet()">\r\n        <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddPermissionSetForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox [options]="ActiveDirectoryGroup" [group]="AddPermissionSetForm">\r\n        </BBSF-TextBox>\r\n        <BBSF-TextBox *ngIf="!ProductionMode" [options]="SysName" [group]="AddPermissionSetForm">\r\n        </BBSF-TextBox>\r\n        <BBSF-DropdownList [options]="Permissions" [group]="AddPermissionSetForm">\r\n        </BBSF-DropdownList>\r\n        <BBSF-DropdownList [options]="Organization" [group]="AddPermissionSetForm">\r\n        </BBSF-DropdownList>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #ClosePermissionSetModal id="ClosePermissionSetModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <ng-template #EditPermissionSetModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("EditPermissionSet")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditPermissionSetForm" (ngSubmit)="editPermissionSet()">\r\n        <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditPermissionSetForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox [options]="EditActiveDirectoryGroup" [group]="EditPermissionSetForm">\r\n        </BBSF-TextBox>\r\n        <div *ngIf="!ProductionMode">\r\n          <BBSF-TextBox [options]="EditSysName" [group]="EditPermissionSetForm">\r\n          </BBSF-TextBox>\r\n        </div>\r\n        <BBSF-DropdownList [options]="EditPermissions" [group]="EditPermissionSetForm">\r\n        </BBSF-DropdownList>\r\n        <BBSF-DropdownList [options]="EditOrganization" [group]="EditPermissionSetForm">\r\n        </BBSF-DropdownList>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseEditPermissionSetModal id="CloseEditPermissionSetModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deletePermissionSetModal 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("Delete")}} {{utilityService.getResourceValue("PermissionSet")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeletePermissionSetModal id="CloseDeletePermissionSetModal" 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="button" (click)="deletePermissionSet()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]}],directives:[{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],lt.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:lt,decorators:[{type:t.Component,args:[{selector:"lib-permissionsets",templateUrl:"./permissionsets.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:it},{type:B.AuthService},{type:at},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["PermissionSetPagingViewElement",{static:!1}]}],ClosePermissionSetModal:[{type:t.ViewChild,args:["ClosePermissionSetModal",{static:!1}]}],CloseEditPermissionSetModal:[{type:t.ViewChild,args:["CloseEditPermissionSetModal",{static:!1}]}],CloseDeletePermissionSetModal:[{type:t.ViewChild,args:["CloseDeletePermissionSetModal",{static:!1}]}],blockUI:[]}});var dt=function(){};dt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:dt,deps:[],target:T.ɵɵFactoryTarget.NgModule}),dt.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:dt,imports:[i.CommonModule,l.BBSFUtilitiesModule]}),dt.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:dt,providers:[l.AuthService,Ge],imports:[[i.CommonModule,l.BBSFUtilitiesModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:dt,decorators:[{type:t.NgModule,args:[{declarations:[],imports:[i.CommonModule,l.BBSFUtilitiesModule],providers:[l.AuthService,Ge]}]}]});var ct=function(){this.UsersIDs=[]},ut=function(){function e(e,t,i,r,n,o,s,a,l){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.activatedRoute=n,this.dataServices=o,this.authService=s,this.PermissionSetService=a,this.modalService=l,this.ApiUrl="/api/admin/PermissionSets/",this.SubheaderTitle="",this.BreadcrumbTitle=this.utilityService.getResourceValue("PermissionSets"),this.Url="/Admin/Roles/PermissionSets",this.ShowToolbar=!0,this.ShowbreadCrumb=!0,this.filterForm=new h.FormGroup({}),this.UserPermissionSetForm=new h.FormGroup({}),this.showFilter=!1,this.UserPermissionSetPagingResult=[],this.IsFilterLoaded=!1,this.PermissionSetId="",this.PageName="",this.ShowPageContent=!1,this.AddUsersToPermissionSetForm=new h.FormGroup({}),this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t,i,r=this;return j(this,(function(n){switch(n.label){case 0:return this.ShowPageContent=!0,e=localStorage.getItem("PermissionSetName"),t=JSON.parse(e),this.SubheaderTitle="en"==this.language?t.English:t.Arabic,De.PageTitle=this.SubheaderTitle,De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:this.utilityService.getResourceValue("PermissionSets"),path:"/Admin/Roles/PermissionSets",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){r.ShowPageContent=!1,r.language=e.lang,r.ngOnInit()})),i=this,[4,this.utilityService.getCurrentLanguage()];case 1:return i.language=n.sent(),this.activatedRoute.params.subscribe((function(e){r.PermissionSetId=e.id,r.LoadUserList()})),[2]}}))}))},e.prototype.ReinitializeUserPermissionSetPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateUserPermissionSetPaging=function(){this.input.UpdatePaging()},e.prototype.setUserPermissionSetListResult=function(e){this.UserPermissionSetPagingResult=e,this.ShowPageContent=!0},e.prototype.resetFilters=function(){this.UserPermissionSetForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadUserList=function(){var e=this;this.utilityService.startBlockUI(),this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByNameOrEmail"),this.PermissionSetIdTextBox=new v.TextBoxOptions,this.PermissionSetIdTextBox.Name="PermissionSetIdTextBox",this.PermissionSetIdTextBox.HideLabel=!0,this.PermissionSetIdTextBox.Type=v.InputType.Text,this.PermissionSetIdTextBox.Value=this.PermissionSetId,this.PermissionSetIdTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.PermissionSetIdTextInputFilter=new v.FilterItem,this.PermissionSetIdTextInputFilter.FormControlName="PermissionSetIdTextBox",this.PermissionSetIdTextInputFilter.ActionParameterName="permissionSetId",this.PermissionSetIdTextInputFilter.IsFormControl=!0,this.PermissionSetIdTextInputFilter.FilterType=v.FilterType.TextBox,this.UserPermissionSetPaging=new v.PagingOptions,this.UserPermissionSetPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetUsersByFilter",this.UserPermissionSetPaging.OnKeyPressFiltersControlNames=["searchTextBox","PermissionSetIdTextBox"],this.UserPermissionSetPaging.Filters=[this.TextInputFilter,this.PermissionSetIdTextInputFilter],this.UserPermissionSetPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0,e.utilityService.stopBlockUI()}),10)},e.prototype.showAddUserToPermissionSetModal=function(e){this.utilityService.startBlockUI(),this.AddUsersToPermissionSetForm=new h.FormGroup({}),this.UserAutoComplete=new v.TagsInputOptions,this.UserAutoComplete.Name="UserAutoComplete",this.UserAutoComplete.LabelKey="Users",this.UserAutoComplete.IsRequired=!0,this.UserAutoComplete.Value=null,this.UserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUserList",this.UserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addUserToPermissionSet=function(){var e=this;if(!this.AddUsersToPermissionSetForm.invalid){for(var t=this.AddUsersToPermissionSetForm.value,i=new ct,r=0;r<t.UserAutoComplete.length;r++){var n=t.UserAutoComplete[r].key;i.UsersIDs.push(Number(n))}i.PermissionSetId=Number(this.PermissionSetId),this.PermissionSetService.AddUsersToPermissionSet(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showDeleteUserFromPermissionSetModal=function(e,t){this.utilityService.startBlockUI(),this.deleteUserId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteUserFromPermissionSet=function(){var e=this;this.PermissionSetService.DeleteUserFromPermissionSet(this.deleteUserId.toString(),this.PermissionSetId).subscribe((function(t){t.val?e.utilityService.notifySuccessMessage():(console.log("notified error"),e.utilityService.notifyErrorMessage(e.utilityService.getResourceValue("CannotDeleteLastUserPermissionSet"))),e.deleteUserId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();ut.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ut,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:L.ActivatedRoute},{token:it},{token:B.AuthService},{token:at},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),ut.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ut,selector:"lib-permission-set-info",viewQueries:[{propertyName:"input",first:!0,predicate:["UserPermissionSetPagingViewElement"],descendants:!0},{propertyName:"CloseAddUsersToPermissionSet",first:!0,predicate:["CloseAddUsersToPermissionSet"],descendants:!0},{propertyName:"CloseDeleteUserFromPermissionSetModal",first:!0,predicate:["CloseDeleteUserFromPermissionSetModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="UserPermissionSetForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="UserPermissionSetForm"></BBSF-TextBox>\r\n            <BBSF-TextBox [hidden]="true" [options]="PermissionSetIdTextBox" [group]="UserPermissionSetForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddUserToPermissionSetModal(AddUserToPermissionSetModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n\r\n          \x3c!--begin::Permission list--\x3e\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-150px">{{utilityService.getResourceValue("Email")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Roles")}}</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\r\n              <tr *ngFor="let user of UserPermissionSetPagingResult">\r\n\r\n                <td>\r\n                  <a *ngIf="language==\'en\'" href="javascript:void(0)"\r\n                     class="text-dark">{{user.name.english}}</a>\r\n                  <a *ngIf="language==\'ar\'" href="javascript:void(0)"\r\n                     class="text-dark">{{user.name.arabic}}</a>\r\n                </td>\r\n                <td>{{user.email}}</td>\r\n                <td>{{user.userPermsets}}</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                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteUserFromPermissionSetModal(user,deleteUserPermissionSetModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="UserPermissionSetPagingResult.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\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setUserPermissionSetListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="UserPermissionSetPaging" [group]="UserPermissionSetForm" #UserPermissionSetPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddUserToPermissionSetModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("AddUser")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddUsersToPermissionSetForm" (ngSubmit)="addUserToPermissionSet()">\r\n        <BBSF-TagsInput [options]="UserAutoComplete" [group]="AddUsersToPermissionSetForm">\r\n        </BBSF-TagsInput>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseAddUsersToPermissionSet id="CloseAddUsersToPermissionSet" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deleteUserPermissionSetModal 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("Delete")}} {{utilityService.getResourceValue("User")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteUserFromPermissionSetModal id="CloseDeleteUserFromPermissionSetModal" 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="button" (click)="deleteUserFromPermissionSet()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵr,selector:"BBSF-TagsInput",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ut,decorators:[{type:t.Component,args:[{selector:"lib-permission-set-info",templateUrl:"./permission-set-info.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:L.ActivatedRoute},{type:it},{type:B.AuthService},{type:at},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["UserPermissionSetPagingViewElement",{static:!1}]}],CloseAddUsersToPermissionSet:[{type:t.ViewChild,args:["CloseAddUsersToPermissionSet",{static:!1}]}],CloseDeleteUserFromPermissionSetModal:[{type:t.ViewChild,args:["CloseDeleteUserFromPermissionSetModal",{static:!1}]}]}});var pt=[{path:"",component:Xe,children:[{path:"Permissions",component:ot},{path:"PermissionSets",component:lt},{path:"PermissionSetInfo/:id",component:ut},{path:"",redirectTo:"Permissions",pathMatch:"full"}]}],mt=function(){};mt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mt,deps:[],target:T.ɵɵFactoryTarget.NgModule}),mt.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mt,imports:[L.RouterModule],exports:[s.RouterModule]}),mt.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mt,imports:[[s.RouterModule.forChild(pt)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mt,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(pt)],exports:[s.RouterModule]}]}]});var gt=function(){};gt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:gt,deps:[],target:T.ɵɵFactoryTarget.NgModule}),gt.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:gt,declarations:[nt],imports:[i.CommonModule,s.RouterModule],exports:[nt]}),gt.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:gt,imports:[[i.CommonModule,s.RouterModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:gt,decorators:[{type:t.NgModule,args:[{declarations:[nt],imports:[i.CommonModule,s.RouterModule],exports:[nt]}]}]});var ht=function(){};ht.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ht,deps:[],target:T.ɵɵFactoryTarget.NgModule}),ht.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ht,declarations:[Xe,ot,lt,ut],imports:[mt,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]}),ht.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ht,providers:[l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,at,rt],imports:[[mt,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ht,decorators:[{type:t.NgModule,args:[{declarations:[Xe,ot,lt,ut],imports:[mt,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,at,rt]}]}]});var vt=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();vt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:vt,deps:[],target:T.ɵɵFactoryTarget.Component}),vt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:vt,selector:"lib-notifications",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:vt,decorators:[{type:t.Component,args:[{selector:"lib-notifications",templateUrl:"./notifications.component.html"}]}],ctorParameters:function(){return[]}});var bt=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/EmailHeaderAndFooterTemplate/"}return e.prototype.AddEmailHeaderAndFooterTemplate=function(e){return this.http.post(this.ApiUrl+"AddEmailHeaderAndFooterTemplate",e)},e.prototype.GetEmailHeaderAndFooterTemplateById=function(e){var t=new n.HttpParams;return t=t.append("id",e.toString()),this.http.get(this.ApiUrl+"GetEmailHeaderAndFooterTemplateById",t)},e.prototype.EditEmailHeaderAndFooterTemplate=function(e){return this.http.post(this.ApiUrl+"editEmailHeaderAndFooterTemplate",e)},e.prototype.GenerateCode=function(){return this.http.get(this.ApiUrl+"GenerateCodeAll",null)},e.prototype.DeleteHeaderAndFooterTemplate=function(e){return this.http.post(this.ApiUrl+"DeleteEmailHeaderAndFooterTemplate",e)},e}();bt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:bt,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),bt.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:bt,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:bt,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var yt=function(){function e(e,t,i,r,n,o,s,a){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.emailHeaderAndFooterTemplateService=o,this._clipboardService=s,this.modalService=a,this.ApiUrl="/api/admin/EmailHeaderAndFooterTemplate/",this.filterForm=new h.FormGroup({}),this.EmailHeaderAndFooterTemplateForm=new h.FormGroup({}),this.showFilter=!1,this.EmailHeaderAndFooterTemplatePagingResult=[],this.IsFilterLoaded=!1,this.language="",this.IsOpenDeleteEmailHeaderAndFooterTemplateModal=!1,this.ShowPageContent=!1,this.GenerateCodeForm=new h.FormGroup({}),this.ValueToCopy=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("MasterLayouts"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.EmailHeaderAndFooterTemplatePaging=new v.PagingOptions,this.EmailHeaderAndFooterTemplatePaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetEmailHeaderAndFooterTemplateByFilter",this.EmailHeaderAndFooterTemplatePaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.EmailHeaderAndFooterTemplatePaging.Filters=[this.TextInputFilter],this.EmailHeaderAndFooterTemplatePaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.ReinitializeEmailHeaderAndFooterTemplatePaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateEmailHeaderAndFooterTemplatePaging=function(){this.input.UpdatePaging()},e.prototype.setEmailHeaderAndFooterTemplateResult=function(e){this.EmailHeaderAndFooterTemplatePagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.EmailHeaderAndFooterTemplateForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showDeleteEmailHeaderAndFooterTemplateModal=function(e,t){this.EmailHeaderAndFooterTemplateId=e.id,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteEmailHeaderAndFooterTemplate=function(){var e=this;this.emailHeaderAndFooterTemplateService.DeleteHeaderAndFooterTemplate(this.EmailHeaderAndFooterTemplateId).subscribe((function(t){e.EmailHeaderAndFooterTemplateId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.showGenerateCodeModal=function(e){var t=this;this.emailHeaderAndFooterTemplateService.GenerateCode().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e}();yt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:yt,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:bt},{token:N.ClipboardService},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),yt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:yt,selector:"lib-master-layouts",viewQueries:[{propertyName:"input",first:!0,predicate:["EmailHeaderAndFooterTemplatePagingViewElement"],descendants:!0},{propertyName:"CloseDeleteEmailHeaderAndFooterTemplateModal",first:!0,predicate:["CloseDeleteEmailHeaderAndFooterTemplateModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="EmailHeaderAndFooterTemplateForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="EmailHeaderAndFooterTemplateForm"></BBSF-TextBox>\r\n\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <a id="btnSetPass" *ngIf="!ProductionMode" class="btn btn-sm btn-light-primary me-3" href="javascript:;"(click)="showGenerateCodeModal(GenerateCodeModal)">\r\n            <i class="fa fa-key"></i>{{utilityService.getResourceValue("GenerateCode")}}\r\n          </a>\r\n          <button type="button" title="Add" class="btn btn-primary btn-sm "\r\n                  [routerLink]="[\'/Admin/Notifications/Add\']" routerLinkActive="router-link-active">\r\n            <i class=" fa fa-plus"></i>{{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      \x3c!-- end::Header --\x3e\r\n      \x3c!-- begin::Body --\x3e\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\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-150">{{utilityService.getResourceValue("NameInEnglish")}}</th>\r\n                <th class="min-w-150">{{utilityService.getResourceValue("NameInArabic")}}</th>\r\n                <th class="min-w-50">{{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 template of EmailHeaderAndFooterTemplatePagingResult">\r\n\r\n                <td class="text-dark">\r\n                  {{template.name.english}}\r\n                </td>\r\n                <td>{{template.name.arabic}}</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 type="button" ngbDropdownItem class="drop-item px-3"\r\n                              [routerLink]="[\'/Admin/Notifications/Edit\',template.id]"\r\n                              routerLinkActive="router-link-active">\r\n                        <span class="drop-link">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button type="button" ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                              (click)="showDeleteEmailHeaderAndFooterTemplateModal(template, deleteEmailHeaderAndFooterTemplateModal)">\r\n                        <span class="drop-link">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="EmailHeaderAndFooterTemplatePagingResult.length == 0">\r\n                <td colspan="3">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-footer">\r\n        <BBSF-Paging (Items)="setEmailHeaderAndFooterTemplateResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="EmailHeaderAndFooterTemplatePaging" [group]="EmailHeaderAndFooterTemplateForm"\r\n                     #EmailHeaderAndFooterTemplatePagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteEmailHeaderAndFooterTemplateModal 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("Delete")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteEmailHeaderAndFooterTemplateModal  id="CloseDeleteEmailHeaderAndFooterTemplateModal" 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="button" (click)="deleteEmailHeaderAndFooterTemplate()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- GenerateCode Modal --\x3e\r\n  <ng-template #GenerateCodeModal 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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n\r\n        <div class="Row">\r\n          <BBSF-TextArea [options]="GenerateCodeTextArea" [group]="GenerateCodeForm"\r\n                         #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n        </div>\r\n\r\n        <div class="text-center pt-7">\r\n          <button #CloseGenerateCodeModal id="CloseGenerateCodeModal" 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="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n            {{utilityService.getResourceValue("CopyToClipboard")}}\r\n          </button>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:L.RouterLink,selector:":not(a):not(area)[routerLink]",inputs:["routerLink","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],yt.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:yt,decorators:[{type:t.Component,args:[{selector:"lib-master-layouts",templateUrl:"./master-layouts.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:bt},{type:N.ClipboardService},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["EmailHeaderAndFooterTemplatePagingViewElement",{static:!1}]}],CloseDeleteEmailHeaderAndFooterTemplateModal:[{type:t.ViewChild,args:["CloseDeleteEmailHeaderAndFooterTemplateModal",{static:!1}]}],blockUI:[]}});var St=function(){this.Name=new v.EnglishArabicDTO,this.Header=new v.EnglishArabicDTO,this.Footer=new v.EnglishArabicDTO,this.HeadSection=new v.EnglishArabicDTO,this.HeadTagAttributes=new v.EnglishArabicDTO},ft=function(){function e(e,t,i,r,n,o,s){this.pageInfoService=e,this.authService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.emailHeaderAndFooterTemplateService=o,this.router=s,this.AddForm=new h.FormGroup({}),this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return De.PageTitle="",De.PageBreadcrumbs=[],this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.MultiLingualHtmlHeadTagAttributes=new v.MultiLingualTextBoxOptions,this.MultiLingualHtmlHeadTagAttributes.Name="HtmlHeadTagAttributes",this.MultiLingualHtmlHeadTagAttributes.ArabicLabelKey="HtmlHeadTagAttributesInArabic",this.MultiLingualHtmlHeadTagAttributes.EnglishLabelKey="HtmlHeadTagAttributesInEnglish",this.MultiLingualHtmlHeadTagAttributes.IsRequired=!0,this.MultiLingualHtmlHeadTagAttributes.Value=null,this.MultiLingualHeader=new v.MultiLingualHtmlEditorOptions,this.MultiLingualHeader.Name="Header",this.MultiLingualHeader.ArabicLabelKey="HeaderInArabic",this.MultiLingualHeader.EnglishLabelKey="HeaderInEnglish",this.MultiLingualHeader.IsRequired=!0,this.MultiLingualHeader.Value=null,this.MultiLingualFooter=new v.MultiLingualHtmlEditorOptions,this.MultiLingualFooter.Name="Footer",this.MultiLingualFooter.ArabicLabelKey="FooterInArabic",this.MultiLingualFooter.EnglishLabelKey="FooterInEnglish",this.MultiLingualFooter.IsRequired=!0,this.MultiLingualFooter.Value=null,this.MultiLingualHtmlHeadSection=new v.MultiLingualHtmlEditorOptions,this.MultiLingualHtmlHeadSection.Name="HtmlHeadSection",this.MultiLingualHtmlHeadSection.ArabicLabelKey="HTMLHeadSectionInArabic",this.MultiLingualHtmlHeadSection.EnglishLabelKey="HTMLHeadSectionInEnglish",this.MultiLingualHtmlHeadSection.IsRequired=!0,this.MultiLingualHtmlHeadSection.Value=null,setTimeout((function(){t.utilityService.stopBlockUI()}),10),[2]}}))}))},e.prototype.addHeaderTemplate=function(){var e=this;if(!this.AddForm.invalid){this.utilityService.startBlockUI();var t=this.AddForm.value,i=new St;i.Name.English=t.Name.EnglishValue,i.Name.Arabic=t.Name.ArabicValue,i.Header.English=t.Header.EnglishHtmlEditorValue,i.Header.Arabic=t.Header.ArabicHtmlEditorValue,i.Footer.English=t.Footer.EnglishHtmlEditorValue,i.Footer.Arabic=t.Footer.ArabicHtmlEditorValue,i.HeadSection.English=t.HtmlHeadSection.EnglishHtmlEditorValue,i.HeadSection.Arabic=t.HtmlHeadSection.ArabicHtmlEditorValue,i.HeadTagAttributes.English=t.HtmlHeadTagAttributes.EnglishValue,i.HeadTagAttributes.Arabic=t.HtmlHeadTagAttributes.ArabicValue,this.emailHeaderAndFooterTemplateService.AddEmailHeaderAndFooterTemplate(i).subscribe((function(t){e.AddForm.reset(),e.close()}),(function(e){}))}},e.prototype.close=function(){this.router.navigate(["/Admin/Notifications/MasterLayouts"])},e}();ft.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ft,deps:[{token:De},{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:bt},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),ft.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ft,selector:"lib-add",ngImport:T,template:' \r\n<div class="container-fluid">\r\n  <div class="card card-custom-h">\r\n    \x3c!-- begin::Body --\x3e\r\n    <div class="card-body">\r\n      <form [formGroup]="AddForm"  (ngSubmit)="addHeaderTemplate()">\r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualHeader" [group]="AddForm"></BBSF-MultiLingualHtmlEditor >\r\n          </div>\r\n        </div>\r\n\r\n        <div class=" row">\r\n          <div class="col-md-12 table-dark-skin">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualFooter" [group]="AddForm"></BBSF-MultiLingualHtmlEditor >\r\n            </div>\r\n        </div>\r\n       \r\n        <div class=" row">\r\n          <div class="col-md-12 ">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualHtmlHeadSection" [group]="AddForm"></BBSF-MultiLingualHtmlEditor >\r\n          </div>\r\n        </div>\r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualHtmlHeadTagAttributes" [group]="AddForm"></BBSF-MultiLingualTextBox>\r\n\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n    <div class="card-footer border-0 justify-content-end d-flex">\r\n      <button #CloseAddModal id="CloseAddModal" type="button" class="btn btn-light-primary btn-sm me-3" (click)="close()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n      <button type="submit" class="btn btn-primary btn-sm ">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n    </div>\r\n  </div>\r\n  </div>\r\n',components:[{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵl,selector:"BBSF-MultiLingualHtmlEditor",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ft,decorators:[{type:t.Component,args:[{selector:"lib-add",templateUrl:"./add.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:bt},{type:L.Router}]}});var It=function(){function e(e,t,i,r,n,o,s,a){var l=this;this.pageInfoService=e,this.authService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.emailHeaderAndFooterTemplateService=o,this.activatedRoute=s,this.router=a,this.EditForm=new h.FormGroup({}),this.language="",this.activatedRoute.params.subscribe((function(e){l.TemplateId=e.id}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return De.PageTitle="",De.PageBreadcrumbs=[],this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.IsAEditFormLoaded=!1,this.loadEditForm(),[2]}}))}))},e.prototype.loadEditForm=function(){var e=this;this.emailHeaderAndFooterTemplateService.GetEmailHeaderAndFooterTemplateById(this.TemplateId).subscribe((function(t){var i=t,r=new v.EnglishArabicDTO;r.Arabic=i.name.arabic,r.English=i.name.english,e.MultiLingualName=new v.MultiLingualTextBoxOptions,e.MultiLingualName.Name="Name",e.MultiLingualName.ArabicLabelKey="NameInArabic",e.MultiLingualName.EnglishLabelKey="NameInEnglish",e.MultiLingualName.IsRequired=!0,e.MultiLingualName.Value=r;var n=new v.EnglishArabicDTO;n.Arabic=i.headTagAttributes.arabic,n.English=i.headTagAttributes.english,e.MultiLingualHtmlHeadTagAttributes=new v.MultiLingualTextBoxOptions,e.MultiLingualHtmlHeadTagAttributes.Name="HtmlHeadTagAttributes",e.MultiLingualHtmlHeadTagAttributes.ArabicLabelKey="HtmlHeadTagAttributesInArabic",e.MultiLingualHtmlHeadTagAttributes.EnglishLabelKey="HtmlHeadTagAttributesInEnglish",e.MultiLingualHtmlHeadTagAttributes.IsRequired=!0,e.MultiLingualHtmlHeadTagAttributes.Value=n;var o=new v.EnglishArabicDTO;o.Arabic=i.header.arabic,o.English=i.header.english,e.MultiLingualHeader=new v.MultiLingualHtmlEditorOptions,e.MultiLingualHeader.Name="Header",e.MultiLingualHeader.ArabicLabelKey="HeaderInArabic",e.MultiLingualHeader.EnglishLabelKey="HeaderInEnglish",e.MultiLingualHeader.IsRequired=!0,e.MultiLingualHeader.Value=o;var s=new v.EnglishArabicDTO;s.Arabic=i.footer.arabic,s.English=i.footer.english,e.MultiLingualFooter=new v.MultiLingualHtmlEditorOptions,e.MultiLingualFooter.Name="Footer",e.MultiLingualFooter.ArabicLabelKey="FooterInArabic",e.MultiLingualFooter.EnglishLabelKey="FooterInEnglish",e.MultiLingualFooter.IsRequired=!0,e.MultiLingualFooter.Value=s;var a=new v.EnglishArabicDTO;a.Arabic=i.headSection.arabic,a.English=i.headSection.english,e.MultiLingualHtmlHeadSection=new v.MultiLingualHtmlEditorOptions,e.MultiLingualHtmlHeadSection.Name="HtmlHeadSection",e.MultiLingualHtmlHeadSection.ArabicLabelKey="HTMLHeadSectionInArabic",e.MultiLingualHtmlHeadSection.EnglishLabelKey="HTMLHeadSectionInEnglish",e.MultiLingualHtmlHeadSection.IsRequired=!0,e.MultiLingualHtmlHeadSection.Value=s,setTimeout((function(){e.IsAEditFormLoaded=!0}),10)}))},e.prototype.editHeaderTemplate=function(){var e=this;if(!this.EditForm.invalid){var t=this.EditForm.value,i=new St;i.ID=Number(this.TemplateId),i.Name.English=t.Name.EnglishValue,i.Name.Arabic=t.Name.ArabicValue,i.Header.English=t.Header.EnglishHtmlEditorValue,i.Header.Arabic=t.Header.ArabicHtmlEditorValue,i.Footer.English=t.Footer.EnglishHtmlEditorValue,i.Footer.Arabic=t.Footer.ArabicHtmlEditorValue,i.HeadSection.English=t.HtmlHeadSection.EnglishHtmlEditorValue,i.HeadSection.Arabic=t.HtmlHeadSection.ArabicHtmlEditorValue,i.HeadTagAttributes.English=t.HtmlHeadTagAttributes.EnglishValue,i.HeadTagAttributes.Arabic=t.HtmlHeadTagAttributes.ArabicValue,this.emailHeaderAndFooterTemplateService.EditEmailHeaderAndFooterTemplate(i).subscribe((function(t){e.EditForm.reset(),e.close()}),(function(e){}))}},e.prototype.close=function(){this.router.navigate(["/Admin/Notifications/MasterLayouts"])},e}();It.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:It,deps:[{token:De},{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:bt},{token:L.ActivatedRoute},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),It.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:It,selector:"lib-edit",ngImport:T,template:'\r\n<div class="container-fluid">\r\n  <div class="card card-custom-h">\r\n    <div class="card-body">\r\n      <form [formGroup]="EditForm" *ngIf="IsAEditFormLoaded" (ngSubmit)="editHeaderTemplate()">\r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="EditForm"></BBSF-MultiLingualTextBox>\r\n\r\n          </div>\r\n        </div>\r\n      \r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualHeader" [group]="EditForm"></BBSF-MultiLingualHtmlEditor >\r\n          </div>\r\n        </div>\r\n\r\n        <div class=" row">\r\n          <div class="col-md-12 table-dark-skin">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualFooter" [group]="EditForm"></BBSF-MultiLingualHtmlEditor >\r\n            </div>\r\n        </div>\r\n       \r\n        <div class=" row">\r\n          <div class="col-md-12 ">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualHtmlHeadSection" [group]="EditForm"></BBSF-MultiLingualHtmlEditor >\r\n          </div>\r\n        </div>\r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualHtmlHeadTagAttributes" [group]="EditForm"></BBSF-MultiLingualTextBox>\r\n\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n    <div class="card-footer border-0 d-flex justify-content-end">\r\n      <button #CloseAddModal id="CloseAddModal" type="button" class="btn btn-light-primary btn-sm me-3" (click)="close()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n      <button type="submit" class="btn btn-primary btn-sm ">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n\r\n\r\n',components:[{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵl,selector:"BBSF-MultiLingualHtmlEditor",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),H([a.BlockUI()],It.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:It,decorators:[{type:t.Component,args:[{selector:"lib-edit",templateUrl:"./edit.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:bt},{type:L.ActivatedRoute},{type:L.Router}]},propDecorators:{blockUI:[]}});var xt=function(){this.Name=new v.EnglishArabicDTO,this.CategoryItemName=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO,this.OrganizationName=new v.EnglishArabicDTO},Ft=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Templates/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddEmailTemplate=function(e){return this.http.post(this.ApiUrl+"AddTemplate",e)},e.prototype.EditEmailTemplate=function(e){return this.http.post(this.ApiUrl+"EditTemplate",e)},e.prototype.EditEmailTemplateByLang=function(e){return this.http.post(this.ApiUrl+"EditEmailTemplate",e)},e.prototype.EditSMSTemplateByLang=function(e){return this.http.post(this.ApiUrl+"EditSMSTemplate",e)},e.prototype.GenerateCodeAll=function(){return this.http.get(this.ApiUrl+"GenerateCodeAll")},e.prototype.GenerateAllUpdateCode=function(){return this.http.get(this.ApiUrl+"GenerateAllUpdateCode")},e.prototype.GenerateSysNames=function(){return this.http.get(this.ApiUrl+"GenerateSysNames")},e.prototype.GenerateCodeById=function(e){return this.http.post(this.ApiUrl+"GenerateCodeById",e)},e.prototype.GenerateUpdateCodeById=function(e){return this.http.post(this.ApiUrl+"GenerateUpdateCodeById",e)},e.prototype.DeleteTemplate=function(e){return this.http.post(this.ApiUrl+"DeleteEmailTemplate",e)},e.prototype.GetTemplateInfo=function(e){var t=new n.HttpParams;return t=t.append("templateId",e.toString()),this.http.get(this.ApiUrl+"GetTemplateInfo",t)},e.prototype.GetTemplateById=function(e){var t=new n.HttpParams;return t=t.append("templateId",e.toString()),this.http.get(this.ApiUrl+"GetTemplateById",t)},e.prototype.GetTemplateInfoByLang=function(e,t){var i=new n.HttpParams;return i=(i=i.append("templateId",e.toString())).append("lang",t),this.http.get(this.ApiUrl+"GetTemplateInfoByLang",i)},e.prototype.GetSendEmailTemplate=function(){return this.http.get(this.ApiUrl+"GetSendEmailTemplate",null)},e.prototype.GetTestSMSTemplate=function(){return this.http.get(this.ApiUrl+"GetTestSMSTemplate",null)},e.prototype.SendEmailTemplate=function(e){return this.http.post(this.ApiUrl+"SendEmailTemplate",e)},e.prototype.TestSendEmailTemplate=function(e){return this.http.post(this.ApiUrl+"TestTemplate",e)},e.prototype.TestSMSTemplate=function(e){return this.http.post(this.ApiUrl+"TestSMSTemplate",e)},e}();Ft.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ft,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Ft.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ft,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ft,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Tt=function(){function e(e,t,i,r,n,o,s,a){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this._clipboardService=o,this.templateService=s,this.modalService=a,this.ApiUrl="/api/admin/Templates/",this.SelectedTemplateList=[],this.CategoryList=[],this.TypeList=[],this.OrganizationList=[],this.LanguageModeList=[],this.MasterLayoutList=[],this.filterForm=new h.FormGroup({}),this.TemplateForm=new h.FormGroup({}),this.showFilter=!1,this.TemplatePagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.AddTemplateForm=new h.FormGroup({}),this.EditTemplateForm=new h.FormGroup({}),this.deletedTemplateId=0,this.GenerateCodeForm=new h.FormGroup({}),this.ValueToCopy="",this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Templates"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.ReinitializeTemplatePaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateTemplatePaging=function(){this.input.UpdatePaging()},e.prototype.setTemplateListResult=function(e){this.TemplatePagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.TemplateForm.controls.Category.setValue([]),this.TemplateForm.controls.Type.setValue([]),this.TemplateForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadDropdownLists=function(){var e=this;this.templateService.Loaddropdowns().subscribe((function(t){var i=t;e.OrganizationList=i.organization,e.CategoryList=i.lookUpItemsCategory,e.TypeList=i.types,e.MasterLayoutList=i.emailHeaderAndFooterTemplate,e.LanguageModeList=i.lookUpItemsEmailTemplate,e.CategoryOptions=new v.DropdownOptions,e.CategoryOptions.Name="Category",e.CategoryOptions.LabelKey="Category",e.CategoryOptions.DataSource=e.CategoryList,e.CategoryOptions.SingleSelection=!1,e.CategoryOptions.AllowSearchFilter=!0,e.CategoryOptions.Placeholder="",e.TypeOptions=new v.DropdownOptions,e.TypeOptions.Name="Type",e.TypeOptions.LabelKey="Type",e.TypeOptions.DataSource=e.TypeList,e.TypeOptions.SingleSelection=!0,e.TypeOptions.AllowSearchFilter=!0,e.TypeOptions.Placeholder="",e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.searchTextBox.HideLabel=!0,e.CategoryFilter=new v.FilterItem,e.CategoryFilter.FormControlName="Category",e.CategoryFilter.ActionParameterName="CategoryItemID",e.CategoryFilter.IsFormControl=!0,e.CategoryFilter.FilterType=v.FilterType.DropdownList,e.TypeFilter=new v.FilterItem,e.TypeFilter.FormControlName="Type",e.TypeFilter.ActionParameterName="type",e.TypeFilter.IsFormControl=!0,e.TypeFilter.FilterType=v.FilterType.DropdownList,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.TemplatePaging=new v.PagingOptions,e.TemplatePaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetTemplatesByFilter",e.TemplatePaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.TemplatePaging.DropdownFiltersControlNames=["Category","Type"],e.TemplatePaging.Filters=[e.CategoryFilter,e.TypeFilter,e.TextInputFilter],e.TemplatePaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.showAddTemplateModal=function(e){this.utilityService.startBlockUI(),this.AddTemplateForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.DescriptionInEnglish=new v.TextAreaOptions,this.DescriptionInEnglish.Name="DescriptionInEnglish",this.DescriptionInEnglish.LabelValue="DescriptionInEnglish",this.DescriptionInEnglish.Value=null,this.DescriptionInArabic=new v.TextAreaOptions,this.DescriptionInArabic.Name="DescriptionInArabic",this.DescriptionInArabic.LabelKey="DescriptionInArabic",this.DescriptionInArabic.Value=null,this.Organization=new v.DropdownOptions,this.Organization.Name="Organization",this.Organization.LabelKey="Organization",this.Organization.DataSource=this.OrganizationList,this.Organization.SingleSelection=!0,this.Organization.AllowSearchFilter=!0,this.Organization.Placeholder="",this.Organization.IsRequired=!0,this.LanguageMode=new v.DropdownOptions,this.LanguageMode.Name="LanguageMode",this.LanguageMode.LabelKey="LanguageMode",this.LanguageMode.DataSource=this.LanguageModeList,this.LanguageMode.SingleSelection=!0,this.LanguageMode.AllowSearchFilter=!0,this.LanguageMode.Placeholder="",this.LanguageMode.IsRequired=!0,this.MasterLayout=new v.DropdownOptions,this.MasterLayout.Name="MasterLayout",this.MasterLayout.LabelKey="MasterLayout",this.MasterLayout.DataSource=this.MasterLayoutList,this.MasterLayout.SingleSelection=!0,this.MasterLayout.AllowSearchFilter=!0,this.MasterLayout.Placeholder="",this.MasterLayout.IsRequired=!0,this.Category=new v.DropdownOptions,this.Category.Name="Category",this.Category.LabelKey="Category",this.Category.DataSource=this.CategoryList,this.Category.SingleSelection=!0,this.Category.AllowSearchFilter=!0,this.Category.Placeholder="",this.Category.IsRequired=!0,this.IsEmail=new v.CheckBoxOptions,this.IsEmail.Name="IsEmail",this.IsEmail.LabelKey="Email",this.IsSms=new v.CheckBoxOptions,this.IsSms.Name="IsSms",this.IsSms.LabelKey="SMS",this.EnableIntensiveLogging=new v.CheckBoxOptions,this.EnableIntensiveLogging.Name="EnableIntensiveLogging",this.EnableIntensiveLogging.LabelKey="EnableIntensiveLogging",this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addTemplate=function(){var e=this;if(!this.AddTemplateForm.invalid){var t=this.AddTemplateForm.value,i=new xt;i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.SysName=t.SysName,i.Description.English=t.DescriptionInEnglish,i.Description.Arabic=t.DescriptionInArabic,i.OrganizationID=Number(t.Organization),i.CategoryItemID=Number(t.Category),i.LanguageModeItemID=Number(t.LanguageMode),i.EmailHeaderAndFooterTemplateID=Number(t.MasterLayout),i.IsEmail=null!=t.IsEmail&&t.IsEmail,i.IsSms=null!=t.IsSms&&t.IsSms,i.EnableIntensiveLogging=null!=t.EnableIntensiveLogging&&t.EnableIntensiveLogging,this.templateService.AddEmailTemplate(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditTemplateModal=function(e,t){this.utilityService.startBlockUI(),this.EditTemplateForm=new h.FormGroup({}),this.TemplateId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="EditSysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditDescriptionInEnglish=new v.TextAreaOptions,this.EditDescriptionInEnglish.Name="EditDescriptionInEnglish",this.EditDescriptionInEnglish.LabelKey="DescriptionInEnglish",this.EditDescriptionInEnglish.Value=e.description.english,this.EditDescriptionInArabic=new v.TextAreaOptions,this.EditDescriptionInArabic.Name="EditDescriptionInArabic",this.EditDescriptionInArabic.LabelKey="DescriptionInArabic",this.EditDescriptionInArabic.Value=e.description.arabic,this.EditDescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditOrganization=new v.DropdownOptions,this.EditOrganization.Name="EditOrganization",this.EditOrganization.LabelKey="Organization",this.EditOrganization.DataSource=this.OrganizationList,this.EditOrganization.SingleSelection=!0,this.EditOrganization.AllowSearchFilter=!0,this.EditOrganization.Placeholder="",this.EditOrganization.IsRequired=!0,this.EditOrganization.SelectedItems=this.OrganizationList.filter((function(t){return parseInt(t.key)==e.organizationID})).map((function(e){return e.key}))[0],this.EditLanguageMode=new v.DropdownOptions,this.EditLanguageMode.Name="EditLanguageMode",this.EditLanguageMode.LabelKey="LanguageMode",this.EditLanguageMode.DataSource=this.LanguageModeList,this.EditLanguageMode.SingleSelection=!0,this.EditLanguageMode.AllowSearchFilter=!0,this.EditLanguageMode.Placeholder="",this.EditLanguageMode.IsRequired=!0,this.EditLanguageMode.SelectedItems=this.LanguageModeList.filter((function(t){return parseInt(t.key)==e.languageModeItemID})).map((function(e){return e.key}))[0],this.EditMasterLayout=new v.DropdownOptions,this.EditMasterLayout.Name="EditMasterLayout",this.EditMasterLayout.LabelKey="MasterLayout",this.EditMasterLayout.DataSource=this.MasterLayoutList,this.EditMasterLayout.SingleSelection=!0,this.EditMasterLayout.AllowSearchFilter=!0,this.EditMasterLayout.Placeholder="",this.EditMasterLayout.IsRequired=!0,this.EditMasterLayout.SelectedItems=this.MasterLayoutList.filter((function(t){return parseInt(t.key)==e.emailHeaderAndFooterTemplateID})).map((function(e){return e.key}))[0],this.EditCategory=new v.DropdownOptions,this.EditCategory.Name="EditCategory",this.EditCategory.LabelKey="Category",this.EditCategory.DataSource=this.CategoryList,this.EditCategory.SingleSelection=!0,this.EditCategory.AllowSearchFilter=!0,this.EditCategory.Placeholder="",this.EditCategory.IsRequired=!0,this.EditCategory.SelectedItems=this.CategoryList.filter((function(t){return parseInt(t.key)==e.categoryItemID})).map((function(e){return e.key}))[0],this.EditIsEmail=new v.CheckBoxOptions,this.EditIsEmail.Name="EditIsEmail",this.EditIsEmail.LabelKey="Email",this.EditIsEmail.Value=e.isEmail,this.EditIsSms=new v.CheckBoxOptions,this.EditIsSms.Name="EditIsSms",this.EditIsSms.LabelKey="SMS",this.EditIsSms.Value=e.isSms,this.EditEnableIntensiveLogging=new v.CheckBoxOptions,this.EditEnableIntensiveLogging.Name="EditEnableIntensiveLogging",this.EditEnableIntensiveLogging.LabelKey="EnableIntensiveLogging",this.EditEnableIntensiveLogging.Value=e.enableIntensiveLogging,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editTemplate=function(){var e=this;if(!this.EditTemplateForm.invalid){var t=this.EditTemplateForm.value,i=new xt;i.ID=Number(this.TemplateId),i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.SysName=t.EditSysName,i.Description.English=t.EditDescriptionInEnglish,i.Description.Arabic=t.EditDescriptionInArabic,i.OrganizationID=Number(t.EditOrganization),i.CategoryItemID=Number(t.EditCategory),i.LanguageModeItemID=Number(t.EditLanguageMode),i.EmailHeaderAndFooterTemplateID=Number(t.EditMasterLayout),i.IsEmail=t.EditIsEmail,i.IsSms=t.EditIsSms,i.EnableIntensiveLogging=t.EditEnableIntensiveLogging,this.templateService.EditEmailTemplate(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteEmailTemplateModal=function(e,t){this.deletedTemplateId=e.id,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteEmailTemplate=function(){var e=this;this.templateService.DeleteTemplate(this.deletedTemplateId).subscribe((function(t){e.deletedTemplateId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.showGenerateCodeAllModal=function(e){var t=this;this.templateService.GenerateCodeAll().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGenerateAllUpdateCodeModal=function(e){var t=this;this.templateService.GenerateAllUpdateCode().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGeneratSysNameModal=function(e){var t=this;this.templateService.GenerateSysNames().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGenerateCodeByIdModal=function(e,t){var i=this;this.templateService.GenerateCodeById(e.id).subscribe((function(e){var r=e;i.GenerateCodeTextArea=new v.TextAreaOptions,i.GenerateCodeTextArea.Name="GenerateCodeTextArea",i.GenerateCodeTextArea.Value=r.val.toString(),i.ValueToCopy=r.val.toString(),i.GenerateCodeTextArea.IsDisabled=!0,i.GenerateCodeTextArea.HideLabel=!0,i.GenerateCodeTextArea.Rows=20,i.GenerateCodeTextArea.Cols=20,i.GenerateCodeTextArea.MaxLength=1e6,i.modalService.open(t)}),(function(e){}))},e.prototype.showGenerateUpdateCodeByIdModal=function(e,t){var i=this;this.templateService.GenerateUpdateCodeById(e.id).subscribe((function(e){var r=e;i.GenerateCodeTextArea=new v.TextAreaOptions,i.GenerateCodeTextArea.Name="GenerateCodeTextArea",i.GenerateCodeTextArea.Value=r.val.toString(),i.ValueToCopy=r.val.toString(),i.GenerateCodeTextArea.IsDisabled=!0,i.GenerateCodeTextArea.HideLabel=!0,i.GenerateCodeTextArea.Rows=20,i.GenerateCodeTextArea.Cols=20,i.GenerateCodeTextArea.MaxLength=1e6,i.modalService.open(t)}),(function(e){}))},e}();Tt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Tt,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:Ft},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Tt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Tt,selector:"lib-templates",viewQueries:[{propertyName:"input",first:!0,predicate:["TemplatePagingViewElement"],descendants:!0},{propertyName:"CloseTemplateModal",first:!0,predicate:["CloseTemplateModal"],descendants:!0},{propertyName:"CloseEditTemplateModal",first:!0,predicate:["CloseEditTemplateModal"],descendants:!0},{propertyName:"CloseDeleteTemplateModal",first:!0,predicate:["CloseDeleteTemplateModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="TemplateForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="TemplateForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <div ngbDropdown class="d-inline-block" [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}">\r\n            <button ngbDropdownToggle href="javascript:;" type="button" class="btn btn-sm btn-light-primary me-3" id="FiltersDropdown" title="Filter">\r\n              <i class="fas fa-filter me-1"></i>\r\n              {{utilityService.getResourceValue("Filter")}}\r\n            </button>\r\n            <div *ngIf="IsFilterLoaded" ngbDropdownMenu aria-labelledby="FiltersDropdown" class=" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 ">\r\n              <form [formGroup]="TemplateForm">\r\n                <div class="px-7 py-5">\r\n                  <div class="row">\r\n                    <div class="col-lg-12">\r\n                      <div class="mb-10">\r\n                        <BBSF-DropdownList [options]="CategoryOptions" [group]="TemplateForm"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class="col-lg-12">\r\n                      <div class="mb-10">\r\n                        <BBSF-DropdownList [options]="TypeOptions" [group]="TemplateForm"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class="d-flex justify-content-end">\r\n                    <button class="btn btn-light btn-active-light-primary pv-reset btn-sm" id="applyFiltersBtn"\r\n                            (click)="resetFilters()">\r\n                      {{utilityService.getResourceValue("Reset")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button id="btnSetPass" class="btn btn-light-primary btn-sm me-3"\r\n                 (click)="showGenerateCodeAllModal(GenerateCodeModal)">\r\n            <i class="fa fa-key"></i>{{utilityService.getResourceValue("GenerateCode")}}\r\n          </button>\r\n          <button id="btnSetPass" class="btn btn-light-primary btn-sm me-3"\r\n         (click)="showGenerateAllUpdateCodeModal(GenerateCodeModal)">\r\n            <i class="fa fa-key"></i>{{utilityService.getResourceValue("GenerateUpdateCode")}}\r\n          </button>\r\n          <button id="btnSetPass" class="btn btn-light-primary btn-sm me-3"\r\n                  (click)="showGeneratSysNameModal(GenerateCodeModal)">\r\n            <i class="fa fa-key"></i>{{utilityService.getResourceValue("GenerateSysName")}}\r\n          </button>\r\n          <button type="button" title="Add" class="btn btn-sm btn-primary" (click)="showAddTemplateModal(AddTemplateModal)">\r\n            <i class="kt-nav__link-icon fa fa-plus"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      \x3c!-- end::Header --\x3e\r\n      \x3c!-- begin::Body --\x3e\r\n      <div class="card-body py-3">\r\n        \x3c!-- begin::Table --\x3e\r\n        <div class="table-responsive">\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="mw-150px">{{utilityService.getResourceValue("Name")}}</th>\r\n                <th class="mw-150px">{{utilityService.getResourceValue("Description")}}</th>\r\n                <th class="mw-150px">{{utilityService.getResourceValue("Category")}}</th>\r\n                <th class="mw-150px">{{utilityService.getResourceValue("Type")}}</th>\r\n                <th class="mw-150px" *ngIf="!ProductionMode">{{utilityService.getResourceValue("SysName")}}</th>\r\n                <th class="mw-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 Template of TemplatePagingResult">\r\n                <td>\r\n                  <a *ngIf="language==\'en\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Notifications/TemplateInfo\',Template.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Template.name.english}}</a>\r\n                  <a *ngIf="language==\'ar\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Notifications/TemplateInfo\',Template.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Template.name.arabic}}</a>\r\n                </td>\r\n                <td *ngIf="language==\'en\'">{{Template.description.english}}</td>\r\n                <td *ngIf="language==\'ar\'">{{Template.description.arabic}}</td>\r\n                <td *ngIf="language==\'en\'">{{Template.categoryItemName.english}}</td>\r\n                <td *ngIf="language==\'ar\'">{{Template.categoryItemName.arabic}}</td>\r\n\r\n                <td>{{Template.isEmail==true?"Email":"SMS"}}</td>\r\n                <td *ngIf="!ProductionMode">{{Template.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 type="button" ngbDropdownItem class="drop-item px-3"\r\n                              (click)="showEditTemplateModal(Template,EditTemplateModal)">\r\n                        <span class="drop-link px-3"> {{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button type="button" ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                              (click)="showGenerateCodeByIdModal(Template,GenerateCodeModal)">\r\n                        <span class="drop-link px-3"> {{utilityService.getResourceValue("GenerateCode")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                              (click)="showDeleteEmailTemplateModal(Template,deleteTemplateModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="TemplatePagingResult.length == 0">\r\n                <td [attr.colspan]="ProductionMode ? \'5\' : \'6\'">\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      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setTemplateListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="TemplatePaging" [group]="TemplateForm" #TemplatePagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddTemplateModal 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("Template")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddTemplateForm"\r\n            (ngSubmit)="addTemplate()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddTemplateForm"></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-TextArea [options]="DescriptionInEnglish" [group]="AddTemplateForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="DescriptionInArabic" [group]="AddTemplateForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="!ProductionMode">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="SysName" [group]="AddTemplateForm">\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 [options]="Organization" [group]="AddTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="LanguageMode" [group]="AddTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="Category" [group]="AddTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="MasterLayout" [group]="AddTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="IsEmail" [group]="AddTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="IsSms" [group]="AddTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EnableIntensiveLogging" [group]="AddTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="text-center pt-7">\r\n          <button #CloseTemplateModal id="CloseTemplateModal" 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\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- edit Modal --\x3e\r\n  <ng-template #EditTemplateModal 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("Template")}}</h1>\r\n      </div>\r\n\r\n      <form [formGroup]="EditTemplateForm" (ngSubmit)="editTemplate()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditTemplateForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInEnglish" [group]="EditTemplateForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInArabic" [group]="EditTemplateForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="!ProductionMode">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditSysName" [group]="EditTemplateForm">\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 [options]="EditOrganization" [group]="EditTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditLanguageMode" [group]="EditTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditCategory" [group]="EditTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditMasterLayout" [group]="EditTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditIsEmail" [group]="EditTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditIsSms" [group]="EditTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditEnableIntensiveLogging" [group]="EditTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditTemplateModal id="CloseEditTemplateModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- GenerateCode Modal --\x3e\r\n  <ng-template #GenerateCodeModal 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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n        <BBSF-TextArea [options]="GenerateCodeTextArea" [group]="GenerateCodeForm"\r\n                       #GenerateCodeInput>\r\n        </BBSF-TextArea>\r\n        <div class="text-center pt-7">\r\n          <button #CloseGenerateCodeModal id="CloseGenerateCodeModal" 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="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n            {{utilityService.getResourceValue("CopyToClipboard")}}\r\n          </button>\r\n\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteTemplateModal 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("Delete")}} {{utilityService.getResourceValue("Template")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteTemplateModal id="CloseDeleteTemplateModal" 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="button" (click)="deleteEmailTemplate()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:E.NgbDropdown,selector:"[ngbDropdown]",inputs:["open","placement","container","autoClose","display"],outputs:["openChange"],exportAs:["ngbDropdown"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:E.NgbDropdownToggle,selector:"[ngbDropdownToggle]"},{type:E.NgbDropdownMenu,selector:"[ngbDropdownMenu]"},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Tt,decorators:[{type:t.Component,args:[{selector:"lib-templates",templateUrl:"./templates.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:Ft},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["TemplatePagingViewElement",{static:!1}]}],CloseTemplateModal:[{type:t.ViewChild,args:["CloseTemplateModal",{static:!1}]}],CloseEditTemplateModal:[{type:t.ViewChild,args:["CloseEditTemplateModal",{static:!1}]}],CloseDeleteTemplateModal:[{type:t.ViewChild,args:["CloseDeleteTemplateModal",{static:!1}]}]}});var At=function(){},wt=function(){},Mt=function(){},Lt=function(){function e(e,t,i,r,n,o,s,a,l,d){var c=this;this.authService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this._clipboardService=n,this.templateService=o,this.activatedRoute=s,this.router=a,this.pageInfoService=l,this.modalService=d,this.TemplateId="",this.CategoryList=[],this.TypeList=[],this.OrganizationList=[],this.LanguageModeList=[],this.MasterLayoutList=[],this.GenerateCodeForm=new h.FormGroup({}),this.ValueToCopy="",this.SendEmailForm=new h.FormGroup({}),this.TestSendEmailForm=new h.FormGroup({}),this.TestSendSMSForm=new h.FormGroup({}),this.EditTemplateForm=new h.FormGroup({}),this.language="",this.activatedRoute.params.subscribe((function(e){c.TemplateId=e.id}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.utilityService.startBlockUI(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.utilityService.stopBlockUI(),t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.templateService.GetTemplateInfo(Number(this.TemplateId)).subscribe((function(e){var i=e;t.TemplateInfo=i.val,De.PageTitle=t.TemplateInfo.templateName,De.PageBreadcrumbs=[{title:t.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:t.utilityService.getResourceValue("Templates"),path:"/Admin/Notifications/Templates",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],t.pageInfoService.calculateTitle(),t.pageInfoService.calculateBreadcrumbs()})),this.templateService.GetSendEmailTemplate().subscribe((function(e){var i=e;t.EmailServiceProviderList=i.val.emailProviders,t.LanguageList=i.val.languageKeys})),this.templateService.GetTestSMSTemplate().subscribe((function(e){var i=e;t.SMSServiceProviderList=i.val})),this.LoadDropdownLists(),[2]}}))}))},e.prototype.LoadDropdownLists=function(){var e=this;this.templateService.Loaddropdowns().subscribe((function(t){var i=t;e.OrganizationList=i.organization,e.CategoryList=i.lookUpItemsCategory,e.TypeList=i.types,e.MasterLayoutList=i.emailHeaderAndFooterTemplate,e.LanguageModeList=i.lookUpItemsEmailTemplate}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.showGenerateCodeByIdModal=function(e,t){var i=this;this.templateService.GenerateCodeById(e.id).subscribe((function(e){var r=e;i.GenerateCodeTextArea=new v.TextAreaOptions,i.GenerateCodeTextArea.Name="GenerateCodeTextArea",i.GenerateCodeTextArea.Value=r.val.toString(),i.ValueToCopy=r.val.toString(),i.GenerateCodeTextArea.IsDisabled=!0,i.GenerateCodeTextArea.HideLabel=!0,i.GenerateCodeTextArea.Rows=20,i.GenerateCodeTextArea.Cols=20,i.GenerateCodeTextArea.MaxLength=1e6,i.modalService.open(t)}),(function(e){}))},e.prototype.showGenerateUpdateCodeByIdModal=function(e,t){var i=this;this.GenerateCodeForm=new h.FormGroup({}),this.templateService.GenerateUpdateCodeById(e.id).subscribe((function(e){var r=e;i.GenerateCodeTextArea=new v.TextAreaOptions,i.GenerateCodeTextArea.Name="GenerateCodeTextArea",i.GenerateCodeTextArea.Value=r.val.toString(),i.ValueToCopy=r.val.toString(),i.GenerateCodeTextArea.IsDisabled=!0,i.GenerateCodeTextArea.HideLabel=!0,i.GenerateCodeTextArea.Rows=20,i.GenerateCodeTextArea.Cols=20,i.GenerateCodeTextArea.MaxLength=1e6,i.modalService.open(t)}),(function(e){}))},e.prototype.showEditTemplateModal=function(e){var t=this;this.EditTemplateForm=new h.FormGroup({}),this.templateService.GetTemplateById(Number(this.TemplateId)).subscribe((function(i){var r=i;t.Template=r.val,t.TemplateId=t.Template.id;var n=new v.EnglishArabicDTO;n.Arabic=t.Template.name.arabic,n.English=t.Template.name.english,t.EditMultiLingualName=new v.MultiLingualTextBoxOptions,t.EditMultiLingualName.Name="Name",t.EditMultiLingualName.ArabicLabelKey="NameInArabic",t.EditMultiLingualName.EnglishLabelKey="NameInEnglish",t.EditMultiLingualName.IsRequired=!0,t.EditMultiLingualName.Value=n,t.EditSysName=new v.TextBoxOptions,t.EditSysName.Name="EditSysName",t.EditSysName.LabelKey="SysName",t.EditSysName.Type=v.InputType.Text,t.EditSysName.Value=t.Template.sysName,t.EditDescriptionInEnglish=new v.TextAreaOptions,t.EditDescriptionInEnglish.Name="EditDescriptionInEnglish",t.EditDescriptionInEnglish.LabelKey="DescriptionInEnglish",t.EditDescriptionInEnglish.Value=t.Template.description.english,t.EditDescriptionInArabic=new v.TextAreaOptions,t.EditDescriptionInArabic.Name="EditDescriptionInArabic",t.EditDescriptionInArabic.LabelKey="DescriptionInArabic",t.EditDescriptionInArabic.Value=t.Template.description.arabic,t.EditOrganization=new v.DropdownOptions,t.EditOrganization.Name="EditOrganization",t.EditOrganization.LabelKey="Organization",t.EditOrganization.ViewType=v.ControlLayout.Vertical,t.EditOrganization.DataSource=t.OrganizationList,t.EditOrganization.SingleSelection=!0,t.EditOrganization.AllowSearchFilter=!0,t.EditOrganization.Placeholder="",t.EditOrganization.IsRequired=!0,t.EditOrganization.SelectedItems=t.OrganizationList.filter((function(e){return parseInt(e.key)==t.Template.organizationID})).map((function(e){return e.key}))[0],t.EditLanguageMode=new v.DropdownOptions,t.EditLanguageMode.Name="EditLanguageMode",t.EditLanguageMode.LabelKey="LanguageMode",t.EditLanguageMode.DataSource=t.LanguageModeList,t.EditLanguageMode.SingleSelection=!0,t.EditLanguageMode.AllowSearchFilter=!0,t.EditLanguageMode.Placeholder="",t.EditLanguageMode.IsRequired=!0,t.EditLanguageMode.SelectedItems=t.LanguageModeList.filter((function(e){return parseInt(e.key)==t.Template.languageModeItemID})).map((function(e){return e.key}))[0],t.EditMasterLayout=new v.DropdownOptions,t.EditMasterLayout.Name="EditMasterLayout",t.EditMasterLayout.LabelKey="MasterLayout",t.EditMasterLayout.DataSource=t.MasterLayoutList,t.EditMasterLayout.SingleSelection=!0,t.EditMasterLayout.AllowSearchFilter=!0,t.EditMasterLayout.Placeholder="",t.EditMasterLayout.IsRequired=!0,t.EditMasterLayout.SelectedItems=t.MasterLayoutList.filter((function(e){return parseInt(e.key)==t.Template.emailHeaderAndFooterTemplateID})).map((function(e){return e.key}))[0],t.EditCategory=new v.DropdownOptions,t.EditCategory.Name="EditCategory",t.EditCategory.LabelKey="Category",t.EditCategory.DataSource=t.CategoryList,t.EditCategory.SingleSelection=!0,t.EditCategory.AllowSearchFilter=!0,t.EditCategory.Placeholder="",t.EditCategory.IsRequired=!0,t.EditCategory.SelectedItems=t.CategoryList.filter((function(e){return parseInt(e.key)==t.Template.categoryItemID})).map((function(e){return e.key}))[0],t.EditIsEmail=new v.CheckBoxOptions,t.EditIsEmail.Name="EditIsEmail",t.EditIsEmail.LabelKey="IsEmail",t.EditIsEmail.Value=t.Template.isEmail,t.EditIsSms=new v.CheckBoxOptions,t.EditIsSms.Name="EditIsSms",t.EditIsSms.LabelKey="IsSms",t.EditIsSms.Value=t.Template.isSms,t.EditEnableIntensiveLogging=new v.CheckBoxOptions,t.EditEnableIntensiveLogging.Name="EditEnableIntensiveLogging",t.EditEnableIntensiveLogging.LabelKey="EnableIntensiveLogging",t.EditEnableIntensiveLogging.Value=t.Template.enableIntensiveLogging,t.modalService.open(e)}))},e.prototype.editTemplate=function(){var e=this;if(!this.EditTemplateForm.invalid){var t=this.EditTemplateForm.value,i=new xt;i.ID=Number(this.TemplateId),i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.SysName=t.EditSysName,i.Description.English=t.EditDescriptionInEnglish,i.Description.Arabic=t.EditDescriptionInArabic,i.OrganizationID=Number(t.EditOrganization),i.CategoryItemID=Number(t.EditCategory),i.LanguageModeItemID=Number(t.EditLanguageMode),i.EmailHeaderAndFooterTemplateID=Number(t.EditMasterLayout),i.IsEmail=t.EditIsEmail,i.IsSms=t.EditIsSms,i.EnableIntensiveLogging=t.EditEnableIntensiveLogging,this.templateService.EditEmailTemplate(i).subscribe((function(t){e.modalService.dismissAll()}),(function(e){}))}},e.prototype.showSendEmailModal=function(e){this.utilityService.startBlockUI(),this.SendEmailForm=new h.FormGroup({}),this.To=new v.TextAreaOptions,this.To.Name="To",this.To.LabelKey="To",this.To.Value=null,this.To.IsRequired=!0,this.EmailServiceProvider=new v.DropdownOptions,this.EmailServiceProvider.Name="EmailServiceProvider",this.EmailServiceProvider.LabelKey="EmailServiceProvider",this.EmailServiceProvider.DataSource=this.EmailServiceProviderList,this.EmailServiceProvider.SingleSelection=!0,this.EmailServiceProvider.AllowSearchFilter=!0,this.EmailServiceProvider.Placeholder="",this.EmailServiceProvider.IsRequired=!0,this.Language=new v.DropdownOptions,this.Language.Name="Language",this.Language.LabelKey="Language",this.Language.DataSource=this.LanguageList,this.Language.SingleSelection=!0,this.Language.AllowSearchFilter=!0,this.Language.Placeholder="",this.Language.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.sendEmail=function(){var e=this;if(!this.SendEmailForm.invalid){var t=this.SendEmailForm.value,i=new At;i.TemplateID=Number(this.TemplateId),i.ToEmails=t.To,i.LangKey=t.Language,i.EmailProviderName=t.EmailServiceProvider,this.templateService.SendEmailTemplate(i).subscribe((function(t){e.modalService.dismissAll()}),(function(e){}))}},e.prototype.showTestSendEmailModal=function(e){this.utilityService.startBlockUI(),this.SendEmailForm=new h.FormGroup({}),this.TestSendEmailTo=new v.TextAreaOptions,this.TestSendEmailTo.Name="TestSendEmailTo",this.TestSendEmailTo.LabelKey="SendTo",this.TestSendEmailTo.Value=null,this.TestSendEmailTo.IsRequired=!0,this.TestEmailServiceProvider=new v.DropdownOptions,this.TestEmailServiceProvider.Name="TestEmailServiceProvider",this.TestEmailServiceProvider.LabelKey="EmailServiceProvider",this.TestEmailServiceProvider.DataSource=this.EmailServiceProviderList,this.TestEmailServiceProvider.SingleSelection=!0,this.TestEmailServiceProvider.AllowSearchFilter=!0,this.TestEmailServiceProvider.Placeholder="",this.TestEmailServiceProvider.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.testSendEmail=function(){var e=this;if(!this.TestSendEmailForm.invalid){var t=this.TestSendEmailForm.value,i=new wt;i.TemplateID=Number(this.TemplateId),i.ToEmail=t.TestSendEmailTo,i.EmailProviderName=t.TestEmailServiceProvider,this.templateService.TestSendEmailTemplate(i).subscribe((function(t){e.modalService.dismissAll()}),(function(e){}))}},e.prototype.showTestSendSMSModal=function(e){this.utilityService.startBlockUI(),this.SendEmailForm=new h.FormGroup({}),this.TestSendSMSTo=new v.PhoneOptions,this.TestSendSMSTo.Name="TestSendSMSTo",this.TestSendSMSTo.LabelKey="SendTo",this.TestSendSMSTo.Value=null,this.TestSendSMSTo.IsRequired=!0,this.TestSendSMSTo.ShowAsterisk=!0,this.TestSendSMSTo.SelectedCountryISO=v.Country.UnitedArabEmirates,this.TestSendSMSTo.PhoneValidation=!0,this.TestSendSMSTo.AllowSearch=!0,this.TestSMSServiceProvider=new v.DropdownOptions,this.TestSMSServiceProvider.Name="TestSMSServiceProvider",this.TestSMSServiceProvider.LabelKey="SMSServiceProvider",this.TestSMSServiceProvider.DataSource=this.SMSServiceProviderList,this.TestSMSServiceProvider.SingleSelection=!0,this.TestSMSServiceProvider.AllowSearchFilter=!0,this.TestSMSServiceProvider.Placeholder="",this.TestSMSServiceProvider.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.testSendSMS=function(){var e=this;if(!this.TestSendSMSForm.invalid){var t=this.TestSendSMSForm.value,i=new Mt;i.TemplateID=Number(this.TemplateId);var r=null;null!=t.TestSendSMSTo&&(r=(r=t.TestSendSMSTo.internationalNumber).replace(/\s/g,"")),i.ToMobileNumber=r,i.SMSProviderName=t.TestSMSServiceProvider,this.templateService.TestSMSTemplate(i).subscribe((function(t){e.modalService.dismissAll()}),(function(e){}))}},e}();Lt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Lt,deps:[{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:Ft},{token:L.ActivatedRoute},{token:L.Router},{token:De},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Lt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Lt,selector:"lib-template-info",viewQueries:[{propertyName:"CloseSendEmailForm",first:!0,predicate:["CloseSendEmailForm"],descendants:!0},{propertyName:"CloseTestSendEmailForm",first:!0,predicate:["CloseTestSendEmailForm"],descendants:!0},{propertyName:"CloseTestSendSMSForm",first:!0,predicate:["CloseTestSendSMSForm"],descendants:!0},{propertyName:"CloseEditTemplateModal",first:!0,predicate:["CloseEditTemplateModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\r\n  <div class="container-fluid">\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">\r\n\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-light-primary"\r\n                  (click)="showEditTemplateModal(EditTemplateModal)">\r\n            <i class="fa fa fa-edit" aria-hidden="true"></i>\r\n            <span>{{utilityService.getResourceValue("Edit")}}</span>\r\n          </button>\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-light-primary"\r\n                  (click)="showSendEmailModal(SendEmailModal)">\r\n            <i class="fa fa-paper-plane"></i>{{utilityService.getResourceValue("SendEmail")}}\r\n          </button>\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-light-primary"\r\n                  (click)="showTestSendEmailModal(TestSendEmailModal)">\r\n            <i class="fa fa-bars"></i>{{utilityService.getResourceValue("TestSendEmail")}}\r\n          </button>\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-light-primary"\r\n                  (click)="showTestSendSMSModal(TestSendSMSModal)">\r\n            <i class="fa fa-envelope-open-text sms"></i>{{utilityService.getResourceValue("TestSendSMS")}}\r\n          </button>\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-primary" *ngIf="!ProductionMode"\r\n                  (click)="showGenerateCodeByIdModal(TemplateInfo, GenerateCodeModal)">\r\n            <i class="fa fa-bars"></i>{{utilityService.getResourceValue("GenerateCode")}}\r\n          </button>\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-primary" *ngIf="!ProductionMode"\r\n                  (click)="showGenerateUpdateCodeByIdModal(TemplateInfo,GenerateCodeModal)">\r\n            <i class="fa fa-key"></i>{{utilityService.getResourceValue("GenerateUpdateCode")}}\r\n          </button>\r\n\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="row">\r\n          <div class="col-xl-6 mb-10">\r\n            <div class="d-flex h-100 align-items-center ">\r\n              \x3c!--begin::Option--\x3e\r\n              <div class="w-100 d-flex flex-column flex-center rounded-3 bg-light py-10 px-10 h-100">\r\n                \x3c!--begin::Heading--\x3e\r\n                <div class="mb-7 d-flex justify-content-between w-100">\r\n                  \x3c!--begin::Title--\x3e\r\n                  <a [routerLink]="[\'/Admin/Notifications/EditEmail\',TemplateInfo.id,\'en\']"\r\n                     routerLinkActive="router-link-active" class="text-primary mb-5 fw-boldest fs-2">\r\n                    English:\r\n                    {{TemplateInfo.emailtemplateinfo.emailSubject.english}}\r\n                  </a>\r\n\r\n                  <a [routerLink]="[\'/Admin/Notifications/EditEmail\',TemplateInfo.id,\'en\']"\r\n                     routerLinkActive="router-link-active" class="btn btn-sm btn-light-primary btn-icon">\r\n                    <i class="fa fa-pen"></i>\r\n                  </a>\r\n\r\n                </div>\r\n                <div class="w-100 mb-10">\r\n                  \x3c!--begin::Item--\x3e\r\n                  <div class="d-flex align-items-center mb-5">\r\n                    <div class="fw-bold fs-6 text-gray-800 flex-grow-1 pe-3">\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.templateEmailBaseHeader.english}}">\r\n                      </div>\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.emailHtmlHeadSection.english}}">\r\n                      </div>\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.emailBody.english}}">\r\n                      </div>\r\n                      <div class="table-dark-skin pt-7" innerHTML="{{TemplateInfo.emailtemplateinfo.templateEmailBaseFooter.english}}">\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                \x3c!--end::Select--\x3e\r\n              </div>\r\n              \x3c!--end::Option--\x3e\r\n            </div>\r\n          </div>\r\n          <div class="col-xl-6 mb-10">\r\n            <div class="d-flex h-100 align-items-center">\r\n              \x3c!--begin::Option--\x3e\r\n              <div class="w-100 d-flex flex-column flex-center rounded-3 bg-light py-10 px-10 h-100">\r\n                \x3c!--begin::Heading--\x3e\r\n                <div class="mb-7 d-flex justify-content-between w-100">\r\n                  \x3c!--begin::Title--\x3e\r\n                  <a [routerLink]="[\'/Admin/Notifications/EditEmail\',TemplateInfo.id,\'ar\']"\r\n                     routerLinkActive="router-link-active" class="text-primary mb-5 fw-boldest fs-2">\r\n                    Arabic:\r\n                    {{TemplateInfo.emailtemplateinfo.emailSubject.arabic}}\r\n                  </a>\r\n                  <a [routerLink]="[\'/Admin/Notifications/EditEmail\',TemplateInfo.id,\'ar\']"\r\n                     routerLinkActive="router-link-active" class="btn btn-sm btn-light-primary btn-icon">\r\n                    <i class="fa fa-pen"></i>\r\n                  </a>\r\n                </div>\r\n                <div class="w-100 mb-10">\r\n                  \x3c!--begin::Item--\x3e\r\n                  <div class="d-flex align-items-center mb-5">\r\n                    <div class="fw-bold fs-6 text-gray-800 flex-grow-1 pe-3 ar">\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.templateEmailBaseHeader.arabic}}">\r\n                      </div>\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.emailHtmlHeadSection.arabic}}">\r\n                      </div>\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.emailBody.arabic}}">\r\n                      </div>\r\n                      <div class="table-dark-skin pt-7" innerHTML="{{TemplateInfo.emailtemplateinfo.templateEmailBaseFooter.arabic}}">\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n\r\n                \x3c!--end::Select--\x3e\r\n              </div>\r\n              \x3c!--end::Option--\x3e\r\n            </div>\r\n          </div>\r\n          <div class="col-xl-6">\r\n            <div class="card bg-light">\r\n              <div class="card-header border-0 py-10">\r\n                <div class="card-title text-primary mb-5 fw-boldest fs-2">\r\n                  English:SMS\r\n                </div>\r\n                <div class="card-toolbar">\r\n                  <a class="btn btn-sm btn-light-primary btn-icon" [routerLink]="[\'/Admin/Notifications/EditSMS\',TemplateInfo.id,\'en\']"\r\n                     routerLinkActive="router-link-active">\r\n                    <span class="">\r\n                      <i class="fa fa-pen font-size-18"></i>\r\n                    </span>\r\n                  </a>\r\n\r\n                </div>\r\n              </div>\r\n              <div class="card-body d-flex align-items-center justify-content-center">\r\n                <div class="iphone">\r\n                  <span class="position-absolute mobile-txt">{{TemplateInfo.smstemplateinfo.sms.english}}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class="col-xl-6">\r\n            <div class="card bg-light">\r\n              <div class="card-header border-0 py-10">\r\n                <div class="card-title text-primary mb-5 fw-boldest fs-2">\r\n                  English:SMS\r\n                </div>\r\n                <div class="card-toolbar">\r\n                  <a class="btn btn-sm btn-light-primary btn-icon" [routerLink]="[\'/Admin/Notifications/EditSMS\',TemplateInfo.id,\'ar\']"\r\n                     routerLinkActive="router-link-active">\r\n                    <span class="">\r\n                      <i class="fa fa-pen font-size-18"></i>\r\n                    </span>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n              <div class="card-body d-flex align-items-center justify-content-center">\r\n                <div class="iphone">\r\n                  <span class="position-absolute mobile-txt ar">  {{TemplateInfo.smstemplateinfo.sms.arabic}}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n\r\n\x3c!-- send Email Modal --\x3e\r\n<ng-template #SendEmailModal 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("SendEmailTemplate")}}</h1>\r\n    </div>\r\n    <form [formGroup]="SendEmailForm"\r\n          (ngSubmit)="sendEmail()">\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-TextArea [options]="To" [group]="SendEmailForm">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="Language" [group]="SendEmailForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="EmailServiceProvider" [group]="SendEmailForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseSendEmailForm id="CloseSendEmailForm" 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("Send")}}</button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- Test sms Email Modal --\x3e\r\n<ng-template #TestSendSMSModal 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("TestSendSMS")}}</h1>\r\n    </div>\r\n    <form [formGroup]="TestSendSMSForm"\r\n          (ngSubmit)="testSendSMS()">\r\n\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-Phone [options]="TestSendSMSTo" [group]="TestSendSMSForm">\r\n          </BBSF-Phone>\r\n        </div>\r\n\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="TestSMSServiceProvider" [group]="TestSendSMSForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div>\r\n        <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n          <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n            <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n          </span>\r\n          <div class="d-flex flex-stack flex-grow-1">\r\n            <div class="fw-bold">\r\n              <div class="fs-6 text-gray-700">\r\n                Kindly note that these attributes are reserved\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <ul class="list-unstyled">\r\n          <li class="mb-2">NameEN</li>\r\n          <li class="mb-2">NameAR</li>\r\n          <li class="mb-2">Subject</li>\r\n          <li class="mb-2">LangKey</li>\r\n          <li class="mb-2">Mobile</li>\r\n          <li class="mb-2">Email</li>\r\n          <li class="mb-2">Date</li>\r\n          <li class="mb-2">Time</li>\r\n          <li class="mb-2">DateTime</li>\r\n        </ul>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseTestSendSMSForm id="CloseTestSendSMSForm" 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("Send")}}</button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- Test Send Email Modal --\x3e\r\n<ng-template #TestSendEmailModal 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("TestSendEmail")}}</h1>\r\n    </div>\r\n    <form [formGroup]="TestSendEmailForm"\r\n          (ngSubmit)="testSendEmail()">\r\n      <div class="row">\r\n\r\n        <div class="col-md-12">\r\n          <BBSF-TextArea [options]="TestSendEmailTo" [group]="TestSendEmailForm">\r\n          </BBSF-TextArea>\r\n        </div>\r\n\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="TestEmailServiceProvider" [group]="TestSendEmailForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n          <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n            <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n          </span>\r\n          <div class="d-flex flex-stack flex-grow-1">\r\n            <div class="fw-bold">\r\n              <div class="fs-6 text-gray-700">\r\n                {{utilityService.getResourceValue("KeyMapNote")}}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <ul class="list-unstyled">\r\n          <li class="mb-2">NameEN</li>\r\n          <li class="mb-2">NameAR</li>\r\n          <li class="mb-2">Subject</li>\r\n          <li class="mb-2">LangKey</li>\r\n          <li class="mb-2">Mobile</li>\r\n          <li class="mb-2">Email</li>\r\n          <li class="mb-2">Date</li>\r\n          <li class="mb-2">Time</li>\r\n          <li class="mb-2">DateTime</li>\r\n        </ul>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseTestSendEmailForm id="CloseTestSendEmailForm" 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("Send")}}</button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- edit Modal --\x3e\r\n<ng-template #EditTemplateModal 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("EditTemplate")}}</h1>\r\n    </div>\r\n    <form [formGroup]="EditTemplateForm" (ngSubmit)="editTemplate()">\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditTemplateForm"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-TextArea [options]="EditDescriptionInEnglish" [group]="EditTemplateForm">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-TextArea [options]="EditDescriptionInArabic" [group]="EditTemplateForm">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class="row" *ngIf="!ProductionMode">\r\n        <div class="col-md-12">\r\n          <BBSF-TextBox [options]="EditSysName" [group]="EditTemplateForm">\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 [options]="EditOrganization" [group]="EditTemplateForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="EditLanguageMode" [group]="EditTemplateForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="EditCategory" [group]="EditTemplateForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="EditMasterLayout" [group]="EditTemplateForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-CheckBox [options]="EditIsEmail" [group]="EditTemplateForm">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-CheckBox [options]="EditIsSms" [group]="EditTemplateForm">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-CheckBox [options]="EditEnableIntensiveLogging" [group]="EditTemplateForm">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class="text-center pt-7">\r\n        <button #CloseEditTemplateModal id="CloseEditTemplateModal" 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    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- GenerateCode Modal --\x3e\r\n<ng-template #GenerateCodeModal 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("GenerateCode")}}</h1>\r\n    </div>\r\n    <form [formGroup]="GenerateCodeForm">\r\n\r\n      <div class="Row">\r\n        <BBSF-TextArea [options]="GenerateCodeTextArea" [group]="GenerateCodeForm" #GenerateCodeInput>\r\n        </BBSF-TextArea>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseGenerateCodeModal id="CloseGenerateCodeModal" 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="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n          {{utilityService.getResourceValue("CopyToClipboard")}}\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵi,selector:"BBSF-Phone",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Lt,decorators:[{type:t.Component,args:[{selector:"lib-template-info",templateUrl:"./template-info.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:Ft},{type:L.ActivatedRoute},{type:L.Router},{type:De},{type:E.NgbModal}]},propDecorators:{CloseSendEmailForm:[{type:t.ViewChild,args:["CloseSendEmailForm",{static:!1}]}],CloseTestSendEmailForm:[{type:t.ViewChild,args:["CloseTestSendEmailForm",{static:!1}]}],CloseTestSendSMSForm:[{type:t.ViewChild,args:["CloseTestSendSMSForm",{static:!1}]}],CloseEditTemplateModal:[{type:t.ViewChild,args:["CloseEditTemplateModal",{static:!1}]}]}});var Ct=function(){this.EmailSubject=new v.EnglishArabicDTO,this.EmailBody=new v.EnglishArabicDTO,this.TemplateEmailBaseHeader=new v.EnglishArabicDTO,this.TemplateEmailBaseFooter=new v.EnglishArabicDTO,this.EmailHtmlBodyTagAttributes=new v.EnglishArabicDTO,this.EmailHtmlHeadSection=new v.EnglishArabicDTO},Bt=function(){this.SMS=new v.EnglishArabicDTO},Dt=function(){this.smstemplateinfo=new Bt,this.emailtemplateinfo=new Ct},kt=function(){function e(e,t,i,r,n,o,s,a,l,d){var c=this;this.pageInfoService=e,this.authService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this._clipboardService=o,this.dataServices=s,this.templateService=a,this.activatedRoute=l,this.router=d,this.PageName="",this.TemplateId="",this.Lang="",this.EditEmailForm=new h.FormGroup({}),this.language="",this.activatedRoute.params.subscribe((function(e){c.TemplateId=e.id,c.Lang=e.lang}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.IsAEditFormLoaded=!1,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.templateService.GetTemplateInfoByLang(Number(this.TemplateId),this.Lang).subscribe((function(e){var i=e;t.TemplateInfo=i.val;var r="en"==t.language?t.TemplateInfo.emailtemplateinfo.emailSubject.english:t.TemplateInfo.emailtemplateinfo.emailSubject.arabic;null!=r&&null!=r||(r=""),De.PageTitle=t.utilityService.getResourceValue("Edit"),De.PageBreadcrumbs=[{title:t.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:t.utilityService.getResourceValue("Templates"),path:"/Admin/Notifications/Templates",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:""!=r?t.utilityService.getResourceValue(r):"",path:"/Admin/Notifications/TemplateInfo/"+t.TemplateInfo.id,isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],t.pageInfoService.calculateTitle(),t.pageInfoService.calculateBreadcrumbs(),t.EmailBodyInEnglish=new v.HtmlEditorOptions,t.EmailBodyInEnglish.Name="EmailBodyInEnglish",t.EmailBodyInEnglish.LabelKey="EmailBodyInEnglish",t.EmailBodyInEnglish.IsRequired=!0,t.EmailBodyInEnglish.Value=t.TemplateInfo.emailtemplateinfo.emailBody.english,t.EmailBodyInArabic=new v.HtmlEditorOptions,t.EmailBodyInArabic.Name="EmailBodyInArabic",t.EmailBodyInArabic.LabelKey="EmailBodyInArabic",t.EmailBodyInArabic.IsRequired=!0,t.EmailBodyInArabic.ForceDirection=v.ForceDirection.Arabic,t.EmailBodyInArabic.Value=t.TemplateInfo.emailtemplateinfo.emailBody.arabic,t.EmailSubjectInEnglish=new v.TextBoxOptions,t.EmailSubjectInEnglish.Name="EmailSubjectInEnglish",t.EmailSubjectInEnglish.LabelValue="EmailSubjectInEnglish",t.EmailSubjectInEnglish.LabelKey="EmailSubjectInEnglish",t.EmailSubjectInEnglish.Type=v.InputType.Text,t.EmailSubjectInEnglish.Value=t.TemplateInfo.emailtemplateinfo.emailSubject.english,t.EmailSubjectInArabic=new v.TextBoxOptions,t.EmailSubjectInArabic.Name="EmailSubjectInArabic",t.EmailSubjectInArabic.LabelKey="EmailSubjectInArabic",t.EmailSubjectInArabic.Type=v.InputType.Text,t.EmailSubjectInArabic.ForceDirection=v.ForceDirection.Arabic,t.EmailSubjectInArabic.Value=t.TemplateInfo.emailtemplateinfo.emailSubject.arabic,t.HtmlBodyTagAttributesEnglish=new v.TextBoxOptions,t.HtmlBodyTagAttributesEnglish.Name="HtmlBodyTagAttributesEnglish",t.HtmlBodyTagAttributesEnglish.LabelKey="HtmlBodyTagAttributesEnglish",t.HtmlBodyTagAttributesEnglish.Type=v.InputType.Text,t.HtmlBodyTagAttributesEnglish.Value=t.TemplateInfo.emailtemplateinfo.emailHtmlBodyTagAttributes.english,t.HtmlBodyTagAttributesArabic=new v.TextBoxOptions,t.HtmlBodyTagAttributesArabic.Name="HtmlBodyTagAttributesArabic",t.HtmlBodyTagAttributesArabic.LabelKey="HtmlBodyTagAttributesArabic",t.HtmlBodyTagAttributesArabic.Type=v.InputType.Text,t.HtmlBodyTagAttributesArabic.ForceDirection=v.ForceDirection.Arabic,t.HtmlBodyTagAttributesArabic.Value=t.TemplateInfo.emailtemplateinfo.emailHtmlBodyTagAttributes.arabic,t.HTMLHeadSectionInEnglish=new v.TextBoxOptions,t.HTMLHeadSectionInEnglish.Name="HTMLHeadSectionInEnglish",t.HTMLHeadSectionInEnglish.LabelKey="HTMLHeadSectionInEnglish",t.HTMLHeadSectionInEnglish.Type=v.InputType.Text,t.HTMLHeadSectionInEnglish.Value=t.TemplateInfo.emailtemplateinfo.emailHtmlHeadSection.english,t.HTMLHeadSectionInArabic=new v.TextBoxOptions,t.HTMLHeadSectionInArabic.Name="HTMLHeadSectionInArabic",t.HTMLHeadSectionInArabic.LabelKey="HTMLHeadSectionInArabic",t.HTMLHeadSectionInArabic.Type=v.InputType.Text,t.HTMLHeadSectionInArabic.ForceDirection=v.ForceDirection.Arabic,t.HTMLHeadSectionInArabic.Value=t.TemplateInfo.emailtemplateinfo.emailHtmlHeadSection.arabic,t.IsAEditFormLoaded=!0})),[2]}}))}))},e.prototype.changeCurrentLanguage=function(e){this.Lang=e},e.prototype.editEmailTemplate=function(){var e=this;if(!this.EditEmailForm.invalid){var t=this.EditEmailForm.value,i=new Dt;i.ID=Number(this.TemplateId),i.IDEncrypted=this.TemplateInfo.idEncrypted,i.IsEmail=this.TemplateInfo.isEmail,i.IsSms=this.TemplateInfo.isSms,i.TemplateName=this.TemplateInfo.templateName,i.Language=this.Lang,i.emailtemplateinfo.ID=this.TemplateInfo.emailtemplateinfo.id,i.emailtemplateinfo.EmailBody.Arabic=t.EmailBodyInArabic,i.emailtemplateinfo.EmailBody.English=t.EmailBodyInEnglish,i.emailtemplateinfo.EmailSubject.Arabic=t.EmailSubjectInArabic,i.emailtemplateinfo.EmailSubject.English=t.EmailSubjectInEnglish,i.emailtemplateinfo.EmailHtmlBodyTagAttributes.Arabic=t.HtmlBodyTagAttributesArabic,i.emailtemplateinfo.EmailHtmlBodyTagAttributes.English=t.HtmlBodyTagAttributesEnglish,i.emailtemplateinfo.EmailHtmlHeadSection.Arabic=t.HTMLHeadSectionInArabic,i.emailtemplateinfo.EmailHtmlHeadSection.English=t.HTMLHeadSectionInEnglish,this.templateService.EditEmailTemplateByLang(i).subscribe((function(t){e.EditEmailForm.reset(),e.close()}),(function(e){}))}},e.prototype.close=function(){this.router.navigate(["/Admin/Notifications/TemplateInfo",this.TemplateId])},e}();kt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:kt,deps:[{token:De},{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:it},{token:Ft},{token:L.ActivatedRoute},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),kt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:kt,selector:"lib-edit-email",ngImport:T,template:'<block-ui></block-ui>\r\n  <div class="container-fluid">\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">\r\n\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <div class="subheadertoolbar">\r\n            <a class="btn btn-light-primary btn-sm" (click)="changeCurrentLanguage(\'ar\')" *ngIf="Lang==\'en\'">\r\n              {{utilityService.getResourceValue("Arabic")}}\r\n\r\n            </a>\r\n            <a class="btn btn-light-primary btn-sm" (click)="changeCurrentLanguage(\'en\')" *ngIf="Lang==\'ar\'">\r\n              {{utilityService.getResourceValue("English")}}\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="card-body">\r\n        <form [formGroup]="EditEmailForm" *ngIf="IsAEditFormLoaded" (ngSubmit)="editEmailTemplate()">\r\n          <div class="kt-form">\r\n            <div *ngIf="Lang==\'ar\'">\r\n              <div class="row">\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="EmailSubjectInArabic" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class="form-group col-md-12">\r\n                  <BBSF-HtmlEditor [options]="EmailBodyInArabic" [group]="EditEmailForm">\r\n                  </BBSF-HtmlEditor>\r\n                </div>\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="HtmlBodyTagAttributesArabic" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="HTMLHeadSectionInArabic" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div *ngIf="Lang==\'en\'">\r\n              <div class="row">\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="EmailSubjectInEnglish" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n\r\n                <div class="form-group col-md-12">\r\n                  <BBSF-HtmlEditor [options]="EmailBodyInEnglish" [group]="EditEmailForm">\r\n                  </BBSF-HtmlEditor>\r\n                </div>\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="HtmlBodyTagAttributesEnglish" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="HTMLHeadSectionInEnglish" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=" kt-form__actions col-12 d-flex justify-content-end">\r\n            <button type="submit" class="btn btn-primary btn-sm ">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n          </div>\r\n        </form>\r\n      </div>\r\n    </div>\r\n\r\n\r\n  </div>\r\n  \r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵk,selector:"BBSF-HtmlEditor",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),H([a.BlockUI()],kt.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:kt,decorators:[{type:t.Component,args:[{selector:"lib-edit-email",templateUrl:"./edit-email.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:it},{type:Ft},{type:L.ActivatedRoute},{type:L.Router}]},propDecorators:{blockUI:[]}});var Et=function(){function e(e,t,i,r,n,o,s,a,l,d){var c=this;this.authService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this._clipboardService=n,this.dataServices=o,this.templateService=s,this.activatedRoute=a,this.router=l,this.pageInfoService=d,this.TemplateId="",this.Lang="",this.EditSMSForm=new h.FormGroup({}),this.language="",this.activatedRoute.params.subscribe((function(e){c.TemplateId=e.id,c.Lang=e.lang}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.IsAEditFormLoaded=!1,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.templateService.GetTemplateInfoByLang(Number(this.TemplateId),this.Lang).subscribe((function(e){var i=e;t.TemplateInfo=i.val;var r="en"==t.language?t.TemplateInfo.emailtemplateinfo.emailSubject.english:t.TemplateInfo.emailtemplateinfo.emailSubject.arabic;null!=r&&null!=r||(r=""),De.PageTitle=t.utilityService.getResourceValue("Edit"),De.PageBreadcrumbs=[{title:t.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:t.utilityService.getResourceValue("Templates"),path:"/Admin/Notifications/Templates",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:""!=r?t.utilityService.getResourceValue(r):"",path:"/Admin/Notifications/TemplateInfo/"+t.TemplateInfo.id,isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],t.pageInfoService.calculateTitle(),t.pageInfoService.calculateBreadcrumbs(),t.SMSInEnglish=new v.TextAreaOptions,t.SMSInEnglish.Name="SMSInEnglish",t.SMSInEnglish.LabelKey="SMSInEnglish",t.SMSInEnglish.IsRequired=!0,t.SMSInEnglish.Value=t.TemplateInfo.smstemplateinfo.sms.english,t.SMSInArabic=new v.TextAreaOptions,t.SMSInArabic.Name="SMSInArabic",t.SMSInArabic.LabelKey="SMSInArabic",t.SMSInArabic.IsRequired=!0,t.SMSInArabic.Value=t.TemplateInfo.smstemplateinfo.sms.arabic,t.IsAEditFormLoaded=!0})),[2]}}))}))},e.prototype.changeCurrentLanguage=function(e){this.Lang=e},e.prototype.editSMSTemplate=function(){var e=this;if(!this.EditSMSForm.invalid){var t=this.EditSMSForm.value,i=new Dt;i.ID=Number(this.TemplateId),i.IDEncrypted=this.TemplateInfo.idEncrypted,i.IsEmail=this.TemplateInfo.isEmail,i.IsSms=this.TemplateInfo.isSms,i.TemplateName=this.TemplateInfo.templateName,i.Language=this.Lang,i.smstemplateinfo.ID=this.TemplateInfo.smstemplateinfo.id,i.smstemplateinfo.SMS.Arabic=t.SMSInArabic,i.smstemplateinfo.SMS.English=t.SMSInEnglish,this.templateService.EditSMSTemplateByLang(i).subscribe((function(t){e.EditSMSForm.reset(),e.close()}),(function(e){}))}},e.prototype.close=function(){this.router.navigate(["/Admin/Notifications/TemplateInfo",this.TemplateId])},e}();Et.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Et,deps:[{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:it},{token:Ft},{token:L.ActivatedRoute},{token:L.Router},{token:De}],target:T.ɵɵFactoryTarget.Component}),Et.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Et,selector:"lib-edit-sms",ngImport:T,template:'<block-ui></block-ui>\r\n\r\n  <div class="container-fluid">\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">\r\n          \x3c!--{{TemplateInfo.templateName}}(SMS)--\x3e\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <a class="btn btn-light-primary btn-sm" (click)="changeCurrentLanguage(\'ar\')" *ngIf="Lang==\'en\'">\r\n            {{utilityService.getResourceValue("Arabic")}}\r\n          </a>\r\n          <a class="btn btn-light-primary btn-sm" (click)="changeCurrentLanguage(\'en\')" *ngIf="Lang==\'ar\'">\r\n            {{utilityService.getResourceValue("English")}}\r\n          </a>\r\n        </div>\r\n      </div>\r\n      <div class="card-body">\r\n        <form [formGroup]="EditSMSForm" *ngIf="IsAEditFormLoaded" (ngSubmit)="editSMSTemplate()">\r\n          <div class="kt-form row">\r\n            <div *ngIf="Lang==\'ar\'">\r\n              <div class="row">\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextArea class="text-right" [options]="SMSInArabic" [group]="EditSMSForm">\r\n                  </BBSF-TextArea>\r\n                </div>\r\n                <div class="col-md-6 d-flex align-items-center justify-content-center">\r\n                  <div class="iphone">\r\n                    <span class="position-absolute mobile-txt">{{TemplateInfo.smstemplateinfo.sms.arabic}}</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div *ngIf="Lang==\'en\'">\r\n              <div class="row">\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextArea [options]="SMSInEnglish" [group]="EditSMSForm">\r\n                  </BBSF-TextArea>\r\n                </div>\r\n                <div class="col-md-6 d-flex align-items-center justify-content-center">\r\n                  <div class="iphone">\r\n                    <span class="position-absolute mobile-txt">{{TemplateInfo.smstemplateinfo.sms.english}}</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class="d-flex justify-content-end">\r\n            <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n          </div>\r\n        </form>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),H([a.BlockUI()],Et.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Et,decorators:[{type:t.Component,args:[{selector:"lib-edit-sms",templateUrl:"./edit-sms.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:it},{type:Ft},{type:L.ActivatedRoute},{type:L.Router},{type:De}]},propDecorators:{blockUI:[]}});var Pt=function(){function e(e,t,i,r,n){var o=this;this.dataServices=e,this.authService=t,this.templateService=i,this.activatedRoute=r,this.router=n,this.TemplateId="",this.EditTemplateForm=new h.FormGroup({}),this.activatedRoute.params.subscribe((function(e){o.TemplateId=e.id}))}return e.prototype.ngOnInit=function(){},e}();Pt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Pt,deps:[{token:it},{token:B.AuthService},{token:Ft},{token:L.ActivatedRoute},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),Pt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Pt,selector:"lib-edit-template",ngImport:T,template:"<p>edit-template works!</p>\r\n"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Pt,decorators:[{type:t.Component,args:[{selector:"lib-edit-template",templateUrl:"./edit-template.component.html"}]}],ctorParameters:function(){return[{type:it},{type:B.AuthService},{type:Ft},{type:L.ActivatedRoute},{type:L.Router}]}});var Vt=[{path:"",component:vt,children:[{path:"MasterLayouts",component:yt},{path:"Add",component:ft},{path:"Edit/:id",component:It},{path:"Templates",component:Tt},{path:"TemplateInfo/:id",component:Lt},{path:"EditEmail/:id/:lang",component:kt},{path:"EditSMS/:id/:lang",component:Et},{path:"EditTemplate/:id/",component:Pt},{path:"",redirectTo:"MasterLayouts",pathMatch:"full"}]}],Nt=function(){};Nt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Nt,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Nt.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Nt,imports:[L.RouterModule],exports:[s.RouterModule]}),Nt.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Nt,imports:[[s.RouterModule.forChild(Vt)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Nt,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Vt)],exports:[s.RouterModule]}]}]});var Rt=function(){};Rt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Rt,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Rt.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Rt,declarations:[vt,yt,ft,It,Tt,Lt,kt,Et,Pt],imports:[Nt,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,gt,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe]}),Rt.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Rt,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ft],imports:[[Nt,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,gt,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Rt,decorators:[{type:t.NgModule,args:[{declarations:[vt,yt,ft,It,Tt,Lt,kt,Et,Pt],imports:[Nt,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,gt,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ft]}]}]});var Ut=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Ut.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ut,deps:[],target:T.ɵɵFactoryTarget.Component}),Ut.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ut,selector:"lib-lookups",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ut,decorators:[{type:t.Component,args:[{selector:"lib-lookups",templateUrl:"./lookups.component.html"}]}],ctorParameters:function(){return[]}});var Gt=function(){this.Name=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO,this.LookupGroupName=new v.EnglishArabicDTO,this.LookupItems=[]},Ot=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Lookup/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddLookup=function(e){return this.http.post(this.ApiUrl+"AddLookup",e)},e.prototype.EditLookup=function(e){return this.http.post(this.ApiUrl+"EditLookup",e)},e.prototype.DeleteLookup=function(e){return this.http.post(this.ApiUrl+"DeleteLookup",e)},e.prototype.AddLookupItem=function(e){return this.http.post(this.ApiUrl+"AddLookupItem",e)},e.prototype.EditLookupItem=function(e){return this.http.post(this.ApiUrl+"EditLookupItem",e)},e.prototype.DeleteLookupItem=function(e){return this.http.post(this.ApiUrl+"DeleteLookupItem",e)},e.prototype.GenerateCodeAll=function(){return this.http.get(this.ApiUrl+"GenerateCodeAll")},e.prototype.GenerateApplicationEnums=function(){return this.http.get(this.ApiUrl+"GenerateApplicationEnums")},e.prototype.GenerateSysNames=function(){return this.http.get(this.ApiUrl+"GenerateSysNames")},e.prototype.GenerateCodeById=function(e){return this.http.post(this.ApiUrl+"GenerateCodeById",e)},e}();Ot.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ot,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Ot.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ot,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ot,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Ht=function(){function e(e,t,i,r,n,o,s,a){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this._clipboardService=o,this.LookupService=s,this.modalService=a,this.ApiUrl="/api/admin/Lookup/",this.SubheaderTitle=this.utilityService.getResourceValue("Lookup"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.SelectedLookupList=[],this.LookupGroupsList=[],this.filterForm=new h.FormGroup({}),this.LookupForm=new h.FormGroup({}),this.showFilter=!1,this.LookupPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.AddLookupForm=new h.FormGroup({}),this.EditLookupForm=new h.FormGroup({}),this.deletedLookupId=0,this.GenerateCodeForm=new h.FormGroup({}),this.ValueToCopy="",this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Lookups"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.ReinitializeTemplatePaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateTemplatePaging=function(){this.input.UpdatePaging()},e.prototype.setLookupListResult=function(e){this.LookupPagingResult=e,this.ShowPageContent=!0},e.prototype.resetFilters=function(){this.LookupForm.controls.Type.setValue([]),this.LookupForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadDropdownLists=function(){var e=this;this.LookupService.Loaddropdowns().subscribe((function(t){var i=t;e.LookupGroupsList=i,e.LookupGroupsOptions=new v.DropdownOptions,e.LookupGroupsOptions.Name="Type",e.LookupGroupsOptions.LabelKey="LookupGroups",e.LookupGroupsOptions.DataSource=e.LookupGroupsList,e.LookupGroupsOptions.SingleSelection=!1,e.LookupGroupsOptions.AllowSearchFilter=!0,e.LookupGroupsOptions.Placeholder="",e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.LookupGroupFilter=new v.FilterItem,e.LookupGroupFilter.FormControlName="Type",e.LookupGroupFilter.ActionParameterName="LookupGroupId",e.LookupGroupFilter.IsFormControl=!0,e.LookupGroupFilter.FilterType=v.FilterType.DropdownList,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.LookupPaging=new v.PagingOptions,e.LookupPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetLookupsByFilter",e.LookupPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.LookupPaging.DropdownFiltersControlNames=["Type"],e.LookupPaging.Filters=[e.LookupGroupFilter,e.TextInputFilter],e.LookupPaging.ValidationToken=e.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)}))},e.prototype.showAddLookupModal=function(e){this.utilityService.startBlockUI(),this.AddLookupForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.ProductionMode||(this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.SysName.IsRequired=!1,this.IsManageable=new v.CheckBoxOptions,this.IsManageable.Name="IsManageable",this.IsManageable.LabelKey="Manageable",this.IsManageable.Value=!0),this.MultiLingualDescription=new v.MultiLingualTextAreaOptions,this.MultiLingualDescription.Name="Description",this.MultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.MultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.LookupGroups=new v.DropdownOptions,this.LookupGroups.Name="LookupGroups",this.LookupGroups.LabelKey="LookupGroups",this.LookupGroups.DataSource=this.LookupGroupsList,this.LookupGroups.SingleSelection=!0,this.LookupGroups.AllowSearchFilter=!0,this.LookupGroups.Placeholder="",this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addLookup=function(){var e=this;if(!this.AddLookupForm.invalid){var t=this.AddLookupForm.value,i=new Gt;i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,this.ProductionMode||(i.SysName=t.SysName),i.Manageable=1==this.ProductionMode||t.IsManageable,i.Description.English=t.Description.EnglishTextAreaValue,i.Description.Arabic=t.Description.ArabicTextAreaValue,i.LookupGroupID=null!=t.LookupGroups?Number(t.LookupGroups):null,this.LookupService.AddLookup(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditLookupModal=function(e,t){this.utilityService.startBlockUI(),this.EditLookupForm=new h.FormGroup({}),this.LookupId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="EditName",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="EditSysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditSysName.IsRequired=!1;var r=new v.EnglishArabicDTO;r.Arabic=e.description.arabic,r.English=e.description.english,this.EditMultiLingualDescription=new v.MultiLingualTextAreaOptions,this.EditMultiLingualDescription.Name="EditDescription",this.EditMultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.EditMultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.EditMultiLingualDescription.Value=r,this.EditLookupGroups=new v.DropdownOptions,this.EditLookupGroups.Name="EditLookupGroups",this.EditLookupGroups.LabelKey="LookupGroups",this.EditLookupGroups.DataSource=this.LookupGroupsList,this.EditLookupGroups.SingleSelection=!0,this.EditLookupGroups.AllowSearchFilter=!0,this.EditLookupGroups.Placeholder="",this.EditLookupGroups.SelectedItems=this.LookupGroupsList.filter((function(t){return parseInt(t.key)==e.lookupGroupID})).map((function(e){return e.key}))[0],this.EditLookupGroups.IsDisabled=this.ProductionMode,this.EditIsManageable=new v.CheckBoxOptions,this.EditIsManageable.Name="EditIsManageable",this.EditIsManageable.LabelKey="Manageable",this.EditIsManageable.Value=e.manageable,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editLookup=function(){var e=this;if(!this.EditLookupForm.invalid){var t=this.EditLookupForm.value,i=new Gt;i.ID=Number(this.LookupId),i.Name.English=t.EditName.EnglishValue,i.Name.Arabic=t.EditName.ArabicValue,this.ProductionMode||(i.SysName=t.EditSysName),i.Description.English=t.EditDescription.EnglishTextAreaValue,i.Description.Arabic=t.EditDescription.ArabicTextAreaValue,i.LookupGroupID=null!=t.EditLookupGroups?Number(t.EditLookupGroups):null,i.Manageable=t.EditIsManageable,this.LookupService.EditLookup(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteLookupModal=function(e,t){this.utilityService.startBlockUI(),this.deletedLookupId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.DeleteLookup=function(){var e=this;this.LookupService.DeleteLookup(this.deletedLookupId).subscribe((function(t){e.deletedLookupId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.showGenerateCodeAllModal=function(e){var t=this;this.LookupService.GenerateCodeAll().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGenerateApplicationEnumsModal=function(e){var t=this;this.LookupService.GenerateApplicationEnums().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGeneratSysNameModal=function(e){var t=this;this.LookupService.GenerateSysNames().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGenerateCodeByIdModal=function(e,t){var i=this;this.LookupService.GenerateCodeById(e.id).subscribe((function(e){var r=e;i.GenerateCodeTextArea=new v.TextAreaOptions,i.GenerateCodeTextArea.Name="GenerateCodeTextArea",i.GenerateCodeTextArea.Value=r.val.toString(),i.ValueToCopy=r.val.toString(),i.GenerateCodeTextArea.IsDisabled=!0,i.GenerateCodeTextArea.HideLabel=!0,i.GenerateCodeTextArea.Rows=20,i.GenerateCodeTextArea.Cols=20,i.GenerateCodeTextArea.MaxLength=1e6,i.modalService.open(t)}),(function(e){}))},e}();Ht.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ht,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:Ot},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Ht.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ht,selector:"lib-lookup",viewQueries:[{propertyName:"input",first:!0,predicate:["LookupPagingViewElement"],descendants:!0},{propertyName:"CloseLookupModal",first:!0,predicate:["CloseLookupModal"],descendants:!0},{propertyName:"CloseEditLookupModal",first:!0,predicate:["CloseEditLookupModal"],descendants:!0},{propertyName:"CloseDeleteLookupModal",first:!0,predicate:["CloseDeleteLookupModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\r\n\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="LookupForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="LookupForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <div ngbDropdown class="d-inline-block" [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}">\r\n            <button ngbDropdownToggle href="javascript:;" type="button" class="btn btn-sm btn-light-primary me-3" id="FiltersDropdown" title="Filter">\r\n              <i class="fas fa-filter me-1"></i>\r\n              {{utilityService.getResourceValue("Filter")}}\r\n            </button>\r\n            <div *ngIf="IsFilterLoaded" ngbDropdownMenu aria-labelledby="FiltersDropdown" class=" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 ">\r\n              <form [formGroup]="LookupForm">\r\n                <div class="px-7 py-5">\r\n                  <div class="row">\r\n                    <div class="col-lg-12">\r\n                      <div *ngIf="LookupGroupsList.length>0" class="mb-10">\r\n                        <BBSF-DropdownList [options]="LookupGroupsOptions" [group]="LookupForm"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class="d-flex justify-content-end">\r\n                    <button class="btn btn-light btn-active-light-primary pv-reset btn-sm" d="applyFiltersBtn"\r\n                            (click)="resetFilters()">\r\n                      {{utilityService.getResourceValue("Reset")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href="javascript:;" class="btn btn-sm btn-light-primary me-3" (click)="showGenerateApplicationEnumsModal(GenerateCodeModal)">\r\n            <i class="fa fa-key me-1"></i>{{utilityService.getResourceValue("GenerateApplicationEnums")}}\r\n          </button>\r\n\r\n          <button href="javascript:;" class="btn btn-sm btn-light-primary me-3" (click)="showGenerateCodeAllModal(GenerateCodeModal)">\r\n            <i class="fa fa-key me-1"></i>{{utilityService.getResourceValue("GenerateCode")}}\r\n          </button>\r\n\r\n          <button href="javascript:;" class="btn btn-sm btn-light-primary me-3" (click)="showGeneratSysNameModal(GenerateCodeModal)">\r\n            <i class="fa fa-key me-1"></i>{{utilityService.getResourceValue("GenerateSysName")}}\r\n          </button>\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddLookupModal(AddLookupModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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-150px">{{utilityService.getResourceValue("Description")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("LookupGroups")}}</th>\r\n                <th class="min-w-150px" *ngIf="!ProductionMode">{{utilityService.getResourceValue("SysName")}}</th>\r\n                <th class="min-w-50px">{{utilityService.getResourceValue("Manageable")}}</th>\r\n\r\n                <th class="min-w-150px">{{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 Lookup of LookupPagingResult">\r\n\r\n                <td>\r\n                  <a *ngIf="language==\'en\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Lookups/LookupItems\', Lookup.id,Lookup.name.english,Lookup.name.arabic]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Lookup.name.english}}</a>\r\n                  <a *ngIf="language==\'ar\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Lookups/LookupItems\',Lookup.id,Lookup.name.english,Lookup.name.arabic]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Lookup.name.arabic}}</a>\r\n                </td>\r\n                <td *ngIf="language==\'en\'">{{Lookup.description.english}}</td>\r\n                <td *ngIf="language==\'ar\'">{{Lookup.description.arabic}}</td>\r\n                <td *ngIf="language==\'en\'">{{Lookup.lookupGroupName!=null?Lookup.lookupGroupName.english:"Others"}}</td>\r\n                <td *ngIf="language==\'ar\'">{{Lookup.lookupGroupName!=null?Lookup.lookupGroupName.arabic:"أخر"}}</td>\r\n\r\n                <td *ngIf="!ProductionMode" class="align-middle">{{Lookup.sysName}}</td>\r\n                <td>\r\n                  <span *ngIf="Lookup.manageable;else default_no">\r\n                    {{utilityService.getResourceValue("Yes")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue("No")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </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                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showEditLookupModal(Lookup,EditLookupModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showGenerateCodeByIdModal(Lookup,GenerateCodeModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("GenerateCode")}}</span>\r\n                      </a>\r\n                      <a *ngIf="(!ProductionMode) ||(Lookup.manageable==true)" ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteLookupModal(Lookup,deleteLookupModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="LookupPagingResult.length == 0">\r\n                <td [attr.colspan]="ProductionMode ? \'5\' : \'6\'">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setLookupListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="LookupPaging" [group]="LookupForm" #LookupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddLookupModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("Lookup")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddLookupForm" (ngSubmit)="addLookup()">\r\n        <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddLookupForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]="MultiLingualDescription" [group]="AddLookupForm"></BBSF-MultiLingualTextArea>\r\n        <div *ngIf="!ProductionMode">\r\n          <BBSF-TextBox [options]="SysName" [group]="AddLookupForm"></BBSF-TextBox>\r\n        </div>\r\n\r\n        <BBSF-DropdownList [options]="LookupGroups" [group]="AddLookupForm"></BBSF-DropdownList>\r\n        <div *ngIf="!ProductionMode">\r\n          <BBSF-CheckBox [options]="IsManageable" [group]="AddLookupForm"></BBSF-CheckBox>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseLookupModal id="CloseLookupModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <ng-template #EditLookupModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("Lookup")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditLookupForm" (ngSubmit)="editLookup()">\r\n        <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditLookupForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]="EditMultiLingualDescription" [group]="EditLookupForm"></BBSF-MultiLingualTextArea>\r\n        <BBSF-TextBox *ngIf="!ProductionMode" [options]="EditSysName" [group]="EditLookupForm">\r\n        </BBSF-TextBox>\r\n        <BBSF-DropdownList [options]="EditLookupGroups" [group]="EditLookupForm">\r\n        </BBSF-DropdownList>\r\n        <BBSF-CheckBox *ngIf="!ProductionMode" [options]="EditIsManageable" [group]="EditLookupForm">\r\n        </BBSF-CheckBox>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseEditLookupModal id="CloseEditLookupModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deleteLookupModal 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("Delete")}} {{utilityService.getResourceValue("Lookup")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteLookupModal id="CloseDeleteLookupModal" 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="button" (click)="DeleteLookup()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \x3c!-- GenerateCode Modal --\x3e\r\n  <ng-template #GenerateCodeModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n        <div>\r\n          <BBSF-TextArea [options]="GenerateCodeTextArea" [group]="GenerateCodeForm" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseGenerateCodeModal id="CloseGenerateCodeModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n            {{utilityService.getResourceValue("CopyToClipboard")}}\r\n          </button>\r\n        </div>\r\n      </form>\r\n\r\n\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵf,selector:"BBSF-MultiLingualTextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:E.NgbDropdown,selector:"[ngbDropdown]",inputs:["open","placement","container","autoClose","display"],outputs:["openChange"],exportAs:["ngbDropdown"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:E.NgbDropdownToggle,selector:"[ngbDropdownToggle]"},{type:E.NgbDropdownMenu,selector:"[ngbDropdownMenu]"},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],Ht.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ht,decorators:[{type:t.Component,args:[{selector:"lib-lookup",templateUrl:"./lookup.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:Ot},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["LookupPagingViewElement",{static:!1}]}],CloseLookupModal:[{type:t.ViewChild,args:["CloseLookupModal",{static:!1}]}],CloseEditLookupModal:[{type:t.ViewChild,args:["CloseEditLookupModal",{static:!1}]}],CloseDeleteLookupModal:[{type:t.ViewChild,args:["CloseDeleteLookupModal",{static:!1}]}],blockUI:[]}});var zt=function(){this.Name=new v.EnglishArabicDTO},jt=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/LookupGroup/"}return e.prototype.AddLookupGroup=function(e){return this.http.post(this.ApiUrl+"AddLookupGroup",e)},e.prototype.EditLookupGroup=function(e){return this.http.post(this.ApiUrl+"EditLookupGroup",e)},e.prototype.DeleteLookupGroup=function(e){return this.http.post(this.ApiUrl+"DeleteLookupGroup",e)},e}();jt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:jt,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),jt.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:jt,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:jt,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Wt=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.LookupGroupsService=o,this.modalService=s,this.SubheaderTitle=this.utilityService.getResourceValue("LookupGroups"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.ApiUrl="/api/admin/LookupGroup/",this.LookupGroupsForm=new h.FormGroup({}),this.showFilter=!1,this.LookupGroupsPagingResult=[],this.IsFilterLoaded=!1,this.AddLookupGroupForm=new h.FormGroup({}),this.EditLookupGroupForm=new h.FormGroup({}),this.deleteLookupGroupList=[],this.ConfirmationModalType=0,this.ConfirmationMessage="",this.ShowPageContent=!1,this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("LookupGroups"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.ReinitializePermissionsPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdatePermissionsPaging=function(){this.input.UpdatePaging()},e.prototype.setLookupGroupListResult=function(e){this.LookupGroupsPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.LookupGroupsForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadList=function(){var e=this;this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.LookupGroupsPaging=new v.PagingOptions,this.LookupGroupsPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetLookupGroupsByFilter",this.LookupGroupsPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.LookupGroupsPaging.Filters=[this.TextInputFilter],this.LookupGroupsPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)},e.prototype.showAddLookupGroupModal=function(e){this.utilityService.startBlockUI(),this.AddLookupGroupForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addLookupGroup=function(){var e=this;if(!this.AddLookupGroupForm.invalid){var t=this.AddLookupGroupForm.value,i=new zt;i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,this.LookupGroupsService.AddLookupGroup(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditLookupGroupModal=function(e,t){this.utilityService.startBlockUI(),this.EditLookupGroupForm=new h.FormGroup({});var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="EditName",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.LookupGroupId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editLookupGroup=function(){var e=this;if(!this.EditLookupGroupForm.invalid){var t=this.EditLookupGroupForm.value,i=new zt;i.Id=this.LookupGroupId,i.Name.English=t.EditName.EnglishValue,i.Name.Arabic=t.EditName.ArabicValue,this.LookupGroupsService.EditLookupGroup(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteLookupGroupModal=function(e,t){this.utilityService.startBlockUI(),this.deleteLookupGroupList=[],this.deleteLookupGroupList.push(e),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteLookupGroup=function(){for(var e=this,t=new tt,i=0;i<this.deleteLookupGroupList.length;i++){var r=this.deleteLookupGroupList[i];t.UsersIDs.push(r.id)}this.LookupGroupsService.DeleteLookupGroup(t).subscribe((function(t){e.deleteLookupGroupList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();Wt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Wt,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:jt},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Wt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Wt,selector:"lib-lookup-group",viewQueries:[{propertyName:"input",first:!0,predicate:["LookupGroupPagingViewElement"],descendants:!0},{propertyName:"CloseLookupGroupModal",first:!0,predicate:["CloseLookupGroupModal"],descendants:!0},{propertyName:"CloseEditLookupGroupModal",first:!0,predicate:["CloseEditLookupGroupModal"],descendants:!0},{propertyName:"CloseDeleteLookupGroupModal",first:!0,predicate:["CloseDeleteLookupGroupModal"],descendants:!0},{propertyName:"CloseConfirmationModal",first:!0,predicate:["CloseConfirmationModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="LookupGroupsForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="LookupGroupsForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add"  (click)="showAddLookupGroupModal(AddLookupGroupModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::LookupGroups list--\x3e\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-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\r\n              <tr *ngFor="let LookupGroup of LookupGroupsPagingResult">\r\n\r\n                <td>\r\n                  <span *ngIf="language==\'en\'" class="text-dark">{{LookupGroup.name.english}}</span>\r\n                  <span *ngIf="language==\'ar\'" class="text-dark">{{LookupGroup.name.arabic}}</span>\r\n                </td>\r\n\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                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showEditLookupGroupModal(LookupGroup,EditLookupGroupModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteLookupGroupModal(LookupGroup,deleteLookupGroupModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="LookupGroupsPagingResult.length == 0">\r\n                <td colspan="2">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          \x3c!--end::LookupGroups list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setLookupGroupListResult($event)" *ngIf="IsFilterLoaded" [options]="LookupGroupsPaging"\r\n                     [group]="LookupGroupsForm" #LookupGroupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddLookupGroupModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("LookupGroup")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddLookupGroupForm" (ngSubmit)="addLookupGroup()">\r\n        <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddLookupGroupForm"></BBSF-MultiLingualTextBox>\r\n\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseLookupGroupModal id="CloseLookupGroupModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <ng-template #EditLookupGroupModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("LookupGroup")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditLookupGroupForm" (ngSubmit)="editLookupGroup()">\r\n        <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditLookupGroupForm"></BBSF-MultiLingualTextBox>\r\n\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseEditLookupGroupModal id="CloseEditLookupGroupModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deleteLookupGroupModal 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("Delete")}} {{utilityService.getResourceValue("LookupGroup")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteLookupGroupModal id="CloseDeleteLookupGroupModal" 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="button" (click)="deleteLookupGroup()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],Wt.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Wt,decorators:[{type:t.Component,args:[{selector:"lib-lookup-group",templateUrl:"./lookup-group.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:jt},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["LookupGroupPagingViewElement",{static:!1}]}],CloseLookupGroupModal:[{type:t.ViewChild,args:["CloseLookupGroupModal",{static:!1}]}],CloseEditLookupGroupModal:[{type:t.ViewChild,args:["CloseEditLookupGroupModal",{static:!1}]}],CloseDeleteLookupGroupModal:[{type:t.ViewChild,args:["CloseDeleteLookupGroupModal",{static:!1}]}],CloseConfirmationModal:[{type:t.ViewChild,args:["CloseConfirmationModal",{static:!1}]}],blockUI:[]}});var Kt=function(){this.Name=new v.EnglishArabicDTO,this.LookupName=new v.EnglishArabicDTO},qt=function(){function e(e,t,i,r,n,o,s,a,l,d){var c=this;this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this._clipboardService=o,this.LookupService=s,this.activatedRoute=a,this.router=l,this.modalService=d,this.SubheaderTitle="",this.ShowToolbar=!0,this.ShowbreadCrumb=!0,this.BreadcrumbTitle=this.utilityService.getResourceValue("Lookups"),this.Url="/Admin/Lookups/Lookups",this.ApiUrl="/api/admin/Lookup/",this.LookupItemForm=new h.FormGroup({}),this.showFilter=!1,this.LookupItemPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.LookupName=new v.EnglishArabicDTO,this.AddLookupItemForm=new h.FormGroup({}),this.EditLookupItemForm=new h.FormGroup({}),this.deletedLookupItemId=0,this.GenerateCodeForm=new h.FormGroup({}),this.ValueToCopy="",this.language="",this.IsParentLookupManageable=!1,this.ShowPageContent=!1,this.activatedRoute.params.subscribe((function(e){c.LookupId=e.id,c.LookupName.English=e.nameen,c.LookupName.Arabic=e.namear}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.ReinitializeTemplatePaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateTemplatePaging=function(){this.input.UpdatePaging()},e.prototype.setLookupItemListResult=function(e){this.LookupItemPagingResult=e,this.SubheaderTitle="en"==this.language?this.LookupName.English:this.LookupName.Arabic,this.ShowPageContent=!0,De.PageTitle=this.SubheaderTitle,De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:this.utilityService.getResourceValue("Lookups"),path:"/Admin/Lookups/Lookups",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.LookupItemForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadDropdownLists=function(){var e=this;this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.LookupIdTextBox=new v.TextBoxOptions,this.LookupIdTextBox.Name="LookupIdTextBox",this.LookupIdTextBox.HideLabel=!0,this.LookupIdTextBox.Type=v.InputType.Text,this.LookupIdTextBox.Value=Number(this.LookupId),this.LookupIdInputFilter=new v.FilterItem,this.LookupIdInputFilter.FormControlName="LookupIdTextBox",this.LookupIdInputFilter.ActionParameterName="LookupId",this.LookupIdInputFilter.IsFormControl=!0,this.LookupIdInputFilter.FilterType=v.FilterType.TextBox,this.LookupItemPaging=new v.PagingOptions,this.LookupItemPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetLookupItemsByFilter",this.LookupItemPaging.OnKeyPressFiltersControlNames=["searchTextBox","LookupIdTextBox"],this.LookupItemPaging.Filters=[this.LookupIdInputFilter,this.TextInputFilter],this.LookupItemPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)},e.prototype.showAddLookupItemModal=function(e){this.utilityService.startBlockUI(),this.AddLookupItemForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.Value=new v.TextAreaOptions,this.Value.Name="Value",this.Value.LabelKey="Value",this.Value.Value=null,this.DisplayOrder=new v.TextAreaOptions,this.DisplayOrder.Name="DisplayOrder",this.DisplayOrder.LabelKey="DisplayOrder",this.DisplayOrder.Value=null,this.IsManageable=new v.CheckBoxOptions,this.IsManageable.Name="IsManageable",this.IsManageable.LabelKey="Manageable",this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addLookupItem=function(){var e=this;if(!this.AddLookupItemForm.invalid){var t=this.AddLookupItemForm.value,i=new Kt;i.Name.English=t.Name.EnglishValue,i.Name.Arabic=t.Name.ArabicValue,i.SysName=t.SysName,i.Value=t.Value,i.DisplayOrder=t.DisplayOrder,i.LookupID=Number(this.LookupId),i.Manageable=1==this.ProductionMode,this.LookupService.AddLookupItem(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditLookupItemModal=function(e,t){this.utilityService.startBlockUI(),this.EditLookupItemForm=new h.FormGroup({}),this.LookupItemId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="EditSysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditValue=new v.TextAreaOptions,this.EditValue.Name="EditValue",this.EditValue.LabelKey="Value",this.EditValue.Value=e.value,this.EditDisplayOrder=new v.TextAreaOptions,this.EditDisplayOrder.Name="EditDisplayOrder",this.EditDisplayOrder.LabelKey="DisplayOrder",this.EditDisplayOrder.Value=e.displayOrder,this.EditIsManageable=new v.CheckBoxOptions,this.EditIsManageable.Name="EditIsManageable",this.EditIsManageable.LabelKey="Manageable",this.EditIsManageable.Value=e.manageable,this.EditIsManageable.IsDisabled=1==(this.ProductionMode&&0==e.manageable),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editLookupItem=function(){var e=this;if(!this.EditLookupItemForm.invalid){var t=this.EditLookupItemForm.value,i=new Kt;i.ID=Number(this.LookupItemId),i.LookupID=Number(this.LookupId),i.Name.English=t.Name.EnglishValue,i.Name.Arabic=t.Name.ArabicValue,i.SysName=t.EditSysName,i.Value=t.EditValue,i.DisplayOrder=t.EditDisplayOrder,i.Manageable=t.EditIsManageable,this.LookupService.EditLookupItem(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteLookupItemModal=function(e,t){this.utilityService.startBlockUI(),this.deletedLookupItemId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.DeleteLookupItem=function(){var e=this;this.LookupService.DeleteLookupItem(this.deletedLookupItemId).subscribe((function(t){e.deletedLookupItemId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.showGenerateCodeByIdModal=function(e){var t=this;this.LookupService.GenerateCodeById(Number(this.LookupId)).subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.GenerateCodeTextArea.ViewType=v.ControlLayout.Horizontal,t.modalService.open(e)}),(function(e){}))},e}();qt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qt,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:Ot},{token:L.ActivatedRoute},{token:L.Router},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),qt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:qt,selector:"lib-lookup-item",viewQueries:[{propertyName:"input",first:!0,predicate:["LookupItemPagingViewElement"],descendants:!0},{propertyName:"CloseLookupItemModal",first:!0,predicate:["CloseLookupItemModal"],descendants:!0},{propertyName:"CloseEditLookupItemModal",first:!0,predicate:["CloseEditLookupItemModal"],descendants:!0},{propertyName:"CloseDeleteLookupItemModal",first:!0,predicate:["CloseDeleteLookupItemModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="LookupItemForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="LookupItemForm"></BBSF-TextBox>\r\n            <div [hidden]="true" class="col-md-6">\r\n              <BBSF-TextBox [options]="LookupIdTextBox" [group]="LookupItemForm"></BBSF-TextBox>\r\n            </div>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button href="javascript:;" class="btn btn-sm btn-light-primary me-3" (click)="showGenerateCodeByIdModal(GenerateCodeModal)">\r\n            <i class="fa fa-key me-1"></i>{{utilityService.getResourceValue("GenerateCode")}}\r\n          </button>\r\n\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddLookupItemModal(AddLookupItemModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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("Id")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("NameInEnglish")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("NameInArabic")}}</th>\r\n                <th class="min-w-150px" *ngIf="!ProductionMode">{{utilityService.getResourceValue("SysName")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Value")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Manageable")}}</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 LookupItem of LookupItemPagingResult">\r\n                <td class="text-dark">{{LookupItem.id}}</td>\r\n\r\n                <td>\r\n                  {{LookupItem.name.english}}\r\n                </td>\r\n                <td>\r\n                  {{LookupItem.name.arabic}}\r\n                </td>\r\n                <td *ngIf="!ProductionMode">{{LookupItem.sysName}}</td>\r\n                <td>{{LookupItem.value}}</td>\r\n                <td>\r\n                  <span *ngIf="LookupItem.manageable;else default_no">\r\n                    {{utilityService.getResourceValue("Yes")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue("No")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </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                      <a class="drop-item px-3" ngbDropdownItem (click)="showEditLookupItemModal(LookupItem,EditLookupItemModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n\r\n                      <a *ngIf="(!(LookupItem.manageable==false&&ProductionMode)||(LookupItem.isParentLookupManageable))"\r\n                         ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteLookupItemModal(LookupItem,deleteLookupItemModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="LookupItemPagingResult.length == 0">\r\n                <td [attr.colspan]="ProductionMode ? \'6\' : \'7\'">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setLookupItemListResult($event)" *ngIf="IsFilterLoaded" [options]="LookupItemPaging"\r\n                     [group]="LookupItemForm" #LookupItemPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddLookupItemModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("LookupItem")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddLookupItemForm" (ngSubmit)="addLookupItem()">\r\n        <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddLookupItemForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox [options]="SysName" [group]="AddLookupItemForm"></BBSF-TextBox>\r\n        <BBSF-TextArea [options]="Value" [group]="AddLookupItemForm"></BBSF-TextArea>\r\n        <BBSF-TextArea [options]="DisplayOrder" [group]="AddLookupItemForm"></BBSF-TextArea>\r\n        <BBSF-CheckBox [options]="IsManageable" [group]="AddLookupItemForm"></BBSF-CheckBox>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseLookupItemModal id="CloseLookupItemModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <ng-template #EditLookupItemModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("LookupItem")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditLookupItemForm" (ngSubmit)="editLookupItem()">\r\n        <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditLookupItemForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox [options]="EditSysName" [group]="EditLookupItemForm"></BBSF-TextBox>\r\n        <BBSF-TextArea [options]="EditValue" [group]="EditLookupItemForm"></BBSF-TextArea>\r\n        <BBSF-TextArea [options]="EditDisplayOrder" [group]="EditLookupItemForm"></BBSF-TextArea>\r\n        <BBSF-CheckBox [options]="EditIsManageable" [group]="EditLookupItemForm"></BBSF-CheckBox>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseEditLookupItemModal id="CloseEditLookupItemModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deleteLookupItemModal 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("Delete")}} {{utilityService.getResourceValue("LookupItem")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteLookupItemModal id="CloseDeleteLookupItemModal" 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="button" (click)="DeleteLookupItem()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n\r\n  \x3c!-- GenerateCode Modal --\x3e\r\n  <ng-template #GenerateCodeModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n        <div>\r\n\r\n          <BBSF-TextArea [options]="GenerateCodeTextArea" [group]="GenerateCodeForm" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseGenerateCodeModal id="CloseGenerateCodeModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n            {{utilityService.getResourceValue("CopyToClipboard")}}\r\n          </button>\r\n        </div>\r\n      </form>\r\n\r\n\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qt,decorators:[{type:t.Component,args:[{selector:"lib-lookup-item",templateUrl:"./lookup-item.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:Ot},{type:L.ActivatedRoute},{type:L.Router},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["LookupItemPagingViewElement",{static:!1}]}],CloseLookupItemModal:[{type:t.ViewChild,args:["CloseLookupItemModal",{static:!1}]}],CloseEditLookupItemModal:[{type:t.ViewChild,args:["CloseEditLookupItemModal",{static:!1}]}],CloseDeleteLookupItemModal:[{type:t.ViewChild,args:["CloseDeleteLookupItemModal",{static:!1}]}]}});var _t=[{path:"",component:Ut,children:[{path:"Lookups",component:Ht},{path:"LookupGroups",component:Wt},{path:"LookupItems/:id/:nameen/:nameaR",component:qt},{path:"",redirectTo:"Lookups",pathMatch:"full"}]}],Jt=function(){};Jt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Jt,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Jt.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Jt,imports:[L.RouterModule],exports:[s.RouterModule]}),Jt.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Jt,imports:[[s.RouterModule.forChild(_t)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Jt,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(_t)],exports:[s.RouterModule]}]}]});var $t=function(){};$t.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$t,deps:[],target:T.ɵɵFactoryTarget.NgModule}),$t.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$t,declarations:[Ut,Ht,Wt,qt],imports:[i.CommonModule,Jt,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]}),$t.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$t,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ot],imports:[[i.CommonModule,Jt,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$t,decorators:[{type:t.NgModule,args:[{declarations:[Ut,Ht,Wt,qt],imports:[i.CommonModule,Jt,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ot]}]}]});var Qt=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Qt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Qt,deps:[],target:T.ɵɵFactoryTarget.Component}),Qt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Qt,selector:"lib-departments",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Qt,decorators:[{type:t.Component,args:[{selector:"lib-departments",templateUrl:"./departments.component.html"}]}],ctorParameters:function(){return[]}});var Yt=function(){this.DepartmentNameDTO=new v.EnglishArabicDTO},Zt=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Department/"}return e.prototype.addDepartment=function(e){return this.http.post(this.ApiUrl+"AddDepartment",e)},e.prototype.getEditDepartment=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"EditDeparment",t)},e.prototype.editDepartment=function(e){return this.http.post(this.ApiUrl+"EditDeparment",e)},e.prototype.deleteDepartment=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"DeleteDeparment",null,t)},e.prototype.addUsersToDepartment=function(e){return this.http.post(this.ApiUrl+"AddUsersToDepartment",e)},e.prototype.deleteUserFromDepartment=function(e,t){var i=new n.HttpParams;return i=(i=i.append("userID",e)).append("DepartmentId",t),this.http.post(this.ApiUrl+"DeleteUserFromDepartment",null,i)},e.prototype.getDepartmentInfo=function(e){var t=new n.HttpParams;return t=t.append("departmentId",e),this.http.post(this.ApiUrl+"GetDepartmentInfo",null,t)},e}();Zt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zt,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Zt.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zt,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zt,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Xt=function(){function e(e,t,i,r,n,o,s,a){var l=this;this.environmentService=e,this.DepartmentService=t,this.modalService=i,this.authService=r,this.BBSFTranslateService=n,this.UtilityService=o,this.pageInfoService=s,this.requestHandlerService=a,this.ShowPageContent=!1,this.language="",this.ApiUrl="/api/admin/Department/",this.DepartmentForm=new h.FormGroup({}),this.IsFilterLoaded=!1,this.DepartmentPagingResult=[],this.AddDepartmentForm=new h.FormGroup({}),this.EditDepartmentForm=new h.FormGroup({}),this.getAddDepartmentModel=function(){var e=[],t=l.AddDepartmentForm.value,i=new Yt;return i.SamAccount=t.AddSamAccount,i.DepartmentNameDTO.Arabic=t.AddName.ArabicValue,i.DepartmentNameDTO.English=t.AddName.EnglishValue,e.push(i),e},this.getAddDepartmentFunction=function(e){return l.DepartmentService.addDepartment(e)},this.onAddDepartmentSuccess=function(e){console.log(e)},this.onAddDepartmentError=function(e){console.log(e)},this.getEditDepartmentModel=function(){var e=[],t=l.EditDepartmentForm.value,i=new Yt;return i.Id=l.DepartmentId,i.DepartmentNameDTO.English=t.EditName.EnglishValue,i.DepartmentNameDTO.Arabic=t.EditName.ArabicValue,i.SamAccount=t.EditSamAccount,e.push(i),e},this.getEditDepartmentFunction=function(e){return l.DepartmentService.editDepartment(e)},this.onEditDepartmentSuccess=function(e){console.log(e)},this.onEditDepartmentError=function(e){console.log(e)}}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e;return j(this,(function(t){switch(t.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.UtilityService.getResourceValue("Departments"),De.PageBreadcrumbs=[{title:this.UtilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),e=this,[4,this.UtilityService.getCurrentLanguage()];case 1:return e.language=t.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.initializePage(),[2]}}))}))},e.prototype.initializePage=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.UtilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.DepartmentPaging=new v.PagingOptions,this.DepartmentPaging.ActionPostURL=this.ApiUrl+"GetDepartmentsByFilter",this.DepartmentPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.DepartmentPaging.Filters=[this.TextInputFilter],this.DepartmentPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.setDepartmentListResult=function(e){this.DepartmentPagingResult=e,this.ShowPageContent=!0,this.UtilityService.stopBlockUI()},e.prototype.showAddDepartmentModal=function(e){this.UtilityService.startBlockUI(),this.AddDepartmentForm=new h.FormGroup({}),this.AddDepartmentFormOptions=new v.FormOptions,this.AddDepartmentFormOptions.FormGroup=this.AddDepartmentForm,this.AddDepartmentFormOptions.GetModelFunction=this.getAddDepartmentModel,this.AddDepartmentFormOptions.ServiceSubmitFunction=this.getAddDepartmentFunction,this.AddDepartmentFormOptions.OnSuccessHandler=this.onAddDepartmentSuccess,this.AddDepartmentFormOptions.OnErrorHandler=this.onAddDepartmentError,this.AddDepartmentFormOptions.PagingReference=this.pagingElement,this.AddName=new v.MultiLingualTextBoxOptions,this.AddName.Name="AddName",this.AddName.ArabicLabelKey="NameInArabic",this.AddName.EnglishLabelKey="NameInEnglish",this.AddName.IsRequired=!0,this.AddName.Value=null,this.AddSamAccount=new v.TextBoxOptions,this.AddSamAccount.Name="AddSamAccount",this.AddSamAccount.LabelKey="SamAccount",this.AddSamAccount.Type=v.InputType.Text,this.AddSamAccount.Value=null,this.modalService.open(e),this.UtilityService.stopBlockUI()},e.prototype.showEditDepartmentModal=function(e,t,i){var r=this;this.EditDepartmentForm=new h.FormGroup({}),this.EditDepartmentFormOptions=new v.FormOptions,this.EditDepartmentFormOptions.FormGroup=this.EditDepartmentForm,this.EditDepartmentFormOptions.GetModelFunction=this.getEditDepartmentModel,this.EditDepartmentFormOptions.ServiceSubmitFunction=this.getEditDepartmentFunction,this.EditDepartmentFormOptions.OnSuccessHandler=this.onEditDepartmentSuccess,this.EditDepartmentFormOptions.OnErrorHandler=this.onEditDepartmentError,this.EditDepartmentFormOptions.PagingReference=this.pagingElement,this.DepartmentId=e,this.DepartmentService.getEditDepartment(t).subscribe((function(e){var t=e.model,n=new v.EnglishArabicDTO;n.Arabic=t.departmentNameDTO.arabic,n.English=t.departmentNameDTO.english,r.EditName=new v.MultiLingualTextBoxOptions,r.EditName.Name="EditName",r.EditName.ArabicLabelKey="NameInArabic",r.EditName.EnglishLabelKey="NameInEnglish",r.EditName.IsRequired=!0,r.EditName.Value=n,r.EditSamAccount=new v.TextBoxOptions,r.EditSamAccount.Name="EditSamAccount",r.EditSamAccount.LabelKey="SamAccount",r.EditSamAccount.Type=v.InputType.Text,r.EditSamAccount.Value=t.samAccount,r.modalService.open(i)}))},e.prototype.showDeleteDepartmentModal=function(e,t){this.UtilityService.startBlockUI(),this.deleteDepartmentId=e,this.modalService.open(t),this.UtilityService.stopBlockUI()},e.prototype.deleteDepartment=function(){var e=this;this.DepartmentService.deleteDepartment(this.deleteDepartmentId).subscribe((function(t){e.deleteDepartmentId="",e.modalService.dismissAll(),e.pagingElement.ReinitializePaging()}),(function(e){}))},e.prototype.ngOnDestroy=function(){this.requestHandlerService.destroyHandler()},e}();Xt.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xt,deps:[{token:B.EnvironmentService},{token:Zt},{token:E.NgbModal},{token:B.AuthService},{token:B.BBSFTranslateService},{token:B.UtilityService},{token:De},{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Component}),Xt.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Xt,selector:"lib-department",viewQueries:[{propertyName:"pagingElement",first:!0,predicate:["DepartmentPagingViewElement"],descendants:!0},{propertyName:"CloseDepartmentModal",first:!0,predicate:["CloseDepartmentModal"],descendants:!0},{propertyName:"CloseEditDepartmentModal",first:!0,predicate:["CloseEditDepartmentModal"],descendants:!0},{propertyName:"CloseDeleteDepartmentModal",first:!0,predicate:["CloseDeleteDepartmentModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\x3c!-- Page Content --\x3e\r\n<div *ngIf="ShowPageContent" class="container-fluid">\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]="DepartmentForm">\r\n          <BBSF-TextBox [options]="searchTextBox" [group]="DepartmentForm"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class="card-toolbar">\r\n        \x3c!-- begin::Menu --\x3e\r\n        <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddDepartmentModal(AddDepartmentModal)">\r\n          <i class="fas fa-plus me-1"></i>\r\n          {{UtilityService.getResourceValue("Add")}}\r\n        </button>\r\n\r\n        \x3c!-- end::Menu --\x3e\r\n      </div>\r\n    </div>\r\n    <div class="card-body py-3">\r\n      <div class="table-responsive">\r\n        \x3c!--begin::Permission list--\x3e\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-150px">{{UtilityService.getResourceValue("SamAccount")}}</th>\r\n              <th class="min-w-150px">{{UtilityService.getResourceValue("UsersCount")}}</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\r\n            <tr *ngFor="let Department of DepartmentPagingResult">\r\n\r\n              <td>\r\n                <a href="javascript:void(0)" [routerLink]="[\'/Admin/Departments/DepartmentInfo\',Department.id]" routerLinkActive="router-link-active"\r\n                   class="text-dark">{{Department.departmentName}}</a>\r\n\r\n              </td>\r\n              <td>{{Department.samAccount}}</td>\r\n              <td>{{Department.usersCount}}</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)="showEditDepartmentModal(Department.id,Department.idEncrypted,EditDepartmentModal)">\r\n                      <span class="drop-link px-3">{{UtilityService.getResourceValue("Edit")}}</span>\r\n                    </button>\r\n                    <a ngbDropdownItem class="drop-item px-3"\r\n                       (click)="showDeleteDepartmentModal(Department,deleteDepartmentModal)">\r\n                      <span class="drop-link px-3">{{UtilityService.getResourceValue("Delete")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf="DepartmentPagingResult.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\r\n        \x3c!--end::Permission list--\x3e\r\n      </div>\r\n\r\n    </div>\r\n    <div class="card-footer border-0">\r\n      <BBSF-Paging (Items)="setDepartmentListResult($event)" *ngIf="IsFilterLoaded"\r\n                   [options]="DepartmentPaging" [group]="DepartmentForm" #DepartmentPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n\r\n\x3c!--add Modal--\x3e\r\n<ng-template #AddDepartmentModal 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("Department")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]="AddDepartmentFormOptions">\r\n\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-MultiLingualTextBox [options]="AddName" [group]="AddDepartmentForm"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-TextBox [options]="AddSamAccount" [group]="AddDepartmentForm">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDepartmentModal id="CloseDepartmentModal" 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\x3c!--Edit Modal--\x3e\r\n<ng-template #EditDepartmentModal 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("Department")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]="EditDepartmentFormOptions">\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-MultiLingualTextBox [options]="EditName" [group]="EditDepartmentForm"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-TextBox [options]="EditSamAccount" [group]="EditDepartmentForm">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseEditDepartmentModal id="CloseEditDepartmentModal" 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\x3c!--delete Modal--\x3e\r\n<ng-template #deleteDepartmentModal 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("Delete")}} {{UtilityService.getResourceValue("Department")}}</h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n      <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700">\r\n            {{UtilityService.getResourceValue("Delete_Question")}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="text-center pt-7">\r\n      <button #CloseDeleteDepartmentPtModal id="CloseDeleteDepartmentModal" 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="button" (click)="deleteDepartment()"\r\n              class="btn btn-light-danger btn-sm ">\r\n        {{UtilityService.getResourceValue("Delete")}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵv,selector:"BBSF-Form",inputs:["options"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xt,decorators:[{type:t.Component,args:[{selector:"lib-department",templateUrl:"./department.component.html"}]}],ctorParameters:function(){return[{type:B.EnvironmentService},{type:Zt},{type:E.NgbModal},{type:B.AuthService},{type:B.BBSFTranslateService},{type:B.UtilityService},{type:De},{type:B.RequestHandlerService}]},propDecorators:{pagingElement:[{type:t.ViewChild,args:["DepartmentPagingViewElement",{static:!1}]}],CloseDepartmentModal:[{type:t.ViewChild,args:["CloseDepartmentModal",{static:!1}]}],CloseEditDepartmentModal:[{type:t.ViewChild,args:["CloseEditDepartmentModal",{static:!1}]}],CloseDeleteDepartmentModal:[{type:t.ViewChild,args:["CloseDeleteDepartmentModal",{static:!1}]}]}});var ei=function(){this.UsersIDs=[]},ti=function(){function e(e,t,i,r,n,o,s,a){var l=this;this.activatedRoute=e,this.UtilityService=t,this.DepartmentService=i,this.environmentService=r,this.pageInfoService=n,this.authService=o,this.BBSFTranslateService=s,this.modalService=a,this.ShowPageContent=!1,this.AuthToken="",this.language="",this.ShowToolbar=!0,this.ShowbreadCrumb=!0,this.BreadcrumbTitle=this.UtilityService.getResourceValue("Departments"),this.ApiUrl="/api/admin/Department/",this.UserDepartmentForm=new h.FormGroup({}),this.IsFilterLoaded=!1,this.UserDepartmentPagingResult=[],this.DepartmentId="",this.Department=new Yt,this.AddUsersToDepartmentForm=new h.FormGroup({}),this.activatedRoute.params.subscribe((function(e){l.DepartmentId=e.id}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,this.BBSFTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.UtilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.initializePage(),this.loadBreadCrumpData(),[2]}}))}))},e.prototype.reinitializeUserDepartmentPaging=function(){this.pagingElement.ReinitializePaging()},e.prototype.updateUserDepartmentPaging=function(){this.pagingElement.UpdatePaging()},e.prototype.setUserDepartmentListResult=function(e){this.UserDepartmentPagingResult=e,this.ShowPageContent=!0,this.UtilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.UserDepartmentForm.controls.searchTextBox.setValue(null),this.pagingElement.ReinitializePaging()},e.prototype.loadBreadCrumpData=function(){var e=this;this.DepartmentService.getDepartmentInfo(this.DepartmentId).subscribe((function(t){var i=t;e.SubheaderTitle=i.val.departmentNamec,De.PageTitle=e.SubheaderTitle,De.PageBreadcrumbs=[{title:e.UtilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:e.UtilityService.getResourceValue("Departments"),path:"/Admin/Departments/Departments",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],e.pageInfoService.calculateTitle(),e.pageInfoService.calculateBreadcrumbs()}))},e.prototype.initializePage=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.UtilityService.getResourceValue("SearchByNameOrEmail"),this.DepartmentIdTextBox=new v.TextBoxOptions,this.DepartmentIdTextBox.Name="DepartmentIdTextBox",this.DepartmentIdTextBox.LabelKey="DepartmentIdTextBox",this.DepartmentIdTextBox.Type=v.InputType.Text,this.DepartmentIdTextBox.Value=this.DepartmentId,this.DepartmentIdTextBox.Placeholder=this.UtilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.DepartmentIdTextInputFilter=new v.FilterItem,this.DepartmentIdTextInputFilter.FormControlName="DepartmentIdTextBox",this.DepartmentIdTextInputFilter.ActionParameterName="DepartmentId",this.DepartmentIdTextInputFilter.IsFormControl=!0,this.DepartmentIdTextInputFilter.FilterType=v.FilterType.TextBox,this.UserDepartmentPaging=new v.PagingOptions,this.UserDepartmentPaging.ActionPostURL=this.environmentService.getBaseUrl()+this.ApiUrl+"GetUsersByFilter",this.UserDepartmentPaging.OnKeyPressFiltersControlNames=["searchTextBox","DepartmentIdTextBox"],this.UserDepartmentPaging.Filters=[this.TextInputFilter,this.DepartmentIdTextInputFilter],this.UserDepartmentPaging.PageSize=10,this.UserDepartmentPaging.HidePaginationWhenPageSizeEqualOne=!0,this.UserDepartmentPaging.ShowPageSizeOption=!0,this.UserDepartmentPaging.ShowFirstAndLast=!0,this.UserDepartmentPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.showAddUserToDepartmentModal=function(e){this.UtilityService.startBlockUI(),this.AddUsersToDepartmentForm=new h.FormGroup({}),this.UserAutoComplete=new v.TagsInputOptions,this.UserAutoComplete.Name="UserAutoComplete",this.UserAutoComplete.LabelKey="Users",this.UserAutoComplete.IsRequired=!0,this.UserAutoComplete.Value=null,this.UserAutoComplete.ActionURL=this.environmentService.getBaseUrl()+this.ApiUrl+"AutoCompleteUserList",this.UserAutoComplete.ValidationToken=this.AuthToken,this.modalService.open(e),this.UtilityService.stopBlockUI()},e.prototype.addUserToDepartment=function(){var e=this;if(!this.AddUsersToDepartmentForm.invalid){for(var t=this.AddUsersToDepartmentForm.value,i=new ei,r=0;r<t.UserAutoComplete.length;r++){var n=t.UserAutoComplete[r].key;i.UsersIDs.push(Number(n))}i.DepartmentId=Number(this.DepartmentId),this.DepartmentService.addUsersToDepartment(i).subscribe((function(t){e.modalService.dismissAll(),e.pagingElement.ReinitializePaging()}),(function(e){}))}},e.prototype.showDeleteUserFromDepartmentModal=function(e,t){this.UtilityService.startBlockUI(),this.deleteUserId=e.id,this.modalService.open(t),this.UtilityService.stopBlockUI()},e.prototype.deleteUserFromDepartment=function(){var e=this;this.DepartmentService.deleteUserFromDepartment(this.deleteUserId.toString(),this.DepartmentId).subscribe((function(t){e.deleteUserId=0,e.modalService.dismissAll(),e.pagingElement.ReinitializePaging()}))},e}();ti.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ti,deps:[{token:L.ActivatedRoute},{token:B.UtilityService},{token:Zt},{token:B.EnvironmentService},{token:De},{token:B.AuthService},{token:B.BBSFTranslateService},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),ti.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ti,selector:"lib-department-info",viewQueries:[{propertyName:"pagingElement",first:!0,predicate:["UserDepartmentPagingViewElement"],descendants:!0},{propertyName:"CloseAddUsersToDepartment",first:!0,predicate:["CloseAddUsersToDepartment"],descendants:!0},{propertyName:"CloseDeleteUserFromDepartmentModal",first:!0,predicate:["CloseDeleteUserFromDepartmentModal"],descendants:!0}],ngImport:T,template:'\r\n<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="UserDepartmentForm">\r\n            <BBSF-TextBox [hidden]="true" [options]="DepartmentIdTextBox" [group]="UserDepartmentForm">\r\n            </BBSF-TextBox>\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="UserDepartmentForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddUserToDepartmentModal(AddUserToDepartmentModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{UtilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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("Email")}}</th>\r\n                <th class="min-w-150px">{{UtilityService.getResourceValue("Roles")}}</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\r\n              <tr *ngFor="let user of UserDepartmentPagingResult">\r\n\r\n                <td>\r\n                  <span *ngIf="language==\'en\'" class="text-dark">{{user.name.english}}</span>\r\n                  <span *ngIf="language==\'ar\'" class="text-dark">{{user.name.arabic}}</span>\r\n\r\n                </td>\r\n                <td>{{user.email}}</td>\r\n                <td>{{user.userPermsets}}</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                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteUserFromDepartmentModal(user,deleteUserDepartmentModal)">\r\n                        <span class="drop-link px-3">{{UtilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="UserDepartmentPagingResult.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          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setUserDepartmentListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="UserDepartmentPaging" [group]="UserDepartmentForm" #UserDepartmentPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteUserDepartmentModal 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("Delete")}} {{UtilityService.getResourceValue("User")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{UtilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteUserFromDepartmentModal id="CloseDeleteUserFromDepartmentModal" 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="button" (click)="deleteUserFromDepartment()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{UtilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddUserToDepartmentModal 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("User")}} </h1>\r\n      </div>\r\n      <form [formGroup]="AddUsersToDepartmentForm"\r\n            (ngSubmit)="addUserToDepartment()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TagsInput [options]="UserAutoComplete" [group]="AddUsersToDepartmentForm">\r\n            </BBSF-TagsInput>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseAddUsersToDepartment id="CloseAddUsersToDepartment" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵr,selector:"BBSF-TagsInput",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ti,decorators:[{type:t.Component,args:[{selector:"lib-department-info",templateUrl:"./department-info.component.html"}]}],ctorParameters:function(){return[{type:L.ActivatedRoute},{type:B.UtilityService},{type:Zt},{type:B.EnvironmentService},{type:De},{type:B.AuthService},{type:B.BBSFTranslateService},{type:E.NgbModal}]},propDecorators:{pagingElement:[{type:t.ViewChild,args:["UserDepartmentPagingViewElement",{static:!1}]}],CloseAddUsersToDepartment:[{type:t.ViewChild,args:["CloseAddUsersToDepartment",{static:!1}]}],CloseDeleteUserFromDepartmentModal:[{type:t.ViewChild,args:["CloseDeleteUserFromDepartmentModal",{static:!1}]}]}});var ii=[{path:"",component:Qt,children:[{path:"Departments",component:Xt},{path:"DepartmentInfo/:id",component:ti},{path:"",redirectTo:"Departments",pathMatch:"full"}]}],ri=function(){};ri.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ri,deps:[],target:T.ɵɵFactoryTarget.NgModule}),ri.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ri,imports:[L.RouterModule],exports:[s.RouterModule]}),ri.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ri,imports:[[s.RouterModule.forChild(ii)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ri,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(ii)],exports:[s.RouterModule]}]}]});var ni=function(){};ni.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ni,deps:[],target:T.ɵɵFactoryTarget.NgModule}),ni.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ni,declarations:[Qt,Xt,ti],imports:[ri,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]}),ni.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ni,providers:[l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService],imports:[[ri,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ni,decorators:[{type:t.NgModule,args:[{declarations:[Qt,Xt,ti],imports:[ri,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService]}]}]});var oi=function(){this.Name=new v.EnglishArabicDTO},si=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Sector/"}return e.prototype.AddSector=function(e){return this.http.post(this.ApiUrl+"AddSector",e)},e.prototype.EditSector=function(e){return this.http.post(this.ApiUrl+"EditSector",e)},e.prototype.DeleteSector=function(e){return this.http.post(this.ApiUrl+"DeleteSector",e)},e.prototype.AddDepartmentsToSector=function(e){return this.http.post(this.ApiUrl+"AddDepartmentstoSector",e)},e.prototype.DeleteDepartmentFromSector=function(e){var t=new n.HttpParams;return t=t.append("departmentID",e),this.http.post(this.ApiUrl+"DeleteDepartmentSector",null,t)},e.prototype.GetSectorInfo=function(e){var t=new n.HttpParams;return t=t.append("SectorId",e),this.http.post(this.ApiUrl+"GetSectorInfo",null,t)},e}();si.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:si,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),si.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:si,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:si,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var ai=function(){function e(e,t,i,r,n,o,s,a){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.dataServices=n,this.authService=o,this.SectorService=s,this.modalService=a,this.SubheaderTitle=this.utilityService.getResourceValue("Sectors"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.ApiUrl="/api/admin/Sector/",this.SectorForm=new h.FormGroup({}),this.showFilter=!1,this.SectorPagingResult=[],this.IsFilterLoaded=!1,this.AddSectorForm=new h.FormGroup({}),this.IsAddSectorFormLoaded=!1,this.EditSectorForm=new h.FormGroup({}),this.deleteSectorList=[],this.IsOpenDeleteSectorModal=!1,this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Sectors"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.SectorPaging=new v.PagingOptions,this.SectorPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetSectorsByFilter",this.SectorPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.SectorPaging.Filters=[this.TextInputFilter],this.SectorPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.ReinitializeSectorPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateSectorPaging=function(){this.input.UpdatePaging()},e.prototype.setSectorListResult=function(e){this.SectorPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.SectorForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddSectorModal=function(e){this.utilityService.startBlockUI(),this.AddSectorForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addSector=function(){var e=this;if(!this.AddSectorForm.invalid){var t=this.AddSectorForm.value,i=new oi;i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,this.SectorService.AddSector(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditSectorModal=function(e,t){this.utilityService.startBlockUI(),this.EditSectorForm=new h.FormGroup({});var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.SectorId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editSector=function(){var e=this;if(!this.EditSectorForm.invalid){var t=this.EditSectorForm.value,i=new oi;i.Id=this.SectorId,i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,this.SectorService.EditSector(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteSectorModal=function(e,t){this.deleteSectorList=[],this.deleteSectorList.push(e),this.IsOpenDeleteSectorModal=!1,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteSector=function(){for(var e=this,t=new tt,i=0;i<this.deleteSectorList.length;i++){var r=this.deleteSectorList[i];t.UsersIDs.push(r.id)}this.SectorService.DeleteSector(t).subscribe((function(t){e.deleteSectorList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();ai.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ai,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:it},{token:B.AuthService},{token:si},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),ai.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ai,selector:"lib-sector",viewQueries:[{propertyName:"input",first:!0,predicate:["SectorPagingViewElement"],descendants:!0},{propertyName:"CloseSectorModal",first:!0,predicate:["CloseSectorModal"],descendants:!0},{propertyName:"CloseEditSectorModal",first:!0,predicate:["CloseEditSectorModal"],descendants:!0},{propertyName:"CloseDeleteSectorModal",first:!0,predicate:["CloseDeleteSectorModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="SectorForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="SectorForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddSectorModal(AddSectorModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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-150px">{{utilityService.getResourceValue("Departments")}}</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\r\n              <tr *ngFor="let Sector of SectorPagingResult">\r\n\r\n                <td>\r\n                  <a href="javascript:void(0)" *ngIf="language==\'en\'" [routerLink]="[\'/Admin/Sectors/SectorInfo\',Sector.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Sector.name.english}}</a>\r\n\r\n                  <a href="javascript:void(0)" *ngIf="language==\'ar\'" [routerLink]="[\'/Admin/Sectors/SectorInfo\',Sector.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Sector.name.arabic}}</a>\r\n\r\n                </td>\r\n                <td>{{Sector.departmentCount}}</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                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showEditSectorModal(Sector,EditSectorModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteSectorModal(Sector,deleteSectorModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="SectorPagingResult.length == 0">\r\n                <td colspan="3">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setSectorListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="SectorPaging" [group]="SectorForm" #SectorPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddSectorModal 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("Sector")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddSectorForm"\r\n            (ngSubmit)="addSector()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddSectorForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseSectorModal id="CloseSectorModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditSectorModal 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("Sector")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditSectorForm" (ngSubmit)="editSector()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditSectorForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditSectorModal id="CloseEditSectorModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteSectorModal 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("Delete")}} {{utilityService.getResourceValue("Sector")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteSectorModal id="CloseDeleteSectorModal" 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="button" (click)="deleteSector()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],ai.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ai,decorators:[{type:t.Component,args:[{selector:"lib-sector",templateUrl:"./sector.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:it},{type:B.AuthService},{type:si},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["SectorPagingViewElement",{static:!1}]}],CloseSectorModal:[{type:t.ViewChild,args:["CloseSectorModal",{static:!1}]}],CloseEditSectorModal:[{type:t.ViewChild,args:["CloseEditSectorModal",{static:!1}]}],CloseDeleteSectorModal:[{type:t.ViewChild,args:["CloseDeleteSectorModal",{static:!1}]}],blockUI:[]}});var li=function(){this.DepartmentIDs=[]},di=function(){function e(e,t,i,r,n,o,s,a,l){var d=this;this.authService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.activatedRoute=n,this.dataServices=o,this.sectorService=s,this.pageInfoService=a,this.modalService=l,this.ShowToolbar=!0,this.ShowbreadCrumb=!0,this.BreadcrumbTitle=this.utilityService.getResourceValue("Sectors"),this.Url="/Admin/Sectors/Sector",this.ApiUrl="/api/admin/Sector/",this.filterForm=new h.FormGroup({}),this.DepartmentSectorForm=new h.FormGroup({}),this.showFilter=!1,this.DepartmentSectorPagingResult=[],this.IsFilterLoaded=!1,this.AuthToken="",this.SectorId="",this.PageName="",this.Sector=new oi,this.ShowPageContent=!1,this.AddDepartmentToSectorForm=new h.FormGroup({}),this.language="",this.IsOpenDeleteDepartmentFromSectorModal=!1,this.activatedRoute.params.subscribe((function(e){d.SectorId=e.id,localStorage.setItem("SectorId",d.SectorId)}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.LoadUserList(),[2]}}))}))},e.prototype.ReinitializeDepartmentSectorPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateDepartmentSectorPaging=function(){this.input.UpdatePaging()},e.prototype.setDepartmentSectorListResult=function(e){this.DepartmentSectorPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.DepartmentSectorForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadUserList=function(){var e=this;this.sectorService.GetSectorInfo(this.SectorId).subscribe((function(t){e.IsFilterLoaded=!1;var i=t;e.Sector.Name.English=i.val.name.english,e.Sector.Name.Arabic=i.val.name.arabic,e.SubheaderTitle="en"==e.language?e.Sector.Name.English:e.Sector.Name.Arabic,De.PageTitle=e.SubheaderTitle,De.PageBreadcrumbs=[{title:e.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:e.utilityService.getResourceValue("Sectors"),path:"/Admin/Sectors/Sector",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],e.pageInfoService.calculateTitle(),e.pageInfoService.calculateBreadcrumbs(),e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.SectorIdTextBox=new v.TextBoxOptions,e.SectorIdTextBox.Name="SectorIdTextBox",e.SectorIdTextBox.HideLabel=!0,e.SectorIdTextBox.Type=v.InputType.Text,e.SectorIdTextBox.Value=e.SectorId,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.SectorIdTextInputFilter=new v.FilterItem,e.SectorIdTextInputFilter.FormControlName="SectorIdTextBox",e.SectorIdTextInputFilter.ActionParameterName="SectorId",e.SectorIdTextInputFilter.IsFormControl=!0,e.SectorIdTextInputFilter.FilterType=v.FilterType.TextBox,e.DepartmentSectorPaging=new v.PagingOptions,e.DepartmentSectorPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetDepartmentsByFilter",e.DepartmentSectorPaging.OnKeyPressFiltersControlNames=["searchTextBox","SectorIdTextBox"],e.DepartmentSectorPaging.Filters=[e.TextInputFilter,e.SectorIdTextInputFilter],e.DepartmentSectorPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.showAddDepartmentToSectorModal=function(e){this.utilityService.startBlockUI(),this.AddDepartmentToSectorForm=new h.FormGroup({}),this.DepartmentAutoComplete=new v.TagsInputOptions,this.DepartmentAutoComplete.Name="DepartmentAutoComplete",this.DepartmentAutoComplete.LabelKey="Departments",this.DepartmentAutoComplete.IsRequired=!0,this.DepartmentAutoComplete.Value=null,this.DepartmentAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteDepartmentList",this.DepartmentAutoComplete.ValidationToken=this.AuthToken,this.DepartmentAutoComplete.CanDeleteTags=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addDepartmentToSector=function(){var e=this;if(!this.AddDepartmentToSectorForm.invalid){for(var t=this.AddDepartmentToSectorForm.value,i=new li,r=0;r<t.DepartmentAutoComplete.length;r++){var n=t.DepartmentAutoComplete[r].key;i.DepartmentIDs.push(Number(n))}i.SectorID=Number(this.SectorId),this.sectorService.AddDepartmentsToSector(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showDeleteDepartmentFromSectorModal=function(e,t){this.deleteDepartmentId=e.id,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteDepartmentFromSector=function(){var e=this;this.sectorService.DeleteDepartmentFromSector(this.deleteDepartmentId.toString()).subscribe((function(t){e.deleteDepartmentId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();di.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:di,deps:[{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:L.ActivatedRoute},{token:it},{token:si},{token:De},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),di.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:di,selector:"lib-sector-info",viewQueries:[{propertyName:"input",first:!0,predicate:["UserDepartmentSectorPagingViewElement"],descendants:!0},{propertyName:"CloseAddDepartmentToSector",first:!0,predicate:["CloseAddDepartmentToSector"],descendants:!0},{propertyName:"CloseDeleteDepartmentFromSectorModal",first:!0,predicate:["CloseDeleteDepartmentFromSectorModal"],descendants:!0}],ngImport:T,template:'<block-ui> </block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="DepartmentSectorForm">\r\n            <BBSF-TextBox [hidden]="true" [options]="SectorIdTextBox" [group]="DepartmentSectorForm">\r\n            </BBSF-TextBox>\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="DepartmentSectorForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddDepartmentToSectorModal(AddDepartmentToSectorModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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-150px">{{utilityService.getResourceValue("SamAccount")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("UsersCount")}}</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\r\n              <tr *ngFor="let Department of DepartmentSectorPagingResult">\r\n\r\n                <td>\r\n                  <a href="javascript:void(0)" *ngIf="language==\'en\'" [routerLink]="[\'/Admin/Sectors/DepartmentInfo\',Department.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Department.departmentName.english}}</a>\r\n\r\n                  <a href="javascript:void(0)" *ngIf="language==\'ar\'" [routerLink]="[\'/Admin/Sectors/DepartmentInfo\',Department.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Department.departmentName.arabic}}</a>\r\n\r\n                </td>\r\n                <td>{{Department.samAccount}}</td>\r\n                <td>{{Department.usersCount}}</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                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteDepartmentFromSectorModal(Department,deleteDepartmentModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="DepartmentSectorPagingResult.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\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setDepartmentSectorListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="DepartmentSectorPaging" [group]="DepartmentSectorForm" #UserDepartmentSectorPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddDepartmentToSectorModal 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("Department")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddDepartmentToSectorForm"\r\n            (ngSubmit)="addDepartmentToSector()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TagsInput [options]="DepartmentAutoComplete" [group]="AddDepartmentToSectorForm">\r\n            </BBSF-TagsInput>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseAddDepartmentToSector id="CloseAddDepartmentToSector" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteDepartmentModal 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("Delete")}} {{utilityService.getResourceValue("Department")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteDepartmentFromSectorModal id="CloseDeleteDepartmentFromSectorModal" 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="button" (click)="deleteDepartmentFromSector()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵr,selector:"BBSF-TagsInput",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],di.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:di,decorators:[{type:t.Component,args:[{selector:"lib-sector-info",templateUrl:"./sector-info.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:L.ActivatedRoute},{type:it},{type:si},{type:De},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["UserDepartmentSectorPagingViewElement",{static:!1}]}],blockUI:[],CloseAddDepartmentToSector:[{type:t.ViewChild,args:["CloseAddDepartmentToSector",{static:!1}]}],CloseDeleteDepartmentFromSectorModal:[{type:t.ViewChild,args:["CloseDeleteDepartmentFromSectorModal",{static:!1}]}]}});var ci=function(){function e(e,t,i,r,n,o,s,a,l){var d=this;this.utilityService=e,this.bbsfTranslateService=t,this.environmentService=i,this.activatedRoute=r,this.dataServices=n,this.authService=o,this.departmentService=s,this.pageInfoService=a,this.modalService=l,this.ShowToolbar=!0,this.ShowbreadCrumb=!0,this.BreadcrumbTitle=this.utilityService.getResourceValue("Sectors"),this.BreadcrumbTitleSecond=this.utilityService.getResourceValue("Departments"),this.Url="/Admin/Sectors/Sector",this.SecondUrl="",this.ApiUrl="/api/admin/Department/",this.filterForm=new h.FormGroup({}),this.UserDepartmentForm=new h.FormGroup({}),this.showFilter=!1,this.UserDepartmentPagingResult=[],this.IsFilterLoaded=!1,this.AuthToken="",this.DepartmentId="",this.PageName="",this.Department=new Yt,this.ShowPageContent=!1,this.AddUsersToDepartmentForm=new h.FormGroup({}),this.language="",this.activatedRoute.params.subscribe((function(e){d.DepartmentId=e.id,d.SecondUrl="/Admin/Sectors/SectorInfo/"+localStorage.getItem("SectorId")}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.LoadUserList(),[2]}}))}))},e.prototype.ReinitializeUserDepartmentPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateUserDepartmentPaging=function(){this.input.UpdatePaging()},e.prototype.setUserDepartmentListResult=function(e){this.UserDepartmentPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.UserDepartmentForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadUserList=function(){var e=this;this.departmentService.getDepartmentInfo(this.DepartmentId).subscribe((function(t){e.IsFilterLoaded=!1;var i=t;e.Department.SectorId=i.val.sectorId,e.SubheaderTitle=i.val.departmentName;var r=i.val.sectorName;De.PageTitle=e.SubheaderTitle,De.PageBreadcrumbs=[{title:e.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:e.utilityService.getResourceValue("Sectors"),path:"/Admin/Sectors/Sector",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:r,path:"/Admin/Sectors/SectorInfo/"+e.Department.SectorId,isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],e.pageInfoService.calculateTitle(),e.pageInfoService.calculateBreadcrumbs(),e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByNameOrEmail"),e.DepartmentIdTextBox=new v.TextBoxOptions,e.DepartmentIdTextBox.Name="DepartmentIdTextBox",e.DepartmentIdTextBox.HideLabel=!0,e.DepartmentIdTextBox.Type=v.InputType.Text,e.DepartmentIdTextBox.Value=e.DepartmentId,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.DepartmentIdTextInputFilter=new v.FilterItem,e.DepartmentIdTextInputFilter.FormControlName="DepartmentIdTextBox",e.DepartmentIdTextInputFilter.ActionParameterName="DepartmentId",e.DepartmentIdTextInputFilter.IsFormControl=!0,e.DepartmentIdTextInputFilter.FilterType=v.FilterType.TextBox,e.UserDepartmentPaging=new v.PagingOptions,e.UserDepartmentPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetUsersByFilter",e.UserDepartmentPaging.OnKeyPressFiltersControlNames=["searchTextBox","DepartmentIdTextBox"],e.UserDepartmentPaging.Filters=[e.TextInputFilter,e.DepartmentIdTextInputFilter],e.UserDepartmentPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.showAddUserToDepartmentModal=function(e){this.utilityService.startBlockUI(),this.AddUsersToDepartmentForm=new h.FormGroup({}),this.UserAutoComplete=new v.TagsInputOptions,this.UserAutoComplete.Name="UserAutoComplete",this.UserAutoComplete.LabelKey="Users",this.UserAutoComplete.IsRequired=!0,this.UserAutoComplete.Value=null,this.UserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUserList",this.UserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addUserToDepartment=function(){var e=this;if(!this.AddUsersToDepartmentForm.invalid){for(var t=this.AddUsersToDepartmentForm.value,i=new ei,r=0;r<t.UserAutoComplete.length;r++){var n=t.UserAutoComplete[r].key;i.UsersIDs.push(Number(n))}i.DepartmentId=Number(this.DepartmentId),this.departmentService.addUsersToDepartment(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showDeleteUserFromDepartmentModal=function(e,t){this.utilityService.startBlockUI(),this.deleteUserId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteUserFromDepartment=function(){var e=this;this.departmentService.deleteUserFromDepartment(this.deleteUserId.toString(),this.DepartmentId).subscribe((function(t){e.deleteUserId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();ci.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ci,deps:[{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:L.ActivatedRoute},{token:it},{token:B.AuthService},{token:Zt},{token:De},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),ci.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ci,selector:"lib-department-info",viewQueries:[{propertyName:"input",first:!0,predicate:["UserDepartmentPagingViewElement"],descendants:!0},{propertyName:"CloseAddUsersToDepartment",first:!0,predicate:["CloseAddUsersToDepartment"],descendants:!0},{propertyName:"CloseDeleteUserFromDepartmentModal",first:!0,predicate:["CloseDeleteUserFromDepartmentModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}" class="container-fluid">\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]="UserDepartmentForm">\r\n            <BBSF-TextBox [hidden]="true" [options]="DepartmentIdTextBox" [group]="UserDepartmentForm">\r\n            </BBSF-TextBox>\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="UserDepartmentForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add"  (click)="showAddUserToDepartmentModal(AddUserToDepartmentModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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("Email")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Roles")}}</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\r\n              <tr *ngFor="let user of UserDepartmentPagingResult">\r\n\r\n                <td>\r\n                  <span *ngIf="language==\'en\'" class="text-dark">{{user.name.english}}</span>\r\n                  <span *ngIf="language==\'ar\'" class="text-dark">{{user.name.arabic}}</span>\r\n                </td>\r\n                <td>{{user.email}}</td>\r\n                <td>{{user.userPermsets}}</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                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteUserFromDepartmentModal(user,deleteUserDepartmentModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="UserDepartmentPagingResult.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\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setUserDepartmentListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="UserDepartmentPaging" [group]="UserDepartmentForm" #UserDepartmentPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddUserToDepartmentModal 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("User")}} </h1>\r\n      </div>\r\n      <form [formGroup]="AddUsersToDepartmentForm"\r\n            (ngSubmit)="addUserToDepartment()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TagsInput [options]="UserAutoComplete" [group]="AddUsersToDepartmentForm">\r\n            </BBSF-TagsInput>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseAddUsersToDepartment id="CloseAddUsersToDepartment" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteUserDepartmentModal 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("Delete")}} {{utilityService.getResourceValue("User")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteUserFromDepartmentModal id="CloseDeleteUserFromDepartmentModal" 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="button" (click)="deleteUserFromDepartment()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵr,selector:"BBSF-TagsInput",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ci,decorators:[{type:t.Component,args:[{selector:"lib-department-info",templateUrl:"./department-info.component.html"}]}],ctorParameters:function(){return[{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:L.ActivatedRoute},{type:it},{type:B.AuthService},{type:Zt},{type:De},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["UserDepartmentPagingViewElement",{static:!1}]}],CloseAddUsersToDepartment:[{type:t.ViewChild,args:["CloseAddUsersToDepartment",{static:!1}]}],CloseDeleteUserFromDepartmentModal:[{type:t.ViewChild,args:["CloseDeleteUserFromDepartmentModal",{static:!1}]}]}});var ui=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();ui.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ui,deps:[],target:T.ɵɵFactoryTarget.Component}),ui.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ui,selector:"lib-sectors",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ui,decorators:[{type:t.Component,args:[{selector:"lib-sectors",templateUrl:"./sectors.component.html"}]}],ctorParameters:function(){return[]}});var pi=[{path:"",component:ui,children:[{path:"Sector",component:ai},{path:"SectorInfo/:id",component:di},{path:"DepartmentInfo/:id",component:ci},{path:"",redirectTo:"Sector",pathMatch:"full"}]}],mi=function(){};mi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mi,deps:[],target:T.ɵɵFactoryTarget.NgModule}),mi.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mi,imports:[L.RouterModule],exports:[s.RouterModule]}),mi.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mi,imports:[[s.RouterModule.forChild(pi)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mi,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(pi)],exports:[s.RouterModule]}]}]});var gi=function(){};gi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:gi,deps:[],target:T.ɵɵFactoryTarget.NgModule}),gi.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:gi,declarations:[ui,ai,di,ci],imports:[mi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]}),gi.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:gi,providers:[l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService,si],imports:[[mi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:gi,decorators:[{type:t.NgModule,args:[{declarations:[ui,ai,di,ci],imports:[mi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService,si]}]}]});var hi=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();hi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hi,deps:[],target:T.ɵɵFactoryTarget.Component}),hi.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:hi,selector:"lib-configurations",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hi,decorators:[{type:t.Component,args:[{selector:"lib-configurations",templateUrl:"./configurations.component.html"}]}],ctorParameters:function(){return[]}});var vi=function(){this.ValueSourceName=new v.EnglishArabicDTO,this.ValueTypeName=new v.EnglishArabicDTO},bi=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Configuration/"}return e.prototype.AddConfiguration=function(e){return this.http.post(this.ApiUrl+"AddConfiguration",e)},e.prototype.GetEditConfiguration=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"EditConfiguration",t)},e.prototype.EditConfiguration=function(e){return this.http.post(this.ApiUrl+"EditConfiguration",e)},e.prototype.DeleteConfiguration=function(e){return this.http.post(this.ApiUrl+"DeleteConfiguration",e)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.LoadLookupItems=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"LoadLookupItems",null,t)},e.prototype.LoadSourceFunctionDropDownItems=function(e){return this.http.get(this.ApiUrl+e,null)},e}();bi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:bi,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),bi.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:bi,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:bi,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var yi=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.ConfigurationsService=o,this.modalService=s,this.ApiUrl="/api/admin/Configuration/",this.ConfigurationForm=new h.FormGroup({}),this.showFilter=!1,this.ConfigurationPagingResult=[],this.IsFilterLoaded=!1,this.ScopesList=[],this.PermissionList=[],this.UsersList=[],this.LookupsList=[],this.LookupItemsList=[],this.ValueTypeList=[],this.ValueSourceList=[],this.ShowPermissionList=!1,this.ShowUsersList=!1,this.ShowLookupList=!1,this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!1,this.ShowSourceFunctionPath=!1,this.ShowDropDownSource=!1,this.ShowLookupItemsList=!1,this.ShowSourceFunctionData=!1,this.AddConfigurationForm=new h.FormGroup({}),this.SourceFuncValue=new v.DropdownOptions,this.SourceFuncDefaultValue=new v.DropdownOptions,this.EditConfigurationForm=new h.FormGroup({}),this.EditKey=new v.TextBoxOptions,this.EditTextValue=new v.TextBoxOptions,this.EditTextDefaultValue=new v.TextBoxOptions,this.EditSourcePath=new v.TextBoxOptions,this.EditFunctionSourcePath=new v.TextBoxOptions,this.EditValueToggele=new v.ToggleSlideOptions,this.EditDefaultValueToggele=new v.ToggleSlideOptions,this.EditScope=new v.DropdownOptions,this.EditType=new v.DropdownOptions,this.EditPermissionSet=new v.DropdownOptions,this.EditUser=new v.DropdownOptions,this.EditSource=new v.DropdownOptions,this.EditLookup=new v.DropdownOptions,this.EditLookupValue=new v.DropdownOptions,this.EditLookupDefaultValue=new v.DropdownOptions,this.EditSourceFuncValue=new v.DropdownOptions,this.EditSourceFuncDefaultValue=new v.DropdownOptions,this.deleteConfigurationList=[],this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Configuration"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.LoadDropdownLists=function(){var e=this;this.ConfigurationsService.Loaddropdowns().subscribe((function(t){var i=t;e.ScopesList=i.scopes,e.PermissionList=i.permissionList,e.UsersList=i.users,e.LookupsList=i.lookups,e.ValueTypeList=i.valueType,e.ValueSourceList=i.valueSource,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.searchTextBox.HideLabel=!0,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.ConfigurationPaging=new v.PagingOptions,e.ConfigurationPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetConfigurationsByFilter",e.ConfigurationPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.ConfigurationPaging.Filters=[e.TextInputFilter],e.ConfigurationPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.ReinitializeConfigurationPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateConfigurationPaging=function(){this.input.UpdatePaging()},e.prototype.setConfigurationListResult=function(e){this.ConfigurationPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.ConfigurationForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.ChangeScopeValue=function(e){switch(this.ScopesList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"App":this.ShowPermissionList=!1,this.ShowUsersList=!1,this.AddConfigurationForm.removeControl("User"),this.AddConfigurationForm.removeControl("PermissionSet");break;case"Permission set":this.ShowPermissionList=!0,this.ShowUsersList=!1,this.AddConfigurationForm.removeControl("User");break;case"User":this.ShowPermissionList=!1,this.ShowUsersList=!0,this.AddConfigurationForm.removeControl("PermissionSet")}},e.prototype.ChangeTypeValue=function(e){switch(this.ValueTypeList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"Text":this.ShowValueAndDefaultValue=!0,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!1,this.ShowDropDownSource=!1,this.ShowLookupList=!1,this.ShowLookupItemsList=!1,this.AddConfigurationForm.removeControl("Source");break;case"Toggle":this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!0,this.ShowSourcePath=!1,this.ShowDropDownSource=!1,this.ShowLookupList=!1,this.ShowLookupItemsList=!1,this.AddConfigurationForm.removeControl("Source");break;case"Partial View":this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!0,this.ShowDropDownSource=!1,this.ShowLookupList=!1,this.ShowLookupItemsList=!1,this.AddConfigurationForm.removeControl("Source");break;case"Dropdown List":this.ShowLookupList=!1,this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!1,this.ShowDropDownSource=!0}},e.prototype.ChangeSource=function(e){switch(this.ValueSourceList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"Lookup":this.ShowLookupList=!0,this.ShowSourceFunctionPath=!1;break;case"Function":this.ShowSourceFunctionPath=!0,this.ShowLookupList=!1,this.ShowLookupItemsList=!1}},e.prototype.ChangeLookup=function(e){var t=this;this.ConfigurationsService.LoadLookupItems(e).subscribe((function(e){var i=e;t.LookupItemsList=i.lookupItems,t.LookupValue=new v.DropdownOptions,t.LookupValue.Name="LookupValue",t.LookupValue.LabelKey="Value",t.LookupValue.SelectedItems=null,t.LookupValue.DataSource=t.LookupItemsList,t.LookupValue.SingleSelection=!0,t.LookupValue.AllowSearchFilter=!0,t.LookupValue.IsRequired=!0,t.LookupValue.ShowAsterisk=!0,t.LookupDefaultValue=new v.DropdownOptions,t.LookupDefaultValue.Name="LookupDefaultValue",t.LookupDefaultValue.LabelKey="DefaultValue",t.LookupDefaultValue.SelectedItems=null,t.LookupDefaultValue.DataSource=t.LookupItemsList,t.LookupDefaultValue.SingleSelection=!0,t.LookupDefaultValue.AllowSearchFilter=!0,t.LookupDefaultValue.IsRequired=!0,t.ShowLookupItemsList=!0}),(function(e){}))},e.prototype.ChangeEditLookup=function(e){var t=this;this.ShowLookupItemsList=!1,this.ConfigurationsService.LoadLookupItems(e).subscribe((function(e){var i=e.lookupItems;t.EditLookupValue=new v.DropdownOptions,t.EditLookupValue.Name="EditLookupValue",t.EditLookupValue.LabelKey="Value",t.EditLookupValue.SelectedItems=null,t.EditLookupValue.DataSource=i,t.EditLookupValue.SingleSelection=!0,t.EditLookupValue.AllowSearchFilter=!0,t.EditLookupValue.IsRequired=!0,t.EditLookupDefaultValue=new v.DropdownOptions,t.EditLookupDefaultValue.Name="EditLookupDefaultValue",t.EditLookupDefaultValue.LabelKey="DefaultValue",t.EditLookupDefaultValue.SelectedItems=null,t.EditLookupDefaultValue.DataSource=i,t.EditLookupDefaultValue.SingleSelection=!0,t.EditLookupDefaultValue.AllowSearchFilter=!0,t.EditLookupDefaultValue.IsRequired=!0,t.ShowLookupItemsList=!0}),(function(e){}))},e.prototype.showAddConfigurationModal=function(e){this.AddConfigurationForm=new h.FormGroup({}),this.ShowPermissionList=!1,this.ShowUsersList=!1,this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!1,this.ShowDropDownSource=!1,this.ShowLookupList=!1,this.ShowLookupItemsList=!1,this.ShowSourceFunctionPath=!1,this.ShowLookupList=!1,this.ShowLookupItemsList=!1,this.utilityService.startBlockUI(),this.Key=new v.TextBoxOptions,this.Key.Name="Key",this.Key.LabelKey="Key",this.Key.Type=v.InputType.Text,this.Key.IsRequired=!0,this.Key.Value=null,this.Value=new v.TextBoxOptions,this.Value.Name="Value",this.Value.LabelKey="Value",this.Value.Type=v.InputType.Text,this.Value.Value=null,this.Value.IsRequired=!0,this.DefaultValue=new v.TextBoxOptions,this.DefaultValue.Name="DefaultValue",this.DefaultValue.LabelKey="DefaultValue",this.DefaultValue.Type=v.InputType.Text,this.DefaultValue.Value=null,this.DefaultValue.IsRequired=!0,this.SourcePath=new v.TextBoxOptions,this.SourcePath.Name="SourcePath",this.SourcePath.LabelValue="SourcePath",this.SourcePath.LabelKey="SourcePath",this.SourcePath.Type=v.InputType.Text,this.SourcePath.Value=null,this.FunctionSourcePath=new v.TextBoxOptions,this.FunctionSourcePath.Name="FunctionSourcePath",this.FunctionSourcePath.LabelValue="SourcePath",this.FunctionSourcePath.LabelKey="SourcePath",this.FunctionSourcePath.Type=v.InputType.Text,this.FunctionSourcePath.Value=null,this.ValueToggel=new v.ToggleSlideOptions,this.ValueToggel.Name="ValueToggel",this.ValueToggel.LabelKey="Value",this.ValueToggel.Value=!1,this.ValueToggel.ViewType=v.ControlLayout.Horizontal,this.DefaultValueToggel=new v.ToggleSlideOptions,this.DefaultValueToggel.Name="DefaultValueToggel",this.DefaultValueToggel.LabelKey="DefaultValue",this.DefaultValueToggel.Value=!1,this.DefaultValueToggel.ViewType=v.ControlLayout.Horizontal,this.Scope=new v.DropdownOptions,this.Scope.Name="Scope",this.Scope.LabelKey="Scope",this.Scope.SelectedItems=null,this.Scope.DataSource=this.ScopesList,this.Scope.SingleSelection=!0,this.Scope.AllowSearchFilter=!0,this.Scope.IsRequired=!0,this.Type=new v.DropdownOptions,this.Type.Name="Type",this.Type.LabelKey="Type",this.Type.SelectedItems=null,this.Type.DataSource=this.ValueTypeList,this.Type.SingleSelection=!0,this.Type.AllowSearchFilter=!0,this.Type.IsRequired=!0,this.PermissionSet=new v.DropdownOptions,this.PermissionSet.Name="PermissionSet",this.PermissionSet.LabelKey="PermissionSet",this.PermissionSet.SelectedItems=null,this.PermissionSet.DataSource=this.PermissionList,this.PermissionSet.SingleSelection=!0,this.PermissionSet.AllowSearchFilter=!0,this.PermissionSet.IsRequired=!0,this.User=new v.DropdownOptions,this.User.Name="User",this.User.LabelKey="User",this.User.SelectedItems=null,this.User.DataSource=this.UsersList,this.User.SingleSelection=!0,this.User.AllowSearchFilter=!0,this.User.IsRequired=!0,this.Source=new v.DropdownOptions,this.Source.Name="Source",this.Source.LabelKey="Source",this.Source.SelectedItems=null,this.Source.DataSource=this.ValueSourceList,this.Source.SingleSelection=!0,this.Source.AllowSearchFilter=!0,this.Source.IsRequired=!0,this.Lookup=new v.DropdownOptions,this.Lookup.Name="Lookup",this.Lookup.LabelKey="Lookup",this.Lookup.SelectedItems=null,this.Lookup.DataSource=this.LookupsList,this.Lookup.SingleSelection=!0,this.Lookup.AllowSearchFilter=!0,this.Lookup.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addConfiguration=function(){var e=this;if(!this.AddConfigurationForm.invalid){var t=this.AddConfigurationForm.value,i=new vi;i.Key=t.Key,i.ScopeId=Number(t.Scope),i.ValueType=Number(t.Type),i.TextValue=t.Value,i.DefaultTextValue=t.DefaultValue,i.BoolValue=t.ValueToggel,i.DefaultBoolValue=t.DefaultValueToggel,i.SourcePartialViewActionName=t.SourcePath,i.SourceFunctionName=t.FunctionSourcePath,i.UserID=Number(t.User),i.SelectedLookupID=Number(t.Lookup),i.Value=t.LookupValue,i.DefaultValue=t.LookupDefaultValue,i.PermissionSetID=Number(t.PermissionSet),i.ValueSource=Number(t.Source);var r=this.ValueSourceList.filter((function(e){return parseInt(e.key)==i.ValueSource})).map((function(e){return e}))[0];null!=r&&"Function"==r.value&&(i.Value=t.SourceFuncValue,i.DefaultValue=t.SourceFuncDefaultValue),this.ConfigurationsService.AddConfiguration(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditConfigurationModal=function(e,t,i){var r=this;this.EditConfigurationForm=new h.FormGroup({}),this.resetConfigurationFlags(),this.ConfigurationsService.GetEditConfiguration(t).subscribe((function(t){var n=t.model;r.ConfigurationId=e,r.ConfigurationValueType=n.valueType,r.EditKey=new v.TextBoxOptions,r.EditKey.Name="EditKey",r.EditKey.LabelKey="Key",r.EditKey.Type=v.InputType.Text,r.EditKey.IsRequired=!0,r.EditKey.Value=n.key,r.EditKey.MaxLength=256,r.EditKey.IsDisabled=1==r.ProductionMode;var o=r.ValueTypeList.filter((function(e){return parseInt(e.key)==n.valueType})).map((function(e){return e}))[0];switch(r.EditConfigurationTypeName=o.value,r.EditConfigurationTypeName){case"Text":r.ShowValueAndDefaultValue=!0,r.EditTextValue=new v.TextBoxOptions,r.EditTextValue.Name="EditTextValue",r.EditTextValue.LabelKey="Value",r.EditTextValue.Type=v.InputType.Text,r.EditTextValue.Value=n.textValue,r.EditTextValue.IsRequired=!0,r.EditTextDefaultValue=new v.TextBoxOptions,r.EditTextDefaultValue.Name="EditTextDefaultValue",r.EditTextDefaultValue.LabelKey="DefaultValue",r.EditTextDefaultValue.Type=v.InputType.Text,r.EditTextDefaultValue.Value=n.defaultTextValue,r.EditTextDefaultValue.IsRequired=!0;break;case"Toggle":r.ShowValueToggleAndDefaultValue=!0,r.EditValueToggele=new v.ToggleSlideOptions,r.EditValueToggele.Name="EditValueToggele",r.EditValueToggele.LabelKey="Value",r.EditValueToggele.Value=n.boolValue,r.EditValueToggele.ViewType=v.ControlLayout.Horizontal,r.EditDefaultValueToggele=new v.ToggleSlideOptions,r.EditDefaultValueToggele.Name="EditDefaultValueToggele",r.EditDefaultValueToggele.LabelKey="DefaultValue",r.EditDefaultValueToggele.Value=n.defaultBoolValue,r.EditDefaultValueToggele.ViewType=v.ControlLayout.Horizontal;break;case"Dropdown List":var s=r.ValueSourceList.filter((function(e){return parseInt(e.key)==n.valueSource})).map((function(e){return e}))[0];switch(r.EditConfigurationDDLSourceName=s.value,r.EditConfigurationDDLSourceName){case"Lookup":r.ShowLookupList=!0,r.ShowLookupItemsList=!0;var a=r.LookupsList.filter((function(e){return e.key==n.selectedLookupID})).map((function(e){return e.key}))[0];r.EditLookup=new v.DropdownOptions,r.EditLookup.Name="EditLookup",r.EditLookup.LabelKey="Lookup",r.EditLookup.SelectedItems=null,r.EditLookup.DataSource=r.LookupsList,r.EditLookup.SingleSelection=!0,r.EditLookup.AllowSearchFilter=!0,r.EditLookup.IsRequired=!0,r.EditLookup.SelectedItems=a;var l=t.lookupItemsSource.filter((function(e){return e.key==n.value})).map((function(e){return e.key}))[0];r.EditLookupValue=new v.DropdownOptions,r.EditLookupValue.Name="EditLookupValue",r.EditLookupValue.LabelKey="Value",r.EditLookupValue.DataSource=t.lookupItemsSource,r.EditLookupValue.SingleSelection=!0,r.EditLookupValue.AllowSearchFilter=!0,r.EditLookupValue.IsRequired=!0,r.EditLookupValue.SelectedItems=l;var d=t.lookupItemsSource.filter((function(e){return e.key==n.defaultValue})).map((function(e){return e.key}))[0];r.EditLookupDefaultValue=new v.DropdownOptions,r.EditLookupDefaultValue.Name="EditLookupDefaultValue",r.EditLookupDefaultValue.LabelKey="DefaultValue",r.EditLookupDefaultValue.DataSource=t.lookupItemsSource,r.EditLookupDefaultValue.SingleSelection=!0,r.EditLookupDefaultValue.AllowSearchFilter=!0,r.EditLookupDefaultValue.IsRequired=!0,r.EditLookupDefaultValue.SelectedItems=d;break;case"Function":r.EditFunctionSourcePath=new v.TextBoxOptions,r.EditFunctionSourcePath.Name="EditFunctionSourcePath",r.EditFunctionSourcePath.LabelKey="SourcePath",r.EditFunctionSourcePath.Type=v.InputType.Text,r.EditFunctionSourcePath.Value=n.sourceFunctionName,r.EditFunctionSourcePath.IsRequired=!0,r.ConfigurationsService.LoadSourceFunctionDropDownItems(n.sourceFunctionName).subscribe((function(e){var t=e.filter((function(e){return e.key==n.value})).map((function(e){return e.key}))[0];r.EditSourceFuncValue=new v.DropdownOptions,r.EditSourceFuncValue.Name="EditSourceFuncValue",r.EditSourceFuncValue.LabelKey="Value",r.EditSourceFuncValue.DataSource=e,r.EditSourceFuncValue.SingleSelection=!0,r.EditSourceFuncValue.AllowSearchFilter=!0,r.EditSourceFuncValue.IsRequired=!0,r.EditSourceFuncValue.SelectedItems=t;var i=e.filter((function(e){return e.key==n.defaultValue})).map((function(e){return e.key}))[0];r.EditSourceFuncDefaultValue=new v.DropdownOptions,r.EditSourceFuncDefaultValue.Name="EditSourceFuncDefaultValue",r.EditSourceFuncDefaultValue.LabelKey="DefaultValue",r.EditSourceFuncDefaultValue.DataSource=e,r.EditSourceFuncDefaultValue.SingleSelection=!0,r.EditSourceFuncDefaultValue.AllowSearchFilter=!0,r.EditSourceFuncDefaultValue.IsRequired=!0,r.EditSourceFuncDefaultValue.SelectedItems=i,r.ShowSourceFunctionPath=!0}),(function(e){}))}}var c=r.ScopesList.filter((function(e){return parseInt(e.key)==n.scopeId})).map((function(e){return e}))[0];switch(r.EditConfigurationScopeName=c.value,r.EditConfigurationScopeName){case"Permission set":r.ShowPermissionList=!0;var u=r.PermissionList.filter((function(e){return e.key==n.permissionSetID})).map((function(e){return e.key}))[0];r.EditPermissionSet=new v.DropdownOptions,r.EditPermissionSet.Name="EditPermissionSet",r.EditPermissionSet.LabelKey="PermissionSet",r.EditPermissionSet.SelectedItems=null,r.EditPermissionSet.DataSource=r.PermissionList,r.EditPermissionSet.SingleSelection=!0,r.EditPermissionSet.AllowSearchFilter=!0,r.EditPermissionSet.IsRequired=!0,r.EditPermissionSet.SelectedItems=u;break;case"User":r.ShowUsersList=!0;var p=r.UsersList.filter((function(e){return e.key==n.userID})).map((function(e){return e.key}))[0];r.EditUser=new v.DropdownOptions,r.EditUser.Name="EditUser",r.EditUser.LabelKey="User",r.EditUser.SelectedItems=null,r.EditUser.DataSource=r.UsersList,r.EditUser.SingleSelection=!0,r.EditUser.AllowSearchFilter=!0,r.EditUser.IsRequired=!0,r.EditUser.SelectedItems=p}r.modalService.open(i)}),(function(e){}))},e.prototype.resetConfigurationFlags=function(){this.ShowPermissionList=!1,this.ShowUsersList=!1,this.ShowLookupList=!1,this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!1,this.ShowSourceFunctionPath=!1,this.ShowDropDownSource=!1,this.ShowLookupItemsList=!1,this.ShowSourceFunctionData=!1},e.prototype.SearchForFunction=function(e){var t=this;void 0===e&&(e=!0);var i=e?this.AddConfigurationForm.value:this.EditConfigurationForm.value,r=e?i.FunctionSourcePath:i.EditFunctionSourcePath;this.ConfigurationsService.LoadSourceFunctionDropDownItems(r).subscribe((function(i){e?(t.SourceFuncValue=new v.DropdownOptions,t.SourceFuncValue.Name="SourceFuncValue",t.SourceFuncValue.LabelKey="Value",t.SourceFuncValue.DataSource=i,t.SourceFuncValue.SingleSelection=!0,t.SourceFuncValue.AllowSearchFilter=!0,t.SourceFuncValue.IsRequired=!0,t.SourceFuncDefaultValue=new v.DropdownOptions,t.SourceFuncDefaultValue.Name="SourceFuncDefaultValue",t.SourceFuncDefaultValue.LabelKey="DefaultValue",t.SourceFuncDefaultValue.DataSource=i,t.SourceFuncDefaultValue.SingleSelection=!0,t.SourceFuncDefaultValue.AllowSearchFilter=!0,t.SourceFuncDefaultValue.IsRequired=!0,t.ShowSourceFunctionData=!0):(t.EditSourceFuncValue=new v.DropdownOptions,t.EditSourceFuncValue.Name="EditSourceFuncValue",t.EditSourceFuncValue.LabelKey="Value",t.EditSourceFuncValue.DataSource=i,t.EditSourceFuncValue.SingleSelection=!0,t.EditSourceFuncValue.AllowSearchFilter=!0,t.EditSourceFuncValue.IsRequired=!0,t.EditSourceFuncDefaultValue=new v.DropdownOptions,t.EditSourceFuncDefaultValue.Name="EditSourceFuncDefaultValue",t.EditSourceFuncDefaultValue.LabelKey="DefaultValue",t.EditSourceFuncDefaultValue.DataSource=i,t.EditSourceFuncDefaultValue.SingleSelection=!0,t.EditSourceFuncDefaultValue.AllowSearchFilter=!0,t.EditSourceFuncDefaultValue.IsRequired=!0)}),(function(e){}))},e.prototype.editConfiguration=function(){var e=this;if(!this.EditConfigurationForm.invalid){var t=this.EditConfigurationForm.value;console.log(t);var i=new vi;switch(i.ID=this.ConfigurationId,i.ValueType=this.ConfigurationValueType,0==this.ProductionMode&&(i.Key=t.EditKey),console.log(this.EditConfigurationTypeName),this.EditConfigurationTypeName){case"Text":i.TextValue=t.EditTextValue,i.DefaultTextValue=t.EditTextDefaultValue;break;case"Toggle":i.BoolValue=t.EditValueToggele,i.DefaultBoolValue=t.EditDefaultValueToggele;break;case"Dropdown List":"Lookup"==this.EditConfigurationDDLSourceName?(i.SelectedLookupID=Number(t.EditLookup),i.Value=t.EditLookupValue,i.DefaultValue=t.EditLookupDefaultValue):"Function"==this.EditConfigurationDDLSourceName&&(i.SourceFunctionName=t.EditFunctionSourcePath,i.Value=t.EditSourceFuncValue,i.DefaultValue=t.EditSourceFuncDefaultValue)}"User"==this.EditConfigurationScopeName?(console.log(Number(t.EditUser)),i.UserID=Number(t.EditUser)):"Permission set"==this.EditConfigurationScopeName&&(i.PermissionSetID=Number(t.EditPermissionSet)),this.ConfigurationsService.EditConfiguration(i).subscribe((function(t){e.modalService.dismissAll(),e.resetConfigurationFlags(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteConfigurationModal=function(e,t){this.utilityService.startBlockUI(),this.deleteConfigurationList=[],this.deleteConfigurationList.push(e),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteConfiguration=function(){for(var e=this,t=new tt,i=0;i<this.deleteConfigurationList.length;i++){var r=this.deleteConfigurationList[i];t.UsersIDs.push(r.id)}this.ConfigurationsService.DeleteConfiguration(t).subscribe((function(t){e.deleteConfigurationList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();yi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:yi,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:bi},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),yi.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:yi,selector:"lib-configuration",viewQueries:[{propertyName:"input",first:!0,predicate:["ConfigurationPagingViewElement"],descendants:!0},{propertyName:"CloseConfigurationModal",first:!0,predicate:["CloseConfigurationModal"],descendants:!0},{propertyName:"CloseEditConfigurationModal",first:!0,predicate:["CloseEditConfigurationModal"],descendants:!0},{propertyName:"CloseDeleteConfigurationModal",first:!0,predicate:["CloseDeleteConfigurationModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div class="container-fluid">\r\n\r\n    <div *ngIf="ShowPageContent">\r\n      \x3c!-- begin::Header --\x3e\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]="ConfigurationForm">\r\n              <BBSF-TextBox [options]="searchTextBox" [group]="ConfigurationForm"></BBSF-TextBox>\r\n            </form>\r\n          </div>\r\n          <div class="card-toolbar">\r\n            \x3c!-- begin::Menu --\x3e\r\n            <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddConfigurationModal(AddConfigurationModal)">\r\n              <i class="fas fa-plus me-1"></i>\r\n              {{utilityService.getResourceValue("Add")}}\r\n            </button>\r\n            \x3c!-- end::Menu --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!-- end::Header --\x3e\r\n        \x3c!-- begin::Body --\x3e\r\n        <div class="card-body py-3">\r\n          \x3c!-- begin::Table container --\x3e\r\n          <div class="table-responsive">\r\n            \x3c!-- begin::Table --\x3e\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("Key")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Value")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Type")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Scope")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("UserPermissionSet")}}</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 Configuration of ConfigurationPagingResult">\r\n\r\n                  <td class="text-dark">{{Configuration.key}}</td>\r\n                  <td>{{Configuration.value}}</td>\r\n                  <td *ngIf="language==\'ar\'"> {{Configuration.valueTypeName.arabic}}</td>\r\n                  <td *ngIf="language==\'en\'"> {{Configuration.valueTypeName.english}}</td>\r\n                  <td>{{Configuration.scopeName}}</td>\r\n                  <td>{{Configuration.permissionSetName}}</td>\r\n                  <td>\r\n                    <div>\r\n                      <button mat-button [matMenuTriggerFor]="config" 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 #config="matMenu">\r\n                        <button class="drop-item px-3" ngbDropdownItem\r\n                                (click)="showEditConfigurationModal(Configuration.id,Configuration.idEncrypted, EditConfigurationModal)">\r\n                          <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                        </button>\r\n                        <button ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                                (click)="showDeleteConfigurationModal(Configuration, deleteConfigurationModal)">\r\n                          <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                        </button>\r\n                      </mat-menu>\r\n                    </div>\r\n                  </td>\r\n                </tr>\r\n                <tr *ngIf="ConfigurationPagingResult.length == 0">\r\n                  <td colspan="6">\r\n                    <lib-empty-data></lib-empty-data>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n            \x3c!-- end::Table --\x3e\r\n          </div>\r\n          \x3c!-- end::Table container --\x3e\r\n\r\n        </div>\r\n        \x3c!-- begin paging--\x3e\r\n        <div class="card-footer border-0">\r\n          <BBSF-Paging (Items)="setConfigurationListResult($event)" *ngIf="IsFilterLoaded"\r\n                       [options]="ConfigurationPaging" [group]="ConfigurationForm" #ConfigurationPagingViewElement>\r\n          </BBSF-Paging>\r\n        </div>\r\n        \x3c!-- End paging--\x3e\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddConfigurationModal 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("AddConfiguration")}}</h1>\r\n      </div>\r\n\r\n      <form [formGroup]="AddConfigurationForm"\r\n            (ngSubmit)="addConfiguration()">\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="Key" [group]="AddConfigurationForm">\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]="Scope" (OnChange)="ChangeScopeValue($event)" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="Type" (OnChange)="ChangeTypeValue($event)" [group]="AddConfigurationForm">\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-TextBox [options]="Value" *ngIf="ShowValueAndDefaultValue" [group]="AddConfigurationForm">\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-TextBox [options]="DefaultValue" *ngIf="ShowValueAndDefaultValue" [group]="AddConfigurationForm">\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-Toggleslide [options]="ValueToggel" *ngIf="ShowValueToggleAndDefaultValue" [group]="AddConfigurationForm">\r\n            </BBSF-Toggleslide>\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]="DefaultValueToggel" *ngIf="ShowValueToggleAndDefaultValue" [group]="AddConfigurationForm">\r\n            </BBSF-Toggleslide>\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]="Source" *ngIf="ShowDropDownSource" (OnChange)="ChangeSource($event)" [group]="AddConfigurationForm">\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-TextBox [options]="SourcePath" *ngIf="ShowSourcePath" [group]="AddConfigurationForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="ShowSourceFunctionPath">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="FunctionSourcePath" [group]="AddConfigurationForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <button type="button" (click)="SearchForFunction(true)">\r\n              <span class="float-right"><i class="fa fa-search"></i></span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="SourceFuncValue" *ngIf="ShowSourceFunctionData" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="SourceFuncDefaultValue" *ngIf="ShowSourceFunctionData" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="Lookup" *ngIf="ShowLookupList" (OnChange)="ChangeLookup($event)" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="LookupValue" *ngIf="ShowLookupItemsList" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="LookupDefaultValue" *ngIf="ShowLookupItemsList" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="PermissionSet" *ngIf="ShowPermissionList" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="User" *ngIf="ShowUsersList" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseConfigurationModal id="CloseConfigurationModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditConfigurationModal 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("Configuration")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditConfigurationForm" (ngSubmit)="editConfiguration()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditKey" [group]="EditConfigurationForm">\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-TextBox [options]="EditTextValue" *ngIf="ShowValueAndDefaultValue" [group]="EditConfigurationForm">\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-TextBox [options]="EditTextDefaultValue" *ngIf="ShowValueAndDefaultValue" [group]="EditConfigurationForm">\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-Toggleslide [options]="EditValueToggele" *ngIf="ShowValueToggleAndDefaultValue" [group]="EditConfigurationForm">\r\n            </BBSF-Toggleslide>\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]="EditDefaultValueToggele" *ngIf="ShowValueToggleAndDefaultValue" [group]="EditConfigurationForm">\r\n            </BBSF-Toggleslide>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="ShowSourceFunctionPath">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditFunctionSourcePath" [group]="EditConfigurationForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <button type="button" (click)="SearchForFunction(false)">\r\n              <span class="float-right"><i class="fa fa-search"></i></span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditSourceFuncValue" *ngIf="ShowSourceFunctionPath" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditSourceFuncDefaultValue" *ngIf="ShowSourceFunctionPath" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditLookup" *ngIf="ShowLookupList" (OnChange)="ChangeEditLookup($event)" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditLookupValue" *ngIf="ShowLookupItemsList" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditLookupDefaultValue" *ngIf="ShowLookupItemsList" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditPermissionSet" *ngIf="ShowPermissionList" [group]="EditConfigurationForm">\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-DropdownList [options]="EditUser" *ngIf="ShowUsersList" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditConfigurationModal id="CloseEditConfigurationModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--deleted Modal--\x3e\r\n  <ng-template #deleteConfigurationModal 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("Delete")}} {{utilityService.getResourceValue("Configuration")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n    \r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n             {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteConfigurationModal id="CloseDeleteConfigurationModal" 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="button" (click)="deleteConfiguration()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵj,selector:"BBSF-Toggleslide",inputs:["group","options"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:yi,decorators:[{type:t.Component,args:[{selector:"lib-configuration",templateUrl:"./configuration.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:bi},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["ConfigurationPagingViewElement",{static:!1}]}],CloseConfigurationModal:[{type:t.ViewChild,args:["CloseConfigurationModal",{static:!1}]}],CloseEditConfigurationModal:[{type:t.ViewChild,args:["CloseEditConfigurationModal",{static:!1}]}],CloseDeleteConfigurationModal:[{type:t.ViewChild,args:["CloseDeleteConfigurationModal",{static:!1}]}]}});var Si=[{path:"",component:hi,children:[{path:"Configuration",component:yi},{path:"",redirectTo:"Configuration",pathMatch:"full"}]}],fi=function(){};fi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:fi,deps:[],target:T.ɵɵFactoryTarget.NgModule}),fi.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:fi,imports:[L.RouterModule],exports:[s.RouterModule]}),fi.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:fi,imports:[[s.RouterModule.forChild(Si)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:fi,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Si)],exports:[s.RouterModule]}]}]});var Ii=function(){};Ii.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ii,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Ii.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ii,declarations:[hi,yi],imports:[fi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,l.BBSFUtilitiesModule,Qe]}),Ii.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ii,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,bi],imports:[[fi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,l.BBSFUtilitiesModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ii,decorators:[{type:t.NgModule,args:[{declarations:[hi,yi],imports:[fi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,l.BBSFUtilitiesModule,Qe],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,bi]}]}]});var xi=function(){this.Description=new v.EnglishArabicDTO,this.ParticipantName=new v.EnglishArabicDTO,this.ParticipantTypeItemName=new v.EnglishArabicDTO},Fi=function(){this.SourceParticipantDTO=new xi,this.DestinationParticipantDTO=new xi},Ti=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/ImpersonationRule/"}return e.prototype.AddImpersonationRule=function(e){return this.http.post(this.ApiUrl+"AddImpersonationRule",e)},e.prototype.EditImpersonationRule=function(e){return this.http.post(this.ApiUrl+"EditImpersonationRule",e)},e.prototype.DeleteImpersonationRule=function(e){return this.http.post(this.ApiUrl+"DeleteImpersonationRule",e)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e}();Ti.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ti,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Ti.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ti,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ti,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Ai=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.ImpersonationRuleService=o,this.modalService=s,this.SubheaderTitle=this.utilityService.getResourceValue("ImpersonationRules"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.ApiUrl="/api/admin/ImpersonationRule/",this.ImpersonationForm=new h.FormGroup({}),this.showFilter=!1,this.ImpersonationPagingResult=[],this.IsFilterLoaded=!1,this.PermissionSetList=[],this.ParticipantTypeList=[],this.AddImpersonationForm=new h.FormGroup({}),this.ShowSourcePermissionList=!1,this.ShowSourceUserAutoComplete=!1,this.ShowDestinationPermissionList=!1,this.ShowDestinationUserAutoComplete=!1,this.EditImpersonationForm=new h.FormGroup({}),this.EditShowSourcePermissionList=!1,this.EditShowSourceUserAutoComplete=!1,this.EditShowDestinationPermissionList=!1,this.EditShowDestinationUserAutoComplete=!1,this.deleteImpersonationList=[],this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("ImpersonationRules"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.DestinationParticipant=function(e){switch(this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"PermissionSet":this.ShowDestinationPermissionList=!0,this.ShowDestinationUserAutoComplete=!1;break;case"User":this.ShowDestinationPermissionList=!1,this.ShowDestinationUserAutoComplete=!0}},e.prototype.SourceParticipant=function(e){switch(this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"PermissionSet":this.ShowSourcePermissionList=!0,this.ShowSourceUserAutoComplete=!1;break;case"User":this.ShowSourcePermissionList=!1,this.ShowSourceUserAutoComplete=!0}},e.prototype.EditDestinationParticipant=function(e){switch(this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"PermissionSet":this.EditShowDestinationPermissionList=!0,this.EditShowDestinationUserAutoComplete=!1;break;case"User":this.EditShowDestinationPermissionList=!1,this.EditShowDestinationUserAutoComplete=!0}},e.prototype.EditSourceParticipant=function(e){switch(this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"PermissionSet":this.EditShowSourcePermissionList=!0,this.EditShowSourceUserAutoComplete=!1;break;case"User":this.EditShowSourcePermissionList=!1,this.EditShowSourceUserAutoComplete=!0}},e.prototype.LoadDropdownLists=function(){var e=this;this.ImpersonationRuleService.Loaddropdowns().subscribe((function(t){var i=t;e.PermissionSetList=i.permissionList,e.ParticipantTypeList=i.participantTypeList,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.ImpersonationPaging=new v.PagingOptions,e.ImpersonationPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetImpersonationRuleByFilter",e.ImpersonationPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.ImpersonationPaging.Filters=[e.TextInputFilter],e.ImpersonationPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.ReinitializeSectorPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateSectorPaging=function(){this.input.UpdatePaging()},e.prototype.setImpersonationListResult=function(e){this.ImpersonationPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.ImpersonationForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddImpersonationModal=function(e){this.AddImpersonationForm=new h.FormGroup({}),this.ShowDestinationPermissionList=!1,this.ShowDestinationUserAutoComplete=!1,this.ShowSourcePermissionList=!1,this.ShowSourceUserAutoComplete=!1,this.utilityService.startBlockUI(),this.SourceParticipantType=new v.DropdownOptions,this.SourceParticipantType.Name="SourceParticipantType",this.SourceParticipantType.LabelKey="SourceParticipantType",this.SourceParticipantType.SelectedItems=null,this.SourceParticipantType.DataSource=this.ParticipantTypeList,this.SourceParticipantType.SingleSelection=!0,this.SourceParticipantType.AllowSearchFilter=!0,this.SourceParticipantType.IsRequired=!0,this.DestinationParticipantType=new v.DropdownOptions,this.DestinationParticipantType.Name="DestinationParticipantType",this.DestinationParticipantType.LabelKey="DestinationParticipantType",this.DestinationParticipantType.SelectedItems=null,this.DestinationParticipantType.DataSource=this.ParticipantTypeList,this.DestinationParticipantType.SingleSelection=!0,this.DestinationParticipantType.AllowSearchFilter=!0,this.DestinationParticipantType.IsRequired=!0,this.SourcePermissionSetList=new v.DropdownOptions,this.SourcePermissionSetList.Name="SourcePermissionSetList",this.SourcePermissionSetList.LabelKey="SourcePermissionSetList",this.SourcePermissionSetList.SelectedItems=null,this.SourcePermissionSetList.DataSource=this.PermissionSetList,this.SourcePermissionSetList.SingleSelection=!0,this.SourcePermissionSetList.AllowSearchFilter=!0,this.SourcePermissionSetList.IsRequired=!0,this.DestinationPermissionSetList=new v.DropdownOptions,this.DestinationPermissionSetList.Name="DestinationPermissionSetList",this.DestinationPermissionSetList.LabelValue="DestinationPermissionSetList",this.DestinationPermissionSetList.LabelKey="DestinationPermissionSetList",this.DestinationPermissionSetList.SelectedItems=null,this.DestinationPermissionSetList.DataSource=this.PermissionSetList,this.DestinationPermissionSetList.SingleSelection=!0,this.DestinationPermissionSetList.AllowSearchFilter=!0,this.DestinationPermissionSetList.IsRequired=!0,this.SourceUserAutoComplete=new v.AutocompleteOptions,this.SourceUserAutoComplete.Name="SourceUserAutoComplete",this.SourceUserAutoComplete.LabelKey="User",this.SourceUserAutoComplete.Type=v.InputType.Text,this.SourceUserAutoComplete.IsRequired=!0,this.SourceUserAutoComplete.Value=null,this.SourceUserAutoComplete.ForceDirection=v.ForceDirection.English,this.SourceUserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUser",this.SourceUserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.DestinationUserAutoComplete=new v.AutocompleteOptions,this.DestinationUserAutoComplete.Name="DestinationUserAutoComplete",this.DestinationUserAutoComplete.LabelKey="User",this.DestinationUserAutoComplete.Type=v.InputType.Text,this.DestinationUserAutoComplete.IsRequired=!0,this.DestinationUserAutoComplete.Value=null,this.DestinationUserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUser",this.DestinationUserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.IsActive=new v.CheckBoxOptions,this.IsActive.Name="IsActive",this.IsActive.LabelKey="Active",this.IsActive.IsDisabled=!0,this.IsActive.Value=!0,this.ExpiresAt=new v.DatePickerOptions,this.ExpiresAt.Name="ExpiresAt",this.ExpiresAt.LabelKey="ExpiresAt",this.ExpiresAt.IsRequired=!0,this.ExpiresAt.StartView=v.StartView.Month,this.ExpiresAt.PickerType=v.PickerType.Calendar,this.ExpiresAt.SelectMode=v.SelectMode.Single,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addImpersonation=function(){var e=this,t=this.AddImpersonationForm.value,i=new Fi;i.SourceParticipantDTO.ParticipantTypeItemID=Number(t.SourceParticipantType),i.DestinationParticipantDTO.ParticipantTypeItemID=Number(t.DestinationParticipantType),i.ExpiresAt=t.ExpiresAt,i.IsActive=t.IsActive,null!=t.DestinationUserAutoComplete&&null!=t.DestinationUserAutoComplete&&(i.DestinationParticipantDTO.UserID=Number(t.DestinationUserAutoComplete.key)),i.DestinationParticipantDTO.PermissionSetID=Number(t.DestinationPermissionSetList),null!=t.SourceUserAutoComplete&&null!=t.SourceUserAutoComplete&&(i.SourceParticipantDTO.UserID=Number(t.SourceUserAutoComplete.key)),i.SourceParticipantDTO.PermissionSetID=Number(t.SourcePermissionSetList),this.ImpersonationRuleService.AddImpersonationRule(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.showEditImpersonationModal=function(e,t){this.EditImpersonationForm=new h.FormGroup({}),this.EditShowDestinationPermissionList=!1,this.EditShowDestinationUserAutoComplete=!1,this.EditShowSourcePermissionList=!1,this.EditShowSourceUserAutoComplete=!1,null!=e.sourceParticipantDTO.participantTypeItemID&&e.destinationParticipantDTO.participantTypeItemID&&(this.EditDestinationParticipant(e.destinationParticipantDTO.participantTypeItemID),this.EditSourceParticipant(e.sourceParticipantDTO.participantTypeItemID)),this.utilityService.startBlockUI(),this.ImpersonationId=e.id,this.SourceParticipantId=e.sourceParticipantDTO.id,this.DestinationParticipantId=e.destinationParticipantDTO.id,this.EditSourceParticipantType=new v.DropdownOptions,this.EditSourceParticipantType.Name="EditSourceParticipantType",this.EditSourceParticipantType.LabelKey="SourceParticipantType",this.EditSourceParticipantType.SelectedItems=this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e.sourceParticipantDTO.participantTypeItemID})).map((function(e){return e.key}))[0],this.EditSourceParticipantType.DataSource=this.ParticipantTypeList,this.EditSourceParticipantType.SingleSelection=!0,this.EditSourceParticipantType.AllowSearchFilter=!0,this.EditSourceParticipantType.IsRequired=!0,this.EditDestinationParticipantType=new v.DropdownOptions,this.EditDestinationParticipantType.Name="EditDestinationParticipantType",this.EditDestinationParticipantType.LabelKey="DestinationParticipantType",this.EditDestinationParticipantType.SelectedItems=this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e.destinationParticipantDTO.participantTypeItemID})).map((function(e){return e.key}))[0],this.EditDestinationParticipantType.DataSource=this.ParticipantTypeList,this.EditDestinationParticipantType.SingleSelection=!0,this.EditDestinationParticipantType.AllowSearchFilter=!0,this.EditDestinationParticipantType.IsRequired=!0,this.EditSourcePermissionSetList=new v.DropdownOptions,this.EditSourcePermissionSetList.Name="EditSourcePermissionSetList",this.EditSourcePermissionSetList.LabelKey="SourcePermissionSetList",this.EditSourcePermissionSetList.SelectedItems=this.PermissionSetList.filter((function(t){return parseInt(t.key)==e.sourceParticipantDTO.permissionSetID})).map((function(e){return e.key}))[0],this.EditSourcePermissionSetList.DataSource=this.PermissionSetList,this.EditSourcePermissionSetList.SingleSelection=!0,this.EditSourcePermissionSetList.AllowSearchFilter=!0,this.EditSourcePermissionSetList.IsRequired=!0,this.EditDestinationPermissionSetList=new v.DropdownOptions,this.EditDestinationPermissionSetList.Name="EditDestinationPermissionSetList",this.EditDestinationPermissionSetList.LabelKey="DestinationPermissionSetList",this.EditDestinationPermissionSetList.SelectedItems=this.PermissionSetList.filter((function(t){return parseInt(t.key)==e.destinationParticipantDTO.permissionSetID})).map((function(e){return e.key}))[0],this.EditDestinationPermissionSetList.DataSource=this.PermissionSetList,this.EditDestinationPermissionSetList.SingleSelection=!0,this.EditDestinationPermissionSetList.AllowSearchFilter=!0,this.EditDestinationPermissionSetList.IsRequired=!0,this.EditSourceUserAutoComplete=new v.AutocompleteOptions,this.EditSourceUserAutoComplete.Name="EditSourceUserAutoComplete",this.EditSourceUserAutoComplete.LabelKey="User",this.EditSourceUserAutoComplete.Type=v.InputType.Text,this.EditSourceUserAutoComplete.IsRequired=!0;var i=new v.AutocompleteDTO;i.key=e.sourceParticipantDTO.userID,i.value=e.sourceParticipantDTO.participantName.current,this.EditSourceUserAutoComplete.SelectedValue=i,this.EditSourceUserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUser",this.EditSourceUserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.EditDestinationUserAutoComplete=new v.AutocompleteOptions,this.EditDestinationUserAutoComplete.Name="EditDestinationUserAutoComplete",this.EditDestinationUserAutoComplete.LabelKey="User",this.EditDestinationUserAutoComplete.Type=v.InputType.Text,this.EditDestinationUserAutoComplete.IsRequired=!0;var r=new v.AutocompleteDTO;r.key=e.destinationParticipantDTO.userID,r.value=e.destinationParticipantDTO.participantName.current,this.EditDestinationUserAutoComplete.SelectedValue=r,this.EditDestinationUserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUser",this.EditDestinationUserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.EditIsActive=new v.CheckBoxOptions,this.EditIsActive.Name="EditIsActive",this.EditIsActive.LabelKey="Active",this.EditIsActive.IsDisabled=!0,this.EditIsActive.Value=!0,this.EditExpiresAt=new v.DatePickerOptions,this.EditExpiresAt.Name="EditExpiresAt",this.EditExpiresAt.LabelKey="ExpiresAt",this.EditExpiresAt.IsRequired=!0,this.EditExpiresAt.Value=e.expiresAt,this.EditExpiresAt.StartView=v.StartView.Month,this.EditExpiresAt.PickerType=v.PickerType.Calendar,this.EditExpiresAt.SelectMode=v.SelectMode.Single,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editImpersonation=function(){var e=this;if(!this.EditImpersonationForm.invalid){var t=this.EditImpersonationForm.value,i=new Fi;i.ID=this.ImpersonationId,i.DestinationParticipantDTO.ID=this.DestinationParticipantId,i.SourceParticipantDTO.ID=this.SourceParticipantId,i.SourceParticipantDTO.ParticipantTypeItemID=Number(t.EditSourceParticipantType),i.DestinationParticipantDTO.ParticipantTypeItemID=Number(t.EditDestinationParticipantType),i.ExpiresAt=t.EditExpiresAt,i.IsActive=t.EditIsActive,console.log("Data:"),console.log(t),null!=t.EditDestinationUserAutoComplete&&null!=t.EditDestinationUserAutoComplete&&(i.DestinationParticipantDTO.UserID=Number(t.EditDestinationUserAutoComplete.key)),i.DestinationParticipantDTO.PermissionSetID=Number(t.EditDestinationPermissionSetList),null!=t.EditSourceUserAutoComplete&&null!=t.EditSourceUserAutoComplete&&(i.SourceParticipantDTO.UserID=Number(t.EditSourceUserAutoComplete.key)),i.SourceParticipantDTO.PermissionSetID=Number(t.EditSourcePermissionSetList),this.ImpersonationRuleService.EditImpersonationRule(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteImpersonationModal=function(e,t){this.deleteImpersonationList=[],this.deleteImpersonationList.push(e),this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteImpersonation=function(){for(var e=this,t=new tt,i=0;i<this.deleteImpersonationList.length;i++){var r=this.deleteImpersonationList[i];t.UsersIDs.push(r.id)}this.ImpersonationRuleService.DeleteImpersonationRule(t).subscribe((function(t){e.deleteImpersonationList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();Ai.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ai,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Ti},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Ai.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ai,selector:"lib-impersonation-rules",viewQueries:[{propertyName:"input",first:!0,predicate:["ImpersonationPagingViewElement"],descendants:!0},{propertyName:"CloseImpersonationModal",first:!0,predicate:["CloseImpersonationModal"],descendants:!0},{propertyName:"CloseEditImpersonationModal",first:!0,predicate:["CloseEditImpersonationModal"],descendants:!0},{propertyName:"CloseDeleteImpersonationModal",first:!0,predicate:["CloseDeleteImpersonationModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="ImpersonationForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="ImpersonationForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddImpersonationModal(AddImpersonationModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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("ParticipantType")}}]{{utilityService.getResourceValue("Source")}}</th>\r\n                <th class="min-w-150px"> [{{utilityService.getResourceValue("ParticipantType")}}]{{utilityService.getResourceValue("Destination")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("ExpiresAt")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Active")}}</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\r\n              <tr *ngFor="let Impersonation of ImpersonationPagingResult">\r\n\r\n                <td>\r\n                  <span *ngIf="language==\'ar\'" class="text-dark">\r\n                    [{{Impersonation.sourceParticipantDTO.participantTypeItemName.arabic}}] {{Impersonation.sourceParticipantDTO.participantName.arabic}}\r\n                  </span>\r\n                  <span *ngIf="language==\'en\'" class="text-dark">\r\n                    [{{Impersonation.sourceParticipantDTO.participantTypeItemName.english}}] {{Impersonation.sourceParticipantDTO.participantName.english}}\r\n                  </span>\r\n\r\n                </td>\r\n                <td *ngIf="language==\'ar\'">  [{{Impersonation.destinationParticipantDTO.participantTypeItemName.arabic}}] {{Impersonation.destinationParticipantDTO.participantName.arabic}}</td>\r\n                <td *ngIf="language==\'en\'">[{{Impersonation.destinationParticipantDTO.participantTypeItemName.english}}] {{Impersonation.destinationParticipantDTO.participantName.english}}</td>\r\n\r\n                <td>{{Impersonation.expiresAt}}</td>\r\n                <td>{{Impersonation.isActive}}</td>\r\n\r\n                <td>\r\n\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                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showEditImpersonationModal(Impersonation,EditImpersonationModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteImpersonationModal(Impersonation,deleteImpersonationModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="ImpersonationPagingResult.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\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setImpersonationListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="ImpersonationPaging" [group]="ImpersonationForm" #ImpersonationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddImpersonationModal 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("ImpersonationRule")}}</h1>\r\n      </div>\r\n\r\n      <form [formGroup]="AddImpersonationForm" (ngSubmit)="addImpersonation()">\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="SourceParticipantType" (OnChange)="SourceParticipant($event)" [group]="AddImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="SourcePermissionSetList" *ngIf="ShowSourcePermissionList" [group]="AddImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-AutocompleteTextBox [options]="SourceUserAutoComplete" *ngIf="ShowSourceUserAutoComplete" [group]="AddImpersonationForm">\r\n            </BBSF-AutocompleteTextBox>\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]="DestinationParticipantType" (OnChange)="DestinationParticipant($event)" [group]="AddImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="DestinationPermissionSetList" *ngIf="ShowDestinationPermissionList" [group]="AddImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-AutocompleteTextBox [options]="DestinationUserAutoComplete" *ngIf="ShowDestinationUserAutoComplete" [group]="AddImpersonationForm">\r\n            </BBSF-AutocompleteTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="IsActive" [group]="AddImpersonationForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DateTimePicker [options]="ExpiresAt" [group]="AddImpersonationForm">\r\n\r\n            </BBSF-DateTimePicker>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button CloseImpersonationModal id="CloseImpersonationModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditImpersonationModal 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("ImpersonationRule")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditImpersonationForm"  (ngSubmit)="editImpersonation()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditSourceParticipantType" (OnChange)="EditSourceParticipant($event)" [group]="EditImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditSourcePermissionSetList" *ngIf="EditShowSourcePermissionList" [group]="EditImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-AutocompleteTextBox [options]="EditSourceUserAutoComplete" *ngIf="EditShowSourceUserAutoComplete" [group]="EditImpersonationForm">\r\n            </BBSF-AutocompleteTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditDestinationParticipantType" (OnChange)="EditDestinationParticipant($event)" [group]="EditImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditDestinationPermissionSetList" *ngIf="EditShowDestinationPermissionList" [group]="EditImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-AutocompleteTextBox [options]="EditDestinationUserAutoComplete" *ngIf="EditShowDestinationUserAutoComplete" [group]="EditImpersonationForm">\r\n            </BBSF-AutocompleteTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditIsActive" [group]="EditImpersonationForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DateTimePicker [options]="EditExpiresAt" [group]="EditImpersonationForm">\r\n\r\n            </BBSF-DateTimePicker>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button  #CloseEditImpersonationModal id="CloseEditImpersonationModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteImpersonationModal 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("Delete")}} {{utilityService.getResourceValue("ImpersonationRule")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteImpersonationModal id="CloseDeleteImpersonationModal" 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="button" (click)="deleteImpersonation()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵq,selector:"BBSF-AutocompleteTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵa,selector:"BBSF-DateTimePicker",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ai,decorators:[{type:t.Component,args:[{selector:"lib-impersonation-rules",templateUrl:"./impersonation-rules.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Ti},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["ImpersonationPagingViewElement",{static:!1}]}],CloseImpersonationModal:[{type:t.ViewChild,args:["CloseImpersonationModal",{static:!1}]}],CloseEditImpersonationModal:[{type:t.ViewChild,args:["CloseEditImpersonationModal",{static:!1}]}],CloseDeleteImpersonationModal:[{type:t.ViewChild,args:["CloseDeleteImpersonationModal",{static:!1}]}]}});var wi=function(){};wi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wi,deps:[],target:T.ɵɵFactoryTarget.NgModule}),wi.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wi,declarations:[Ai],imports:[L.RouterModule,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]}),wi.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wi,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ti],imports:[[s.RouterModule.forRoot([{path:"ImpersonationRule",component:Ai},{path:"",redirectTo:"ImpersonationRule",pathMatch:"full"}]),i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wi,decorators:[{type:t.NgModule,args:[{declarations:[Ai],imports:[s.RouterModule.forRoot([{path:"ImpersonationRule",component:Ai},{path:"",redirectTo:"ImpersonationRule",pathMatch:"full"}]),i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ti]}]}]});var Mi=function(){},Li=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Jobs/"}return e.prototype.LoadStatistics=function(){return this.http.get(this.ApiUrl+"GetStatistics")},e}();Li.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Li,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Li.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Li,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Li,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Ci=function(){function e(e,t,i,r,n,o){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.JobsService=o,this.ApiUrl="/api/admin/Jobs/",this.JobCountsModel=new Mi,this.ProductionMode=!1,this.IsStatisticsLoaded=!1,this.EnqueuedForm=new h.FormGroup({}),this.showEnqueuedFilter=!1,this.EnqueuedPagingResult=[],this.IsEnqueuedFilterLoaded=!1,this.ScheduledForm=new h.FormGroup({}),this.ScheduledPagingResult=[],this.IsScheduledFilterLoaded=!1,this.ProcessingForm=new h.FormGroup({}),this.ProcessingPagingResult=[],this.IsProcessingFilterLoaded=!1,this.SucceededForm=new h.FormGroup({}),this.SucceededPagingResult=[],this.IsSucceededFilterLoaded=!1,this.FailedForm=new h.FormGroup({}),this.FailedPagingResult=[],this.IsFailedFilterLoaded=!1,this.DeletedForm=new h.FormGroup({}),this.DeletedPagingResult=[],this.IsDeletedFilterLoaded=!1,this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return De.PageTitle=this.utilityService.getResourceValue("Jobs"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadStatistics(),[2]}}))}))},e.prototype.ReinitializeEnqueuedPaging=function(){this.EnqueuedInput.ReinitializePaging()},e.prototype.UpdateEnqueuedPaging=function(){this.EnqueuedInput.UpdatePaging()},e.prototype.setEnqueuedListResult=function(e){this.EnqueuedPagingResult=e,this.utilityService.startBlockUI()},e.prototype.resetFilters=function(){this.EnqueuedForm.controls.searchTextBox.setValue(null),this.EnqueuedInput.ReinitializePaging()},e.prototype.ReinitializeScheduledPaging=function(){this.ScheduledInput.ReinitializePaging()},e.prototype.UpdateScheduledPaging=function(){this.ScheduledInput.UpdatePaging()},e.prototype.setScheduledListResult=function(e){this.ScheduledPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.ReinitializeProcessingPaging=function(){this.ProcessingInput.ReinitializePaging()},e.prototype.UpdateProcessingPaging=function(){this.ProcessingInput.UpdatePaging()},e.prototype.setProcessingListResult=function(e){this.ProcessingPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.ReinitializeSucceededPaging=function(){this.SucceededInput.ReinitializePaging()},e.prototype.UpdateSucceededPaging=function(){this.SucceededInput.UpdatePaging()},e.prototype.setSucceededListResult=function(e){this.SucceededPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.ReinitializeFailedPaging=function(){this.FailedInput.ReinitializePaging()},e.prototype.UpdateFailedPaging=function(){this.FailedInput.UpdatePaging()},e.prototype.setFailedListResult=function(e){this.FailedPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.ReinitializeDeletedPaging=function(){this.DeletedInput.ReinitializePaging()},e.prototype.UpdateDeletedPaging=function(){this.DeletedInput.UpdatePaging()},e.prototype.setDeletedListResult=function(e){this.DeletedPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.LoadStatistics=function(){var e=this;this.JobsService.LoadStatistics().subscribe((function(t){var i=t;e.JobCountsModel.Enqueued=i.enqueued,e.JobCountsModel.Succeeded=i.succeeded,e.JobCountsModel.Scheduled=i.scheduled,e.JobCountsModel.Processing=i.processing,e.JobCountsModel.Failed=i.failed,e.JobCountsModel.Deleted=i.deleted,setTimeout((function(){e.IsStatisticsLoaded=!0}),10)}))},e.prototype.LoadEnqueuedJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.EnqueuedTextInputFilter=new v.FilterItem,this.EnqueuedTextInputFilter.FormControlName="searchTextBox",this.EnqueuedTextInputFilter.ActionParameterName="searchText",this.EnqueuedTextInputFilter.IsFormControl=!0,this.EnqueuedTextInputFilter.FilterType=v.FilterType.TextBox,this.EnqueuedPaging=new v.PagingOptions,this.EnqueuedPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetQueueListByFilter",this.EnqueuedPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.EnqueuedPaging.Filters=[this.EnqueuedTextInputFilter],this.EnqueuedPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsEnqueuedFilterLoaded=!0}),10)},e.prototype.LoadScheduledJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.ScheduledPaging=new v.PagingOptions,this.ScheduledPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetScheduledListByFilter",this.ScheduledPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsScheduledFilterLoaded=!0}),10)},e.prototype.LoadProcessingJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.ProcessingPaging=new v.PagingOptions,this.ProcessingPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetProcessingListByFilter",this.ProcessingPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsProcessingFilterLoaded=!0}),10)},e.prototype.LoadSucceededJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.SucceededPaging=new v.PagingOptions,this.SucceededPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetSucceededListByFilter",this.SucceededPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsSucceededFilterLoaded=!0}),10)},e.prototype.LoadFailedJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.FailedPaging=new v.PagingOptions,this.FailedPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetFailedListByFilter",this.FailedPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFailedFilterLoaded=!0}),10)},e.prototype.LoadDeletedJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.DeletedPaging=new v.PagingOptions,this.DeletedPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetDeletedListByFilter",this.DeletedPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsDeletedFilterLoaded=!0}),10)},e}();Ci.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ci,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Li}],target:T.ɵɵFactoryTarget.Component}),Ci.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ci,selector:"lib-jobs",viewQueries:[{propertyName:"EnqueuedInput",first:!0,predicate:["EnqueuedPagingViewElement"],descendants:!0},{propertyName:"ScheduledInput",first:!0,predicate:["ScheduledPagingViewElement"],descendants:!0},{propertyName:"ProcessingInput",first:!0,predicate:["ProcessingPagingViewElement"],descendants:!0},{propertyName:"SucceededInput",first:!0,predicate:["SucceededPagingViewElement"],descendants:!0},{propertyName:"FailedInput",first:!0,predicate:["FailedPagingViewElement"],descendants:!0},{propertyName:"DeletedInput",first:!0,predicate:["DeletedPagingViewElement"],descendants:!0}],ngImport:T,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)="LoadEnqueuedJobs()">{{utilityService.getResourceValue("Enqueued")}}({{JobCountsModel.Enqueued}})</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-title" *ngIf="IsEnqueuedFilterLoaded">\r\n                      <form [formGroup]="EnqueuedForm">\r\n                        <BBSF-TextBox [options]="searchTextBox" [group]="EnqueuedForm"></BBSF-TextBox>\r\n                      </form>\r\n                    </div>\r\n                  </div>\r\n                  <div class="card-body py-3 px-0">\r\n                    \x3c!--begin::Permission list--\x3e\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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("Job")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("State")}}</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 job of EnqueuedPagingResult">\r\n                            <td class="text-dark">{{job.job}}</td>\r\n                            <td>{{job.state}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf="EnqueuedPagingResult.length == 0">\r\n                            <td colspan="2">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setEnqueuedListResult($event)" *ngIf="IsEnqueuedFilterLoaded"\r\n                                 [options]="EnqueuedPaging" [group]="EnqueuedForm" #EnqueuedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\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)="LoadScheduledJobs()">{{utilityService.getResourceValue("Scheduled")}}({{JobCountsModel.Scheduled}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class="card">\r\n                  <div class="card-body py-3 px-0">\r\n                    \x3c!--begin::Permission list--\x3e\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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("Job")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("Enqueued")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("Scheduled")}}</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 job of ScheduledPagingResult">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.enqueueAt}}</td>\r\n                            <td>{{job.scheduledAt}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf="ScheduledPagingResult.length == 0">\r\n                            <td colspan="3">\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                  </div>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setScheduledListResult($event)" *ngIf="IsScheduledFilterLoaded"\r\n                                 [options]="ScheduledPaging" [group]="ScheduledForm" #ScheduledPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\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)="LoadProcessingJobs()">{{utilityService.getResourceValue("Processing")}}({{JobCountsModel.Processing}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class="card">\r\n                  <div class="card-body py-3 px-0">\r\n                    \x3c!--begin::Permission list--\x3e\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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("Job")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("StartedAt")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("ServerId")}}</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 job of ProcessingPagingResult">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.startedAt}}</td>\r\n                            <td>{{job.serverId}}</td>\r\n                          </tr>\r\n                          <tr *ngIf="ProcessingPagingResult.length == 0">\r\n                            <td colspan="3">\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                  </div>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setProcessingListResult($event)" *ngIf="IsProcessingFilterLoaded"\r\n                                 [options]="ProcessingPaging" [group]="ProcessingForm" #ProcessingPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\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)="LoadSucceededJobs()">{{utilityService.getResourceValue("Succeeded")}}({{JobCountsModel.Succeeded}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class="card">\r\n                  <div class="card-body py-3 px-0">\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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-150">{{utilityService.getResourceValue("Job")}}</th>\r\n                            <th class="min-w-150">{{utilityService.getResourceValue("SucceededAt")}}</th>\r\n                            <th class="min-w-150">{{utilityService.getResourceValue("TotalDuration")}}</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 job of SucceededPagingResult">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.succeededAt}}</td>\r\n                            <td>{{job.totalDuration}}</td>\r\n                          </tr>\r\n                          <tr *ngIf="SucceededPagingResult.length == 0">\r\n                            <td colspan="3">\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>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setSucceededListResult($event)" *ngIf="IsSucceededFilterLoaded"\r\n                                 [options]="SucceededPaging" [group]="SucceededForm" #SucceededPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\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)="LoadFailedJobs()">{{utilityService.getResourceValue("Failed")}}({{JobCountsModel.Failed}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class="card">\r\n                  <div class="card-body py-3 px-0">\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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-150">{{utilityService.getResourceValue("FailedAt")}}</th>\r\n                            <th class="min-w-150">{{utilityService.getResourceValue("Job")}}</th>\r\n                            <th class="min-w-150">{{utilityService.getResourceValue("ErrorMessage")}}</th>\r\n                            <th class="min-w-150">{{utilityService.getResourceValue("ErrorMessage")}}</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 job of FailedPagingResult">\r\n                            <td>{{job.failedAt}}</td>\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.reason}}</td>\r\n                            <td class="failed-job-details directionLtr" *ngIf="job.inFailedState">\r\n                              <div class="expandable">\r\n                                <p> {{job.exceptionType}}</p>\r\n                                <p class="text-muted">\r\n                                  {{job.exceptionMessage}}\r\n                                </p>\r\n\r\n                              </div>\r\n                            </td>\r\n                          </tr>\r\n                          <tr *ngIf="FailedPagingResult.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                  </div>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setFailedListResult($event)" *ngIf="IsFailedFilterLoaded" [options]="FailedPaging"\r\n                                 [group]="FailedForm" #FailedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\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)="LoadDeletedJobs()">{{utilityService.getResourceValue("Deleted")}}({{JobCountsModel.Deleted}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class="card">\r\n                  <div class="card-body py-3 px-0">\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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("Job")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("DeletedAt")}}</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 job of DeletedPagingResult">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.deletedAt}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf="DeletedPagingResult.length == 0">\r\n                            <td colspan="2">\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                  </div>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setDeletedListResult($event)" *ngIf="IsDeletedFilterLoaded"\r\n                                 [options]="DeletedPaging" [group]="DeletedForm" #DeletedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n          </ul>\r\n          <div [ngbNavOutlet]="nav"></div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n \r\n\r\n',styles:[".card-deck .card{align-items:center;justify-content:center;text-align:center;border-radius:4px;background:#f8f9fa;cursor:pointer}.card-title{margin-bottom:0;font-size:16px}.filter-container.text-dark .form-group label{color:#3f4254}.kt-portlet.custom-portlet{box-shadow:none;background:#f8f9fa;margin-top:35px}.card-deck .card .card-block{padding:20px}\n"],components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:E.NgbNavOutlet,selector:"[ngbNavOutlet]",inputs:["paneRole","ngbNavOutlet"]}],directives:[{type:E.NgbNav,selector:"[ngbNav]",inputs:["animation","destroyOnHide","orientation","roles","keyboard","activeId"],outputs:["activeIdChange","shown","hidden","navChange"],exportAs:["ngbNav"]},{type:E.NgbNavItem,selector:"[ngbNavItem]",inputs:["disabled","domId","destroyOnHide","ngbNavItem"],outputs:["shown","hidden"],exportAs:["ngbNavItem"]},{type:E.NgbNavLink,selector:"a[ngbNavLink]"},{type:E.NgbNavContent,selector:"ng-template[ngbNavContent]"},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ci,decorators:[{type:t.Component,args:[{selector:"lib-jobs",templateUrl:"./jobs.component.html",styleUrls:["./jobs.component.css"]}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Li}]},propDecorators:{EnqueuedInput:[{type:t.ViewChild,args:["EnqueuedPagingViewElement",{static:!1}]}],ScheduledInput:[{type:t.ViewChild,args:["ScheduledPagingViewElement",{static:!1}]}],ProcessingInput:[{type:t.ViewChild,args:["ProcessingPagingViewElement",{static:!1}]}],SucceededInput:[{type:t.ViewChild,args:["SucceededPagingViewElement",{static:!1}]}],FailedInput:[{type:t.ViewChild,args:["FailedPagingViewElement",{static:!1}]}],DeletedInput:[{type:t.ViewChild,args:["DeletedPagingViewElement",{static:!1}]}]}});var Bi=function(){};Bi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Bi,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Bi.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Bi,declarations:[Ci],imports:[L.RouterModule,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,Qe]}),Bi.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Bi,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Li],imports:[[s.RouterModule.forRoot([{path:"",component:Ci},{path:"",redirectTo:"",pathMatch:"full"}]),i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Bi,decorators:[{type:t.NgModule,args:[{declarations:[Ci],imports:[s.RouterModule.forRoot([{path:"",component:Ci},{path:"",redirectTo:"",pathMatch:"full"}]),i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,Qe],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Li]}]}]});var Di=function(){this.appendExisting=!1},ki=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/LicenseAdmin/"}return e.prototype.GetOrganizationLicense=function(){return this.http.get(this.ApiUrl+"GetOrganizationLicense")},e.prototype.UploadLicense=function(e){return this.http.post(this.ApiUrl+"UploadLicense",e)},e}();ki.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ki,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),ki.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ki,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ki,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Ei=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.LicenseService=o,this.modalService=s,this.ShowPageContent=!1,this.change=!1,this.showShadow=[],this.noLicenseFound=!1,this.Name="",this.language="",this.ProductionMode=!1,this.DateInMinutes=0,this.seconds=0,this.minutes=0,this.hours=0,this.days=0,this.weeks=0,this.months=0,this.years=0,this.ShowTimer=!1,this.UploadFileForm=new h.FormGroup({}),this.initialMinutes$=new d.BehaviorSubject(43200),this.value=0}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("License"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.GetOrganizationLicense(),[2]}}))}))},e.prototype.GetOrganizationLicense=function(){var e=this;this.LicenseService.GetOrganizationLicense().subscribe((function(t){var i=t;if(null!=i){var r=new Date(i.val.licenseStartDate),n=new Date(i.val.licenseEndDate),o=new Date(i.val.activationDate);e.ActivationDate=o.toLocaleDateString(),e.LicenseStartDate=r.toLocaleDateString(),e.LicenseEndDate=n.toLocaleDateString(),e.Name=i.val.name.current;var s=new Date;o.toLocaleDateString()==s.toLocaleDateString()?e.noLicenseFound=!0:e.noLicenseFound=!1,e.DateInMinutes=e.getDifferenceInMinutes(s,n),setInterval((function(){e.date_future=n,e.date_now=new Date,e.seconds=Math.floor((e.date_future-e.date_now)/1e3),e.minutes=Math.floor(e.seconds/60),e.hours=Math.floor(e.minutes/60),e.days=Math.floor(e.hours/24),e.months=Math.floor(e.days/31),e.years=Math.floor(e.months/12),e.hours=e.hours-24*e.days,e.minutes=e.minutes-24*e.days*60-60*e.hours,e.seconds=e.seconds-24*e.days*60*60-60*e.hours*60-60*e.minutes,e.days=e.days-31*e.months,e.months=e.months-12*e.years}),1e3)}setTimeout((function(){e.ShowTimer=!0}),1e3)}))},e.prototype.getDifferenceInMinutes=function(e,t){return Math.abs(t-e)/6e4},e.prototype.ShowUploadModal=function(e){this.utilityService.startBlockUI(),this.UploadFileForm.reset(),this.LicenseFileInput=new v.FileUploadOptions,this.LicenseFileInput.Name="LicenseFileInput",this.LicenseFileInput.LabelKey="UploadFile",this.LicenseFileInput.IsMultipleFile=!1,this.LicenseFileInput.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.UploadFiles=function(e){var t=this;if(!this.UploadFileForm.invalid){var i=this.UploadFileForm.value,r=new Di;r.appendExisting=e,r.LicenseFile={FileBase64:i.LicenseFileInput[0].FileBase64,FileName:i.LicenseFileInput[0].FileName,FileSizeInMB:i.LicenseFileInput[0].FileSizeInMB,FileType:i.LicenseFileInput[0].FileType},this.LicenseService.UploadLicense(r).subscribe((function(e){t.UploadFileForm.reset(),t.modalService.dismissAll()}),(function(e){}))}},e}();Ei.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ei,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:ki},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Ei.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ei,selector:"lib-license",inputs:{value:"value"},viewQueries:[{propertyName:"CloseLicenseFileModal",first:!0,predicate:["CloseLicenseFileModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\r\n  \x3c!--Begin::Section--\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\r\n    <div class="card card-custom-h">\r\n      <div class="card-header border-0">\r\n        <div class="card-title">\r\n          <h3 *ngIf="!noLicenseFound" class="">{{Name}}</h3>\r\n          <span *ngIf="!noLicenseFound" class="badge badge-light-success m-3 badge-lg">\r\n            {{utilityService.getResourceValue("LicenseActivatedSuccessfully")}}\r\n          </span>\r\n        </div>\r\n\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" (click)="ShowUploadModal(UploadFileModal)">\r\n            {{utilityService.getResourceValue("Activate")}}\r\n          </button>\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body d-flex align-items-center justify-content-center">\r\n        <ng-container *ngIf="ShowTimer">\r\n          <div class="main_Timer">\r\n            <div class="clock">\r\n              <div class="time row">\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Years")}}</div>\r\n                    <span class="years fs-2hx fw-bolder text-gray-900">{{years}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Months")}}</div>\r\n                    <span class="months fs-2hx fw-bolder text-gray-900">{{months}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Days")}}</div>\r\n                    <span class="days fs-2hx fw-bolder text-gray-900">{{days}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded d-none d-md-block">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Hours")}}</div>\r\n                    <span class="hours fs-2hx fw-bolder text-gray-900">{{hours}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded d-none d-md-block">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Minutes")}}</div>\r\n                    <span class="min fs-2hx fw-bolder text-gray-900">{{minutes}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice  text-center min-w-150px rounded d-none d-md-block">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Seconds")}}</div>\r\n                    <span class="sec fs-2hx fw-bolder text-gray-900">{{seconds}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="d-flex justify-content-between align-items-center license-head" *ngIf="noLicenseFound">\r\n            <h3 class="text-danger">\r\n              {{utilityService.getResourceValue("LicenseNotFound")}}\r\n            </h3>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf="!noLicenseFound" class="card-footer border-0 d-flex justify-content-between">\r\n        <div class="mb-4">\r\n          <span class="badge badge-light-primary fs-7 fw-bolder me-2 min-w-150px">{{utilityService.getResourceValue("LicenseStartDate")}}:</span>\r\n          <span class="font-weight-500">{{LicenseStartDate | date:\'dd-MM-y\'}}</span>\r\n        </div>\r\n        <div>\r\n          <span class="badge badge-light-danger fs-7 fw-bolder me-2 min-w-150px">{{utilityService.getResourceValue("LicenseExpiryDate")}}:</span>\r\n          <span class="font-weight-500">{{LicenseEndDate | date:\'dd-MM-y\'}}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- activate--\x3e\r\n  <ng-template #UploadFileModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("UploadLicense")}}</h1>\r\n      </div>\r\n      <form [formGroup]="UploadFileForm">\r\n        <BBSF-FileUplaod [options]="LicenseFileInput" [group]="UploadFileForm">\r\n        </BBSF-FileUplaod>\r\n        <div class="text-center pt-7">\r\n          <button #CloseLicenseFileModal id="CloseLicenseFileModal" type="button" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">\r\n            {{utilityService.getResourceValue("CancelLabel")}}\r\n          </button>\r\n          <button type="button" (click)="UploadFiles(false)" class="btn btn-light-primary me-3 btn-sm">{{utilityService.getResourceValue("Replace")}}</button>\r\n          <button type="button" (click)="UploadFiles(true)" class="btn btn-primary me-3 btn-sm">{{utilityService.getResourceValue("Append")}}</button>\r\n\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n',styles:[".counter-item{padding:50px 5px;margin:0 10px}\n"],components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵb,selector:"BBSF-FileUplaod",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}],pipes:{date:A.DatePipe}}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ei,decorators:[{type:t.Component,args:[{selector:"lib-license",templateUrl:"./license.component.html",styleUrls:["./license.component.css"]}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:ki},{type:E.NgbModal}]},propDecorators:{CloseLicenseFileModal:[{type:t.ViewChild,args:["CloseLicenseFileModal",{static:!1}]}],value:[{type:t.Input}]}});var Pi=[{path:"",component:Ei}],Vi=function(){};Vi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vi,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Vi.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vi,declarations:[Ei],imports:[i.CommonModule,b.ClipboardModule,C.BlockUIModule,L.RouterModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,p.InlineSVGModule]}),Vi.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vi,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,ki],imports:[[i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),s.RouterModule.forChild(Pi),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,p.InlineSVGModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vi,decorators:[{type:t.NgModule,args:[{declarations:[Ei],imports:[i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),s.RouterModule.forChild(Pi),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,p.InlineSVGModule],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,ki]}]}]});var Ni=function(){this.Name=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO},Ri=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Workflow/"}return e.prototype.AddWorkflow=function(e){return this.http.post(this.ApiUrl+"AddWorkflow",e)},e.prototype.EditWorkflow=function(e){return this.http.post(this.ApiUrl+"EditWorkflow",e)},e.prototype.GetDetails=function(e){var t=new n.HttpParams;return t=t.append("wfId",e),this.http.get(this.ApiUrl+"Details",t)},e}();Ri.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ri,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Ri.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ri,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ri,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Ui=function(){function e(e,t,i,r,n,o,s,a){this.dataServices=e,this.authService=t,this.WorkflowService=i,this.modalService=r,this.utilityService=n,this.environmentService=o,this.bbsfTranslateService=s,this.pageInfoService=a,this.ApiUrl="/api/admin/Workflow/",this.WorkflowForm=new h.FormGroup({}),this.showFilter=!1,this.WorkflowPagingResult=[],this.IsFilterLoaded=!1,this.AddWorkflowForm=new h.FormGroup({}),this.EditWorkflowForm=new h.FormGroup({}),this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Workflows"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.WorkflowPaging=new v.PagingOptions,this.WorkflowPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetWorkflowByFilter",this.WorkflowPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.WorkflowPaging.Filters=[this.TextInputFilter],this.WorkflowPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.ReinitializeGetWorkflowPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateWorkflowPaging=function(){this.input.UpdatePaging()},e.prototype.setWorkflowListResult=function(e){this.WorkflowPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.WorkflowForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddWorkflowModal=function(e){this.utilityService.startBlockUI(),this.AddWorkflowForm=new h.FormGroup({}),this.NameInEnglish=new v.TextBoxOptions,this.NameInEnglish.Name="NameInEnglish",this.NameInEnglish.LabelKey="NameInEnglish",this.NameInEnglish.Type=v.InputType.Text,this.NameInEnglish.IsRequired=!0,this.NameInEnglish.Value=null,this.NameInArabic=new v.TextBoxOptions,this.NameInArabic.Name="NameInArabic",this.NameInArabic.LabelKey="NameInArabic",this.NameInArabic.Type=v.InputType.Text,this.NameInArabic.Value=null,this.NameInArabic.IsRequired=!0,this.NameInArabic.ForceDirection=v.ForceDirection.Arabic,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.SysName.IsRequired=!0,this.DescriptionInEnglish=new v.TextAreaOptions,this.DescriptionInEnglish.Name="DescriptionInEnglish",this.DescriptionInEnglish.LabelKey="DescriptionInEnglish",this.DescriptionInEnglish.Value=null,this.DescriptionInArabic=new v.TextAreaOptions,this.DescriptionInArabic.Name="DescriptionInArabic",this.DescriptionInArabic.LabelKey="DescriptionInArabic",this.DescriptionInArabic.Value=null,this.DescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addWorkflow=function(){var e=this;if(!this.AddWorkflowForm.invalid){var t=this.AddWorkflowForm.value,i=new Ni;i.Name.English=t.NameInEnglish,i.Name.Arabic=t.NameInArabic,i.SysName=t.SysName,i.Description.English=t.DescriptionInEnglish,i.Description.Arabic=t.DescriptionInArabic,this.WorkflowService.AddWorkflow(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditWorkflowModal=function(e,t){this.utilityService.startBlockUI(),this.EditWorkflowForm=new h.FormGroup({}),this.EditNameInEnglish=new v.TextBoxOptions,this.EditNameInEnglish.Name="EditNameInEnglish",this.EditNameInEnglish.LabelKey="NameInEnglish",this.EditNameInEnglish.Type=v.InputType.Text,this.EditNameInEnglish.IsRequired=!0,this.EditNameInEnglish.Value=e.name.english,this.WorkflowId=e.id,this.EditNameInArabic=new v.TextBoxOptions,this.EditNameInArabic.Name="EditNameInArabic",this.EditNameInArabic.LabelKey="NameInArabic",this.EditNameInArabic.Type=v.InputType.Text,this.EditNameInArabic.Value=e.name.arabic,this.EditNameInArabic.IsRequired=!0,this.EditNameInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="EditSysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditSysName.IsRequired=!0,this.EditDescriptionInEnglish=new v.TextAreaOptions,this.EditDescriptionInEnglish.Name="EditDescriptionInEnglish",this.EditDescriptionInEnglish.LabelKey="DescriptionInEnglish",this.EditDescriptionInEnglish.Value=e.description.english,this.EditDescriptionInArabic=new v.TextAreaOptions,this.EditDescriptionInArabic.Name="EditDescriptionInArabic",this.EditDescriptionInArabic.LabelKey="DescriptionInArabic",this.EditDescriptionInArabic.Value=e.description.arabic,this.EditDescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editWorkflow=function(){var e=this;if(!this.EditWorkflowForm.invalid){var t=this.EditWorkflowForm.value,i=new Ni;i.Id=this.WorkflowId,i.Name.English=t.EditNameInEnglish,i.Name.Arabic=t.EditNameInArabic,i.SysName=t.EditSysName,i.Description.English=t.EditDescriptionInEnglish,i.Description.Arabic=t.EditDescriptionInArabic,this.WorkflowService.EditWorkflow(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e}();Ui.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ui,deps:[{token:it},{token:B.AuthService},{token:Ri},{token:E.NgbModal},{token:B.UtilityService},{token:B.EnvironmentService},{token:B.BBSFTranslateService},{token:De}],target:T.ɵɵFactoryTarget.Component}),Ui.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ui,selector:"lib-workflow",viewQueries:[{propertyName:"input",first:!0,predicate:["WorkflowPagingViewElement"],descendants:!0},{propertyName:"CloseWorkflowModal",first:!0,predicate:["CloseWorkflowModal"],descendants:!0},{propertyName:"CloseEditWorkflowModal",first:!0,predicate:["CloseEditWorkflowModal"],descendants:!0}],ngImport:T,template:'\r\n  \x3c!-- Page Content --\x3e\r\n  <div  *ngIf="ShowPageContent" class="container-fluid">\r\n    \x3c!-- begin::Header --\x3e\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            <BBSF-TextBox [options]="searchTextBox" [group]="WorkflowForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\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          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      \x3c!-- end::Header --\x3e\r\n      \x3c!-- begin::Body --\x3e\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" *ngIf="!ProductionMode">{{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 WorkflowPagingResult">\r\n              <td>\r\n                <a *ngIf="language==\'en\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Workflows/tabs\',Workflow.id,Workflow.workflowVersionID]" routerLinkActive="router-link-active"\r\n                   class="text-gray-800 text-hover-primary">{{Workflow.name.english}}</a>\r\n                <a *ngIf="language==\'ar\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Workflows/tabs\',Workflow.id,Workflow.workflowVersionID]" routerLinkActive="router-link-active"\r\n                   class="text-gray-800 text-hover-primary">{{Workflow.name.arabic}}</a>\r\n              </td>\r\n              <td *ngIf="language==\'en\'">{{Workflow.description.english}}</td>\r\n              <td *ngIf="language==\'ar\'">{{Workflow.description.arabic}}</td>\r\n\r\n              <td *ngIf="!ProductionMode">{{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, 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="WorkflowPagingResult.length == 0">\r\n              <td [attr.colspan]="ProductionMode ? \'3\' : \'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  \x3c!-- Add Modal --\x3e\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      <form [formGroup]="AddWorkflowForm"\r\n            (ngSubmit)="addWorkflow()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="NameInEnglish" [group]="AddWorkflowForm">\r\n            </BBSF-TextBox>\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]="NameInArabic" [group]="AddWorkflowForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="DescriptionInEnglish" [group]="AddWorkflowForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="DescriptionInArabic" [group]="AddWorkflowForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="!ProductionMode">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="SysName" [group]="AddWorkflowForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!--Edit Modal--\x3e\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      <form [formGroup]="EditWorkflowForm" (ngSubmit)="editWorkflow()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditNameInEnglish" [group]="EditWorkflowForm">\r\n            </BBSF-TextBox>\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]="EditNameInArabic" [group]="EditWorkflowForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInEnglish" [group]="EditWorkflowForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInArabic" [group]="EditWorkflowForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="!ProductionMode">\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        <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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n',components:[{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ui,decorators:[{type:t.Component,args:[{selector:"lib-workflow",templateUrl:"./workflow.component.html"}]}],ctorParameters:function(){return[{type:it},{type:B.AuthService},{type:Ri},{type:E.NgbModal},{type:B.UtilityService},{type:B.EnvironmentService},{type:B.BBSFTranslateService},{type:De}]},propDecorators:{input:[{type:t.ViewChild,args:["WorkflowPagingViewElement",{static:!1}]}],CloseWorkflowModal:[{type:t.ViewChild,args:["CloseWorkflowModal",{static:!1}]}],CloseEditWorkflowModal:[{type:t.ViewChild,args:["CloseEditWorkflowModal",{static:!1}]}]}});var Gi=function(){this.Name=new v.EnglishArabicDTO,this.Single_MultiselectIDs=[],this.variableLookupDTOs=[]},Oi=function(){this.Name=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO,this.TypeName=new v.EnglishArabicDTO,this.NormalOutcomeName=new v.EnglishArabicDTO,this.ParticipantDTO=new xi,this.TaskName=new v.EnglishArabicDTO,this.TaskDescription=new v.EnglishArabicDTO,this.participantPermsetsIDsString=[],this.ParticipantTypeItemIDsStringList=[],this.Outcomes=[]},Hi=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/WorkflowVariable/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddVariable=function(e){return this.http.post(this.ApiUrl+"AddVariable",e)},e.prototype.EditVariable=function(e){return this.http.post(this.ApiUrl+"EditVariable",e)},e.prototype.DeleteVariable=function(e){return this.http.post(this.ApiUrl+"DeleteVariable",e)},e}();Hi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Hi,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Hi.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Hi,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Hi,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var zi=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/WorkflowActivity/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddWorkflowActivity=function(e){return this.http.post(this.ApiUrl+"AddWorkflowActivity",e)},e.prototype.EditActivity=function(e){return this.http.post(this.ApiUrl+"EditActivity",e)},e}();zi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:zi,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),zi.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:zi,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:zi,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var ji=function(){function e(e,t,i,r,n,o,s,a,l,d,c,u){var p=this;this.dataServices=e,this.authService=t,this.WorkflowService=i,this.activatedRoute=r,this.router=n,this.WorkflowVariablesService=o,this.workflowActivityService=s,this.pageInfoService=a,this.modalService=l,this.environmentService=d,this.bbsfTranslateService=c,this.utilityService=u,this.ApiUrl="/api/admin/WFVersion/",this.SubheaderTitle="",this.ShowToolbar=!1,this.ShowbreadCrumb=!0,this.Url="/Admin/Workflows",this.BreadcrumbTitle=this.utilityService.getResourceValue("Workflows"),this.DetailsForm=new h.FormGroup({}),this.ShowWorkflowDetails=!1,this.WorkflowActivityForm=new h.FormGroup({}),this.showFilter=!1,this.WorkflowActivityPagingResult=[],this.IsFilterLoaded=!1,this.ShowWorkflowVersion=!1,this.WorkflowVariableApiUrl="/api/admin/WorkflowVariable/",this.DataTypeList=[],this.WorkflowVariableForm=new h.FormGroup({}),this.WorkflowVariableshowFilter=!1,this.WorkflowVariablePagingResult=[],this.IsWorkflowVariableFilterLoaded=!1,this.ShowWorkflowVariables=!1,this.Pagetitle="",this.AddWorkflowVariableForm=new h.FormGroup({}),this.EditWorkflowVariableForm=new h.FormGroup({}),this.ActivityApiUrl="/api/admin/WorkflowActivity/",this.ActivityTypeList=[],this.workflowActivityForm=new h.FormGroup({}),this.workflowActivityShowFilter=!1,this.ActivityPagingResult=[],this.IsworkflowActivityFilterLoaded=!1,this.ShowWorkflowActivity=!1,this.AddworkflowActivityForm=new h.FormGroup({}),this.EditworkflowActivityForm=new h.FormGroup({}),this.ShowPageContent=!1,this.activatedRoute.params.subscribe((function(e){p.WorkflowId=e.id,p.VersionId=e.vid}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.getDetails(),[2]}}))}))},e.prototype.getDetails=function(){var e=this;this.ShowWorkflowDetails=!1,this.ShowWorkflowVersion=!1,this.ShowWorkflowActivity=!1,this.ShowWorkflowVariables=!1,this.IsFilterLoaded=!1,this.IsWorkflowVariableFilterLoaded=!1,this.IsworkflowActivityFilterLoaded=!1,this.WorkflowService.GetDetails(this.WorkflowId).subscribe((function(t){e.WorkflowDetails=t,e.NameMultilingualTextBox=new v.MultiLingualTextBoxOptions,e.NameMultilingualTextBox.ArabicLabelKey="NameInArabic",e.NameMultilingualTextBox.EnglishLabelKey="NameInEnglish",e.NameMultilingualTextBox.IsRequired=!0,e.NameMultilingualTextBox.Name="Name";var i=new v.EnglishArabicDTO;i.Arabic=e.WorkflowDetails.name.arabic,i.English=e.WorkflowDetails.name.english,"en"==e.language?e.Pagetitle=i.English:e.Pagetitle=i.Arabic,De.PageTitle=e.Pagetitle,De.PageBreadcrumbs=[{title:e.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:e.utilityService.getResourceValue("Workflows"),path:"/Admin/Workflows/workflow",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],e.pageInfoService.calculateTitle(),e.pageInfoService.calculateBreadcrumbs(),e.NameMultilingualTextBox.Value=i,e.NameMultilingualTextBox.IsDisabled=!0,e.DescriptionMultilingualTextBox=new v.MultiLingualTextBoxOptions,e.DescriptionMultilingualTextBox.ArabicLabelKey="DescriptionInArabic",e.DescriptionMultilingualTextBox.EnglishLabelKey="DescriptionInEnglish",e.DescriptionMultilingualTextBox.IsRequired=!0,e.DescriptionMultilingualTextBox.Name="Description";var r=new v.EnglishArabicDTO;r.Arabic=e.WorkflowDetails.description.arabicValue,r.English=e.WorkflowDetails.description.englishValue,e.DescriptionMultilingualTextBox.Value=r,e.DescriptionMultilingualTextBox.IsDisabled=!0,e.SysName=new v.TextBoxOptions,e.SysName.Name="SysName",e.SysName.LabelKey="SysName",e.SysName.Type=v.InputType.Text,e.SysName.IsDisabled=!0,e.SysName.Value=e.WorkflowDetails.sysName,e.Active=new v.TextBoxOptions,e.Active.Name="Active",e.Active.LabelKey="Active",e.Active.Type=v.InputType.Text,e.Active.IsDisabled=!0,e.Active.Value=e.WorkflowDetails.isActive,e.Published=new v.TextBoxOptions,e.Published.Name="Published",e.Published.LabelKey="Published",e.Published.Type=v.InputType.Text,e.Published.IsDisabled=!0,e.Published.Value=e.WorkflowDetails.isPublished,e.ShowWorkflowVersion=!1,e.ShowWorkflowActivity=!1,e.ShowWorkflowVariables=!1,e.IsFilterLoaded=!1,e.IsWorkflowVariableFilterLoaded=!1,e.IsworkflowActivityFilterLoaded=!1,e.ShowWorkflowDetails=!0,e.utilityService.stopBlockUI()}),(function(t){e.utilityService.stopBlockUI()}))},e.prototype.GetVersions=function(){var e=this;this.ShowWorkflowDetails=!1,this.ShowWorkflowVersion=!1,this.ShowWorkflowActivity=!1,this.ShowWorkflowVariables=!1,this.IsFilterLoaded=!1,this.IsWorkflowVariableFilterLoaded=!1,this.IsworkflowActivityFilterLoaded=!1,this.utilityService.startBlockUI(),this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.WorkflowIdTextBox=new v.TextBoxOptions,this.WorkflowIdTextBox.Name="WorkflowIdTextBox",this.WorkflowIdTextBox.HideLabel=!0,this.WorkflowIdTextBox.Type=v.InputType.Text,this.WorkflowIdTextBox.Value=this.WorkflowId,this.WorkflowIdFilter=new v.FilterItem,this.WorkflowIdFilter.FormControlName="WorkflowIdTextBox",this.WorkflowIdFilter.ActionParameterName="WfID",this.WorkflowIdFilter.IsFormControl=!0,this.WorkflowIdFilter.FilterType=v.FilterType.TextBox,this.WorkflowActivityPaging=new v.PagingOptions,this.WorkflowActivityPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetVersionsListing",this.WorkflowActivityPaging.OnKeyPressFiltersControlNames=["searchTextBox","WorkflowIdTextBox"],this.WorkflowActivityPaging.Filters=[this.TextInputFilter,this.WorkflowIdFilter],this.WorkflowActivityPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.ShowWorkflowDetails=!1,this.ShowWorkflowVersion=!0,this.ShowWorkflowActivity=!1,this.ShowWorkflowVariables=!1,this.IsWorkflowVariableFilterLoaded=!1,this.IsworkflowActivityFilterLoaded=!1,setTimeout((function(){e.IsFilterLoaded=!0,e.utilityService.stopBlockUI()}),10)},e.prototype.setWorkflowActivityListResult=function(e){this.utilityService.stopBlockUI(),this.WorkflowActivityPagingResult=e},e.prototype.resetFilters=function(){this.WorkflowActivityForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.setWorkflowVariableListResult=function(e){this.utilityService.stopBlockUI(),this.WorkflowVariablePagingResult=e},e.prototype.resetWorkflowVariableFilters=function(){this.WorkflowVariableForm.controls.searchTextBox.setValue(null);var e=this.WorkflowVariablePagingViewElement;this.utilityService.stopBlockUI(),e.ReinitializePaging()},e.prototype.LoadWorkflowVariables=function(){var e=this;this.WorkflowVariablesService.Loaddropdowns().subscribe((function(t){var i=t;e.DataTypeList=i,e.WorkflowVariablesearchTextBox=new v.TextBoxOptions,e.WorkflowVariablesearchTextBox.Name="WorkflowVariablesearchTextBox",e.WorkflowVariablesearchTextBox.Type=v.InputType.Text,e.WorkflowVariablesearchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.WorkflowVariablesearchTextBox.HideLabel=!0,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="WorkflowVariablesearchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.VerisonIdTextBox=new v.TextBoxOptions,e.VerisonIdTextBox.Name="VerisonIdTextBox",e.VerisonIdTextBox.HideLabel=!0,e.VerisonIdTextBox.Type=v.InputType.Text,e.VerisonIdTextBox.Value=e.WorkflowId,e.VerisonIdTextInputFilter=new v.FilterItem,e.VerisonIdTextInputFilter.FormControlName="VerisonIdTextBox",e.VerisonIdTextInputFilter.ActionParameterName="versionID",e.VerisonIdTextInputFilter.IsFormControl=!0,e.VerisonIdTextInputFilter.FilterType=v.FilterType.TextBox,e.WorkflowVariablePaging=new v.PagingOptions,e.WorkflowVariablePaging.ActionPostURL=e.environmentService.getApiUrl()+e.WorkflowVariableApiUrl+"GetVariableListing",e.WorkflowVariablePaging.OnKeyPressFiltersControlNames=["WorkflowVariablesearchTextBox","VerisonIdTextBox"],e.WorkflowVariablePaging.Filters=[e.TextInputFilter,e.VerisonIdTextInputFilter],e.WorkflowVariablePaging.ValidationToken=e.authService.authorizationHeaderValue(),e.ShowWorkflowDetails=!1,e.ShowWorkflowVersion=!1,e.ShowWorkflowActivity=!1,e.ShowWorkflowVariables=!0,e.IsFilterLoaded=!1,e.IsworkflowActivityFilterLoaded=!1,setTimeout((function(){e.IsWorkflowVariableFilterLoaded=!0,e.utilityService.stopBlockUI()}),10)}))},e.prototype.showAddWorkflowVariableModal=function(e){this.utilityService.startBlockUI(),this.AddWorkflowVariableForm=new h.FormGroup({}),this.NameInEnglish=new v.TextBoxOptions,this.NameInEnglish.Name="NameInEnglish",this.NameInEnglish.LabelKey="NameInEnglish",this.NameInEnglish.Type=v.InputType.Text,this.NameInEnglish.Value=null,this.NameInEnglish.IsRequired=!0,this.NameInArabic=new v.TextBoxOptions,this.NameInArabic.Name="NameInArabic",this.NameInArabic.LabelKey="NameInArabic",this.NameInArabic.Type=v.InputType.Text,this.NameInArabic.Value=null,this.NameInArabic.IsRequired=!0,this.NameInArabic.ForceDirection=v.ForceDirection.Arabic,this.SysNameWorkflowVariable=new v.TextBoxOptions,this.SysNameWorkflowVariable.Name="SysName",this.SysNameWorkflowVariable.LabelKey="SysName",this.SysNameWorkflowVariable.Type=v.InputType.Text,this.SysNameWorkflowVariable.Value=null,this.DataType=new v.DropdownOptions,this.DataType.Name="DataType",this.DataType.LabelKey="DataType",this.DataType.DataSource=this.DataTypeList,this.DataType.SingleSelection=!0,this.DataType.AllowSearchFilter=!0,this.DataType.Placeholder="",this.modalService.open(e),this.utilityService.stopBlockUI(),this.Constant=new v.ToggleSlideOptions,this.Constant.Name="Constant",this.Constant.LabelKey="Constant",this.Constant.ViewType=v.ControlLayout.Horizontal},e.prototype.addWorkflowVariable=function(){var e=this;if(!this.AddWorkflowVariableForm.invalid){this.utilityService.startBlockUI();var t=this.AddWorkflowVariableForm.value,i=new Gi;i.Name.English=t.NameInEnglish,i.Name.Arabic=t.EnglishValue,i.SysName=t.SysName,i.WorkflowVersionID=Number(this.VersionId),i.DataTypeItemID=null!=t.DataType?Number(t.DataType):null,i.IsConstant=t.Constant,this.WorkflowVariablesService.AddVariable(i).subscribe((function(t){e.modalService.dismissAll(),e.WorkflowVariablePagingViewElement.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditWorkflowVariableModal=function(e,t){this.utilityService.startBlockUI(),this.EditWorkflowVariableForm=new h.FormGroup({}),this.WorkflowVariableId=e.id,this.EditNameInEnglish=new v.TextBoxOptions,this.EditNameInEnglish.Name="EditNameInEnglish",this.EditNameInEnglish.LabelKey="NameInEnglish",this.EditNameInEnglish.Type=v.InputType.Text,this.EditNameInEnglish.Value=e.name.english,this.EditNameInEnglish.IsRequired=!0,this.EditNameInArabic=new v.TextBoxOptions,this.EditNameInArabic.Name="EditNameInArabic",this.EditNameInArabic.LabelKey="NameInArabic",this.EditNameInArabic.Type=v.InputType.Text,this.EditNameInArabic.Value=e.name.arabic,this.EditNameInArabic.IsRequired=!0,this.EditNameInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditSysNameWorkflowVariable=new v.TextBoxOptions,this.EditSysNameWorkflowVariable.Name="EditSysName",this.EditSysNameWorkflowVariable.LabelKey="SysName",this.EditSysNameWorkflowVariable.Type=v.InputType.Text,this.EditSysNameWorkflowVariable.Value=e.sysName,this.EditDataType=new v.DropdownOptions,this.EditDataType.Name="EditDataType",this.EditDataType.LabelKey="DataType",this.EditDataType.DataSource=this.DataTypeList,this.EditDataType.SingleSelection=!0,this.EditDataType.AllowSearchFilter=!0,this.EditDataType.Placeholder="",this.EditDataType.SelectedItems=this.DataTypeList.filter((function(t){return parseInt(t.key)==e.dataTypeItemID})).map((function(e){return e.key}))[0],this.EditConstant=new v.ToggleSlideOptions,this.EditConstant.Name="EditConstant",this.EditConstant.LabelKey="Constant",this.EditConstant.Value=e.isConstant,this.EditConstant.ViewType=v.ControlLayout.Horizontal,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editWorkflowVariable=function(){var e=this;if(!this.EditWorkflowVariableForm.invalid){this.utilityService.startBlockUI();var t=this.EditWorkflowVariableForm.value,i=new Gi;i.ID=Number(this.WorkflowVariableId),i.Name.English=t.EditNameInEnglish,i.Name.Arabic=t.EditNameInArabic,i.SysName=t.EditSysName,i.WorkflowVersionID=Number(this.VersionId),i.DataTypeItemID=null!=t.EditDataType?Number(t.EditDataType):null,i.IsConstant=t.EditConstant,this.WorkflowVariablesService.EditVariable(i).subscribe((function(t){e.modalService.dismissAll(),e.WorkflowVariablePagingViewElement.UpdatePaging()}),(function(e){}))}},e.prototype.setActivityListResult=function(e){this.ActivityPagingResult=e},e.prototype.resetworkflowActivityFilters=function(){this.workflowActivityForm.controls.searchTextBox.setValue(null),this.ActivityPagingViewElement.ReinitializePaging()},e.prototype.LoadworkflowActivity=function(){var e=this;this.utilityService.startBlockUI(),this.workflowActivityService.Loaddropdowns().subscribe((function(t){var i=t;e.ActivityTypeList=i,e.WorkflowActivityIdTextBox=new v.TextBoxOptions,e.WorkflowActivityIdTextBox.Name="WorkflowActivityIdTextBox",e.WorkflowActivityIdTextBox.HideLabel=!0,e.WorkflowActivityIdTextBox.Type=v.InputType.Text,e.WorkflowActivityIdTextBox.Value=e.WorkflowId,e.WorkflowActivityIdFilter=new v.FilterItem,e.WorkflowActivityIdFilter.FormControlName="WorkflowActivityIdTextBox",e.WorkflowActivityIdFilter.ActionParameterName="WfID",e.WorkflowActivityIdFilter.IsFormControl=!0,e.WorkflowActivityIdFilter.FilterType=v.FilterType.TextBox,e.ActivityPaging=new v.PagingOptions,e.ActivityPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ActivityApiUrl+"GetWorkflowActivityListing",e.ActivityPaging.OnKeyPressFiltersControlNames=["WorkflowActivityIdTextBox"],e.ActivityPaging.Filters=[e.WorkflowActivityIdFilter],e.ActivityPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.ShowWorkflowDetails=!1,e.ShowWorkflowVersion=!1,e.ShowWorkflowActivity=!0,e.ShowWorkflowVariables=!1,e.IsFilterLoaded=!1,e.IsWorkflowVariableFilterLoaded=!1,setTimeout((function(){e.IsworkflowActivityFilterLoaded=!0,e.utilityService.stopBlockUI()}),10)}))},e.prototype.showAddworkflowActivityModal=function(e){this.utilityService.startBlockUI(),this.AddworkflowActivityForm=new h.FormGroup({}),this.workflowActivityNameInEnglish=new v.TextBoxOptions,this.workflowActivityNameInEnglish.Name="NameInEnglish",this.workflowActivityNameInEnglish.LabelKey="NameInEnglish",this.workflowActivityNameInEnglish.Type=v.InputType.Text,this.workflowActivityNameInEnglish.Value=null,this.workflowActivityNameInEnglish.IsRequired=!0,this.workflowActivityNameInArabic=new v.TextBoxOptions,this.workflowActivityNameInArabic.Name="NameInArabic",this.workflowActivityNameInArabic.LabelKey="NameInArabic",this.workflowActivityNameInArabic.Type=v.InputType.Text,this.workflowActivityNameInArabic.Value=null,this.workflowActivityNameInArabic.IsRequired=!0,this.workflowActivityNameInArabic.ForceDirection=v.ForceDirection.Arabic,this.workflowActivityDescriptionInEnglish=new v.TextBoxOptions,this.workflowActivityDescriptionInEnglish.Name="DescriptionInEnglish",this.workflowActivityDescriptionInEnglish.LabelKey="DescriptionInEnglish",this.workflowActivityDescriptionInEnglish.Type=v.InputType.Text,this.workflowActivityDescriptionInEnglish.Value=null,this.workflowActivityDescriptionInEnglish.IsRequired=!0,this.workflowActivityDescriptionInArabic=new v.TextBoxOptions,this.workflowActivityDescriptionInArabic.Name="DescriptionInArabic",this.workflowActivityDescriptionInArabic.LabelKey="DescriptionInArabic",this.workflowActivityDescriptionInArabic.Type=v.InputType.Text,this.workflowActivityDescriptionInArabic.Value=null,this.workflowActivityDescriptionInArabic.IsRequired=!0,this.workflowActivityDescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.workflowActivitySysName=new v.TextBoxOptions,this.workflowActivitySysName.Name="SysName",this.workflowActivitySysName.LabelKey="SysName",this.workflowActivitySysName.Type=v.InputType.Text,this.workflowActivitySysName.Value=null,this.ActivityType=new v.DropdownOptions,this.ActivityType.Name="ActivityType",this.ActivityType.LabelKey="ActivityType",this.ActivityType.DataSource=this.ActivityTypeList,this.ActivityType.SingleSelection=!0,this.ActivityType.AllowSearchFilter=!0,this.ActivityType.Placeholder="",this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addworkflowActivity=function(){var e=this;if(!this.AddworkflowActivityForm.invalid){this.utilityService.startBlockUI();var t=this.AddworkflowActivityForm.value,i=new Oi;i.Name.English=t.NameInEnglish,i.Name.Arabic=t.NameInArabic,i.Description.English=t.DescriptionInEnglish,i.Description.Arabic=t.DescriptionInArabic,i.SysName=t.SysName,i.VersionID=Number(this.VersionId),i.ActivityTypeItemID=null!=t.ActivityType?Number(t.ActivityType):null,this.workflowActivityService.AddWorkflowActivity(i).subscribe((function(t){e.modalService.dismissAll(),e.ActivityPagingViewElement.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditworkflowActivityModal=function(e,t){this.EditworkflowActivityForm=new h.FormGroup({}),this.workflowActivityId=e.id,this.EditworkflowActivityNameInEnglish=new v.TextBoxOptions,this.EditworkflowActivityNameInEnglish.Name="EditNameInEnglish",this.EditworkflowActivityNameInEnglish.LabelKey="NameInEnglish",this.EditworkflowActivityNameInEnglish.Type=v.InputType.Text,this.EditworkflowActivityNameInEnglish.Value=e.name.english,this.EditworkflowActivityNameInEnglish.IsRequired=!0,this.EditworkflowActivityNameInArabic=new v.TextBoxOptions,this.EditworkflowActivityNameInArabic.Name="EditNameInArabic",this.EditworkflowActivityNameInArabic.LabelKey="NameInArabic",this.EditworkflowActivityNameInArabic.Type=v.InputType.Text,this.EditworkflowActivityNameInArabic.Value=e.name.arabic,this.EditworkflowActivityNameInArabic.IsRequired=!0,this.EditworkflowActivityNameInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditworkflowActivityDescriptionInEnglish=new v.TextBoxOptions,this.EditworkflowActivityDescriptionInEnglish.Name="EditDescriptionInEnglish",this.EditworkflowActivityDescriptionInEnglish.LabelKey="DescriptionInEnglish",this.EditworkflowActivityDescriptionInEnglish.Type=v.InputType.Text,this.EditworkflowActivityDescriptionInEnglish.Value=null!=e.description?e.description.english:"",this.EditworkflowActivityDescriptionInEnglish.IsRequired=!0,this.EditworkflowActivityDescriptionInArabic=new v.TextBoxOptions,this.EditworkflowActivityDescriptionInArabic.Name="EditDescriptionInArabic",this.EditworkflowActivityDescriptionInArabic.LabelKey="DescriptionInArabic",this.EditworkflowActivityDescriptionInArabic.Type=v.InputType.Text,this.EditworkflowActivityDescriptionInArabic.Value=null!=e.description?e.description.arabic:"",this.EditworkflowActivityDescriptionInArabic.IsRequired=!0,this.EditworkflowActivityDescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditworkflowActivitySysName=new v.TextBoxOptions,this.EditworkflowActivitySysName.Name="EditSysName",this.EditworkflowActivitySysName.LabelKey="SysName",this.EditworkflowActivitySysName.Type=v.InputType.Text,this.EditworkflowActivitySysName.Value=e.sysName,this.EditActivityType=new v.DropdownOptions,this.EditActivityType.Name="EditActivityType",this.EditActivityType.LabelKey="ActivityType",this.EditActivityType.DataSource=this.ActivityTypeList,this.EditActivityType.SingleSelection=!0,this.EditActivityType.AllowSearchFilter=!0,this.EditActivityType.Placeholder="",this.EditActivityType.SelectedItems=this.ActivityTypeList.filter((function(t){return parseInt(t.key)==e.activityTypeItemID})).map((function(e){return e.key}))[0],this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editworkflowActivity=function(){var e=this;if(!this.EditworkflowActivityForm.invalid){this.utilityService.startBlockUI();var t=this.EditworkflowActivityForm.value,i=new Oi;i.ID=Number(this.workflowActivityId),i.Name.English=t.EditNameInEnglish,i.Name.Arabic=t.EditNameInArabic,i.Description.English=t.EditDescriptionInEnglish,i.Description.Arabic=t.EditDescriptionInArabic,i.SysName=t.EditSysName,i.VersionID=Number(this.VersionId),i.ActivityTypeItemID=null!=t.EditActivityType?Number(t.EditActivityType):null,this.workflowActivityService.EditActivity(i).subscribe((function(t){e.modalService.dismissAll(),e.ActivityPagingViewElement.UpdatePaging()}),(function(e){}))}},e}();ji.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ji,deps:[{token:it},{token:B.AuthService},{token:Ri},{token:L.ActivatedRoute},{token:L.Router},{token:Hi},{token:zi},{token:De},{token:E.NgbModal},{token:B.EnvironmentService},{token:B.BBSFTranslateService},{token:B.UtilityService}],target:T.ɵɵFactoryTarget.Component}),ji.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ji,selector:"lib-tabs",viewQueries:[{propertyName:"input",first:!0,predicate:["WorkflowActivityPagingViewElement"],descendants:!0},{propertyName:"WorkflowVariablePagingViewElement",first:!0,predicate:["WorkflowVariablePagingViewElement"],descendants:!0},{propertyName:"CloseWorkflowVariableModal",first:!0,predicate:["CloseWorkflowVariableModal"],descendants:!0},{propertyName:"CloseEditWorkflowVariableModal",first:!0,predicate:["CloseEditWorkflowVariableModal"],descendants:!0},{propertyName:"ActivityPagingViewElement",first:!0,predicate:["ActivityPagingViewElement"],descendants:!0},{propertyName:"CloseworkflowActivityModal",first:!0,predicate:["CloseworkflowActivityModal"],descendants:!0},{propertyName:"CloseEditworkflowActivityModal",first:!0,predicate:["CloseEditworkflowActivityModal"],descendants:!0}],ngImport:T,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="WorkflowDetails.isPublished"\r\n                            id="btnPublish" class="btn btn-sm btn-primary">\r\n                      {{utilityService.getResourceValue("PublishWorkflow")}}\r\n\r\n                    </button>\r\n                    \x3c!--<a class="btn btn-sm btn-light-primary">\r\n                      {{utilityService.getResourceValue("Preview")}}\r\n                    </a>--\x3e\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                \x3c!--end:: Widgets/Applications/User/Profile3--\x3e\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)="GetVersions()">{{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]="WorkflowActivityForm">\r\n                      <BBSF-TextBox [options]="searchTextBox" [group]="WorkflowActivityForm"></BBSF-TextBox>\r\n                      <BBSF-TextBox [options]="WorkflowIdTextBox"\r\n                                    [group]="WorkflowActivityForm" [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                  \x3c!--begin::Permission list--\x3e\r\n                  <div class="table-responsive">\r\n                    \x3c!-- begin::Table --\x3e\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 Activity of WorkflowActivityPagingResult">\r\n                          <td>\r\n                            <a *ngIf="language==\'en\'" href="javascript:void(0)"\r\n                               [routerLink]="[\'/Admin/Workflows/tabs\',Activity.id]"\r\n                               routerLinkActive="router-link-active"\r\n                               class="text-dark">{{Activity.change.current}}</a>\r\n                            <a *ngIf="language==\'ar\'" href="javascript:void(0)"\r\n                               [routerLink]="[\'/Admin/Workflows/tabs\',Activity.id]"\r\n                               routerLinkActive="router-link-active"\r\n                               class="text-dark">{{Activity.change.current}}</a>\r\n                          </td>\r\n                          <td>{{Activity.isCurrent}}</td>\r\n                          <td>{{Activity.isPublished}}</td>\r\n                          <td>{{Activity.creationDate}}</td>\r\n                        </tr>\r\n                        <tr *ngIf="WorkflowActivityPagingResult.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                  \x3c!--end::Permission list--\x3e\r\n                </div>\r\n                <div class="card-footer border-0">\r\n                  <BBSF-Paging (Items)="setWorkflowActivityListResult($event)" *ngIf="IsFilterLoaded"\r\n                               [options]="WorkflowActivityPaging" [group]="WorkflowActivityForm"\r\n                               #WorkflowActivityPagingViewElement>\r\n                  </BBSF-Paging>\r\n                </div>\r\n                \x3c!--end:: Widgets/Applications/User/Profile3--\x3e\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)="LoadWorkflowVariables()">{{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                  \x3c!--begin::Permission list--\x3e\r\n                  <div class="table-responsive">\r\n                    \x3c!-- begin::Table --\x3e\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 *ngIf="!ProductionMode" 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 *ngIf="language==\'en\'" href="javascript:void(0)"\r\n                               class="text-dark">{{WorkflowVariable.name.english}}</a>\r\n                            <a *ngIf="language==\'ar\'" href="javascript:void(0)"\r\n                               class="text-dark">{{WorkflowVariable.name.arabic}}</a>\r\n\r\n                          </td>\r\n\r\n                          <td *ngIf="!ProductionMode">\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, 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 [attr.colspan]="ProductionMode ? \'4\' : \'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                  \x3c!--end::Permission list--\x3e\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                \x3c!--end:: Widgets/Applications/User/Profile3--\x3e\r\n              </div>\r\n              \x3c!-- Add Modal --\x3e\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                  <form [formGroup]="AddWorkflowVariableForm"\r\n                        (ngSubmit)="addWorkflowVariable()">\r\n                    <div class="row">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="NameInEnglish"\r\n                                      [group]="AddWorkflowVariableForm">\r\n                        </BBSF-TextBox>\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]="NameInArabic"\r\n                                      [group]="AddWorkflowVariableForm">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class="row" *ngIf="!ProductionMode">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="SysNameWorkflowVariable"\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 [options]="DataType"\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]="Constant"\r\n                                          [group]="AddWorkflowVariableForm">\r\n                        </BBSF-Toggleslide>\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                  </form>\r\n                </div>\r\n              </ng-template>\r\n       \r\n              \x3c!--Edit Modal--\x3e\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                  <form [formGroup]="EditWorkflowVariableForm"\r\n                        (ngSubmit)="editWorkflowVariable()">\r\n                    <div class="row">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="EditNameInEnglish"\r\n                                      [group]="EditWorkflowVariableForm">\r\n                        </BBSF-TextBox>\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]="EditNameInArabic"\r\n                                      [group]="EditWorkflowVariableForm">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class="row" *ngIf="!ProductionMode">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="EditSysNameWorkflowVariable"\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 [options]="EditDataType"\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]="EditConstant"\r\n                                          [group]="EditWorkflowVariableForm">\r\n                        </BBSF-Toggleslide>\r\n                      </div>\r\n                    </div>\r\n\r\n\r\n\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                  </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)="LoadworkflowActivity()">\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"\r\n                            (click)="showAddworkflowActivityModal(AddWorkflowActivityModal)">\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.typeName.current}}\r\n                          </div>\r\n                          <div class="card-toolbar">\r\n                            <button type="button" id="btnAdd"\r\n                                    class="btn btn-primary btn-sm me-2 ">\r\n                              <i class="fa fa-gear" aria-hidden="true">\r\n                                {{utilityService.getResourceValue("WorkflowVariables")}}\r\n                              </i>\r\n                            </button>\r\n                            <button *ngIf="workflowActivity.isPublished" type="button"\r\n                                    id="btnAdd"\r\n                                    class="btn btn-light-primary btn-sm btn-icon me-2"\r\n                                    (click)="showEditworkflowActivityModal(workflowActivity, EditWorkflowActivityModal)">\r\n                              <i class="fas fa-pen"></i>\r\n                            </button>\r\n                            <button type="button" *ngIf="!workflowActivity.isPublished"\r\n                                    id="btnAdd"\r\n                                    class="btn btn-light-primary btn-sm btn-icon me-2"\r\n                                    (click)="showEditworkflowActivityModal(workflowActivity,EditWorkflowActivityModal)">\r\n                              <i 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                        \x3c!--end:: Card body--\x3e\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                \x3c!--end:: Widgets/Applications/User/Profile3--\x3e\r\n              </div>\r\n              \x3c!-- Add Modal --\x3e\r\n              <ng-template #AddWorkflowActivityModal 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("WorkflowActivity")}}\r\n\r\n                    </h1>\r\n                  </div>\r\n\r\n                  <form [formGroup]="AddworkflowActivityForm"\r\n                        (ngSubmit)="addworkflowActivity()">\r\n                    <div class="row">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="workflowActivityNameInEnglish"\r\n                                      [group]="AddworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="workflowActivityNameInArabic"\r\n                                      [group]="AddworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="workflowActivityDescriptionInEnglish"\r\n                                      [group]="AddworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="workflowActivityDescriptionInArabic"\r\n                                      [group]="AddworkflowActivityForm">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n\r\n                    </div>\r\n\r\n                    <div class="row" *ngIf="!ProductionMode">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="workflowActivitySysName"\r\n                                      [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"\r\n                                           [group]="AddworkflowActivityForm">\r\n                        </BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="text-center pt-7">\r\n                      <button #CloseworkflowActivityModal id="CloseworkflowActivityModal" 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                  </form>\r\n                </div>\r\n              </ng-template>\r\n\r\n\r\n\r\n            \r\n              \x3c!--Edit Modal--\x3e\r\n              <ng-template #EditWorkflowActivityModal 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("WorkflowActivity")}}\r\n                    </h1>\r\n                  </div>\r\n                  <form [formGroup]="EditworkflowActivityForm"\r\n                        (ngSubmit)="editworkflowActivity()">\r\n                    <div class="row">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="EditworkflowActivityNameInEnglish"\r\n                                      [group]="EditworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="EditworkflowActivityNameInArabic"\r\n                                      [group]="EditworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="EditworkflowActivityDescriptionInEnglish"\r\n                                      [group]="EditworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="EditworkflowActivityDescriptionInArabic"\r\n                                      [group]="EditworkflowActivityForm">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class="row" *ngIf="!ProductionMode">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="EditworkflowActivitySysName"\r\n                                      [group]="EditworkflowActivityForm">\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 [options]="EditActivityType"\r\n                                           [group]="EditworkflowActivityForm">\r\n                        </BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="text-center pt-7">\r\n                      <button #CloseEditworkflowActivityModal id="CloseEditworkflowActivityModal" 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                  </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  \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:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵj,selector:"BBSF-Toggleslide",inputs:["group","options"]},{type:E.NgbNavOutlet,selector:"[ngbNavOutlet]",inputs:["paneRole","ngbNavOutlet"]}],directives:[{type:E.NgbNav,selector:"[ngbNav]",inputs:["animation","destroyOnHide","orientation","roles","keyboard","activeId"],outputs:["activeIdChange","shown","hidden","navChange"],exportAs:["ngbNav"]},{type:E.NgbNavItem,selector:"[ngbNavItem]",inputs:["disabled","domId","destroyOnHide","ngbNavItem"],outputs:["shown","hidden"],exportAs:["ngbNavItem"]},{type:E.NgbNavLink,selector:"a[ngbNavLink]"},{type:E.NgbNavContent,selector:"ng-template[ngbNavContent]"},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ji,decorators:[{type:t.Component,args:[{selector:"lib-tabs",templateUrl:"./tabs.component.html",styleUrls:["./tabs.component.css"]}]}],ctorParameters:function(){return[{type:it},{type:B.AuthService},{type:Ri},{type:L.ActivatedRoute},{type:L.Router},{type:Hi},{type:zi},{type:De},{type:E.NgbModal},{type:B.EnvironmentService},{type:B.BBSFTranslateService},{type:B.UtilityService}]},propDecorators:{input:[{type:t.ViewChild,args:["WorkflowActivityPagingViewElement",{static:!1}]}],WorkflowVariablePagingViewElement:[{type:t.ViewChild,args:["WorkflowVariablePagingViewElement",{static:!1}]}],CloseWorkflowVariableModal:[{type:t.ViewChild,args:["CloseWorkflowVariableModal",{static:!1}]}],CloseEditWorkflowVariableModal:[{type:t.ViewChild,args:["CloseEditWorkflowVariableModal",{static:!1}]}],ActivityPagingViewElement:[{type:t.ViewChild,args:["ActivityPagingViewElement",{static:!1}]}],CloseworkflowActivityModal:[{type:t.ViewChild,args:["CloseworkflowActivityModal",{static:!1}]}],CloseEditworkflowActivityModal:[{type:t.ViewChild,args:["CloseEditworkflowActivityModal",{static:!1}]}]}});var Wi=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Wi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Wi,deps:[],target:T.ɵɵFactoryTarget.Component}),Wi.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Wi,selector:"lib-workflows",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Wi,decorators:[{type:t.Component,args:[{selector:"lib-workflows",templateUrl:"./workflows.component.html"}]}],ctorParameters:function(){return[]}});var Ki=[{path:"",component:Wi,children:[{path:"workflow",component:Ui},{path:"tabs/:id/:vid",component:ji},{path:"",redirectTo:"workflow",pathMatch:"full"}]}],qi=function(){};qi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qi,deps:[],target:T.ɵɵFactoryTarget.NgModule}),qi.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qi,imports:[L.RouterModule],exports:[s.RouterModule]}),qi.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qi,imports:[[s.RouterModule.forChild(Ki)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qi,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Ki)],exports:[s.RouterModule]}]}]});var _i=function(){};_i.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_i,deps:[],target:T.ɵɵFactoryTarget.NgModule}),_i.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_i,declarations:[Ui,ji,Wi],imports:[qi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe]}),_i.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_i,providers:[l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ri],imports:[[qi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_i,decorators:[{type:t.NgModule,args:[{declarations:[Ui,ji,Wi],imports:[qi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ri]}]}]});var Ji=function(){this.Name=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO},$i=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/PublicHoliday/"}return e.prototype.AddPublicHoliday=function(e){return this.http.post(this.ApiUrl+"AddPublicHoliday",e)},e.prototype.EditPublicHoliday=function(e){return this.http.post(this.ApiUrl+"EditPublicHoliday",e)},e.prototype.DeletePublicHoliday=function(e){return this.http.post(this.ApiUrl+"DeletePublicHoliday",e)},e.prototype.GenerateUAEPublicHoliday=function(){return this.http.get(this.ApiUrl+"GenerateUAEPublicHoliday")},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e}();$i.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$i,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),$i.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$i,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$i,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Qi=function(){function e(e,t,i,r,n,o,s,a){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.dataServices=n,this.authService=o,this.PublicHolidayService=s,this.modalService=a,this.ApiUrl="/api/admin/PublicHoliday/",this.CountriesList=[],this.MonthsList=[],this.DaysList=[],this.PublicHolidayForm=new h.FormGroup({}),this.showFilter=!1,this.PublicHolidayPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.AddPublicHolidayForm=new h.FormGroup({}),this.EditPublicHolidayForm=new h.FormGroup({}),this.deletePublicHolidayList=[],this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("PublicHolidays"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){var e=this;this.PublicHolidayService.Loaddropdowns().subscribe((function(t){var i=t;e.CountriesList=i.countries,e.MonthsList=i.months,e.DaysList=i.days,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.searchTextBox.HideLabel=!0,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.PublicHolidayPaging=new v.PagingOptions,e.PublicHolidayPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetPublicHolidaysByFilter",e.PublicHolidayPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.PublicHolidayPaging.Filters=[e.TextInputFilter],e.PublicHolidayPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.ReinitializePublicHolidayPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdatePublicHolidayPaging=function(){this.input.UpdatePaging()},e.prototype.setPublicHolidayListResult=function(e){this.PublicHolidayPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.PublicHolidayForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddPublicHolidayModal=function(e){this.utilityService.startBlockUI(),this.AddPublicHolidayForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.SysName.IsRequired=!0,this.DescriptionInEnglish=new v.TextAreaOptions,this.DescriptionInEnglish.Name="DescriptionInEnglish",this.DescriptionInEnglish.LabelKey="DescriptionInEnglish",this.DescriptionInEnglish.Value=null,this.DescriptionInEnglish.IsRequired=!0,this.DescriptionInArabic=new v.TextAreaOptions,this.DescriptionInArabic.Name="DescriptionInArabic",this.DescriptionInArabic.LabelKey="DescriptionInArabic",this.DescriptionInArabic.Value=null,this.DescriptionInArabic.IsRequired=!0,this.DescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.CountryOptions=new v.DropdownOptions,this.CountryOptions.Name="CountryOptions",this.CountryOptions.LabelKey="Country",this.CountryOptions.DataSource=this.CountriesList,this.CountryOptions.SingleSelection=!0,this.CountryOptions.AllowSearchFilter=!0,this.CountryOptions.Placeholder="",this.CountryOptions.IsRequired=!0,this.MonthOptions=new v.DropdownOptions,this.MonthOptions.Name="MonthOptions",this.MonthOptions.LabelKey="Month",this.MonthOptions.DataSource=this.MonthsList,this.MonthOptions.SingleSelection=!0,this.MonthOptions.AllowSearchFilter=!0,this.MonthOptions.Placeholder="",this.MonthOptions.IsRequired=!0,this.DayOptions=new v.DropdownOptions,this.DayOptions.Name="DayOptions",this.DayOptions.LabelKey="Day",this.DayOptions.DataSource=this.DaysList,this.DayOptions.SingleSelection=!0,this.DayOptions.AllowSearchFilter=!0,this.DayOptions.Placeholder="",this.DayOptions.IsRequired=!0,this.IsActive=new v.CheckBoxOptions,this.IsActive.Name="IsActive",this.IsActive.LabelKey="Active",this.IsActive.Value=!1,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addPublicHoliday=function(){var e=this;if(!this.AddPublicHolidayForm.invalid){var t=this.AddPublicHolidayForm.value,i=new Ji;i.SysName=t.SysName,i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.Description.Arabic=t.DescriptionInArabic,i.Description.English=t.DescriptionInEnglish,i.CountryID=null!=t.CountryOptions?Number(t.CountryOptions):null,i.IsActive=t.IsActive,i.Day=null!=t.DayOptions?Number(t.DayOptions):0,i.Month=null!=t.MonthOptions?Number(t.MonthOptions):0,this.PublicHolidayService.AddPublicHoliday(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditPublicHolidayModal=function(e,t){this.utilityService.startBlockUI(),this.EditPublicHolidayForm=new h.FormGroup({}),this.PublicHolidayId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="EditSysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditSysName.IsRequired=!0,this.EditDescriptionInEnglish=new v.TextAreaOptions,this.EditDescriptionInEnglish.Name="EditDescriptionInEnglish",this.EditDescriptionInEnglish.LabelKey="DescriptionInEnglish",this.EditDescriptionInEnglish.Value=e.description.english,this.EditDescriptionInEnglish.IsRequired=!1,this.EditDescriptionInArabic=new v.TextAreaOptions,this.EditDescriptionInArabic.Name="EditDescriptionInArabic",this.EditDescriptionInArabic.LabelKey="DescriptionInArabic",this.EditDescriptionInArabic.Value=e.description.arabic,this.EditDescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditCountryOptions=new v.DropdownOptions,this.EditCountryOptions.Name="EditCountryOptions",this.EditCountryOptions.LabelKey="Country",this.EditCountryOptions.DataSource=this.CountriesList,this.EditCountryOptions.SingleSelection=!0,this.EditCountryOptions.AllowSearchFilter=!0,this.EditCountryOptions.Placeholder="",this.EditCountryOptions.SelectedItems=this.CountriesList.filter((function(t){return parseInt(t.key)==e.countryID})).map((function(e){return e.key}))[0],this.EditMonthOptions=new v.DropdownOptions,this.EditMonthOptions.Name="EditMonthOptions",this.EditMonthOptions.LabelKey="Month",this.EditMonthOptions.DataSource=this.MonthsList,this.EditMonthOptions.SingleSelection=!0,this.EditMonthOptions.AllowSearchFilter=!0,this.EditMonthOptions.Placeholder="",this.EditMonthOptions.IsRequired=!0,this.EditMonthOptions.SelectedItems=this.MonthsList.filter((function(t){return parseInt(t.key)==e.month})).map((function(e){return e.key}))[0],this.EditDayOptions=new v.DropdownOptions,this.EditDayOptions.Name="EditDayOptions",this.EditDayOptions.LabelKey="Day",this.EditDayOptions.DataSource=this.DaysList,this.EditDayOptions.SingleSelection=!0,this.EditDayOptions.AllowSearchFilter=!0,this.EditDayOptions.Placeholder="",this.EditDayOptions.IsRequired=!0,this.EditDayOptions.SelectedItems=this.MonthsList.filter((function(t){return parseInt(t.key)==e.day})).map((function(e){return e.key}))[0],this.EditIsActive=new v.CheckBoxOptions,this.EditIsActive.Name="EditIsActive",this.EditIsActive.LabelKey="Active",this.EditIsActive.Value=e.isActive,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editPublicHoliday=function(){var e=this;if(!this.EditPublicHolidayForm.invalid){var t=this.EditPublicHolidayForm.value,i=new Ji;i.ID=Number(this.PublicHolidayId),i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.SysName=t.EditSysName,i.Description.English=t.EditDescriptionInEnglish,i.Description.Arabic=t.EditDescriptionInArabic,i.IsActive=t.EditIsActive,i.CountryID=null!=t.EditCountryOptions?Number(t.EditCountryOptions):null,i.Day=null!=t.EditDayOptions?Number(t.EditDayOptions):0,i.Month=null!=t.EditMonthOptions?Number(t.EditMonthOptions):0,this.PublicHolidayService.EditPublicHoliday(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeletePublicHolidayModal=function(e,t){this.deletePublicHolidayList=[],this.deletePublicHolidayList.push(e),this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deletePublicHoliday=function(){for(var e=this,t=new tt,i=0;i<this.deletePublicHolidayList.length;i++){var r=this.deletePublicHolidayList[i];t.UsersIDs.push(r.id)}this.PublicHolidayService.DeletePublicHoliday(t).subscribe((function(t){e.deletePublicHolidayList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.showGenerateUAEPublicHolidayModal=function(e){this.modalService.open(e)},e.prototype.generateUAEPublicHoliday=function(){var e=this;this.PublicHolidayService.GenerateUAEPublicHoliday().subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();Qi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Qi,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:it},{token:B.AuthService},{token:$i},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Qi.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Qi,selector:"lib-public-holiday",viewQueries:[{propertyName:"input",first:!0,predicate:["PublicHolidayPagingViewElement"],descendants:!0},{propertyName:"ClosePublicHolidayModal",first:!0,predicate:["ClosePublicHolidayModal"],descendants:!0},{propertyName:"CloseEditPublicHolidayModal",first:!0,predicate:["CloseEditPublicHolidayModal"],descendants:!0},{propertyName:"CloseDeletePublicHolidayModal",first:!0,predicate:["CloseDeletePublicHolidayModal"],descendants:!0},{propertyName:"CloseGeneratePublicHolidayModal",first:!0,predicate:["CloseGeneratePublicHolidayModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="PublicHolidayForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="PublicHolidayForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" title="Add" class="btn btn-sm btn-primary me-3" (click)="showAddPublicHolidayModal(AddPublicHolidayModal)">\r\n            <i class="me-1 fas fa-plus"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n          <button type="button" title="{{utilityService.getResourceValue(\'PublicHolidaysCreateUAE\')}}" class="btn btn-sm btn-light-primary me-3 " (click)="showGenerateUAEPublicHolidayModal(GenerateUAEPublicHolidaysModal)">\r\n            <i class="me-1 fa fa-calendar-alt"></i>\r\n            {{utilityService.getResourceValue(\'PublicHolidaysCreateUAE\')}}\r\n          </button>\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      \x3c!-- end::Header --\x3e\r\n      \x3c!-- begin::Body --\x3e\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!-- begin::Table --\x3e\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("Country")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Date")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Status")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Name")}}</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\r\n              <tr *ngFor="let PublicHoliday of PublicHolidayPagingResult">\r\n                <td>\r\n                  <div class="text-dark" *ngIf="language==\'en\'">{{PublicHoliday.name.english}}</div>\r\n                  <div class="text-dark" *ngIf="language==\'ar\'">{{PublicHoliday.name.arabic}}</div>\r\n                </td>\r\n                <td>{{PublicHoliday.countryName}}</td>\r\n                <td>{{PublicHoliday.date}}</td>\r\n                <td>\r\n                  <span class="badge badge-light-primary" *ngIf="PublicHoliday.isActive;else other_content">\r\n                    {{utilityService.getResourceValue("Active")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class="badge badge-light-danger">\r\n                      {{utilityService.getResourceValue("Inactive")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </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)="showEditPublicHolidayModal(PublicHoliday, EditPublicHolidayModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                              (click)="showDeletePublicHolidayModal(PublicHoliday , deletePublicHolidayModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="PublicHolidayPagingResult.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          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setPublicHolidayListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="PublicHolidayPaging" [group]="PublicHolidayForm" #PublicHolidayPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddPublicHolidayModal 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("PublicHoliday")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddPublicHolidayForm"\r\n            (ngSubmit)="addPublicHoliday()">\r\n        <div class="row" *ngIf="!ProductionMode">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="SysName" [group]="AddPublicHolidayForm">\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]="MultiLingualName" [group]="AddPublicHolidayForm"></BBSF-MultiLingualTextBox>\r\n\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="DescriptionInEnglish" [group]="AddPublicHolidayForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="DescriptionInArabic" [group]="AddPublicHolidayForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="CountryOptions" [group]="AddPublicHolidayForm">\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-DropdownList [options]="DayOptions" [group]="AddPublicHolidayForm">\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-DropdownList [options]="MonthOptions" [group]="AddPublicHolidayForm">\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-CheckBox [options]="IsActive" [group]="AddPublicHolidayForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #ClosePublicHolidayModal id="ClosePublicHolidayModal" 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\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--edit Modal--\x3e\r\n  <ng-template #EditPublicHolidayModal 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("PublicHoliday")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditPublicHolidayForm" (ngSubmit)="editPublicHoliday()">\r\n        <div class="row" *ngIf="!ProductionMode">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditSysName" [group]="EditPublicHolidayForm">\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]="EditMultiLingualName" [group]="EditPublicHolidayForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInEnglish" [group]="EditPublicHolidayForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInArabic" [group]="EditPublicHolidayForm">\r\n            </BBSF-TextArea>\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]="EditCountryOptions" [group]="EditPublicHolidayForm">\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-DropdownList [options]="EditDayOptions" [group]="EditPublicHolidayForm">\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-DropdownList [options]="EditMonthOptions" [group]="EditPublicHolidayForm">\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-CheckBox [options]="EditIsActive" [group]="EditPublicHolidayForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditPublicHolidayModal id="CloseEditPublicHolidayModal" 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\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deletePublicHolidayModal 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("Delete")}} {{utilityService.getResourceValue("PublicHoliday")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeletePublicHolidayModal id="CloseDeletePublicHolidayModal" 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="button" (click)="deletePublicHoliday()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  \r\n  \x3c!-- Generate UAE public holidays  Modal --\x3e\r\n  <ng-template #GenerateUAEPublicHolidaysModal 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("PublicHolidaysCreateUAEConfirmation")}}\r\n        </h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("PublicHolidaysCreateUAEConfirmation")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseGeneratePublicHolidayModal id="CloseGeneratePublicHolidayModal" type="button"\r\n                class="btn btn-light btn-sm me-3 " data-dismiss="modal" (click)="modal.dismiss()">\r\n          {{utilityService.getResourceValue("No")}}\r\n        </button>\r\n        <button type="button" (click)="generateUAEPublicHoliday()"\r\n                class="btn btn-primary btn-sm ">\r\n          {{utilityService.getResourceValue("Yes")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Qi,decorators:[{type:t.Component,args:[{selector:"lib-public-holiday",templateUrl:"./public-holiday.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:it},{type:B.AuthService},{type:$i},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["PublicHolidayPagingViewElement",{static:!1}]}],ClosePublicHolidayModal:[{type:t.ViewChild,args:["ClosePublicHolidayModal",{static:!1}]}],CloseEditPublicHolidayModal:[{type:t.ViewChild,args:["CloseEditPublicHolidayModal",{static:!1}]}],CloseDeletePublicHolidayModal:[{type:t.ViewChild,args:["CloseDeletePublicHolidayModal",{static:!1}]}],CloseGeneratePublicHolidayModal:[{type:t.ViewChild,args:["CloseGeneratePublicHolidayModal",{static:!1}]}]}});var Yi=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Yi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Yi,deps:[],target:T.ɵɵFactoryTarget.Component}),Yi.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Yi,selector:"lib-public-holidays",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Yi,decorators:[{type:t.Component,args:[{selector:"lib-public-holidays",templateUrl:"./public-holidays.component.html"}]}],ctorParameters:function(){return[]}});var Zi=[{path:"",component:Yi,children:[{path:"PublicHolidays",component:Qi},{path:"",redirectTo:"PublicHolidays",pathMatch:"full"}]}],Xi=function(){};Xi.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xi,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Xi.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xi,imports:[L.RouterModule],exports:[s.RouterModule]}),Xi.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xi,imports:[[s.RouterModule.forChild(Zi)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xi,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Zi)],exports:[s.RouterModule]}]}]});var er=function(){};er.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:er,deps:[],target:T.ɵɵFactoryTarget.NgModule}),er.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:er,declarations:[Qi,Yi],imports:[Xi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe]}),er.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:er,providers:[l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService,$i],imports:[[Xi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:er,decorators:[{type:t.NgModule,args:[{declarations:[Qi,Yi],imports:[Xi,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService,$i]}]}]});var tr=function(){this.Title=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO,this.Html=new v.EnglishArabicDTO,this.Permissions=[],this.PermissionSetIDs=[],this.Children=[]},ir=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/HelpCenter/"}return e.prototype.AddHelpCenter=function(e){return this.http.post(this.ApiUrl+"AddHelpCenterItem",e)},e.prototype.EditHelpCenter=function(e){return this.http.post(this.ApiUrl+"EditHelpCenter",e)},e.prototype.DeleteHelpCenter=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"DeleteHelpCenter",null,t)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.GetHelpCenterLevel=function(e){var t=new n.HttpParams;return t=t.append("parentID",e),this.http.post(this.ApiUrl+"GetHelpCenterItemsByFilter",null,t)},e.prototype.GenerateCode=function(){return this.http.get(this.ApiUrl+"GenerateCode")},e.prototype.GetAll=function(){return this.http.get(this.ApiUrl+"Preview",null)},e}();ir.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ir,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),ir.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ir,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ir,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var rr=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.HelpCenterService=o,this.modalService=s,this.ApiUrl="/api/admin/HelpCenter/",this.PermissionSetsList=[],this.HelpCenterForm=new h.FormGroup({}),this.showFilter=!1,this.HelpCenterPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.language="",this.ShowPageContent=!1,this.AddHelpCenterForm=new h.FormGroup({}),this.IsAddHelpCenterFormLoaded=!1,this.EditHelpCenterForm=new h.FormGroup({}),this.IsEditHelpCenterModalLoaded=!1,this.GenerateCodeForm=new h.FormGroup({})}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("HelpCenter"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){var e=this;this.HelpCenterService.Loaddropdowns().subscribe((function(t){var i=t;e.PermissionSetsList=i.permissionSets,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.searchTextBox.HideLabel=!0,e.searchTextBox.Icon="./src/assets/images/gen021.svg",e.searchTextBox.IconPosition=v.IconPosition.left,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.HelpCenterPaging=new v.PagingOptions,e.HelpCenterPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetHelpCenterItemsByFilter",e.HelpCenterPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.HelpCenterPaging.Filters=[e.TextInputFilter],e.HelpCenterPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.ReinitializeHelpCenterPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateHelpCenterPaging=function(){this.input.UpdatePaging()},e.prototype.setHelpCenterItemListResult=function(e){this.HelpCenterPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.HelpCenterForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddHelpCenterModal=function(e){this.utilityService.startBlockUI(),this.AddHelpCenterForm=new h.FormGroup({}),this.MultiLingualTitle=new v.MultiLingualTextBoxOptions,this.MultiLingualTitle.Name="Title",this.MultiLingualTitle.ArabicLabelKey="TitleInArabic",this.MultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.MultiLingualTitle.IsRequired=!0,this.MultiLingualTitle.Value=null,this.MultiLingualDescription=new v.MultiLingualTextAreaOptions,this.MultiLingualDescription.Name="Description",this.MultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.MultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.MultiLingualDescription.Value=null,this.MultiLingualDescription.MultiControlPlacementType=v.ControlLayout.Vertical,this.AddPermissionSetsOptions=new v.DropdownOptions,this.AddPermissionSetsOptions.Name="AddPermissionSetsOptions",this.AddPermissionSetsOptions.LabelKey="PermissionSets",this.AddPermissionSetsOptions.DataSource=this.PermissionSetsList,this.AddPermissionSetsOptions.SingleSelection=!1,this.AddPermissionSetsOptions.AllowSearchFilter=!0,this.AddPermissionSetsOptions.Placeholder="",this.AddPermissionSetsOptions.IsRequired=!0,this.AddIsHidden=new v.CheckBoxOptions,this.AddIsHidden.Name="AddIsHidden",this.AddIsHidden.LabelKey="Hidden",this.AddIsHidden.Value=!1,this.AddLogo=new v.ImageUploadOptions,this.AddLogo.Name="AddLogo",this.AddLogo.LabelKey="Logo",this.AddLogo.ViewType=v.ControlLayout.Vertical,this.AddLogo.FileUploadAcceptsTypes=[v.ImageType.ImageTypes],this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addHelpCenterItem=function(){var e=this;if(!this.AddHelpCenterForm.invalid){var t=this.AddHelpCenterForm.value,i=new tr;i.Title.Arabic=t.Title.ArabicValue,i.Title.English=t.Title.EnglishValue,i.Description.Arabic=t.Description.ArabicTextAreaValue,i.Description.English=t.Description.EnglishTextAreaValue;var r;r=function(e){return e.map(Number)}(t.AddPermissionSetsOptions),i.PermissionSetIDs=null!=t.AddPermissionSetsOptions?r:null,i.IsHidden=t.AddIsHidden,i.LogoFileDTO={FileBase64:t.AddLogo.FileBase64,FileName:t.AddLogo.FileName,FileSizeInMB:t.AddLogo.FileSizeInMB,FileType:t.AddLogo.FileType},this.HelpCenterService.AddHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditHelpCenterModal=function(e,t){this.utilityService.startBlockUI(),this.EditHelpCenterForm=new h.FormGroup({}),this.HelpCenterItemId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.title.arabic,i.English=e.title.english,this.EditMultiLingualTitle=new v.MultiLingualTextBoxOptions,this.EditMultiLingualTitle.Name="Title",this.EditMultiLingualTitle.ArabicLabelKey="TitleInArabic",this.EditMultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.EditMultiLingualTitle.IsRequired=!0,this.EditMultiLingualTitle.Value=i,this.EditMultiLingualTitle.Icon="./src/assets/images/gen021.svg",this.EditMultiLingualTitle.IconPositionEN=v.IconPosition.left,this.EditMultiLingualTitle.IconPositionAR=v.IconPosition.right;var r=new v.EnglishArabicDTO;r.Arabic=e.description.arabic,r.English=e.description.english,this.EditMultiLingualDescription=new v.MultiLingualTextAreaOptions,this.EditMultiLingualDescription.Name="Description",this.EditMultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.EditMultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.EditMultiLingualDescription.Value=r,this.EditMultiLingualDescription.MultiControlPlacementType=v.ControlLayout.Vertical;for(var n=[],o=function(t){var i=s.PermissionSetsList.filter((function(i){return parseInt(i.key)==e.permissionSetIDs[t]})).map((function(e){return e.key}))[0];n.push(i)},s=this,a=0;a<e.permissionSetIDs.length;a++)o(a);this.EditPermissionSetsOptions=new v.DropdownOptions,this.EditPermissionSetsOptions.Name="EditPermissionSetsOptions",this.EditPermissionSetsOptions.LabelKey="PermissionSets",this.EditPermissionSetsOptions.DataSource=this.PermissionSetsList,this.EditPermissionSetsOptions.SingleSelection=!1,this.EditPermissionSetsOptions.AllowSearchFilter=!0,this.EditPermissionSetsOptions.Placeholder="",this.EditPermissionSetsOptions.SelectedItems=n,this.EditIsHidden=new v.CheckBoxOptions,this.EditIsHidden.Name="EditIsHidden",this.EditIsHidden.LabelKey="Hidden",this.EditIsHidden.Value=e.isHidden,this.EditLogo=new v.ImageUploadOptions,this.EditLogo.Name="EditLogo",this.EditLogo.LabelKey="Logo",this.EditLogo.IsRequired=!1,this.EditLogo.FileUploadAcceptsTypes=[v.ImageType.ImageTypes],this.EditLogo.Value=e.logoFileDTO,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editHelpCenter=function(){var e=this;if(!this.EditHelpCenterForm.invalid){var t=this.EditHelpCenterForm.value,i=new tr;i.ID=Number(this.HelpCenterItemId),i.Title.English=t.Title.EnglishValue,i.Title.Arabic=t.Title.ArabicValue,i.Description.English=t.Description.EnglishTextAreaValue,i.Description.Arabic=t.Description.ArabicTextAreaValue,i.IsHidden=t.EditIsHidden,i.LogoFileDTO=t.EditLogo;for(var r=[],n=0;n<t.EditPermissionSetsOptions.length;n++){var o=t.EditPermissionSetsOptions[n];r.push(Number(o))}i.PermissionSetIDs=r,this.HelpCenterService.EditHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteHelpCenterModal=function(e,t){this.deleteHelpCenterId=e.idEncrypted,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteHelpCenter=function(){var e=this;this.HelpCenterService.DeleteHelpCenter(this.deleteHelpCenterId).subscribe((function(t){e.deleteHelpCenterId="",e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.SaveName=function(e){localStorage.setItem("ParentName",e)},e.prototype.showGenerateCodeModal=function(e){var t=this;this.HelpCenterService.GenerateCode().subscribe((function(i){var r=i;t.GeneratedCodeOptions=new v.TextAreaOptions,t.GeneratedCodeOptions.Name="GeneratedCodeOptions",t.GeneratedCodeOptions.HideLabel=!0,t.GeneratedCodeOptions.MaxLength=1e6,t.GeneratedCodeOptions.Value=r.text,t.GeneratedCodeOptions.EnableCopyToClipboard=!0,t.GeneratedCodeOptions.AttributeList=[{Key:"rows",value:"20"}],t.modalService.open(e)}),(function(e){}))},e}();rr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:rr,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:ir},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),rr.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:rr,selector:"lib-help-center",viewQueries:[{propertyName:"input",first:!0,predicate:["HelpCenterPagingViewElement"],descendants:!0},{propertyName:"CloseAddHelpCenterModal",first:!0,predicate:["CloseAddHelpCenterModal"],descendants:!0},{propertyName:"CloseEditHelpCenterModal",first:!0,predicate:["CloseEditHelpCenterModal"],descendants:!0},{propertyName:"CloseDeleteHelpCenterItemModal",first:!0,predicate:["CloseDeleteHelpCenterItemModal"],descendants:!0},{propertyName:"CloseGenerateCodeModal",first:!0,predicate:["CloseGenerateCodeModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="HelpCenterForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="HelpCenterForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <button class="btn btn-sm btn-light-primary me-3"(click)="showGenerateCodeModal(GenerateCodeModal)">\r\n            <i class="fa fa-code"></i> {{utilityService.getResourceValue("GenerateCode")}}\r\n          </button>\r\n          <button class="btn btn-sm btn-light-primary me-3" [routerLink]="[\'/Admin/HelpCenter/Preview\']"\r\n                  routerLinkActive="router-link-active">\r\n            <i class="fa fa-eye"></i> {{utilityService.getResourceValue("Preview")}}\r\n          </button>\r\n          <button class="btn btn-sm btn-primary me-3"  (click)="showAddHelpCenterModal(AddHelpCenterModal)">\r\n            <i class="fa fa-plus"></i> {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-body py-3">\r\n        \x3c!--begin::ActiveDirectory list--\x3e\r\n        <div class="table-responsive">\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("Title")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Description")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("PermissionSets")}}</th>\r\n                <th class="min-w-150px text-center">{{utilityService.getResourceValue("Visible")}}</th>\r\n                <th class="min-w-50px text-center">{{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 Item of HelpCenterPagingResult">\r\n                <td>\r\n\r\n                  <a *ngIf="language==\'en\'" (click)="SaveName(Item.title.english)"\r\n                     [routerLink]="[\'/Admin/HelpCenter/SecondLevel\',Item.idEncrypted]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Item.title.english}}</a>\r\n\r\n                  <a *ngIf="language==\'ar\'" (click)="SaveName(Item.title.arabic)"\r\n                     [routerLink]="[\'/Admin/HelpCenter/SecondLevel\',Item.idEncrypted]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Item.title.arabic}}</a>\r\n\r\n                </td>\r\n                <td>\r\n                  <div *ngIf="language==\'en\'">{{Item.description.english}}</div>\r\n                  <div *ngIf="language==\'ar\'">{{Item.description.arabic}}</div>\r\n                </td>\r\n                <td> {{Item.permissionsStr}} </td>\r\n                <td class="text-center">\r\n                  <span *ngIf="Item.isHidden;else other_content">\r\n                    <i class="fa fa-times"></i>\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <i class="fa fa-check"></i>\r\n                  </ng-template>\r\n                </td>\r\n                <td class="text-center">\r\n\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)="showEditHelpCenterModal(Item,EditHelpCenterModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class="drop-item px-3" id="btnResetPass" (click)="showDeleteHelpCenterModal(Item,deleteHelpCenterItemModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="HelpCenterPagingResult.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      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setHelpCenterItemListResult($event)" *ngIf="IsFilterLoaded" [options]="HelpCenterPaging"\r\n                     [group]="HelpCenterForm" #HelpCenterPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n    \x3c!-- Filter Wrapper --\x3e\r\n    \x3c!--end::Permission list--\x3e\r\n  </div>\r\n\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteHelpCenterItemModal 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("Delete")}} {{utilityService.getResourceValue("HelpCenter")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteHelpCenterItemModal id="CloseDeleteHelpCenterItemModal" 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="button"  (click)="deleteHelpCenter()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--Generate code Modal--\x3e\r\n  <ng-template #GenerateCodeModal 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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="GeneratedCodeOptions" [group]="GenerateCodeForm" #GenerateCodeInput>\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseGenerateCodeModal id="CloseGenerateCodeModal" 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          \x3c!-- <button type="button" class="btn btn-primary btn-sm" (click)="copyToClipboard()">{{utilityService.getResourceValue("CopyToClipboard")}}</button> --\x3e\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditHelpCenterModal 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("HelpCenter")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditHelpCenterForm" (ngSubmit)="editHelpCenter()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="EditMultiLingualTitle" [group]="EditHelpCenterForm"></BBSF-MultiLingualTextBox>\r\n\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextArea [options]="EditMultiLingualDescription" [group]="EditHelpCenterForm"></BBSF-MultiLingualTextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditPermissionSetsOptions" [group]="EditHelpCenterForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-ImageUpload [options]="EditLogo" [group]="AddHelpCenterForm">\r\n\r\n            </BBSF-ImageUpload>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditIsHidden" [group]="EditHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditHelpCenterModal id="CloseEditHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddHelpCenterModal 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("HelpCenter")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddHelpCenterForm"\r\n            (ngSubmit)="addHelpCenterItem()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualTitle" [group]="AddHelpCenterForm"></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]="MultiLingualDescription" [group]="AddHelpCenterForm"></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-DropdownList [options]="AddPermissionSetsOptions" [group]="AddHelpCenterForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-ImageUpload [options]="AddLogo" [group]="AddHelpCenterForm">\r\n\r\n            </BBSF-ImageUpload>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="AddIsHidden" [group]="AddHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseHelpCenterModal id="CloseAddHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵf,selector:"BBSF-MultiLingualTextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵm,selector:"BBSF-ImageUpload",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:L.RouterLink,selector:":not(a):not(area)[routerLink]",inputs:["routerLink","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:rr,decorators:[{type:t.Component,args:[{selector:"lib-help-center",templateUrl:"./help-center.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:ir},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["HelpCenterPagingViewElement",{static:!1}]}],CloseAddHelpCenterModal:[{type:t.ViewChild,args:["CloseAddHelpCenterModal",{static:!1}]}],CloseEditHelpCenterModal:[{type:t.ViewChild,args:["CloseEditHelpCenterModal",{static:!1}]}],CloseDeleteHelpCenterItemModal:[{type:t.ViewChild,args:["CloseDeleteHelpCenterItemModal",{static:!1}]}],CloseGenerateCodeModal:[{type:t.ViewChild,args:["CloseGenerateCodeModal",{static:!1}]}]}});var nr=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();nr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:nr,deps:[],target:T.ɵɵFactoryTarget.Component}),nr.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:nr,selector:"lib-help-centers",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:nr,decorators:[{type:t.Component,args:[{selector:"lib-help-centers",templateUrl:"./help-centers.component.html"}]}],ctorParameters:function(){return[]}});var or=function(){function e(e,t,i,r,n,o,s,a){var l=this;this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.activatedRoute=o,this.HelpCenterService=s,this.modalService=a,this.ApiUrl="/api/admin/HelpCenter/",this.PermissionSetsList=[],this.HelpCenterForm=new h.FormGroup({}),this.showFilter=!1,this.HelpCenterPagingResult=[],this.IsFilterLoaded=!1,this.ParentId="",this.ParentName="",this.PageName="",this.HelpCenter=new tr,this.ProductionMode=!1,this.language="",this.AddHelpCenterForm=new h.FormGroup({}),this.IsAddHelpCenterFormLoaded=!1,this.EditHelpCenterForm=new h.FormGroup({}),this.IsEditHelpCenterModalLoaded=!1,this.IsOpenDeleteHelpCenterModal=!1,this.activatedRoute.params.subscribe((function(e){l.ParentId=e.parentID}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ParentName=localStorage.getItem("ParentName"),this.PageName=this.ParentName,De.PageTitle=this.PageName,De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:this.utilityService.getResourceValue("HelpCenter"),path:"/Admin/HelpCenter/HelpCenter",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){var e=this;this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.ParentIdTextBox=new v.TextBoxOptions,this.ParentIdTextBox.Name="ParentIdTextBox",this.ParentIdTextBox.HideLabel=!0,this.ParentIdTextBox.Type=v.InputType.Text,this.ParentIdTextBox.Value=this.ParentId,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.ParentIDFilter=new v.FilterItem,this.ParentIDFilter.FormControlName="ParentIdTextBox",this.ParentIDFilter.ActionParameterName="parentID",this.ParentIDFilter.IsFormControl=!0,this.ParentIDFilter.FilterType=v.FilterType.TextBox,this.HelpCenterPaging=new v.PagingOptions,this.HelpCenterPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetHelpCenterItemsByFilter",this.HelpCenterPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.HelpCenterPaging.Filters=[this.TextInputFilter,this.ParentIDFilter],this.HelpCenterPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)},e.prototype.ReinitializeHelpCenterPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateHelpCenterPaging=function(){this.input.UpdatePaging()},e.prototype.setHelpCenterItemListResult=function(e){this.HelpCenterPagingResult=e},e.prototype.resetFilters=function(){this.HelpCenterForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddHelpCenterModal=function(e){this.utilityService.startBlockUI(),this.AddHelpCenterForm=new h.FormGroup({}),this.MultiLingualTitle=new v.MultiLingualTextBoxOptions,this.MultiLingualTitle.Name="Title",this.MultiLingualTitle.ArabicLabelKey="TitleInArabic",this.MultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.MultiLingualTitle.IsRequired=!0,this.MultiLingualTitle.Value=null,this.MultiLingualDescription=new v.MultiLingualTextAreaOptions,this.MultiLingualDescription.Name="Description",this.MultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.MultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.MultiLingualDescription.IsRequired=!0,this.MultiLingualDescription.Value=null,this.AddIsHidden=new v.CheckBoxOptions,this.AddIsHidden.Name="AddIsHidden",this.AddIsHidden.LabelKey="Hidden",this.AddIsHidden.Value=!1,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addHelpCenterItem=function(){var e=this;if(!this.AddHelpCenterForm.invalid){var t=this.AddHelpCenterForm.value,i=new tr;i.Title.Arabic=t.Title.ArabicValue,i.Title.English=t.Title.EnglishValue,i.Description.Arabic=t.Description.ArabicTextAreaValue,i.Description.English=t.Description.EnglishTextAreaValue,i.IsHidden=t.AddIsHidden,i.ParentIDEncrypted=this.ParentId,this.HelpCenterService.AddHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditHelpCenterModal=function(e,t){this.utilityService.startBlockUI(),this.EditHelpCenterForm=new h.FormGroup({}),this.HelpCenterItemId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.title.arabic,i.English=e.title.english,this.EditMultiLingualTitle=new v.MultiLingualTextBoxOptions,this.EditMultiLingualTitle.Name="Title",this.EditMultiLingualTitle.ArabicLabelKey="TitleInArabic",this.EditMultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.EditMultiLingualTitle.IsRequired=!0,this.EditMultiLingualTitle.Value=i;var r=new v.EnglishArabicDTO;r.Arabic=e.description.arabic,r.English=e.description.english,this.EditMultiLingualDescription=new v.MultiLingualTextAreaOptions,this.EditMultiLingualDescription.Name="Description",this.EditMultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.EditMultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.EditMultiLingualDescription.Value=r,this.EditIsHidden=new v.CheckBoxOptions,this.EditIsHidden.Name="EditIsHidden",this.EditIsHidden.LabelKey="Hidden",this.EditIsHidden.Value=e.isHidden,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editHelpCenter=function(){var e=this;if(!this.EditHelpCenterForm.invalid){var t=this.EditHelpCenterForm.value,i=new tr;i.ID=Number(this.HelpCenterItemId),i.Title.English=t.Title.EnglishValue,i.Title.Arabic=t.Title.ArabicValue,i.Description.English=t.Description.EnglishTextAreaValue,i.Description.Arabic=t.Description.ArabicTextAreaValue,i.IsHidden=t.EditIsHidden,this.HelpCenterService.EditHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteHelpCenterModal=function(e,t){this.deleteHelpCenterId=e.idEncrypted,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteHelpCenter=function(){var e=this;this.HelpCenterService.DeleteHelpCenter(this.deleteHelpCenterId).subscribe((function(t){e.deleteHelpCenterId="",e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.SaveName=function(e){localStorage.setItem("ParentName",e)},e}();or.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:or,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:L.ActivatedRoute},{token:ir},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),or.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:or,selector:"lib-help-center-secondlevel",viewQueries:[{propertyName:"input",first:!0,predicate:["HelpCenterPagingViewElement"],descendants:!0},{propertyName:"CloseAddHelpCenterModal",first:!0,predicate:["CloseAddHelpCenterModal"],descendants:!0},{propertyName:"CloseEditHelpCenterModal",first:!0,predicate:["CloseEditHelpCenterModal"],descendants:!0},{propertyName:"CloseDeleteHelpCenterItemModal",first:!0,predicate:["CloseDeleteHelpCenterItemModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div class="container-fluid">\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]="HelpCenterForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="HelpCenterForm"></BBSF-TextBox>\r\n            <BBSF-TextBox [options]="ParentIdTextBox" [group]="HelpCenterForm" [hidden]="true"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <button type="button" title="Add" class="btn btn-sm btn-primary" (click)="showAddHelpCenterModal(AddHelpCenterModal)">\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">\r\n        <div class="table-responsive">\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("Title")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Description")}}</th>\r\n                <th class="text-center min-w-150px">{{utilityService.getResourceValue("Visible")}}</th>\r\n                <th class="text-center 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 Item of HelpCenterPagingResult">\r\n                <td>\r\n                  <a *ngIf="language==\'en\'" (click)="SaveName(Item.title.english)"\r\n                     [routerLink]="[\'/Admin/HelpCenter/ThirdLevel\',Item.idEncrypted]"\r\n                     routerLinkActive="router-link-active" class="text-dark">{{Item.title.english}}</a>\r\n                  <a *ngIf="language==\'ar\'" (click)="SaveName(Item.title.arabic)"\r\n                     [routerLink]="[\'/Admin/HelpCenter/ThirdLevel\',Item.idEncrypted]"\r\n                     routerLinkActive="router-link-active" class="text-dark">{{Item.title.arabic}}</a>\r\n                </td>\r\n                <td>\r\n                  <div *ngIf="language==\'en\'">{{Item.description.english}}</div>\r\n                  <div *ngIf="language==\'ar\'">{{Item.description.arabic}}</div>\r\n                </td>\r\n\r\n                <td class="text-center">\r\n                  <span *ngIf="Item.isHidden;else other_content">\r\n                    <i class="fa fa-times"></i>\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <i class="fa fa-check"></i>\r\n                  </ng-template>\r\n                </td>\r\n                <td class="text-center">\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)="showEditHelpCenterModal(Item,EditHelpCenterModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class="drop-item px-3" id="btnResetPass" (click)="showDeleteHelpCenterModal(Item,deleteHelpCenterItemModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="HelpCenterPagingResult.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          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setHelpCenterItemListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="HelpCenterPaging" [group]="HelpCenterForm" #HelpCenterPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteHelpCenterItemModal 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("Delete")}} {{utilityService.getResourceValue("HelpCenter")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteHelpCenterItemModal id="CloseDeleteHelpCenterItemModal" 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="button" (click)="deleteHelpCenter()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditHelpCenterModal 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("HelpCenter")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditHelpCenterForm" (ngSubmit)="editHelpCenter()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="EditMultiLingualTitle" [group]="EditHelpCenterForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n\r\n        \r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextArea [options]="EditMultiLingualDescription" [group]="EditHelpCenterForm"></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-CheckBox [options]="EditIsHidden" [group]="EditHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditHelpCenterModal id="CloseEditHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddHelpCenterModal 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("HelpCenter")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddHelpCenterForm" \r\n            (ngSubmit)="addHelpCenterItem()">\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualTitle" [group]="AddHelpCenterForm"></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]="MultiLingualDescription" [group]="AddHelpCenterForm"></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-CheckBox [options]="AddIsHidden" [group]="AddHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseHelpCenterModal id="CloseAddHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵf,selector:"BBSF-MultiLingualTextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:or,decorators:[{type:t.Component,args:[{selector:"lib-help-center-secondlevel",templateUrl:"./help-center-secondlevel.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:L.ActivatedRoute},{type:ir},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["HelpCenterPagingViewElement",{static:!1}]}],CloseAddHelpCenterModal:[{type:t.ViewChild,args:["CloseAddHelpCenterModal",{static:!1}]}],CloseEditHelpCenterModal:[{type:t.ViewChild,args:["CloseEditHelpCenterModal",{static:!1}]}],CloseDeleteHelpCenterItemModal:[{type:t.ViewChild,args:["CloseDeleteHelpCenterItemModal",{static:!1}]}]}});var sr=function(){function e(e,t,i,r,n,o,s,a){var l=this;this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.activatedRoute=o,this.HelpCenterService=s,this.modalService=a,this.ApiUrl="/api/admin/HelpCenter/",this.PermissionSetsList=[],this.HelpCenterForm=new h.FormGroup({}),this.showFilter=!1,this.HelpCenterPagingResult=[],this.IsFilterLoaded=!1,this.AuthToken="",this.ParentId="",this.ParentName="",this.PageName="",this.HelpCenter=new tr,this.ProductionMode=!1,this.language="",this.AddHelpCenterForm=new h.FormGroup({}),this.IsAddHelpCenterFormLoaded=!1,this.EditHelpCenterForm=new h.FormGroup({}),this.IsEditHelpCenterModalLoaded=!1,this.IsOpenDeleteHelpCenterModal=!1,this.activatedRoute.params.subscribe((function(e){l.ParentId=e.parentID}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ParentName=localStorage.getItem("ParentName"),this.PageName=this.ParentName,De.PageTitle=this.PageName,De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:this.utilityService.getResourceValue("HelpCenter"),path:"/Admin/HelpCenter/HelpCenter",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){var e=this;this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.ParentIdTextBox=new v.TextBoxOptions,this.ParentIdTextBox.Name="ParentIdTextBox",this.ParentIdTextBox.HideLabel=!0,this.ParentIdTextBox.Type=v.InputType.Text,this.ParentIdTextBox.Value=this.ParentId,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.ParentIDFilter=new v.FilterItem,this.ParentIDFilter.FormControlName="ParentIdTextBox",this.ParentIDFilter.ActionParameterName="parentID",this.ParentIDFilter.IsFormControl=!0,this.ParentIDFilter.FilterType=v.FilterType.TextBox,this.HelpCenterPaging=new v.PagingOptions,this.HelpCenterPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetHelpCenterItemsByFilter",this.HelpCenterPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.HelpCenterPaging.Filters=[this.TextInputFilter,this.ParentIDFilter],this.HelpCenterPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)},e.prototype.ReinitializeHelpCenterPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateHelpCenterPaging=function(){this.input.UpdatePaging()},e.prototype.setHelpCenterItemListResult=function(e){this.HelpCenterPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.HelpCenterForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddHelpCenterModal=function(e){this.utilityService.startBlockUI(),this.AddHelpCenterForm=new h.FormGroup({}),this.MultiLingualTitle=new v.MultiLingualTextBoxOptions,this.MultiLingualTitle.Name="Title",this.MultiLingualTitle.ArabicLabelKey="TitleInArabic",this.MultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.MultiLingualTitle.IsRequired=!0,this.MultiLingualTitle.Value=null,this.MultiLingualContent=new v.MultiLingualHtmlEditorOptions,this.MultiLingualContent.Name="Content",this.MultiLingualContent.ArabicLabelKey="ContentInArabic",this.MultiLingualContent.EnglishLabelKey="ContentInEnglish",this.MultiLingualContent.IsRequired=!0,this.MultiLingualContent.Value=null,this.AddIsHidden=new v.CheckBoxOptions,this.AddIsHidden.Name="AddIsHidden",this.AddIsHidden.LabelKey="Hidden",this.AddIsHidden.Value=!1,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addHelpCenterItem=function(){var e=this;if(!this.AddHelpCenterForm.invalid){var t=this.AddHelpCenterForm.value,i=new tr;i.Title.Arabic=t.Title.ArabicValue,i.Title.English=t.Title.EnglishValue,i.Html.Arabic=t.Content.ArabicHtmlEditorValue,i.Html.English=t.Content.EnglishHtmlEditorValue,i.IsHidden=t.AddIsHidden,i.ParentIDEncrypted=this.ParentId,i.IsParent=!0,i.IsSection=!0,this.HelpCenterService.AddHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditHelpCenterModal=function(e,t){this.utilityService.startBlockUI(),this.EditHelpCenterForm=new h.FormGroup({}),this.HelpCenterItemId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.title.arabic,i.English=e.title.english,this.EditMultiLingualTitle=new v.MultiLingualTextBoxOptions,this.EditMultiLingualTitle.Name="Title",this.EditMultiLingualTitle.ArabicLabelKey="TitleInArabic",this.EditMultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.EditMultiLingualTitle.IsRequired=!0,this.EditMultiLingualTitle.Value=i;var r=new v.EnglishArabicDTO;r.Arabic=e.html.arabic,r.English=e.html.english,this.EditMultiLingualContent=new v.MultiLingualHtmlEditorOptions,this.EditMultiLingualContent.Name="Content",this.EditMultiLingualContent.ArabicLabelKey="ContentInArabic",this.EditMultiLingualContent.EnglishLabelKey="ContentInEnglish",this.EditMultiLingualContent.IsRequired=!0,this.EditMultiLingualContent.Value=r,this.EditIsHidden=new v.CheckBoxOptions,this.EditIsHidden.Name="EditIsHidden",this.EditIsHidden.LabelKey="Hidden",this.EditIsHidden.Value=e.isHidden,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editHelpCenter=function(){var e=this;if(!this.EditHelpCenterForm.invalid){var t=this.EditHelpCenterForm.value,i=new tr;i.ID=Number(this.HelpCenterItemId),i.Title.English=t.Title.EnglishValue,i.Title.Arabic=t.Title.ArabicValue,i.Html.English=t.Content.EnglishHtmlEditorValue,i.Html.Arabic=t.Content.ArabicHtmlEditorValue,i.IsHidden=t.EditIsHidden,this.HelpCenterService.EditHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteHelpCenterModal=function(e,t){this.deleteHelpCenterId=e.idEncrypted,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteHelpCenter=function(){var e=this;this.HelpCenterService.DeleteHelpCenter(this.deleteHelpCenterId).subscribe((function(t){e.deleteHelpCenterId="",e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.SaveName=function(e){localStorage.setItem("ParentName",e)},e}();sr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:sr,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:L.ActivatedRoute},{token:ir},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),sr.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:sr,selector:"lib-help-center-thirdlevel",viewQueries:[{propertyName:"input",first:!0,predicate:["HelpCenterPagingViewElement"],descendants:!0},{propertyName:"CloseAddHelpCenterModal",first:!0,predicate:["CloseAddHelpCenterModal"],descendants:!0},{propertyName:"CloseEditHelpCenterModal",first:!0,predicate:["CloseEditHelpCenterModal"],descendants:!0},{propertyName:"CloseDeleteHelpCenterItemModal",first:!0,predicate:["CloseDeleteHelpCenterItemModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div class="container-fluid">\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]="HelpCenterForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="HelpCenterForm"></BBSF-TextBox>\r\n            <BBSF-TextBox [options]="ParentIdTextBox" [group]="HelpCenterForm" [hidden]="true">\r\n            </BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <button type="button" title="Add" class="btn btn-sm btn-primary" (click)="showAddHelpCenterModal(AddHelpCenterModal)">\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">\r\n        <div class="table-responsive">\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("Title")}}</th>\r\n                <th class="min-w-150px text-center">{{utilityService.getResourceValue("Visible")}}</th>\r\n                <th class="text-center min-w-50">{{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\r\n              <tr *ngFor="let Item of HelpCenterPagingResult">\r\n\r\n                <td>\r\n\r\n                  <span *ngIf="language==\'en\'" class="text-dark">{{Item.title.english}}</span>\r\n                  <span *ngIf="language==\'ar\'" class="text-dark">{{Item.title.arabic}}</span>\r\n\r\n                  <a *ngIf="language==\'ar\'" (click)="SaveName(Item.title.arabic)"\r\n                     [routerLink]="[\'/Admin/HelpCenter/ThirdLevel\',Item.parentID]"\r\n                     routerLinkActive="router-link-active" class=" text-dark">{{Item.title.arabic}}</a>\r\n                </td>\r\n                <td class="text-center">\r\n                  <span *ngIf="Item.isHidden;else other_content">\r\n                    <i class="fa fa-times"></i>\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <i class="fa fa-check"></i>\r\n                  </ng-template>\r\n                </td>\r\n                <td class="text-center">\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)="showEditHelpCenterModal(Item,EditHelpCenterModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class="drop-item px-3" id="btnResetPass" (click)="showDeleteHelpCenterModal(Item,deleteHelpCenterItemModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="HelpCenterPagingResult.length == 0">\r\n                <td colspan="3">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setHelpCenterItemListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="HelpCenterPaging" [group]="HelpCenterForm" #HelpCenterPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteHelpCenterItemModal 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("Delete")}} {{utilityService.getResourceValue("HelpCenter")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteHelpCenterItemModal id="CloseDeleteHelpCenterItemModal" 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="button" (click)="deleteHelpCenter()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditHelpCenterModal 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          <img src="./src/assets/images/arr061.svg"/>\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("HelpCenter")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditHelpCenterForm" (ngSubmit)="editHelpCenter()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="EditMultiLingualTitle" [group]="EditHelpCenterForm"></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-MultiLingualHtmlEditor [options]="EditMultiLingualContent" [group]="EditHelpCenterForm"></BBSF-MultiLingualHtmlEditor>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditIsHidden" [group]="EditHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditHelpCenterModal id="CloseEditHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddHelpCenterModal 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("HelpCenter")}}</h1>\r\n      </div>\r\n       <form [formGroup]="AddHelpCenterForm" \r\n              (ngSubmit)="addHelpCenterItem()">\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualTitle" [group]="AddHelpCenterForm"></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-MultiLingualHtmlEditor [options]="MultiLingualContent" [group]="AddHelpCenterForm"></BBSF-MultiLingualHtmlEditor>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="AddIsHidden" [group]="AddHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button  #CloseHelpCenterModal id="CloseAddHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵl,selector:"BBSF-MultiLingualHtmlEditor",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:sr,decorators:[{type:t.Component,args:[{selector:"lib-help-center-thirdlevel",templateUrl:"./help-center-thirdlevel.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:L.ActivatedRoute},{type:ir},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["HelpCenterPagingViewElement",{static:!1}]}],CloseAddHelpCenterModal:[{type:t.ViewChild,args:["CloseAddHelpCenterModal",{static:!1}]}],CloseEditHelpCenterModal:[{type:t.ViewChild,args:["CloseEditHelpCenterModal",{static:!1}]}],CloseDeleteHelpCenterItemModal:[{type:t.ViewChild,args:["CloseDeleteHelpCenterItemModal",{static:!1}]}]}});var ar=function(){function e(e,t,i,r,n,o){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.HelpCenterService=o,this.ProductionMode=!1,this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){var e=this;this.HelpCenterService.GetAll().subscribe((function(t){e.HelpCenterItems=t}))},e}();ar.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ar,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:ir}],target:T.ɵɵFactoryTarget.Component}),ar.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ar,selector:"lib-help-center-preview",ngImport:T,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 accordion-custom">\r\n      <ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0" *ngFor="let Item of HelpCenterItems;let itemIndex=index;">\r\n        <ngb-panel>\r\n          <ng-template ngbPanelTitle>\r\n            <h4 id="parentTitle" *ngIf="language==\'en\'">{{Item.title.english}}</h4>\r\n            <h4 id="parentTitle" *ngIf="language==\'ar\'">{{Item.title.arabic}}</h4>\r\n            <div id="parentdesc" *ngIf="language==\'en\'" class="text-muted">{{Item.description.english}}</div>\r\n            <div id="parentdesc" *ngIf="language==\'ar\'" class="text-muted">{{Item.description.arabic}}</div>\r\n          </ng-template>\r\n          <ng-template ngbPanelContent>\r\n            <ul id="{{\'Lvl1-\'+Item.id}}">\r\n              <li  *ngFor="let child of Item.children;let i=index;">\r\n                <a [ngClass]="{\'active helpcenterlink\': i === 0}" ( data-toggle="tab" role="tab" aria-selected="true" href="{{\'#Content-\'+i+\'-\'+itemIndex}}">\r\n                  <span class="kt-nav__link-text text-to-truncate1" *ngIf="language==\'en\'">{{child.title.english}}</span>\r\n                  <span class="kt-nav__link-text text-to-truncate1" *ngIf="language==\'ar\'">{{child.title.arabic}}</span>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n            <div *ngFor="let child of Item.children;let i=index;" class="d-flex align-items-center bg-light-dark rounded p-5 mb-7">\r\n              <div id="{{\'#Content-\'+i+\'-\'+itemIndex}}">\r\n                <div  *ngFor="let lastChild of child.children;let j=index;">\r\n                      <span *ngIf="language==\'en\'" class="fw-bolder text-light fs-4 mb-2">{{lastChild.title.english}}</span>\r\n                      <span *ngIf="language==\'ar\'" class="fw-bolder text-light fs-4 mb-2">{{lastChild.title.arabic}}</span>\r\n                  <div>\r\n                      <div>\r\n                        <span *ngIf="language==\'en\'" class="text-primary fw-bold d-block" innerHtml="{{lastChild.html.english}}">\r\n                        </span>\r\n                        <span *ngIf="language==\'ar\'" class="text-primary fw-bold d-block" innerHtml="{{lastChild.html.arabic}}">\r\n                        </span>\r\n                      </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </ngb-panel>\r\n      </ngb-accordion>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:E.NgbAccordion,selector:"ngb-accordion",inputs:["activeIds","destroyOnHide","animation","type","closeOthers"],outputs:["panelChange","shown","hidden"],exportAs:["ngbAccordion"]}],directives:[{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:E.NgbPanel,selector:"ngb-panel",inputs:["disabled","id","title","type","cardClass"],outputs:["shown","hidden"]},{type:E.NgbPanelTitle,selector:"ng-template[ngbPanelTitle]"},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:E.NgbPanelContent,selector:"ng-template[ngbPanelContent]"},{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ar,decorators:[{type:t.Component,args:[{selector:"lib-help-center-preview",templateUrl:"./help-center-preview.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:ir}]}});var lr=[{path:"",component:nr,children:[{path:"HelpCenter",component:rr},{path:"SecondLevel/:parentID",component:or},{path:"ThirdLevel/:parentID",component:sr},{path:"Preview",component:ar},{path:"",redirectTo:"HelpCenter",pathMatch:"full"}]}],dr=function(){};dr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:dr,deps:[],target:T.ɵɵFactoryTarget.NgModule}),dr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:dr,imports:[L.RouterModule],exports:[s.RouterModule]}),dr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:dr,imports:[[s.RouterModule.forChild(lr)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:dr,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(lr)],exports:[s.RouterModule]}]}]});var cr=function(){};cr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:cr,deps:[],target:T.ɵɵFactoryTarget.NgModule}),cr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:cr,declarations:[rr,nr,or,sr,ar],imports:[dr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe]}),cr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:cr,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,ir],imports:[[dr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:cr,decorators:[{type:t.NgModule,args:[{declarations:[rr,nr,or,sr,ar],imports:[dr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,ir]}]}]});var ur=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();ur.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ur,deps:[],target:T.ɵɵFactoryTarget.Component}),ur.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ur,selector:"lib-logs",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ur,decorators:[{type:t.Component,args:[{selector:"lib-logs",templateUrl:"./logs.component.html"}]}],ctorParameters:function(){return[]}});var pr=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Logs/"}return e.prototype.ViewFile=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"GetLogFileData",t)},e}();pr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:pr,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),pr.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:pr,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:pr,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var mr=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.LogsService=o,this.modalService=s,this.ApiUrl="/api/admin/Logs/",this.LogsPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.ViewFileForm=new h.FormGroup({}),this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Logs"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){this.LogsPaging=new v.PagingOptions,this.LogsPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetLogsByFilter",this.LogsPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.ReinitializeLogsPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateLogsPaging=function(){this.input.UpdatePaging()},e.prototype.setPublicHolidayListResult=function(e){this.LogsPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.showFileDataModal=function(e,t,i){var r=this;this.ViewFileForm=new h.FormGroup({}),this.LogsService.ViewFile(e).subscribe((function(e){var n=e;r.FileName=t,console.log(n),r.ViewFileData=new v.TextAreaOptions,r.ViewFileData.Name="GenerateCodeTextArea",r.ViewFileData.Value=n.text,r.ViewFileData.IsDisabled=!0,r.ViewFileData.HideLabel=!0,r.ViewFileData.Rows=20,r.ViewFileData.Cols=20,r.ViewFileData.MaxLength=1e6,r.modalService.open(i)}),(function(e){}))},e}();mr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mr,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:pr},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),mr.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:mr,selector:"lib-log",viewQueries:[{propertyName:"input",first:!0,predicate:["LogsPagingViewElement"],descendants:!0},{propertyName:"CloseViewFileModal",first:!0,predicate:["CloseViewFileModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\r\n    \x3c!-- begin::Header --\x3e\r\n    <div class="card card-custom-h">\r\n      \x3c!-- begin::Body --\x3e\r\n      <div class="card-body py-3">\r\n        \x3c!-- begin::Table container --\x3e\r\n        <div class="table-responsive">\r\n          \x3c!-- begin::Table --\x3e\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-150px">{{utilityService.getResourceValue("Modified")}}</th>\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 Log of LogsPagingResult">\r\n                <td>\r\n                  <a class="text-gray-800 text-hover-primary mb-1" (click)="showFileDataModal(Log.pathEncrypted,Log.name,ViewFileModal)">{{Log.name}}</a>\r\n                </td>\r\n                <td>\r\n                  {{Log.lastModified}}\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="LogsPagingResult.length == 0">\r\n                <td colspan="2">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setPublicHolidayListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="LogsPaging" #LogsPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- View file Modal --\x3e\r\n  <ng-template #ViewFileModal 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">{{FileName}}</h1>\r\n      </div>\r\n\r\n      <form [formGroup]="ViewFileForm">\r\n        <BBSF-TextArea [options]="ViewFileData" [group]="ViewFileForm">\r\n        </BBSF-TextArea>\r\n        <div class="text-center pt-7">\r\n          <button #CloseViewFileModal id="CloseViewFileModal" 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\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mr,decorators:[{type:t.Component,args:[{selector:"lib-log",templateUrl:"./log.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:pr},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["LogsPagingViewElement",{static:!1}]}],CloseViewFileModal:[{type:t.ViewChild,args:["CloseViewFileModal",{static:!1}]}]}});var gr=[{path:"",component:ur,children:[{path:"Logs",component:mr},{path:"",redirectTo:"Logs",pathMatch:"full"}]}],hr=function(){};hr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hr,deps:[],target:T.ɵɵFactoryTarget.NgModule}),hr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hr,imports:[L.RouterModule],exports:[s.RouterModule]}),hr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hr,imports:[[s.RouterModule.forChild(gr)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hr,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(gr)],exports:[s.RouterModule]}]}]});var vr=function(){};vr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:vr,deps:[],target:T.ɵɵFactoryTarget.NgModule}),vr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:vr,declarations:[mr,ur],imports:[hr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,p.InlineSVGModule,Qe]}),vr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:vr,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,pr],imports:[[hr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:vr,decorators:[{type:t.NgModule,args:[{declarations:[mr,ur],imports:[hr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,pr]}]}]});var br=function(){this.ProviderAttributes=[]},yr=function(){},Sr=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Provider/"}return e.prototype.AddProvider=function(e){return this.http.post(this.ApiUrl+"AddProvider",e)},e.prototype.GetEditProviderData=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"EditProvider",t)},e.prototype.EditProvider=function(e){return this.http.post(this.ApiUrl+"EditProvider",e)},e.prototype.DeleteProvider=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"DeleteProvider",null,t)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.LoaddropdownsForAdd=function(){return this.http.get(this.ApiUrl+"LoaddropdownsForAdd")},e.prototype.GetProviderAttributes=function(e){var t=new n.HttpParams;return t=t.append("typeFullName",e),this.http.post(this.ApiUrl+"GetProviderAttributes",null,t)},e.prototype.GenerateProviderJson=function(){var e=new l.RequestOptionsModel;return e.responseType="arraybuffer",this.http.post(this.ApiUrl+"GenerateProviderJson",null,null,e)},e.prototype.GetDefaultProviders=function(){return this.http.get(this.ApiUrl+"SelectDefaultProvider")},e.prototype.SubmitDefaultProviders=function(e){return this.http.post(this.ApiUrl+"SubmitDefaultProvider",e)},e}();Sr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Sr,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Sr.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Sr,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Sr,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var fr=function(){function e(e,t,i,r,n,o,s){var a=this;this.environmentService=e,this.ProviderService=t,this.modalService=i,this.authService=r,this.bbsfTranslateService=n,this.utilityService=o,this.pageInfoService=s,this.ShowPageContent=!1,this.ProductionMode=!1,this.language="",this.ApiUrl="/api/admin/Provider/",this.ProviderForm=new h.FormGroup({}),this.IsFilterLoaded=!1,this.IsFilterDataLoaded=!1,this.ProviderPagingResult=[],this.ProviderTypesFilterList=[],this.SortingFilterList=[],this.TypesList=[],this.LoadedProviders=[],this.OrganizationsList=[],this.ProviderAttributesOptions=[],this.ProviderAttributesCount=0,this.IsAttributesLoaded=!1,this.AddProviderForm=new h.FormGroup({}),this.AddProviderTypeItemID=0,this.EditProviderForm=new h.FormGroup({}),this.EditProviderTypeItemID=0,this.EditProviderOrganizationID=0,this.EditProviderAttributesOptions=[],this.EditProviderAttributesCount=0,this.DefaultProviderForm=new h.FormGroup({}),this.DefaultProviders=[],this.getAddProviderModel=function(){var e=[],t=a.AddProviderForm.value,i=new br;i.ProviderName=t.AddName,i.Description=t.AddDescription;var r,n=t.AddOrganizationOptions;r=Number(n),i.OrganizationID=null!=t.AddOrganizationOptions?r:null,i.ProviderTypeItemID=a.AddProviderTypeItemID,i.TypeFullName=t.AddTypeOptions;for(var o=0;o<a.ProviderAttributesCount;o++){var s=t["AddAttributeName"+o],l=t["AddAttributeValue"+o],d=t["AddAttributeEncrypted"+o],c=new yr;c.Name=s,c.Value=l,c.IsEncrypted=d,i.ProviderAttributes.push(c)}return e.push(i),e},this.getAddProviderFunction=function(e){return a.ProviderService.AddProvider(e)},this.getEditProviderModel=function(){var e=[],t=a.EditProviderForm.value,i=new br;i.ID=Number(a.ProviderId),i.ProviderName=t.EditName,i.Description=t.EditDescription,i.TypeFullName=t.EditTypeOptions,i.ProviderTypeItemID=a.EditProviderTypeItemID,i.OrganizationID=a.EditProviderOrganizationID;for(var r=0;r<a.EditProviderAttributesCount;r++){var n=t["EditAttributeName"+r],o=t["EditAttributeValue"+r],s=t["EditAttributeEncrypted"+r],l=new yr;l.Name=n,l.Value=o,l.IsEncrypted=s,i.ProviderAttributes.push(l)}return e.push(i),e},this.getEditProviderFunction=function(e){return a.ProviderService.EditProvider(e)},this.getDefaultProviderModel=function(){for(var e=[],t=a.DefaultProviderForm.value,i=[],r=0;r<a.DefaultProviders.length;r++){var n=a.DefaultProviders[r].ID,o=t["providerOption_"+n],s={ProviderTypeItemID:n,SelectedProviderID:Number(o),ProviderTypeItemName:"",Providers:[]};i.push(s)}return e.push(i),e},this.getDefaultProviderFunction=function(e){return a.ProviderService.SubmitDefaultProviders(e)}}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("ServiceProviders"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.initializePage(),[2]}}))}))},e.prototype.initializePage=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.providerTypesFilterOption=new v.DropdownOptions,this.providerTypesFilterOption.Name="providerTypesFilterOption",this.providerTypesFilterOption.LabelKey="ProviderTypes",this.providerTypesFilterOption.Placeholder=this.utilityService.getResourceValue("ServiceProviderType"),this.providerTypesFilter=new v.FilterItem,this.providerTypesFilter.FormControlName="providerTypesFilterOption",this.providerTypesFilter.ActionParameterName="types",this.providerTypesFilter.IsFormControl=!0,this.providerTypesFilter.FilterType=v.FilterType.DropdownList,this.sortingFilterOption=new v.DropdownOptions,this.sortingFilterOption.Name="sortingFilterOption",this.sortingFilterOption.LabelKey="Sort",this.sortingFilterOption.SingleSelection=!0,this.sortingFilterOption.Placeholder="",this.sortingFilter=new v.FilterItem,this.sortingFilter.FormControlName="sortingFilterOption",this.sortingFilter.ActionParameterName="sortID",this.sortingFilter.IsFormControl=!0,this.sortingFilter.FilterType=v.FilterType.DropdownList,this.ProviderPaging=new v.PagingOptions,this.ProviderPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetProvidersByFilter",this.ProviderPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.ProviderPaging.DropdownFiltersControlNames=["providerTypesFilterOption","sortingFilterOption"],this.ProviderPaging.Filters=[this.TextInputFilter,this.providerTypesFilter,this.sortingFilter],this.ProviderPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.loadLists=function(){var e=this;this.IsFilterDataLoaded||this.ProviderService.Loaddropdowns().subscribe((function(t){var i=t;e.ProviderTypesFilterList=i.providerTypesFilter,e.SortingFilterList=i.sortingFilterList;var r=e.providerTypesDDL,n=e.sortingFilterDDL;r.UpdateDataSource(e.ProviderTypesFilterList),n.UpdateDataSource(e.SortingFilterList),e.IsFilterDataLoaded=!0}))},e.prototype.setProviderListResult=function(e){this.ProviderPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.ProviderForm.controls.providerTypesFilterOption.setValue([]),this.ProviderForm.controls.sortingFilterOption.setValue([]),this.ProviderForm.controls.searchTextBox.setValue(null),this.pagingElement.ReinitializePaging()},e.prototype.setAddProviderAttributes=function(e){var t=this;this.ProviderService.GetProviderAttributes(e).subscribe((function(i){var r=i;t.LoadedProviders=r.loadedProviders;var n=t.LoadedProviders.find((function(t){return t.fullName===e}));t.AddProviderTypeItemID=n.providerType;var o=r.model;t.ProviderAttributesOptions=[];var s=t.getProviderAttributesOptions(o,!0);t.ProviderAttributesOptions=s[0],t.ProviderAttributesCount=s[1],t.IsAttributesLoaded=!0}),(function(e){}))},e.prototype.setEditProviderAttributes=function(e){var t=this;this.ProviderService.GetProviderAttributes(e).subscribe((function(i){var r=i;t.LoadedProviders=r.loadedProviders;var n=t.LoadedProviders.find((function(t){return t.fullName===e}));t.EditProviderTypeItemID=n.providerType;var o=r.model;t.EditProviderAttributesOptions=[];var s=t.getProviderAttributesOptions(o,!1);t.EditProviderAttributesOptions=s[0],t.EditProviderAttributesCount=s[1]}),(function(e){}))},e.prototype.getProviderAttributesOptions=function(e,t){for(var i=[],r=0,n=t?"Add":"Edit",o=0;o<e.length;o++){var s=[],a=e[o].isEncrypted,l=new v.TextBoxOptions;l.Name=n+"AttributeName"+o,l.HideLabel=!0,l.Type=v.InputType.Text,l.Value=e[o].name;var d=new v.TextBoxOptions;d.Name=n+"AttributeValue"+o,d.HideLabel=!0,d.Type=a?v.InputType.Password:v.InputType.Text,d.Value=e[o].value,d.RemoveDefaultPasswordValidation=!0;var c=new v.CheckBoxOptions;c.Name=n+"AttributeEncrypted"+o,c.Value=e[o].isEncrypted,s.push(l,d,c),i.push(s),r+=1}return[i,r]},e.prototype.deleteAttribute=function(e,t){var i;if(t){if(-1!==(i=this.ProviderAttributesOptions.indexOf(e))){this.ProviderAttributesOptions.splice(i,1);for(var r=0;r<e.length;r++)this.AddProviderForm.removeControl(e[r].Name)}}else if(-1!==(i=this.EditProviderAttributesOptions.indexOf(e))){this.EditProviderAttributesOptions.splice(i,1);for(r=0;r<e.length;r++)this.EditProviderForm.removeControl(e[r].Name)}},e.prototype.encryptedChange=function(e,t,i){var r=i?"AddAttributeValue":"EditAttributeValue",n=t.find((function(e){return e.Name.startsWith(r)}));n.Type=e?v.InputType.Password:v.InputType.Text},e.prototype.showAddProviderModal=function(e){var t=this;this.utilityService.startBlockUI(),this.ProviderService.LoaddropdownsForAdd().subscribe((function(i){var r=i;t.OrganizationsList=r.organizations,t.TypesList=r.providerTypes,t.ProviderAttributesOptions=[],t.ProviderAttributesCount=0,t.IsAttributesLoaded=!1,t.AddProviderForm=new h.FormGroup({}),t.AddProviderFormOptions=new v.FormOptions,t.AddProviderFormOptions.FormGroup=t.AddProviderForm,t.AddProviderFormOptions.GetModelFunction=t.getAddProviderModel,t.AddProviderFormOptions.ServiceSubmitFunction=t.getAddProviderFunction,t.AddProviderFormOptions.PagingReference=t.pagingElement,t.AddName=new v.TextBoxOptions,t.AddName.Name="AddName",t.AddName.LabelKey="ProviderName",t.AddName.Type=v.InputType.Text,t.AddName.Value=null,t.AddName.IsRequired=!0,t.AddDescription=new v.TextAreaOptions,t.AddDescription.Name="AddDescription",t.AddDescription.LabelKey="ProviderDescription",t.AddDescription.Value=null,t.AddOrganizationOptions=new v.DropdownOptions,t.AddOrganizationOptions.Name="AddOrganizationOptions",t.AddOrganizationOptions.LabelKey="Organization",t.AddOrganizationOptions.DataSource=t.OrganizationsList,t.AddOrganizationOptions.SingleSelection=!0,t.AddOrganizationOptions.AllowSearchFilter=!0,t.AddOrganizationOptions.Placeholder="",t.AddOrganizationOptions.IsRequired=!0,t.AddTypeOptions=new v.DropdownOptions,t.AddTypeOptions.Name="AddTypeOptions",t.AddTypeOptions.LabelKey="ProviderType",t.AddTypeOptions.DataSource=t.TypesList,t.AddTypeOptions.SingleSelection=!0,t.AddTypeOptions.AllowSearchFilter=!0,t.AddTypeOptions.Placeholder="",t.AddTypeOptions.IsRequired=!0,t.modalService.open(e),t.utilityService.stopBlockUI()}))},e.prototype.showEditProviderModal=function(e,t,i){var r=this;this.ProviderId=e,this.ProviderService.GetEditProviderData(t).subscribe((function(e){var t=e,n=t.model,o=t.lists;r.TypesList=o.providerTypes,r.EditProviderForm=new h.FormGroup({}),r.EditProviderFormOptions=new v.FormOptions,r.EditProviderFormOptions.FormGroup=r.EditProviderForm,r.EditProviderFormOptions.GetModelFunction=r.getEditProviderModel,r.EditProviderFormOptions.ServiceSubmitFunction=r.getEditProviderFunction,r.EditProviderFormOptions.PagingReference=r.pagingElement,r.EditName=new v.TextBoxOptions,r.EditName.Name="EditName",r.EditName.LabelKey="ProviderName",r.EditName.Type=v.InputType.Text,r.EditName.IsRequired=!0,r.EditName.Value=n.providerName,r.EditDescription=new v.TextAreaOptions,r.EditDescription.Name="EditDescription",r.EditDescription.LabelKey="Description",r.EditDescription.Value=n.description;var s=r.TypesList.filter((function(e){return e.key==n.typeFullName})).map((function(e){return e.key}))[0];r.EditTypeOptions=new v.DropdownOptions,r.EditTypeOptions.Name="EditTypeOptions",r.EditTypeOptions.LabelKey="ProviderType",r.EditTypeOptions.DataSource=r.TypesList,r.EditTypeOptions.SingleSelection=!0,r.EditTypeOptions.AllowSearchFilter=!0,r.EditTypeOptions.Placeholder="",r.EditTypeOptions.IsRequired=!0,r.EditTypeOptions.SelectedItems=s,r.EditProviderTypeItemID=n.providerTypeItemID,r.EditProviderOrganizationID=n.organizationID;var a=r.getProviderAttributesOptions(n.providerAttributes,!1);r.EditProviderAttributesOptions=a[0],r.EditProviderAttributesCount=a[1],r.modalService.open(i)}),(function(e){}))},e.prototype.showDeleteProviderModal=function(e,t){this.deleteProviderId=e.idEncrypted,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteProvider=function(){var e=this;this.ProviderService.DeleteProvider(this.deleteProviderId).subscribe((function(t){e.deleteProviderId="",e.modalService.dismissAll(),e.pagingElement.ReinitializePaging()}),(function(e){}))},e.prototype.showDefaultProviderModal=function(e){var t=this;this.DefaultProviders=[],this.ProviderService.GetDefaultProviders().subscribe((function(i){var r=i;t.DefaultProviderForm=new h.FormGroup({}),t.DefaultProviderFormOptions=new v.FormOptions,t.DefaultProviderFormOptions.FormGroup=t.DefaultProviderForm,t.DefaultProviderFormOptions.GetModelFunction=t.getDefaultProviderModel,t.DefaultProviderFormOptions.ServiceSubmitFunction=t.getDefaultProviderFunction,t.DefaultProviderFormOptions.PagingReference=t.pagingElement;for(var n=0;n<r.length;n++){var o=r[n],s=new v.RadioButtonOptions;s.Name="providerOption_"+o.providerTypeItemID,s.HideLabel=!0,s.IsRequired=!0,s.ViewType=v.ControlLayout.Horizontal;for(var a=[],l=0;l<o.providers.length;l++){var d=o.providers[l],c=new v.RadioButtonItem;c.Text=d.text,c.Value=d.value,a.push(c),s.Items=a}var u=o.providers.filter((function(e){return 1==e.selected}))[0];s.Value={Text:u.text,Value:u.value};var p={Name:o.providerTypeItemName,ID:o.providerTypeItemID,ProvidersOption:s};t.DefaultProviders.push(p)}t.modalService.open(e)}))},e.prototype.generateProviderJson=function(){this.ProviderService.GenerateProviderJson().subscribe((function(e){var t=new Blob([e],{type:"application/json"});saveAs(t,"Providers.json")}),(function(e){}))},e}();fr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:fr,deps:[{token:B.EnvironmentService},{token:Sr},{token:E.NgbModal},{token:B.AuthService},{token:B.BBSFTranslateService},{token:B.UtilityService},{token:De}],target:T.ɵɵFactoryTarget.Component}),fr.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:fr,selector:"lib-provider",viewQueries:[{propertyName:"pagingElement",first:!0,predicate:["ProviderPagingViewElement"],descendants:!0},{propertyName:"providerTypesDDL",first:!0,predicate:["providerTypesDDL"],descendants:!0},{propertyName:"sortingFilterDDL",first:!0,predicate:["sortingFilterDDL"],descendants:!0},{propertyName:"CloseAddProviderModal",first:!0,predicate:["CloseAddProviderModal"],descendants:!0},{propertyName:"CloseEditProviderModal",first:!0,predicate:["CloseEditProviderModal"],descendants:!0},{propertyName:"CloseDeleteProviderModal",first:!0,predicate:["CloseDeleteProviderModal"],descendants:!0},{propertyName:"CloseDefaultProviderModal",first:!0,predicate:["CloseDefaultProviderModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div class="container-fluid">\r\n    <div *ngIf="ShowPageContent">\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]="ProviderForm">\r\n              <BBSF-TextBox [options]="searchTextBox" [group]="ProviderForm"></BBSF-TextBox>\r\n            </form>\r\n          </div>\r\n          <div class="card-toolbar">\r\n            \x3c!-- begin::Menu --\x3e\r\n            <div ngbDropdown class="d-inline-block" [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}">\r\n              <button (click)="loadLists()" ngbDropdownToggle href="javascript:;" type="button" class="btn btn-sm btn-light-primary me-3" id="FiltersDropdown" title="Filter">\r\n                <i class="fas fa-filter me-1"></i>\r\n                {{utilityService.getResourceValue("Filter")}}\r\n              </button>\r\n              <div *ngIf="IsFilterLoaded" ngbDropdownMenu aria-labelledby="FiltersDropdown" class=" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 ">\r\n                <form [formGroup]="ProviderForm">\r\n                  <div class="px-7 py-5">\r\n                    <div class="row">\r\n                      <div class="col-lg-12">\r\n                        <div class="mb-10">\r\n                          <BBSF-DropdownList #providerTypesDDL [options]="providerTypesFilterOption" [group]="ProviderForm"></BBSF-DropdownList>\r\n                        </div>\r\n                      </div>\r\n                      <div class="col-lg-12">\r\n                        <div class="mb-10">\r\n                          <BBSF-DropdownList #sortingFilterDDL [options]="sortingFilterOption" [group]="ProviderForm"></BBSF-DropdownList>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class="d-flex justify-content-end">\r\n                      <button class="btn btn-light btn-active-light-primary pv-reset btn-sm" d="applyFiltersBtn"\r\n                              (click)="resetFilters()">\r\n                        {{utilityService.getResourceValue("Reset")}}\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </form>\r\n              </div>\r\n            </div>\r\n            <button href="javascript:;" (click)="generateProviderJson()" class="btn btn-sm btn-light-primary me-3 bnsights-btn-export">\r\n              <i class="fas fa-file-export me-1"></i>\r\n              {{utilityService.getResourceValue("GenerateProviderJson")}}\r\n            </button>\r\n\r\n            <button type="button" title=\'utilityService.getResourceValue("SelectDefaultProvider")\' class="btn btn-sm btn-light-primary me-3 " (click)="showDefaultProviderModal(DefaultProviderModal)">\r\n              <i class="fas fa-hand-pointer me-1"></i>\r\n              {{utilityService.getResourceValue("SelectDefaultProvider")}}\r\n            </button>\r\n            <button type="button" title=\'utilityService.getResourceValue("Add")\' class="btn btn-sm btn-primary" (click)="showAddProviderModal(AddProviderModal)">\r\n              <i class="fas fa-plus me-1"></i>\r\n              {{utilityService.getResourceValue("Add")}}\r\n            </button>        \x3c!-- end::Menu --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!-- end::Header --\x3e\r\n        \x3c!-- begin::Body --\x3e\r\n        <div class="card-body py-3">\r\n          <div class="table-responsive">\r\n            \x3c!-- begin::Table --\x3e\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-150px">{{utilityService.getResourceValue("Status")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Default")}}</th>\r\n                  <th class="min-w-50px">{{utilityService.getResourceValue("Action")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody id="listingContainer" *ngFor="let providerGroup of ProviderPagingResult" class="fw-bold text-gray-600 border-0">\r\n\r\n                <tr *ngFor="let provider of providerGroup.providers">\r\n                  <td>\r\n                    <div class="text-dark">{{provider.providerName}}</div>\r\n                    <div>{{provider.description}}</div>\r\n                  </td>\r\n                  <td>\r\n                    <span class="badge badge-light-primary" *ngIf="provider.isRunning;else other_content">\r\n                      {{utilityService.getResourceValue("Running")}}\r\n                    </span>\r\n                    <ng-template #other_content>\r\n                      <span class="badge badge-light-danger">\r\n                        {{utilityService.getResourceValue("Stopped")}}\r\n                      </span>\r\n                    </ng-template>\r\n\r\n                  </td>\r\n                  <td>\r\n                    <span class="badge badge-light-success fw-bolder" *ngIf="provider.isDefault;else default_no">\r\n                      {{utilityService.getResourceValue("Yes")}}\r\n                    </span>\r\n                    <ng-template #default_no>\r\n                      <span class="badge badge-light fw-bolder">\r\n                        {{utilityService.getResourceValue("No")}}\r\n                      </span>\r\n                    </ng-template>\r\n                  </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                        <a class="drop-item px-3" ngbDropdownItem (click)="showEditProviderModal(provider.id,provider.idEncrypted , EditProviderModal)">\r\n                          <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                        </a>\r\n                        <a ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                           (click)="showDeleteProviderModal(provider, deleteProviderModal)">\r\n                          <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                        </a>\r\n                      </mat-menu>\r\n                    </div>\r\n                  </td>\r\n                </tr>\r\n                <tr *ngIf="providerGroup.providers.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              <tbody *ngIf="ProviderPagingResult.length == 0">\r\n                <tr>\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        </div>\r\n        <div class="card-footer border-0">\r\n          <BBSF-Paging (Items)="setProviderListResult($event)" *ngIf="IsFilterLoaded"\r\n                       [options]="ProviderPaging" [group]="ProviderForm" #ProviderPagingViewElement>\r\n          </BBSF-Paging>\r\n        </div>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n    \x3c!--end::Providers list--\x3e\r\n  </div>\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddProviderModal 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("Provider")}}\r\n        </h1>\r\n      </div>\r\n      <BBSF-Form [options]="AddProviderFormOptions">\r\n\r\n        <BBSF-TextBox [options]="AddName" [group]="AddProviderForm">\r\n        </BBSF-TextBox>\r\n        <BBSF-TextArea [options]="AddDescription" [group]="AddProviderForm">\r\n        </BBSF-TextArea>\r\n        <BBSF-DropdownList [options]="AddOrganizationOptions" [group]="AddProviderForm">\r\n        </BBSF-DropdownList>\r\n        <BBSF-DropdownList [options]="AddTypeOptions" [group]="AddProviderForm" (OnChange)="setAddProviderAttributes($event)">\r\n        </BBSF-DropdownList>\r\n        <div *ngIf="IsAttributesLoaded">\r\n          <div class="table-responsive">\r\n            \x3c!-- begin::Table --\x3e\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("ProviderAttributeName")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("ProviderAttributeValue")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Encrypted")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Action")}}</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 ProviderAttributesOptions;let i=index;">\r\n\r\n                  <td>\r\n                    <BBSF-TextBox [options]="option[0]" [group]="AddProviderForm">\r\n                    </BBSF-TextBox>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-TextBox [options]="option[1]" [group]="AddProviderForm">\r\n                    </BBSF-TextBox>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-CheckBox [options]="option[2]" [group]="AddProviderForm" (OnChange)="encryptedChange($event,option,true)">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <a class="btn btn-icon btn-light-danger btn-sm" (click)="deleteAttribute(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 *ngIf="ProviderAttributesOptions.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        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseProviderModal id="CloseAddProviderModal" type="button" class="btn btn-light me-3 btn-sm"\r\n                  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\r\n  \x3c!-- Edit model --\x3e\r\n  <ng-template #EditProviderModal 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("Provider")}}\r\n        </h1>\r\n      </div>\r\n      <BBSF-Form [options]="EditProviderFormOptions">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditName" [group]="EditProviderForm">\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-TextArea [options]="EditDescription" [group]="EditProviderForm">\r\n            </BBSF-TextArea>\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]="EditTypeOptions" [group]="EditProviderForm" (OnChange)="setEditProviderAttributes($event)">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="table-responsive">\r\n            \x3c!-- begin::Table --\x3e\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("ProviderAttributeName")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("ProviderAttributeValue")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Encrypted")}}</th>\r\n                  <th class="min-w-50px">{{utilityService.getResourceValue("Action")}}</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 EditProviderAttributesOptions;let i=index;">\r\n\r\n                  <td>\r\n                    <BBSF-TextBox [options]="option[0]" [group]="EditProviderForm">\r\n                    </BBSF-TextBox>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-TextBox [options]="option[1]" [group]="EditProviderForm">\r\n                    </BBSF-TextBox>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-CheckBox [options]="option[2]" [group]="EditProviderForm" (OnChange)="encryptedChange($event,option,true)">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <a class="btn btn-icon btn-light-danger btn-sm" (click)="deleteAttribute(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 *ngIf="EditProviderAttributesOptions.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        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditProviderModal id="CloseEditProviderModal" type="button"\r\n                  data-dismiss="modal" (click)="modal.dismiss()" class="btn btn-light me-3 btn-sm">\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  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteProviderModal 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("Delete")}} {{utilityService.getResourceValue("Provider")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteProviderModal id="CloseDeleteProviderModal" 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="button" (click)="deleteProvider()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--Default Provider  Modal--\x3e\r\n  <ng-template #DefaultProviderModal 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("SelectDefaultProvider")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]="DefaultProviderFormOptions">\r\n        <div class="row">\r\n          <div class="col-md-12" *ngFor="let defProvider of DefaultProviders;let i=index;">\r\n            <h3 class="text-muted mb-4 fw-boldest">{{defProvider.Name}}</h3>\r\n            <input type="hidden" value="{{defProvider.ID}}" />\r\n            <BBSF-RadioButton [options]="defProvider.ProvidersOption" [group]="DefaultProviderForm"></BBSF-RadioButton>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseDefaultProviderModal id="CloseDefaultProviderModal" 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\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵv,selector:"BBSF-Form",inputs:["options"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵu,selector:"BBSF-RadioButton",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:E.NgbDropdown,selector:"[ngbDropdown]",inputs:["open","placement","container","autoClose","display"],outputs:["openChange"],exportAs:["ngbDropdown"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:E.NgbDropdownToggle,selector:"[ngbDropdownToggle]"},{type:E.NgbDropdownMenu,selector:"[ngbDropdownMenu]"},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:fr,decorators:[{type:t.Component,args:[{selector:"lib-provider",templateUrl:"./provider.component.html"}]}],ctorParameters:function(){return[{type:B.EnvironmentService},{type:Sr},{type:E.NgbModal},{type:B.AuthService},{type:B.BBSFTranslateService},{type:B.UtilityService},{type:De}]},propDecorators:{pagingElement:[{type:t.ViewChild,args:["ProviderPagingViewElement",{static:!1}]}],providerTypesDDL:[{type:t.ViewChild,args:["providerTypesDDL",{static:!1}]}],sortingFilterDDL:[{type:t.ViewChild,args:["sortingFilterDDL",{static:!1}]}],CloseAddProviderModal:[{type:t.ViewChild,args:["CloseAddProviderModal",{static:!1}]}],CloseEditProviderModal:[{type:t.ViewChild,args:["CloseEditProviderModal",{static:!1}]}],CloseDeleteProviderModal:[{type:t.ViewChild,args:["CloseDeleteProviderModal",{static:!1}]}],CloseDefaultProviderModal:[{type:t.ViewChild,args:["CloseDefaultProviderModal",{static:!1}]}]}});var Ir=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Ir.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ir,deps:[],target:T.ɵɵFactoryTarget.Component}),Ir.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ir,selector:"lib-providers",ngImport:T,template:"<router-outlet></router-outlet>\r\n\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ir,decorators:[{type:t.Component,args:[{selector:"lib-providers",templateUrl:"./providers.component.html"}]}],ctorParameters:function(){return[]}});var xr=[{path:"",component:Ir,children:[{path:"Providers",component:fr},{path:"",redirectTo:"Providers",pathMatch:"full"}]}],Fr=function(){};Fr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fr,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Fr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fr,imports:[L.RouterModule],exports:[s.RouterModule]}),Fr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fr,imports:[[s.RouterModule.forChild(xr)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fr,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(xr)],exports:[s.RouterModule]}]}]});var Tr=function(){};Tr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Tr,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Tr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Tr,declarations:[fr,Ir],imports:[Fr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]}),Tr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Tr,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Sr],imports:[[Fr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Tr,decorators:[{type:t.NgModule,args:[{declarations:[fr,Ir],imports:[Fr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,Qe],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Sr]}]}]});var Ar=function(){function e(e,t,i){this.authService=e,this.router=t,this.route=i}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){return j(this,(function(e){switch(e.label){case 0:return this.route.snapshot.fragment.indexOf("error")>=0?(this.error=!0,[2]):[4,this.authService.completeAuthentication()];case 1:return e.sent(),this.router.navigate([this.authService.getUrl()]),[2]}}))}))},e}();Ar.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ar,deps:[{token:B.AuthService},{token:L.Router},{token:L.ActivatedRoute}],target:T.ɵɵFactoryTarget.Component}),Ar.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ar,selector:"app-auth-callback",ngImport:T,template:'<div *ngIf="error" class="row justify-content-center">\r\n    <div class="col-md-8 text-center">\r\n          <div class="alert alert-warning" role="alert">\r\n            Oops, there was an error, please try to <a routerLink="/login">login again</a>.\r\n          </div>\r\n    </div>\r\n</div>',directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ar,decorators:[{type:t.Component,args:[{selector:"app-auth-callback",templateUrl:"./auth-callback.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:L.Router},{type:L.ActivatedRoute}]}});var wr=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();wr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wr,deps:[],target:T.ɵɵFactoryTarget.Component}),wr.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:wr,selector:"app-authentication",ngImport:T,template:"<router-outlet></router-outlet>",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wr,decorators:[{type:t.Component,args:[{selector:"app-authentication",templateUrl:"./authentication.component.html"}]}],ctorParameters:function(){return[]}});var Mr=[{path:"authentication",component:wr,children:[{path:"auth-callback",component:Ar}]}],Lr=function(){};Lr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Lr,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Lr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Lr,imports:[L.RouterModule],exports:[s.RouterModule]}),Lr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Lr,imports:[[s.RouterModule.forChild(Mr)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Lr,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Mr)],exports:[s.RouterModule]}]}]});var Cr=function(){};Cr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Cr,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Cr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Cr,declarations:[Ar,wr],imports:[i.CommonModule,s.RouterModule,Lr,l.BBSFUtilitiesModule]}),Cr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Cr,providers:[l.AuthService],imports:[[i.CommonModule,s.RouterModule,Lr,l.BBSFUtilitiesModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Cr,decorators:[{type:t.NgModule,args:[{declarations:[Ar,wr],imports:[i.CommonModule,s.RouterModule,Lr,l.BBSFUtilitiesModule],providers:[l.AuthService]}]}]});var Br=function(){},Dr=function(){this.ID=0,this.Username="",this.NameEN="",this.NameAR="",this.LangKey="",this.PermissionSets=[],this.TemplateID=null,this.TemplateSysName="",this.OrganizationID=1,this.SendActivationMail=!1,this.ActivationPageURL="",this.DepartmentID=null,this.SamAccount="",this.Email="",this.IsAnonymous=!1,this.KeyMap={},this.Token="",this.EmailProviderName="",this.SMSProviderName="",this.ExtraParams=0,this.ValidationError="",this.PhoneInputMobile="",this.Filters=new Br,this.PermissionSets=new Array,this.LangKey="",this.SendActivationMail=!0,this.Filters=new Br,this.KeyMap={}},kr=function(){this.PermissionIDs=new Array},Er=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.pageInfoService=n,this.userService=o,this.modalService=s,this.ApiUrl="/api/admin/Users/",this.SubheaderTitle=this.utilityService.getResourceValue("Users"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.ShowPageContent=!1,this.SelectedUserList=[],this.permissionSetList=[],this.accountStatusList=[],this.lockedStatusList=[],this.departmentsList=[],this.activityStatusList=[],this.filterForm=new h.FormGroup({}),this.UsersForm=new h.FormGroup({}),this.showFilter=!1,this.UserPagingResult=[],this.IsFilterLoaded=!1,this.IsFilterDataLoaded=!1,this.AddUserForm=new h.FormGroup({}),this.EditUserForm=new h.FormGroup({}),this.ShowActivateModelData=!1,this.ActivatUserList=[],this.DeActivatUserList=[],this.ResetPasswordUserList=[],this.OpenResetPasswordUserModal=!1,this.SetUserPasswordForm=new h.FormGroup({}),this.OpensetPasswordUserModal=!1,this.customValidation=new v.CustomValidation,this.setPasswordUserList=[],this.UserList=[],this.OpenSendActivationEmailModal=!1,this.ConfirmationModalType=0,this.ConfirmationMessage="",this.activatedUsersSelected=0,this.deActivatedUsersSelected=0,this.showActivateBtn=!1,this.showDeactivateBtn=!1,this.showSetPassBtn=!1,this.showResetPassBtn=!1,this.showSendEmailBtn=!1,this.showGeneralBtns=!0,this.allSelected=!1,this.language="",this.ProductionMode=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Users"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.initializePage(),[2]}}))}))},e.prototype.ReinitializeUserPaging=function(){this.input.ReinitializePaging(),this.resetUsersCount(),this.disableButtons(),this.allSelected=!1},e.prototype.UpdateUserPaging=function(){this.input.UpdatePaging(),this.resetUsersCount(),this.disableButtons(),this.allSelected=!1},e.prototype.setUsersListResult=function(e){this.UserPagingResult=e,this.ShowPageContent=!0,this.resetUsersCount(),this.disableButtons(),this.allSelected=!1,this.utilityService.stopBlockUI()},e.prototype.selectAllUserList=function(e,t){if(null!=this.UserPagingResult){if(this.UserPagingResult.forEach((function(t){return t.selected=e.checked})),e.checked){for(var i=0;i<t.length;i++){var r=t[i];this.SelectedUserList.push(r),r.isActive?this.activatedUsersSelected+=1:this.deActivatedUsersSelected+=1}this.activatedUsersSelected=t.filter((function(e){return e.isActive})).map((function(e){return e.key})).length,this.deActivatedUsersSelected=t.filter((function(e){return!e.isActive})).map((function(e){return e.key})).length}else this.SelectedUserList=[],this.activatedUsersSelected=0,this.deActivatedUsersSelected=0;this.enableButtons()}},e.prototype.updateUserList=function(e,t){var i=this;this.UserPagingResult.find((function(e){return e.id===t.id})).selected=e.checked,this.allSelected=null!=this.UserPagingResult&&this.UserPagingResult.every((function(e){return e.selected})),e.checked?(this.SelectedUserList.push(t),t.isActive?this.activatedUsersSelected+=1:this.deActivatedUsersSelected+=1):(this.SelectedUserList.forEach((function(e,r){e.id==t.id&&i.SelectedUserList.splice(r,1)})),t.isActive?this.activatedUsersSelected-=1:this.deActivatedUsersSelected-=1),this.enableButtons()},e.prototype.enableButtons=function(){this.disableButtons(),0==this.activatedUsersSelected&&0==this.deActivatedUsersSelected?this.showGeneralBtns=!0:(this.showGeneralBtns=!1,this.activatedUsersSelected>0&&0==this.deActivatedUsersSelected?(this.showDeactivateBtn=!0,this.showResetPassBtn=!0):this.deActivatedUsersSelected>0&&0==this.activatedUsersSelected?(this.showActivateBtn=!0,this.showSendEmailBtn=!0):this.activatedUsersSelected>0&&this.deActivatedUsersSelected>0&&(this.showResetPassBtn=!0,this.showSetPassBtn=!0))},e.prototype.disableButtons=function(){this.showActivateBtn=!1,this.showDeactivateBtn=!1,this.showSendEmailBtn=!1,this.showResetPassBtn=!1,this.showSetPassBtn=!1,this.showGeneralBtns=!0},e.prototype.resetUsersCount=function(){this.SelectedUserList=[],this.activatedUsersSelected=0,this.deActivatedUsersSelected=0,this.UserPagingResult.forEach((function(e){return e.selected=!1}))},e.prototype.loadFilters=function(){!1===this.showFilter?this.showFilter=!0:this.showFilter=!1},e.prototype.loadLists=function(){var e=this;this.IsFilterDataLoaded||this.userService.Loaddropdowns().subscribe((function(t){var i=t;e.permissionSetList=i.permessionsets,e.accountStatusList=i.accountStatus,e.lockedStatusList=i.lockedStatus,e.departmentsList=i.departments,e.activityStatusList=i.accountStatus;var r=e.permissionSetDDL,n=e.accountStatusDDL,o=e.lockedStatusDDL,s=e.departmentsDDL;r.UpdateDataSource(e.permissionSetList),n.UpdateDataSource(e.accountStatusList),o.UpdateDataSource(e.lockedStatusList),s.UpdateDataSource(e.departmentsList),e.IsFilterDataLoaded=!0}))},e.prototype.initializePage=function(){this.permissionSetsOptions=new v.DropdownOptions,this.permissionSetsOptions.Name="permissionsets",this.permissionSetsOptions.LabelKey="PermissionSets",this.permissionSetsOptions.SingleSelection=!0,this.permissionSetsOptions.AllowSearchFilter=!0,this.permissionSetsOptions.Placeholder="",this.accountStatusOptions=new v.DropdownOptions,this.accountStatusOptions.Name="accountstatus",this.accountStatusOptions.LabelKey="AccountStatus",this.accountStatusOptions.SingleSelection=!0,this.lockedStatusOptions=new v.DropdownOptions,this.lockedStatusOptions.Name="lockedstatus",this.lockedStatusOptions.LabelKey="LockedStatus",this.lockedStatusOptions.SingleSelection=!0,this.departmentsOptions=new v.DropdownOptions,this.departmentsOptions.Name="departments",this.departmentsOptions.LabelKey="Departments",this.departmentsOptions.SingleSelection=!1,this.departmentsOptions.AllowSearchFilter=!0,this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByNameOrEmail"),this.permissionSetsFilter=new v.FilterItem,this.permissionSetsFilter.FormControlName="permissionsets",this.permissionSetsFilter.ActionParameterName="permissionIds",this.permissionSetsFilter.IsFormControl=!0,this.permissionSetsFilter.FilterType=v.FilterType.DropdownList,this.accountStatusFilter=new v.FilterItem,this.accountStatusFilter.FormControlName="accountstatus",this.accountStatusFilter.ActionParameterName="accountStatusIDs",this.accountStatusFilter.IsFormControl=!0,this.accountStatusFilter.FilterType=v.FilterType.DropdownList,this.lockedStatusFilter=new v.FilterItem,this.lockedStatusFilter.FormControlName="lockedstatus",this.lockedStatusFilter.ActionParameterName="lockedStatusIds",this.lockedStatusFilter.IsFormControl=!0,this.lockedStatusFilter.FilterType=v.FilterType.DropdownList,this.departmentsFilter=new v.FilterItem,this.departmentsFilter.FormControlName="departments",this.departmentsFilter.ActionParameterName="departmentIds",this.departmentsFilter.IsFormControl=!0,this.departmentsFilter.FilterType=v.FilterType.DropdownList,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="nameFilter",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.UserPaging=new v.PagingOptions,this.UserPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetUsersByFilter",this.UserPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.UserPaging.DropdownFiltersControlNames=["permissionsets","accountstatus","lockedstatus","departments"],this.UserPaging.Filters=[this.permissionSetsFilter,this.lockedStatusFilter,this.accountStatusFilter,this.departmentsFilter,this.TextInputFilter],this.UserPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.resetFilters=function(){this.UsersForm.controls.permissionsets.setValue([]),this.UsersForm.controls.accountstatus.setValue([]),this.UsersForm.controls.lockedstatus.setValue([]),this.UsersForm.controls.departments.setValue([]),this.UsersForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddUserModal=function(e){var t=this;this.utilityService.startBlockUI(),this.userService.Loaddropdowns().subscribe((function(i){var r=i;t.permissionSetList=r.permessionsets,t.departmentsList=r.departments,t.AddUserForm=new h.FormGroup({}),t.MultiLingualName=new v.MultiLingualTextBoxOptions,t.MultiLingualName.Name="Name",t.MultiLingualName.ArabicLabelKey="NameInArabic",t.MultiLingualName.EnglishLabelKey="NameInEnglish",t.MultiLingualName.IsRequired=!0,t.MultiLingualName.Value=null,t.MobileNumber=new v.PhoneOptions,t.MobileNumber.Value=null,t.MobileNumber.Name="MobileNumber",t.MobileNumber.LabelKey="MobileNumber",t.MobileNumber.ExtraClasses="form-control bnsights-control",t.MobileNumber.SelectedCountryISO=v.Country.UnitedArabEmirates,t.MobileNumber.PhoneValidation=!0,t.MobileNumber.AllowSearch=!0,t.Username=new v.TextBoxOptions,t.Username.Value=null,t.Username.Name="Username",t.Username.LabelKey="Username",t.Username.Type=v.InputType.Email,t.Username.IsRequired=!0,t.SamAccount=new v.TextBoxOptions,t.SamAccount.Value=null,t.SamAccount.Name="SamAccount",t.SamAccount.LabelKey="SamAccount",t.SamAccount.Type=v.InputType.Email,t.UserDepartment=new v.DropdownOptions,t.UserDepartment.Name="DepartmentID",t.UserDepartment.LabelKey="Department",t.UserDepartment.SelectedItems=null,t.UserDepartment.DataSource=t.departmentsList,t.UserDepartment.SingleSelection=!1,t.UserDepartment.AllowSearchFilter=!0,t.SendActivationEmail=new v.ToggleSlideOptions,t.SendActivationEmail.Name="SendActivationMail",t.SendActivationEmail.LabelKey="SendActivationEmail",t.SendActivationEmail.Value=!1,t.SendActivationEmail.ViewType=v.ControlLayout.Horizontal,t.UserPermissions=new v.DropdownOptions,t.UserPermissions.Name="PermissionSets",t.UserPermissions.LabelKey="PermissionSets",t.UserPermissions.SelectedItems=null,t.UserPermissions.DataSource=t.permissionSetList,t.UserPermissions.SingleSelection=!1,t.UserPermissions.AllowSearchFilter=!0,t.UserPermissions.IsRequired=!0,t.modalService.open(e),t.utilityService.stopBlockUI()}))},e.prototype.addUser=function(){var e=this;if(!this.AddUserForm.invalid){var t=this.AddUserForm.value,i=new Dr;i.Username=t.Username,i.NameAR=t.Name.ArabicValue,i.NameEN=t.Name.EnglishValue,i.SamAccount=t.SamAccount,i.OrganizationID=1,null!=t.DepartmentID&&(i.DepartmentID=Number(t.DepartmentID));var r=t.PermissionSets;i.PermissionSets=r.map((function(e){return Number(e)})),i.SendActivationMail=t.SendActivationMail;var n=null;null!=t.MobileNumber&&(n=(n=t.MobileNumber.internationalNumber).replace(/\s/g,"")),i.PhoneInputMobile=n,this.userService.AddUser(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditUserModal=function(e,t){var i=this;this.utilityService.startBlockUI(),this.userService.Loaddropdowns().subscribe((function(r){var n=r;i.permissionSetList=n.permessionsets,i.departmentsList=n.departments,i.EditUserForm=new h.FormGroup({}),i.UserId=e.id;var o=new v.EnglishArabicDTO;o.Arabic=e.name.arabic,o.English=e.name.english,i.EditMultiLingualName=new v.MultiLingualTextBoxOptions,i.EditMultiLingualName.Name="Name",i.EditMultiLingualName.ArabicLabelKey="NameInArabic",i.EditMultiLingualName.EnglishLabelKey="NameInEnglish",i.EditMultiLingualName.IsRequired=!0,i.EditMultiLingualName.Value=o,i.EditMobileNumber=new v.PhoneOptions,i.EditMobileNumber.Value=e.mobile,i.EditMobileNumber.Name="MobileNumber",i.EditMobileNumber.LabelKey="MobileNumber",i.EditMobileNumber.ExtraClasses="form-control bnsights-control",i.EditMobileNumber.SelectedCountryISO=v.Country.UnitedArabEmirates,i.EditMobileNumber.PhoneValidation=!0,i.EditMobileNumber.AllowSearch=!0,i.EditUsername=new v.TextBoxOptions,i.EditUsername.Value=e.username,i.EditUsername.Name="Username",i.EditUsername.LabelKey="Username",i.EditUsername.Type=v.InputType.Text,i.EditUsername.IsRequired=!0,i.EditEmail=new v.TextBoxOptions,i.EditEmail.Value=e.email,i.EditEmail.Name="Email",i.EditEmail.LabelKey="Email",i.EditEmail.Type=v.InputType.Text,i.EditEmail.IsRequired=!0,i.EditSamAccount=new v.TextBoxOptions,i.EditSamAccount.Value=e.samAccount,i.EditSamAccount.Name="SamAccount",i.EditSamAccount.LabelKey="SamAccount",i.EditSamAccount.Type=v.InputType.Email,i.EditUserDepartment=new v.DropdownOptions,i.EditUserDepartment.Name="DepartmentID",i.EditUserDepartment.LabelKey="Department",i.EditUserDepartment.SelectedItems=i.departmentsList.filter((function(t){return parseInt(t.key)==e.departmentID})).map((function(e){return e.key}))[0],i.EditUserDepartment.DataSource=i.departmentsList,i.EditUserDepartment.SingleSelection=!0,i.EditUserDepartment.AllowSearchFilter=!0,i.EditUserPermissions=new v.DropdownOptions,i.EditUserPermissions.Name="PermissionSets",i.EditUserPermissions.LabelKey="PermissionSets",i.EditUserPermissions.SelectedItems=i.permissionSetList.filter((function(t){return e.permSetList.indexOf(parseInt(t.key))>=0})).map((function(e){return e.key})),i.EditUserPermissions.DataSource=i.permissionSetList,i.EditUserPermissions.SingleSelection=!1,i.EditUserPermissions.AllowSearchFilter=!0,i.EditUserPermissions.IsRequired=!0,i.modalService.open(t),i.utilityService.stopBlockUI()}))},e.prototype.editUser=function(){var e=this;if(!this.EditUserForm.invalid){var t=this.EditUserForm.value,i=new kr;i.ID=this.UserId,i.Username=t.Username,i.Email=t.Email,i.NameAR=t.Name.ArabicValue,i.NameEN=t.Name.EnglishValue,i.SamAccount=t.SamAccount,null!=t.DepartmentID&&(i.DepartmentID=Number(t.DepartmentID));var r=t.PermissionSets;i.PermissionIDs=r.map((function(e){return Number(e)}));var n=null;null!=t.MobileNumber&&(n=(n=t.MobileNumber.internationalNumber).replace(/\s/g,"")),i.Mobile=n,this.userService.EditUser(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))}},e.prototype.exportExcel=function(){var e=new n.HttpParams;e=(e=(e=(e=(e=e.append("permissionIds",null==this.UsersForm.controls.permissionsets.value?"":this.UsersForm.controls.permissionsets.value)).append("accountStatusIDs",null==this.UsersForm.controls.accountstatus.value?"":this.UsersForm.controls.accountstatus.value)).append("lockedStatusIds",null==this.UsersForm.controls.lockedstatus.value?"":this.UsersForm.controls.lockedstatus.value)).append("departmentIds",null==this.UsersForm.controls.departments.value?"":this.UsersForm.controls.departments.value)).append("nameFilter",null==this.UsersForm.controls.searchTextBox.value?"":this.UsersForm.controls.searchTextBox.value),this.userService.Export(e).subscribe((function(e){var t=new Blob([e],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});S.saveAs(t,"Users.xlsx")}),(function(e){}))},e.prototype.showActivateUserModal=function(e,t,i){this.utilityService.startBlockUI(),this.ActivatUserList=[],this.ActivatUserList.push(e),this.Name="en"==this.language?e.name.english:e.name.arabic,this.Email=e.email,this.ShowActivateModelData=t,this.modalService.open(i),this.utilityService.stopBlockUI()},e.prototype.showResetPasswordUserModal=function(e,t){this.utilityService.startBlockUI(),this.ResetPasswordUserList=[],this.ResetPasswordUserList.push(e),this.Name="en"==this.language?e.name.english:e.name.arabic,this.Email=e.email,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.showSendActivationEmailModal=function(e,t){this.utilityService.startBlockUI(),this.SelectedUserList=[],this.SelectedUserList.push(e),this.Name="en"==this.language?e.name.english:e.name.arabic,this.Email=e.email,this.OpenSendActivationEmailModal=!1,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteUserFromList=function(e){this.UserPagingResult.find((function(t){return t.id===e.id})).selected=!1,this.SelectedUserList=this.SelectedUserList.filter((function(t){return t!=e})),e.isActive?this.activatedUsersSelected-=1:this.deActivatedUsersSelected-=1,this.enableButtons(),this.SelectedUserList.length<=0&&this.modalService.dismissAll()},e.prototype.showsetPasswordUserModal=function(e,t){var i=this;this.utilityService.startBlockUI(),this.SetUserPasswordForm=new h.FormGroup({}),this.setPasswordUserList=[],this.setPasswordUserList.push(e),this.Name="en"==this.language?e.name.english:e.name.arabic,this.Email=e.email,this.Password=new v.TextBoxOptions,this.Password.HideLabel=!0,this.Password.Type=v.InputType.Password,this.Password.IsRequired=!0,this.customValidation.functionBody=function(e){var t=i.SetUserPasswordForm.controls.Password.value;return e.value!=t?{customerError:!0}:null},this.customValidation.massage=this.utilityService.getResourceValue("PasswordNotMatch"),this.PasswordConfirmation=new v.TextBoxOptions,this.PasswordConfirmation.Name="PasswordConfirmation",this.PasswordConfirmation.HideLabel=!0,this.PasswordConfirmation.Type=v.InputType.Password,this.PasswordConfirmation.IsRequired=!0,this.PasswordConfirmation.CustomValidation=[this.customValidation],this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.activate=function(){var e=this;this.userService.ActivateUsers(this.ActivatUserList).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.deactivate=function(){var e=this;this.userService.DeactivateUsers(this.ActivatUserList).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.resetPassword=function(){var e=this;this.userService.ResetUsersPassword(this.ResetPasswordUserList).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.setPassword=function(){var e=this;if(!this.SetUserPasswordForm.invalid){for(var t=this.SetUserPasswordForm.value,i=0;i<this.setPasswordUserList.length;i++){var r=this.setPasswordUserList[i];r.Password=t.Password,r.ConfirmPassword=t.PasswordConfirmation}this.userService.SetUsersPassword(this.setPasswordUserList).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))}},e.prototype.sendActivationEmailForUser=function(){var e=this;this.userService.SendActivationEmailForUser(this.SelectedUserList).subscribe((function(t){e.modalService.dismissAll(),e.SelectedUserList=[],e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.activateUserList=function(){var e=this;this.userService.ActivateUsers(this.SelectedUserList).subscribe((function(t){e.modalService.dismissAll(),e.SelectedUserList=[],e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.deactivateUserList=function(){var e=this;this.userService.DeactivateUsers(this.SelectedUserList).subscribe((function(t){e.modalService.dismissAll(),e.SelectedUserList=[],e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.resetUserPasswordList=function(){var e=this;this.userService.ResetUsersPassword(this.SelectedUserList).subscribe((function(t){e.modalService.dismissAll(),e.SelectedUserList=[],e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.showConfirmationModal=function(e,t){switch(this.IsOpenConfirmationModal=!1,this.utilityService.startBlockUI(),e){case 1:this.ConfirmationMessage=this.utilityService.getResourceValue("ActivateConfirmation"),this.ConfirmationModalType=1;break;case 2:this.ConfirmationMessage=this.utilityService.getResourceValue("DeactivateConfirmation"),this.ConfirmationModalType=2;break;case 3:this.ConfirmationMessage=this.utilityService.getResourceValue("ResetPasswordConfirmation"),this.ConfirmationModalType=3;break;case 4:this.ConfirmationMessage=this.utilityService.getResourceValue("SendActivationMailConfirmation"),this.ConfirmationModalType=4}this.modalService.open(t),this.utilityService.stopBlockUI()},e}();Er.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Er,deps:[{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:De},{token:Me},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Er.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Er,selector:"lib-users",viewQueries:[{propertyName:"input",first:!0,predicate:["UserPagingViewElement"],descendants:!0},{propertyName:"CloseUserModal",first:!0,predicate:["CloseUserModal"],descendants:!0},{propertyName:"CloseEditUserModal",first:!0,predicate:["CloseEditUserModal"],descendants:!0},{propertyName:"EditUserModal",first:!0,predicate:["EditUserModal"],descendants:!0},{propertyName:"CloseResetPasswordUserModal",first:!0,predicate:["CloseResetPasswordUserModal"],descendants:!0},{propertyName:"ClosesetPasswordUserModal",first:!0,predicate:["ClosesetPasswordUserModal"],descendants:!0},{propertyName:"CloseActivationEmailModal",first:!0,predicate:["CloseActivationEmailModal"],descendants:!0},{propertyName:"CloseConfirmationModal",first:!0,predicate:["CloseConfirmationModal"],descendants:!0},{propertyName:"permissionSetDDL",first:!0,predicate:["permissionSetDDL"],descendants:!0},{propertyName:"accountStatusDDL",first:!0,predicate:["accountStatusDDL"],descendants:!0},{propertyName:"lockedStatusDDL",first:!0,predicate:["lockedStatusDDL"],descendants:!0},{propertyName:"departmentsDDL",first:!0,predicate:["departmentsDDL"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n<div *ngIf="ShowPageContent" class="container-fluid">\r\n  \x3c!-- begin::Header --\x3e\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]="UsersForm">\r\n          <BBSF-TextBox [options]="searchTextBox" [group]="UsersForm"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class="card-toolbar">\r\n        \x3c!-- begin::Menu --\x3e\r\n        <div *ngIf="showGeneralBtns" ngbDropdown class="d-inline-block" [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}">\r\n          <button (click)="loadLists()" ngbDropdownToggle href="javascript:;" type="button" class="btn btn-sm btn-light-primary me-3" id="FiltersDropdown" title="Filter">\r\n            <i class="fas fa-filter me-1"></i>\r\n            {{utilityService.getResourceValue("Filter")}}\r\n          </button>\r\n          <div *ngIf="IsFilterLoaded" ngbDropdownMenu aria-labelledby="FiltersDropdown" class=" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 ">\r\n            <form [formGroup]="UsersForm">\r\n              <div class="px-7 py-5">\r\n                <div class="row">\r\n                  <div class="col-lg-6">\r\n                    <div class="mb-10">\r\n                      <BBSF-DropdownList #permissionSetDDL [options]="permissionSetsOptions" [group]="UsersForm"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class="col-lg-6">\r\n                    <div class="mb-10">\r\n                      <BBSF-DropdownList #accountStatusDDL [options]="accountStatusOptions" [group]="UsersForm"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class="col-lg-6">\r\n                    <div class="mb-10">\r\n                      <BBSF-DropdownList #lockedStatusDDL [options]="lockedStatusOptions" [group]="UsersForm"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class="col-lg-6">\r\n                    <div class="mb-10">\r\n                      <BBSF-DropdownList #departmentsDDL [options]="departmentsOptions" [group]="UsersForm"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class="d-flex justify-content-end">\r\n                  <button class="btn btn-light btn-active-light-primary pv-reset btn-sm" id="applyFiltersBtn"\r\n                          (click)="resetFilters()">\r\n                    {{utilityService.getResourceValue("Reset")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button *ngIf="showGeneralBtns" href="javascript:;" type="button" (click)="exportExcel()" class="btn btn-sm btn-light-primary me-3 bnsights-btn-export"\r\n                title="Export">\r\n          <i class="fas fa-download me-1"></i>\r\n          {{utilityService.getResourceValue("Export")}}\r\n        </button>\r\n        <button *ngIf="showActivateBtn" type="button" id="btnActivate" class="btn btn-sm btn-light-primary me-3" href="javascript:;" data-toggle="modal"\r\n                data-target="#ConfirmationModal" (click)="showConfirmationModal(1, ConfirmationModal)">\r\n          <i class="fa fa-history"></i> {{utilityService.getResourceValue("Activate")}}\r\n        </button>\r\n        <button *ngIf="showDeactivateBtn" type="button" id="btnDeactivate" class="btn btn-sm btn-light-primary me-3" href="javascript:;" data-toggle="modal"\r\n                data-target="#ConfirmationModal" (click)="showConfirmationModal(2, ConfirmationModal)">\r\n          <i class="fa fa-power-off"></i>{{utilityService.getResourceValue("Deactivate")}}\r\n        </button>\r\n        <button *ngIf="showResetPassBtn" type="button" id="btnResetPass" class="btn btn-sm btn-light-primary me-3" href="javascript:;" data-toggle="modal"\r\n                data-target="#ConfirmationModal" (click)="showConfirmationModal(3, ConfirmationModal)">\r\n          <i class="fa fa-cog"></i>{{utilityService.getResourceValue("ResetPassword")}}\r\n        </button>\r\n        <button *ngIf="showSendEmailBtn" type="button" id="btnResendActivation" class="btn btn-sm btn-light-primary me-3" href="javascript:;" data-toggle="modal"\r\n                data-target="#ConfirmationModal" (click)="showConfirmationModal(4 , ConfirmationModal)">\r\n          <i class="fa fa-envelope"></i> {{utilityService.getResourceValue("SendActivationEmail")}}\r\n        </button>\r\n        <button *ngIf="showGeneralBtns" type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddUserModal(addUserModal)">\r\n          <i class="fas fa-plus me-1"></i>\r\n          {{utilityService.getResourceValue("Add")}}\r\n        </button>\r\n        \x3c!-- end::Menu --\x3e\r\n      </div>\r\n    </div>\r\n    \x3c!-- end::Header --\x3e\r\n    \x3c!-- begin::Body --\x3e\r\n    <div class="card-body py-3">\r\n      \x3c!-- begin::Table container --\x3e\r\n      <div class="table-responsive">\r\n        \x3c!-- begin::Table --\x3e\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="w-50px">\r\n                <span>\r\n                  <label class="form-check form-check-sm form-check-custom form-check-solid">\r\n                    <mat-checkbox (change)="selectAllUserList($event,UserPagingResult)" [checked]="allSelected">\r\n                    </mat-checkbox>\r\n                    \x3c!--<input type="checkbox" class="form-check-input" (change)="selectAllUserList($event,UserPagingResult)" id="chk_SelectAll">--\x3e\r\n                    &nbsp;<span></span>\r\n                  </label>\r\n                </span>\r\n              </th>\r\n              <th class="min-w-150px">{{utilityService.getResourceValue("Name")}}</th>\r\n              <th class="min-w-150px">{{utilityService.getResourceValue("Email")}}</th>\r\n              <th class="min-w-150px">{{utilityService.getResourceValue("Mobile")}}</th>\r\n              <th class="min-w-150px">{{utilityService.getResourceValue("Roles")}}</th>\r\n              <th class="min-w-150px">{{utilityService.getResourceValue("Status")}}</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 user of UserPagingResult">\r\n              <td>\r\n                <span>\r\n                  <label class="form-check form-check-sm form-check-custom form-check-solid">\r\n                    \x3c!--<input type="checkbox" class="form-check-input" (change)="updateUserList($event,user)" id="User-{{user.id}}">--\x3e\r\n                    <span></span>\r\n                    <mat-checkbox (change)="updateUserList($event,user)" [(ngModel)]="user.selected">\r\n                    </mat-checkbox>\r\n                  </label>\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div class="d-flex align-items-center">\r\n                  <div class="symbol symbol-35px">\r\n                    <h6 class="symbol-label font-size-h5 font-weight-bold bg-light-primary ml-2 mb-0 me-3">A</h6>\r\n                  </div>\r\n                  <div class="d-flex justify-content-start flex-column">\r\n                    <a *ngIf="language==\'en\'" data-toggle="modal" data-target="#EditUserModal"\r\n                       (click)="showEditUserModal(user,EditUserModal)" href="javascript:void(0)" class="text-dark fw-bolder text-hover-primary fs-6">{{user.name.english}}</a>\r\n                    <a *ngIf="language==\'ar\'" data-toggle="modal" data-target="#EditUserModal"\r\n                       (click)="showEditUserModal(user,EditUserModal)" href="javascript:void(0)" class="text-dark fw-bolder text-hover-primary fs-6">{{user.name.arabic}}</a>\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <td>{{user.username}}</td>\r\n              <td>{{user.mobile}}</td>\r\n              <td>{{user.permissionset}}</td>\r\n              <td>\r\n                <span class="badge badge-light-success" *ngIf="user.isActive==true">\r\n                  {{utilityService.getResourceValue("Activate")}}\r\n                </span>\r\n                <span class="badge badge-light-danger" *ngIf="user.isActive==false">\r\n                  {{utilityService.getResourceValue("Deactivate")}}\r\n                </span>\r\n              </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 type="button" class="menu-item px-3" ngbDropdownItem\r\n                            (click)="showEditUserModal(user,EditUserModal)">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class="menu-item px-3" *ngIf="user.isActive" id="btnDeactivate" (click)="showActivateUserModal(user,false,ActivateUserModal)">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("Deactivate")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class="menu-item px-3" id="btnactivate" (click)="showActivateUserModal(user,true,ActivateUserModal)" *ngIf="!user.isActive">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("Activate")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class="menu-item px-3" id="btnResetPass" (click)="showResetPasswordUserModal(user , ResetPasswordUserModal)">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("ResetPassword")}}</span>\r\n                    </button>\r\n\r\n                    <button ngbDropdownItem class="menu-item px-3" id="btnResetPass" (click)="showsetPasswordUserModal(user, setPasswordUserModal)">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("SetPassword")}}</span>\r\n                    </button>\r\n\r\n                    <button ngbDropdownItem class="menu-item px-3" id="btnResetPass" *ngIf="!user.isActive" (click)="showSendActivationEmailModal(user , SendActivationEmailModal)">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("SendActivationEmail")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n\r\n\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf="UserPagingResult.length == 0">\r\n              <td colspan="6">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        \x3c!-- end::Table --\x3e\r\n      </div>\r\n      \x3c!-- end::Table container --\x3e\r\n      \x3c!-- begin paging--\x3e\r\n      <BBSF-Paging (Items)="setUsersListResult($event)" *ngIf="IsFilterLoaded" [options]="UserPaging"\r\n                   [group]="UsersForm" #UserPagingViewElement>\r\n      </BBSF-Paging>\r\n      \x3c!-- End paging--\x3e\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\x3c!-- add user--\x3e\r\n<ng-template #addUserModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("AddUser")}}</h1>\r\n    </div>\r\n    <form [formGroup]="AddUserForm" (ngSubmit)="addUser()">\r\n      <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddUserForm"></BBSF-MultiLingualTextBox>\r\n      <BBSF-TextBox [options]="Username" [group]="AddUserForm"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]="SamAccount" [group]="AddUserForm"></BBSF-TextBox>\r\n      <BBSF-Phone [options]="MobileNumber" [group]="AddUserForm"></BBSF-Phone>\r\n      <BBSF-DropdownList [options]="UserDepartment" [group]="AddUserForm"></BBSF-DropdownList>\r\n      <BBSF-Toggleslide [options]="SendActivationEmail" [group]="AddUserForm"></BBSF-Toggleslide>\r\n      <BBSF-DropdownList [options]="UserPermissions" [group]="AddUserForm"></BBSF-DropdownList>\r\n      <div class="text-center pt-7">\r\n        <button type="button" #CloseUserModal id="CloseUserModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n        <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n      </div>\r\n    </form>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- Edit user--\x3e\r\n<ng-template #EditUserModal 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("EditUser")}}</h1>\r\n    </div>\r\n    <form [formGroup]="EditUserForm" (ngSubmit)="editUser()">\r\n      <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditUserForm"></BBSF-MultiLingualTextBox>\r\n      <BBSF-Phone [options]="EditMobileNumber" [group]="EditUserForm"></BBSF-Phone>\r\n      <BBSF-TextBox [options]="EditUsername" [group]="EditUserForm"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]="EditEmail" [group]="EditUserForm"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]="EditSamAccount" [group]="EditUserForm"></BBSF-TextBox>\r\n      <BBSF-DropdownList [options]="EditUserDepartment" [group]="EditUserForm"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]="EditUserPermissions" [group]="EditUserForm"></BBSF-DropdownList>\r\n      <div class="text-center pt-7">\r\n        <button type="button" data-dismiss="modal" #CloseEditUserModal id="CloseEditUserModal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n        <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n      </div>\r\n    </form>\r\n\r\n  </div>\r\n</ng-template>\r\n\x3c!-- Deactivate/Activate User Modal --\x3e\r\n<ng-template #ActivateUserModal 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" *ngIf="!ShowActivateModelData" id="exampleModalLabel">\r\n        {{utilityService.getResourceValue("Deactivate")}}\r\n      </h1>\r\n      <h1 class="mb-3" *ngIf="ShowActivateModelData" id="exampleModalLabel">\r\n        {{utilityService.getResourceValue("Activate")}}\r\n      </h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n      \x3c!--begin::Icon--\x3e\r\n      \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n      <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n      \x3c!--end::Svg Icon--\x3e\r\n      \x3c!--end::Icon--\x3e\r\n      \x3c!--begin::Wrapper--\x3e\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        \x3c!--begin::Content--\x3e\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700" *ngIf="!ShowActivateModelData">\r\n            {{utilityService.getResourceValue("DeactivateConfirmation")}}\r\n          </div>\r\n          <div class="fs-6 text-gray-700" *ngIf="ShowActivateModelData">\r\n            {{utilityService.getResourceValue("ActivateConfirmation")}}\r\n          </div>\r\n        </div>\r\n        \x3c!--end::Content--\x3e\r\n      </div>\r\n      \x3c!--end::Wrapper--\x3e\r\n    </div>\r\n    <div id="" class="">\r\n      <div class="table-responsive-x">\r\n        <table id="tableConfirmation" class="table table-striped table-bordered ">\r\n          <thead>\r\n            <tr>\r\n              <th>{{utilityService.getResourceValue("Name")}}</th>\r\n              <th>{{utilityService.getResourceValue("Email")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr class="trItem">\r\n              <td>{{Name}}</td>\r\n              <td>{{Email}}</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 type="button" #CloseActivateUserModal id="CloseActivateUserModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n      <button type="button" *ngIf="!ShowActivateModelData" (click)="deactivate()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n      <button type="button" *ngIf="ShowActivateModelData" (click)="activate()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\x3c!-- ResetPassword User Modal --\x3e\r\n<ng-template #ResetPasswordUserModal 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("ResetPassword")}}</h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n      \x3c!--begin::Icon--\x3e\r\n      \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n      <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n      \x3c!--end::Svg Icon--\x3e\r\n      \x3c!--end::Icon--\x3e\r\n      \x3c!--begin::Wrapper--\x3e\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        \x3c!--begin::Content--\x3e\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700">\r\n            {{utilityService.getResourceValue("ResetPasswordConfirmation")}}\r\n          </div>\r\n        </div>\r\n        \x3c!--end::Content--\x3e\r\n      </div>\r\n      \x3c!--end::Wrapper--\x3e\r\n    </div>\r\n    <div id="" class="">\r\n      <div class="table-responsive">\r\n        \x3c!-- begin::Table --\x3e\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-200">{{utilityService.getResourceValue("Name")}}</th>\r\n              <th class="min-w-200">{{utilityService.getResourceValue("Email")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class="fw-bold text-gray-600 border-0">\r\n            <tr class="trItem">\r\n              <td class="text-dark">{{Name}}</td>\r\n              <td>{{Email}}</td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="text-center pt-7">\r\n      <button id="CloseResetPasswordUserModal" #CloseResetPasswordUserModal type="button" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n\r\n      <button type="button" (click)="resetPassword()" class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- setPassword User Modal --\x3e\r\n<ng-template #setPasswordUserModal 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("SetPassword")}}</h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n      \x3c!--begin::Icon--\x3e\r\n      \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n      <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n      \x3c!--end::Svg Icon--\x3e\r\n      \x3c!--end::Icon--\x3e\r\n      \x3c!--begin::Wrapper--\x3e\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        \x3c!--begin::Content--\x3e\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700">\r\n            {{utilityService.getResourceValue("SetPasswordConfirmation")}}\r\n          </div>\r\n        </div>\r\n        \x3c!--end::Content--\x3e\r\n      </div>\r\n      \x3c!--end::Wrapper--\x3e\r\n    </div>\r\n    <form [formGroup]="SetUserPasswordForm" (ngSubmit)="setPassword()">\r\n      <div class="table-responsive">\r\n        \x3c!-- begin::Table --\x3e\r\n        <table id="tableConfirmation" 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-150"> {{utilityService.getResourceValue("Name")}}</th>\r\n              <th class="min-w-150"> {{utilityService.getResourceValue("Email")}}</th>\r\n              <th class="min-w-150"> {{utilityService.getResourceValue("Password")}}</th>\r\n              <th class="min-w-150"> {{utilityService.getResourceValue("ConfirmPassword")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class="fw-bold text-gray-600 border-0">\r\n            <tr class="trItem">\r\n              <td>{{Name}}</td>\r\n              <td>{{Email}}</td>\r\n              <td>\r\n                <BBSF-TextBox [options]="Password" [group]="SetUserPasswordForm"></BBSF-TextBox>\r\n              </td>\r\n              <td>\r\n                <BBSF-TextBox [options]="PasswordConfirmation" [group]="SetUserPasswordForm"></BBSF-TextBox>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button id="ClosesetPasswordUserModal" #ClosesetPasswordUserModal type="button" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n        <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n      </div>\r\n    </form>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- Send Activation Email Modal --\x3e\r\n<ng-template #SendActivationEmailModal 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("SendActivationEmail")}}</h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n      \x3c!--begin::Icon--\x3e\r\n      \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n      <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n      \x3c!--end::Svg Icon--\x3e\r\n      \x3c!--end::Icon--\x3e\r\n      \x3c!--begin::Wrapper--\x3e\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        \x3c!--begin::Content--\x3e\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700">\r\n            {{utilityService.getResourceValue("ActivateConfirmation")}}\r\n          </div>\r\n        </div>\r\n        \x3c!--end::Content--\x3e\r\n      </div>\r\n      \x3c!--end::Wrapper--\x3e\r\n    </div>\r\n    <div class="note note-warning text-center">\r\n    </div>\r\n    <div class="table-responsive">\r\n      \x3c!-- begin::Table --\x3e\r\n      <table id="tableConfirmation" 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-150">{{utilityService.getResourceValue("Name")}}</th>\r\n            <th class="min-w-150">{{utilityService.getResourceValue("Email")}}</th>\r\n            <th class="min-w-50" *ngIf="SelectedUserList.length>1">{{utilityService.getResourceValue("Action")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class="fw-bold text-gray-600 border-0">\r\n          <tr *ngFor="let user of SelectedUserList" class="trItem">\r\n            <td *ngIf="language==\'en\'" class="text-dark">{{user.name.english}}</td>\r\n            <td *ngIf="language==\'ar\'" class="text-dark">{{user.name.arabic}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf="SelectedUserList.length>1">\r\n              <button type="button" (click)="deleteUserFromList(user)"\r\n                      class="btn btn-light-danger btn-icon btn-sm">\r\n                <i class="fas fa-trash"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class="text-center pt-7">\r\n      <button #CloseActivationEmailModal id="CloseActivationEmailModal" type="button" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n      <button type="button" class="btn btn-primary btn-sm" (click)="sendActivationEmailForUser()">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- confirmation Message  Modal --\x3e\r\n<ng-template #ConfirmationModal 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("ConfirmationMessage")}}</h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n      \x3c!--begin::Icon--\x3e\r\n      \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n      <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n      \x3c!--end::Svg Icon--\x3e\r\n      \x3c!--end::Icon--\x3e\r\n      \x3c!--begin::Wrapper--\x3e\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        \x3c!--begin::Content--\x3e\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700">\r\n            {{ConfirmationMessage}}\r\n          </div>\r\n        </div>\r\n        \x3c!--end::Content--\x3e\r\n      </div>\r\n      \x3c!--end::Wrapper--\x3e\r\n    </div>\r\n    <div class="table-responsive">\r\n      \x3c!-- begin::Table --\x3e\r\n      <table id="tableConfirmation" 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-150">{{utilityService.getResourceValue("Name")}}</th>\r\n            <th class="min-w-150">{{utilityService.getResourceValue("Email")}}</th>\r\n            <th class="min-w-50" *ngIf="SelectedUserList.length>1">{{utilityService.getResourceValue("Action")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class="fw-bold text-gray-600 border-0">\r\n          <tr *ngFor="let user of SelectedUserList" class="trItem">\r\n            <td *ngIf="language==\'en\'" class="text-dark">{{user.name.english}}</td>\r\n            <td *ngIf="language==\'ar\'" class="text-dark">{{user.name.arabic}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf="SelectedUserList.length>1">\r\n              <button type="button" (click)="deleteUserFromList(user)"\r\n                      class="btn btn-light-danger btn-icon">\r\n                <i class="fas fa-trash"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class="text-center pt-7">\r\n      <button #CloseConfirmationModal id="CloseConfirmationModal" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">\r\n        {{utilityService.getResourceValue("CancelLabel")}}\r\n      </button>\r\n\r\n      <button type="button" *ngIf="ConfirmationModalType==1" (click)="activateUserList()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n      <button type="button" *ngIf="ConfirmationModalType==2" (click)="deactivateUserList()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n      <button type="button" *ngIf="ConfirmationModalType==3" (click)="resetUserPasswordList()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n      <button type="button" *ngIf="ConfirmationModalType==4" (click)="sendActivationEmailForUser()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:U.MatCheckbox,selector:"mat-checkbox",inputs:["disableRipple","color","tabIndex","aria-label","aria-labelledby","id","labelPosition","name","required","checked","disabled","indeterminate","aria-describedby","value"],outputs:["change","indeterminateChange"],exportAs:["matCheckbox"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵi,selector:"BBSF-Phone",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵj,selector:"BBSF-Toggleslide",inputs:["group","options"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:E.NgbDropdown,selector:"[ngbDropdown]",inputs:["open","placement","container","autoClose","display"],outputs:["openChange"],exportAs:["ngbDropdown"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:E.NgbDropdownToggle,selector:"[ngbDropdownToggle]"},{type:E.NgbDropdownMenu,selector:"[ngbDropdownMenu]"},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:P.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:P.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Er,decorators:[{type:t.Component,args:[{selector:"lib-users",templateUrl:"./users.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:De},{type:Me},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["UserPagingViewElement",{static:!1}]}],CloseUserModal:[{type:t.ViewChild,args:["CloseUserModal",{static:!1}]}],CloseEditUserModal:[{type:t.ViewChild,args:["CloseEditUserModal",{static:!1}]}],EditUserModal:[{type:t.ViewChild,args:["EditUserModal",{static:!1}]}],CloseResetPasswordUserModal:[{type:t.ViewChild,args:["CloseResetPasswordUserModal",{static:!1}]}],ClosesetPasswordUserModal:[{type:t.ViewChild,args:["ClosesetPasswordUserModal",{static:!1}]}],CloseActivationEmailModal:[{type:t.ViewChild,args:["CloseActivationEmailModal",{static:!1}]}],CloseConfirmationModal:[{type:t.ViewChild,args:["CloseConfirmationModal",{static:!1}]}],permissionSetDDL:[{type:t.ViewChild,args:["permissionSetDDL",{static:!1}]}],accountStatusDDL:[{type:t.ViewChild,args:["accountStatusDDL",{static:!1}]}],lockedStatusDDL:[{type:t.ViewChild,args:["lockedStatusDDL",{static:!1}]}],departmentsDDL:[{type:t.ViewChild,args:["departmentsDDL",{static:!1}]}]}});var Pr=[{path:"",component:Er}],Vr=function(){};Vr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vr,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Vr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vr,declarations:[Er],imports:[C.BlockUIModule,i.CommonModule,L.RouterModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,m.NgbModule,y.MatMenuModule,f.MatCheckboxModule,p.InlineSVGModule,Qe]}),Vr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vr,providers:[Me,i.DatePipe,l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService],imports:[[a.BlockUIModule.forRoot(),i.CommonModule,s.RouterModule.forChild(Pr),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,m.NgbModule,y.MatMenuModule,f.MatCheckboxModule,p.InlineSVGModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vr,decorators:[{type:t.NgModule,args:[{declarations:[Er],imports:[a.BlockUIModule.forRoot(),i.CommonModule,s.RouterModule.forChild(Pr),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,m.NgbModule,y.MatMenuModule,f.MatCheckboxModule,p.InlineSVGModule,Qe],providers:[Me,i.DatePipe,l.EnvironmentService,it,l.UtilityService,l.AuthService,l.BBSFTranslateService]}]}]});var Nr=function(){this.ADMappings=[]},Rr=function(){},Ur=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/ADConnection/"}return e.prototype.AddActiveDirectory=function(e){return this.http.post(this.ApiUrl+"AddActiveDirectory",e)},e.prototype.GetEditActiveDirectory=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"EditActiveDirectory",t)},e.prototype.EditActiveDirectory=function(e){return this.http.post(this.ApiUrl+"EditActiveDirectory",e)},e.prototype.DeleteActiveDirectory=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"DeleteActiveDirectory",null,t)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.RunADSynchronization=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"RunADsync",null,t)},e.prototype.GetLastRunLogs=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"LastRunLogs",t)},e.prototype.CheckValidationandGetData=function(e){return this.http.post(this.ApiUrl+"GetADData",e,null)},e}();Ur.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ur,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Ur.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ur,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ur,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Gr=function(){function e(e,t,i,r,n,o){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.ActiveDirectoryService=o,this.ApiUrl="/api/admin/ADConnection/",this.ShowPageContent=!1,this.PermissionSetList=[],this.LanguagesList=[],this.WelcomeMsgTempList=[],this.mappingTypesList=[],this.mappingPropertiesList=[],this.ActiveDirectoryForm=new h.FormGroup({}),this.showFilter=!1,this.ActiveDirectoryPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.EditActiveDirectoryForm=new h.FormGroup({}),this.EditMappingsOptions=[],this.IsOpenDeleteActiveDirectoryModal=!1,this.lastRunLogsForm=new h.FormGroup({}),this.IslastRunLogsModalLoaded=!1,this.IsOpenSyncActiveDirectoryModal=!1,this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("ActiveDirectories"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.initializePage(),[2]}}))}))},e.prototype.resetFilters=function(){this.ActiveDirectoryForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.initializePage=function(){var e=this;this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.ActiveDirectoryPaging=new v.PagingOptions,this.ActiveDirectoryPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetADConnectionByFilter",this.ActiveDirectoryPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.ActiveDirectoryPaging.Filters=[this.TextInputFilter],this.ActiveDirectoryPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)},e.prototype.ReinitializeActiveDirectoryPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateActiveDirectoryPaging=function(){this.input.UpdatePaging()},e.prototype.setActiveDirectoryListResult=function(e){this.ActiveDirectoryPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.editActiveDirectory=function(){var e=this;if(!this.EditActiveDirectoryForm.invalid){var t=this.EditActiveDirectoryForm.value,i=new Nr;i.ID=Number(this.ActiveDirectoryId),i.ConnectionName=t.EditName,i.Domain=t.EditDomain,i.SamAccount=t.EditSamAccount,i.Password=t.EditPassword,i.PermissionSetID=null!=t.EditPermissionSetOptions?Number(t.EditPermissionSetOptions):null,i.LangKey=t.EditLanguageOptions,i.WelcomeTemplateID=null!=t.EditWelcomeMsgTemplateOptions?Number(t.EditWelcomeMsgTemplateOptions):null,i.MarkAsInactive=t.EditInactive,i.AddToDailyJob=t.EditDailyJob;for(var r=0;r<this.EditMappingsCount;r++){var n=t["ADMappingType"+r];if(null!=n){var o=t["ADMappingProperty"+r],s=t["ADMappingPropertyName"+r],a=new Rr;a.ADMappingTypeItemID=Number(n),a.BBSFPropertyName=o,a.ADPropertyName=s,i.ADMappings.push(a)}}this.ActiveDirectoryService.EditActiveDirectory(i).subscribe((function(t){document.getElementById("CloseEditActiveDirectoryModal").click(),e.EditActiveDirectoryForm.reset(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showEditActiveDirectoryModal=function(e,t){var i=this;this.ActiveDirectoryService.GetEditActiveDirectory(t).subscribe((function(t){var r=t,n=r.model;i.PermissionSetList=r.dropdownsData.permissionSets,i.LanguagesList=r.dropdownsData.languages,i.WelcomeMsgTempList=r.dropdownsData.templates,i.mappingTypesList=r.dropdownsData.mappingTypes,i.mappingPropertiesList=r.dropdownsData.mappingProperties,i.IsEditActiveDirectoryModalLoaded=!1,i.utilityService.startBlockUI(),i.EditActiveDirectoryForm.reset(),i.ActiveDirectoryId=e,i.EditName=new v.TextBoxOptions,i.EditName.Name="EditName",i.EditName.LabelKey="Name",i.EditName.Type=v.InputType.Text,i.EditName.IsRequired=!0,i.EditName.Value=n.connectionName;var o=i.PermissionSetList.filter((function(e){return e.key==n.permissionSetID})).map((function(e){return e.key}))[0];i.EditPermissionSetOptions=new v.DropdownOptions,i.EditPermissionSetOptions.Name="EditPermissionSetOptions",i.EditPermissionSetOptions.LabelKey="PermissionSet",i.EditPermissionSetOptions.DataSource=i.PermissionSetList,i.EditPermissionSetOptions.SingleSelection=!0,i.EditPermissionSetOptions.AllowSearchFilter=!0,i.EditPermissionSetOptions.Placeholder="",i.EditPermissionSetOptions.IsRequired=!0,i.EditPermissionSetOptions.SelectedItems=o;var s=i.LanguagesList.filter((function(e){return e.key==n.langKey})).map((function(e){return e.key}))[0];i.EditLanguageOptions=new v.DropdownOptions,i.EditLanguageOptions.Name="EditLanguageOptions",i.EditLanguageOptions.LabelValue="Language",i.EditLanguageOptions.LabelKey="Language",i.EditLanguageOptions.DataSource=i.LanguagesList,i.EditLanguageOptions.SingleSelection=!0,i.EditLanguageOptions.AllowSearchFilter=!0,i.EditLanguageOptions.Placeholder="",i.EditLanguageOptions.IsRequired=!0,i.EditLanguageOptions.SelectedItems=s;var a=null!=n.welcomeTemplateID?i.WelcomeMsgTempList.filter((function(e){return e.key==n.welcomeTemplateID})).map((function(e){return e.key}))[0]:null;i.EditWelcomeMsgTemplateOptions=new v.DropdownOptions,i.EditWelcomeMsgTemplateOptions.Name="EditWelcomeMsgTemplateOptions",i.EditWelcomeMsgTemplateOptions.LabelKey="WelcomeMsgTemplate",i.EditWelcomeMsgTemplateOptions.DataSource=i.WelcomeMsgTempList,i.EditWelcomeMsgTemplateOptions.SingleSelection=!0,i.EditWelcomeMsgTemplateOptions.AllowSearchFilter=!0,i.EditWelcomeMsgTemplateOptions.Placeholder="",i.EditWelcomeMsgTemplateOptions.IsRequired=!1,i.EditWelcomeMsgTemplateOptions.SelectedItems=a,i.EditIdentifier=n.identifier,i.EditTypeName=n.adConnectionTypeItemName,i.EditDomain=new v.TextBoxOptions,i.EditDomain.Name="EditDomain",i.EditDomain.LabelKey="Domain",i.EditDomain.Type=v.InputType.Text,i.EditDomain.IsRequired=!0,i.EditDomain.Value=n.domain,i.EditSamAccount=new v.TextBoxOptions,i.EditSamAccount.Name="EditSamAccount",i.EditSamAccount.LabelKey="SamAccount",i.EditSamAccount.Type=v.InputType.Text,i.EditSamAccount.Value=n.samAccount,i.EditPassword=new v.TextBoxOptions,i.EditPassword.Name="EditPassword",i.EditPassword.LabelKey="Password",i.EditPassword.Type=v.InputType.Password,i.EditPassword.RemoveDefaultPasswordValidation=!0,i.EditPassword.Value=n.password,i.EditInactive=new v.ToggleSlideOptions,i.EditInactive.Name="EditInactive",i.EditInactive.Value=n.markAsInactive,i.EditInactive.LabelKey="MarkAsInactive",i.EditInactive.ViewType=v.ControlLayout.Horizontal,i.EditDailyJob=new v.ToggleSlideOptions,i.EditDailyJob.Name="EditDailyJob",i.EditDailyJob.LabelKey="AddToDailyJob",i.EditDailyJob.Value=n.addToDailyJob,i.EditDailyJob.ViewType=v.ControlLayout.Horizontal;var l=i.getADMappingOptions(n.adMappings);i.EditMappingsOptions=l[0],i.EditMappingsCount=l[1],setTimeout((function(){i.IsEditActiveDirectoryModalLoaded=!0}),100)}),(function(e){}))},e.prototype.getADMappingOptions=function(e){for(var t=[],i=0,r=function(r){var o=[],s=new v.DropdownOptions,a=n.mappingTypesList.filter((function(t){return t.key==e[r].adMappingTypeItemID})).map((function(e){return e.key}))[0];s.Name="ADMappingType"+r,s.HideLabel=!0,s.SingleSelection=!0,s.SelectedItems=a,s.ViewType=v.ControlLayout.Horizontal,s.DataSource=n.mappingTypesList;var l=new v.DropdownOptions,d=n.mappingPropertiesList.filter((function(t){return t.key==e[r].bbsfPropertyName})).map((function(e){return e.key}))[0];l.Name="ADMappingProperty"+r,l.HideLabel=!0,l.SingleSelection=!0,l.SelectedItems=d,l.ViewType=v.ControlLayout.Horizontal,l.DataSource=n.mappingPropertiesList;var c=new v.TextBoxOptions;c.Name="ADMappingPropertyName"+r,c.HideLabel=!0,c.Type=v.InputType.Text,c.Value=e[r].adPropertyName,c.IsRequired=!1,c.ViewType=v.ControlLayout.Horizontal;var u=new v.CheckBoxOptions;u.Name="ADMappingIncludeUpdate"+r,u.Value=e[r].includeInUpdate,u.IsDisabled=!0,o.push(s,l,c,u),t.push(o),i+=1},n=this,o=0;o<e.length;o++)r(o);return[t,i]},e.prototype.showDeleteActiveDirectoryModal=function(e){var t=this;this.deleteActiveDirectoryId=e.idEncrypted,this.IsOpenDeleteActiveDirectoryModal=!1,this.utilityService.startBlockUI(),setTimeout((function(){t.IsOpenDeleteActiveDirectoryModal=!0,t.utilityService.stopBlockUI()}),100)},e.prototype.deleteActiveDirectory=function(){var e=this;this.ActiveDirectoryService.DeleteActiveDirectory(this.deleteActiveDirectoryId).subscribe((function(t){e.deleteActiveDirectoryId="",document.getElementById("CloseDeleteActiveDirectoryModal").click(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.showADSynchronizationModal=function(e){var t=this;this.syncActiveDirectoryId=e,this.IsOpenSyncActiveDirectoryModal=!1,this.utilityService.startBlockUI(),setTimeout((function(){t.IsOpenSyncActiveDirectoryModal=!0,t.utilityService.stopBlockUI()}),100)},e.prototype.runSyncronization=function(){var e=this;this.ActiveDirectoryService.RunADSynchronization(this.syncActiveDirectoryId).subscribe((function(t){e.syncActiveDirectoryId="",document.getElementById("CloseSyncActiveDirectoryModal").click(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.showADLastRunLogsModal=function(e){var t=this;this.ActiveDirectoryService.GetLastRunLogs(e).subscribe((function(e){var i=e;t.IslastRunLogsModalLoaded=!1,t.ADConnectionName=i.model.adConnectionName,t.LastRunLogs=i.model.logs,setTimeout((function(){t.IslastRunLogsModalLoaded=!0}),100)}),(function(e){}))},e.prototype.deleteADMapping=function(e){var t=this.EditMappingsOptions.indexOf(e);if(-1!==t){this.EditMappingsOptions.splice(t,1);for(var i=0;i<e.length;i++)this.EditActiveDirectoryForm.removeControl(e[i].Name)}},e}();Gr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Gr,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Ur}],target:T.ɵɵFactoryTarget.Component}),Gr.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Gr,selector:"lib-active-directory",viewQueries:[{propertyName:"input",first:!0,predicate:["ActiveDirectoryPagingViewElement"],descendants:!0},{propertyName:"CloseEditActiveDirectoryModal",first:!0,predicate:["CloseEditActiveDirectoryModal"],descendants:!0},{propertyName:"CloseDeleteActiveDirectoryModal",first:!0,predicate:["CloseDeleteActiveDirectoryModal"],descendants:!0},{propertyName:"CloseLAstRunLogsActiveDirectoryModal",first:!0,predicate:["CloseLAstRunLogsActiveDirectoryModal"],descendants:!0},{propertyName:"CloseSyncActiveDirectoryModal",first:!0,predicate:["CloseSyncActiveDirectoryModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\r\n    \x3c!-- begin::Header --\x3e\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]="ActiveDirectoryForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="ActiveDirectoryForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <button type="button" class="btn btn-sm btn-primary" title=\'{{utilityService.getResourceValue("Add")}}\' [routerLink]="[\'/Admin/ADConnection/Add\']">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        \x3c!--begin::ActiveDirectory list--\x3e\r\n        <div class="table-responsive">\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-150px">{{utilityService.getResourceValue("Type")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("PermissionSet")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("AdConnectionRunningNow")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("ActiveDirectoryIdentifier")}}</th>\r\n                <th class="min-w-50px">{{utilityService.getResourceValue("Actions")}}</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 activeDirectory of ActiveDirectoryPagingResult">\r\n\r\n                <td class="text-dark">\r\n                  {{activeDirectory.name}}\r\n                </td>\r\n                <td>\r\n                  {{activeDirectory.adConnectionTypeName}}\r\n                </td>\r\n                <td>\r\n                  {{activeDirectory.permissionSetName}}\r\n                </td>\r\n                <td>\r\n                  <span class="badge badge-light-success" *ngIf="activeDirectory.isRunningNow;else not_Running">\r\n                    {{utilityService.getResourceValue("Yes")}}\r\n                  </span>\r\n                  <ng-template #not_Running>\r\n                    <span class="badge badge-light-danger">\r\n                      {{utilityService.getResourceValue("No")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  {{activeDirectory.identifier}}\r\n                </td>\r\n                <td>\r\n                  {{activeDirectory.name}}\r\n                </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                      <a class="drop-item px-3" ngbDropdownItem data-toggle="modal" data-target="#editActiveDirectoryModal"\r\n                         (click)="showEditActiveDirectoryModal(activeDirectory.id,activeDirectory.idEncrypted)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3" data-toggle="modal" data-target="#deleteActiveDirectoryModal"\r\n                         (click)="showDeleteActiveDirectoryModal(activeDirectory)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3" data-toggle="modal" data-target="#synchronizationModal"\r\n                         (click)="showADSynchronizationModal(activeDirectory.idEncrypted)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("ActiveDirectoryRunSyncronization")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3" data-toggle="modal" data-target="#lastRunLogsModal"\r\n                         (click)="showADLastRunLogsModal(activeDirectory.idEncrypted)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("ActiveDirectoryLastRunLogs")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="ActiveDirectoryPagingResult.length == 0">\r\n                <td colspan="6">\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        \x3c!--end::Active directory list--\x3e\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setActiveDirectoryListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="ActiveDirectoryPaging" [group]="ActiveDirectoryForm" #ActiveDirectoryPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <div class="modal fade" id="editActiveDirectoryModal" tabindex="-1" aria-labelledby="exampleModalLabel"\r\n       aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form [formGroup]="EditActiveDirectoryForm" *ngIf="IsEditActiveDirectoryModalLoaded" (ngSubmit)="editActiveDirectory()">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <h5 class="modal-title" id="exampleModalLabel">{{utilityService.getResourceValue("Edit")}} {{utilityService.getResourceValue("ActiveDirectory")}}</h5>\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n            <div class="row">\r\n              <div class="col-md-6">\r\n                <BBSF-TextBox [options]="EditName" [group]="EditActiveDirectoryForm">\r\n                </BBSF-TextBox>\r\n              </div>\r\n              <div class="col-md-6">\r\n                <BBSF-DropdownList [options]="EditPermissionSetOptions" [group]="EditActiveDirectoryForm">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n            </div>\r\n            <div class="row">\r\n              <div class="col-md-6">\r\n                <BBSF-DropdownList [options]="EditLanguageOptions" [group]="EditActiveDirectoryForm">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div class="col-md-6">\r\n                <BBSF-DropdownList [options]="EditWelcomeMsgTemplateOptions" [group]="EditActiveDirectoryForm">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n            </div>\r\n\r\n            <div class="row">\r\n              <div class="col-md-6">\r\n                <h6>\r\n                  {{utilityService.getResourceValue("Identifier")}}\r\n                </h6>\r\n                <label>\r\n                  {{EditIdentifier}}\r\n                </label>\r\n              </div>\r\n              <div class="col-md-6">\r\n                <h6>\r\n                  {{utilityService.getResourceValue("Type")}}\r\n                </h6>\r\n                <label>\r\n                  {{EditTypeName}}\r\n                </label>\r\n              </div>\r\n            </div>\r\n            <div class="row">\r\n              <div class="col-md-12">\r\n                <BBSF-TextBox [options]="EditDomain" [group]="EditActiveDirectoryForm">\r\n                </BBSF-TextBox>\r\n              </div>\r\n            </div>\r\n            <div class="row">\r\n              <div class="col-md-6">\r\n                <BBSF-TextBox [options]="EditSamAccount" [group]="EditActiveDirectoryForm">\r\n                </BBSF-TextBox>\r\n              </div>\r\n              <div class="col-md-6">\r\n                <BBSF-TextBox [options]="EditPassword" [group]="EditActiveDirectoryForm">\r\n                </BBSF-TextBox>\r\n              </div>\r\n            </div>\r\n\r\n            <div class="row">\r\n              <div class="col-md-6">\r\n                <BBSF-Toggleslide [options]="EditInactive" [group]="EditActiveDirectoryForm">\r\n                </BBSF-Toggleslide>\r\n              </div>\r\n              <div class="col-md-6">\r\n                <BBSF-Toggleslide [options]="EditDailyJob" [group]="EditActiveDirectoryForm">\r\n                </BBSF-Toggleslide>\r\n              </div>\r\n            </div>\r\n            <div class="row">\r\n              <table class="table amsx-table-users">\r\n                <thead>\r\n                  <tr>\r\n                    <th>{{utilityService.getResourceValue("Type")}}</th>\r\n                    <th>{{utilityService.getResourceValue("Property")}}</th>\r\n                    <th>{{utilityService.getResourceValue("ActiveDirectory_Property")}}</th>\r\n                    <th>{{utilityService.getResourceValue("IncludeInUpdate")}}</th>\r\n                    <th></th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  <tr *ngFor="let option of EditMappingsOptions;let i=index;">\r\n\r\n                    <td>\r\n                      <BBSF-DropdownList [options]="option[0]" [group]="EditActiveDirectoryForm">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-DropdownList [options]="option[1]" [group]="EditActiveDirectoryForm">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-TextBox [options]="option[2]" [group]="EditActiveDirectoryForm">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-CheckBox [options]="option[3]" [group]="EditActiveDirectoryForm">\r\n                      </BBSF-CheckBox>\r\n                    </td>\r\n\r\n                    <td class="text-center align-middle">\r\n                      <a class="kt-nav__link" (click)="deleteADMapping(option)">\r\n                        <i class="kt-nav__link-icon fa fa-trash hidden" aria-hidden="true"></i>\r\n                      </a>\r\n                    </td>\r\n                  </tr>\r\n                  <tr *ngIf="EditMappingsOptions.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\r\n\r\n\r\n              \x3c!--<lib-provider-attributes [ProviderAttributes]="ProviderAttributes"></lib-provider-attributes>--\x3e\r\n            </div>\r\n\r\n\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #CloseEditActiveDirectoryModal id="CloseEditActiveDirectoryModal" type="button"\r\n                    class="btn btn-secondary" data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="submit" class="btn btn-primary">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <div class="modal fade" id="deleteActiveDirectoryModal" tabindex="-1" aria-labelledby="exampleModalLabel"\r\n       aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form *ngIf="IsOpenDeleteActiveDirectoryModal">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <h5 class="modal-title" id="exampleModalLabel">{{utilityService.getResourceValue("Delete")}} {{utilityService.getResourceValue("ActiveDirectory")}}</h5>\r\n\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n            <div class="note note-warning text-center">\r\n              <h3>\r\n                {{utilityService.getResourceValue("Delete_Question")}}\r\n              </h3>\r\n            </div>\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #CloseDeleteActiveDirectoryModal id="CloseDeleteActiveDirectoryModal" type="button"\r\n                    class="btn btn-secondary" data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="button" (click)="deleteActiveDirectory()"\r\n                    class="btn btn-danger">\r\n              {{utilityService.getResourceValue("Delete")}}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- View Last Run Logsl --\x3e\r\n  <div id="lastRunLogsModal" class="modal fade example-modal-lg" aria-labelledby="exampleOptionalLarge" data-backdrop="static" role="dialog" tabindex="-1" style="display: none;" aria-hidden="true">\r\n    <div class="modal-dialog modal-simple modal-lg">\r\n      <div id="generateCodeParent" class="modal-content">\r\n        <form [formGroup]="lastRunLogsForm" *ngIf="IslastRunLogsModalLoaded">\r\n          <div class="modal-content">\r\n            <div class="modal-header">\r\n              <h5 class="modal-title">{{utilityService.getResourceValue("ActiveDirectoryLastRunLogs")}} : {{ADConnectionName}}</h5>\r\n              <button type="button" class="close btn btn-icon" data-dismiss="modal" aria-label="Close">\r\n                <i class="fa fa-times"></i>\r\n              </button>\r\n            </div>\r\n            <div class="modal-body">\r\n              \x3c!--<div class="col-md-12">\r\n                <input type="button" value="CopyToClipboard" (click)="copyToClipboard()"  class="btn btn-success float-right" />\r\n              </div>--\x3e\r\n              <div class="row">\r\n                <div class="col-md-12">\r\n                  <p>{{utilityService.getResourceValue("Name")}} : {{ADConnectionName}}</p>\r\n                  <pre class="col-md-12">{{LastRunLogs}}</pre>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n            <div class="modal-footer">\r\n              <button #CloseLAstRunLogsActiveDirectoryModal id="CloseLAstRunLogsActiveDirectoryModal" type="button"\r\n                      class="btn btn-secondary" data-dismiss="modal">\r\n                {{utilityService.getResourceValue("CancelLabel")}}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </form>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- Synchronization  Modal --\x3e\r\n  <div class="modal fade" id="synchronizationModal" tabindex="-1" aria-labelledby="exampleModalLabel"\r\n       aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form *ngIf="IsOpenSyncActiveDirectoryModal">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n            <div class="note note-warning text-center">\r\n              <h3>\r\n                {{utilityService.getResourceValue("SynchronizeConfirmation")}}\r\n              </h3>\r\n            </div>\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #CloseSyncActiveDirectoryModal id="CloseSyncActiveDirectoryModal" type="button"\r\n                    class="btn btn-secondary" data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="button" (click)="runSyncronization()"\r\n                    class="btn btn-danger">\r\n              {{utilityService.getResourceValue("Yes")}}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:Je,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵj,selector:"BBSF-Toggleslide",inputs:["group","options"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:L.RouterLink,selector:":not(a):not(area)[routerLink]",inputs:["routerLink","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:P.NgForm,selector:"form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]",inputs:["ngFormOptions"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Gr,decorators:[{type:t.Component,args:[{selector:"lib-active-directory",templateUrl:"./active-directory.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Ur}]},propDecorators:{input:[{type:t.ViewChild,args:["ActiveDirectoryPagingViewElement",{static:!1}]}],CloseEditActiveDirectoryModal:[{type:t.ViewChild,args:["CloseEditActiveDirectoryModal",{static:!1}]}],CloseDeleteActiveDirectoryModal:[{type:t.ViewChild,args:["CloseDeleteActiveDirectoryModal",{static:!1}]}],CloseLAstRunLogsActiveDirectoryModal:[{type:t.ViewChild,args:["CloseLAstRunLogsActiveDirectoryModal",{static:!1}]}],CloseSyncActiveDirectoryModal:[{type:t.ViewChild,args:["CloseSyncActiveDirectoryModal",{static:!1}]}]}});var Or=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Or.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Or,deps:[],target:T.ɵɵFactoryTarget.Component}),Or.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Or,selector:"lib-active-directories",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Or,decorators:[{type:t.Component,args:[{selector:"lib-active-directories",templateUrl:"./active-directories.component.html"}]}]});var Hr=function(){function e(e,t,i,r,n,o,s,a){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.dataServices=n,this.authService=o,this.ActiveDirectoryService=s,this.router=a,this.ApiUrl="/api/admin/ADConnection/",this.language="",this.ProductionMode=!1,this.formsCount=3,this.currentStep$=new d.BehaviorSubject(1),this.PermissionSetList=[],this.LanguagesList=[],this.WelcomeMsgTempList=[],this.ADTypesList=[],this.FileProviders=[],this.mappingPropertiesList=[],this.mappingTypesList=[],this.AddActiveDirectoryForm=new h.FormGroup({}),this.AddMappingsOptions=[],this.AddMappingsCount=0,this.AddShowBuiltInGroupsVisible=!1,this.IsAddFormLoaded=!1,this.submitted=!1,this.errorIsFound=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.initializePage(),[2]}}))}))},e.prototype.initializePage=function(){var e=this;this.ActiveDirectoryService.Loaddropdowns().subscribe((function(t){var i=t;e.PermissionSetList=i.permissionSets,e.ADTypesList=i.adTypes,e.LanguagesList=i.languages,e.WelcomeMsgTempList=i.templates,e.FileProviders=i.fileProviders,e.connectionTypeGroupId=i.connectionTypeGroupId,e.mappingPropertiesList=i.mappingProperties,e.mappingTypesList=i.mappingTypes,e.AddActiveDirectoryForm.reset(),e.AddDomain=new v.TextBoxOptions,e.AddDomain.Name="AddDomain",e.AddDomain.LabelKey="Domain",e.AddDomain.Type=v.InputType.Text,e.AddDomain.Value=null,e.AddDomain.IsRequired=!0,e.AddSamAccount=new v.TextBoxOptions,e.AddSamAccount.Name="AddSamAccount",e.AddSamAccount.LabelKey="SamAccount",e.AddSamAccount.Type=v.InputType.Text,e.AddSamAccount.Value=null,e.AddPassword=new v.TextBoxOptions,e.AddPassword.Name="AddPassword",e.AddPassword.LabelKey="Password",e.AddPassword.Type=v.InputType.Password,e.AddPassword.Value=null,e.AddPassword.RemoveDefaultPasswordValidation=!0,e.AddTypeOptions=new v.DropdownOptions,e.AddTypeOptions.Name="AddTypeOptions",e.AddTypeOptions.LabelKey="Type",e.AddTypeOptions.ViewType=v.ControlLayout.Horizontal,e.AddTypeOptions.DataSource=e.ADTypesList,e.AddTypeOptions.SingleSelection=!0,e.AddTypeOptions.AllowSearchFilter=!0,e.AddTypeOptions.Placeholder="",e.AddTypeOptions.IsRequired=!0,e.AddShowBuiltInGroups=new v.ToggleSlideOptions,e.AddShowBuiltInGroups.Name="AddShowBuiltInGroups",e.AddShowBuiltInGroups.LabelValue="ShowBuiltInGroups",e.AddShowBuiltInGroups.LabelKey="ShowBuiltInGroups",e.AddShowBuiltInGroups.Value=!1,e.AddShowBuiltInGroups.ViewType=v.ControlLayout.Horizontal,e.AddSearchTree=new v.TextBoxOptions,e.AddSearchTree.Name="AddSearchTree",e.AddSearchTree.HideLabel=!0,e.AddSearchTree.Type=v.InputType.Text,e.AddSearchTree.Value=null,e.AddName=new v.TextBoxOptions,e.AddName.Name="AddName",e.AddName.LabelKey="Name",e.AddName.Type=v.InputType.Text,e.AddName.Value=null,e.AddName.IsRequired=!0,e.AddPermissionSet=new v.DropdownOptions,e.AddPermissionSet.Name="AddPermissionSet",e.AddPermissionSet.LabelKey="PermissionSet",e.AddPermissionSet.DataSource=e.PermissionSetList,e.AddPermissionSet.SingleSelection=!0,e.AddPermissionSet.AllowSearchFilter=!0,e.AddPermissionSet.Placeholder="PermissionSet",e.AddPermissionSet.IsRequired=!0,e.AddLanguage=new v.DropdownOptions,e.AddLanguage.Name="AddLanguage",e.AddLanguage.LabelKey="Language",e.AddLanguage.DataSource=e.LanguagesList,e.AddLanguage.SingleSelection=!0,e.AddLanguage.AllowSearchFilter=!0,e.AddLanguage.Placeholder="",e.AddLanguage.IsRequired=!0,e.AddWelcomeMsgTemp=new v.DropdownOptions,e.AddWelcomeMsgTemp.Name="AddWelcomeMsgTemp",e.AddWelcomeMsgTemp.LabelKey="WelcomeMsgTemplate",e.AddWelcomeMsgTemp.DataSource=e.WelcomeMsgTempList,e.AddWelcomeMsgTemp.SingleSelection=!0,e.AddWelcomeMsgTemp.AllowSearchFilter=!0,e.AddWelcomeMsgTemp.Placeholder="WelcomeMsgTemplate",e.AddFileProvider=new v.DropdownOptions,e.AddFileProvider.Name="AddFileProvider",e.AddFileProvider.LabelKey="FileProvider",e.AddFileProvider.DataSource=e.FileProviders,e.AddFileProvider.SingleSelection=!0,e.AddFileProvider.AllowSearchFilter=!0,e.AddFileProvider.Placeholder="WelcomeMsgTemplate",e.AddMarkInactive=new v.ToggleSlideOptions,e.AddMarkInactive.Name="AddMarkInactive",e.AddMarkInactive.LabelKey="MarkAsInactive",e.AddMarkInactive.Value=!1,e.AddMarkInactive.ViewType=v.ControlLayout.Horizontal,e.AddDailyJob=new v.ToggleSlideOptions,e.AddDailyJob.Name="AddDailyJob",e.AddDailyJob.LabelKey="AddToDailyJob",e.AddDailyJob.Value=!1,e.AddDailyJob.ViewType=v.ControlLayout.Horizontal;var r=e.getADMappingOptions(i.adMappings);e.AddMappingsOptions=r[0],e.AddMappingsCount=r[1],setTimeout((function(){e.IsAddFormLoaded=!0}),50)}))},e.prototype.getADMappingOptions=function(e){for(var t=[],i=0,r=function(r){var o=[],s=new v.DropdownOptions,a=n.mappingTypesList.filter((function(t){return t.key==e[r].adMappingTypeItemID})).map((function(e){return e.key}))[0];s.Name="ADMappingType"+r,s.HideLabel=!0,s.SingleSelection=!0,s.SelectedItems=a,s.ViewType=v.ControlLayout.Horizontal,s.DataSource=n.mappingTypesList,s.IsRequired=!0;var l=new v.DropdownOptions,d=n.mappingPropertiesList.filter((function(t){return t.key==e[r].bbsfPropertyName})).map((function(e){return e.key}))[0];l.Name="ADMappingProperty"+r,l.HideLabel=!0,l.SingleSelection=!0,l.SelectedItems=d,l.ViewType=v.ControlLayout.Horizontal,l.DataSource=n.mappingPropertiesList,l.IsRequired=!0;var c=new v.TextBoxOptions;c.Name="ADMappingPropertyName"+r,c.HideLabel=!0,c.Type=v.InputType.Text,c.Value=e[r].adPropertyName,c.IsRequired=!1,c.ViewType=v.ControlLayout.Horizontal,c.IsRequired=!0;var u=new v.CheckBoxOptions;u.Name="ADMappingIncludeUpdate"+r,u.Value=e[r].includeInUpdate,u.IsDisabled=!0,o.push(s,l,c,u),t.push(o),i+=1},n=this,o=0;o<e.length;o++)r(o);return[t,i]},e.prototype.deleteADMapping=function(e){var t=this.AddMappingsOptions.indexOf(e);if(-1!==t){this.AddMappingsOptions.splice(t,1);for(var i=0;i<e.length;i++)this.AddActiveDirectoryForm.removeControl(e[i].Name)}},e.prototype.typeChange=function(e){e==this.connectionTypeGroupId?this.AddShowBuiltInGroupsVisible=!0:this.AddShowBuiltInGroupsVisible=!1},e.prototype.nextStep=function(){var e=this.currentStep$.value+1;e>this.formsCount||this.currentStep$.next(e)},e.prototype.prevStep=function(){var e=this.currentStep$.value-1;0!==e&&this.currentStep$.next(e)},e.prototype.ngAfterViewInit=function(){var e=this;this.wizard.on("beforeNext",(function(t){if(1===t.currentStep){t.stop();var i=e.AddActiveDirectoryForm.value;if(null==i.AddTypeOptions||null==i.AddDomain||null==i.AddTypeOptions||null==i.AddDomain)return;var r=new Nr;r.ConnectionName=i.AddName,r.Domain=i.AddDomain;var n,o=i.AddTypeOptions;n=Number(o),r.ADConnectionTypeItemID=null!=i.AddTypeOptions?n:null,r.SamAccount=i.AddSamAccount,r.Password=i.AddPassword,r.ShowBuiltInGroups=i.AddShowBuiltInGroups,e.ActiveDirectoryService.CheckValidationandGetData(r).subscribe((function(i){var r=i;r.val?(e.treeNodeData=r.treeData,e.errorIsFound=!1,t.resume()):(e.validationError=r.error,e.errorIsFound=!0)}),(function(e){return!1}))}}))},e.prototype.addActiveDirectory=function(){var e=this;if(!this.AddActiveDirectoryForm.invalid){var t=this.AddActiveDirectoryForm.value,i=new Nr;i.ConnectionName=t.AddName,i.Domain=t.AddDomain,i.ADConnectionTypeItemID=null!=t.AddTypeOptions?Number(t.AddTypeOptions):null,i.SamAccount=t.AddSamAccount,i.Password=t.AddPassword,i.ShowBuiltInGroups=t.AddShowBuiltInGroups,i.PermissionSetID=null!=t.AddPermissionSet?Number(t.AddPermissionSet):null,i.LangKey=t.AddLanguage,i.WelcomeTemplateID=null!=t.AddWelcomeMsgTemp?Number(t.AddWelcomeMsgTemp):null,i.ImagesFileProviderName=t.AddFileProvider,i.MarkAsInactive=t.AddMarkInactive,i.AddToDailyJob=t.AddDailyJob;for(var r=0;r<this.AddMappingsCount;r++){var n=t["ADMappingType"+r];if(null!=n){var o=t["ADMappingProperty"+r],s=t["ADMappingPropertyName"+r],a=new Rr;a.ADMappingTypeItemID=Number(n),a.BBSFPropertyName=o,a.ADPropertyName=s,i.ADMappings.push(a)}}this.ActiveDirectoryService.AddActiveDirectory(i).subscribe((function(t){e.AddActiveDirectoryForm.reset(),e.router.navigate(["/Admin/ADConnection"])}),(function(e){}))}},e.prototype.onSubmit=function(){this.submitted=!0,this.addActiveDirectory()},e.prototype.ngOnDestroy=function(){},e}();Hr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Hr,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:it},{token:B.AuthService},{token:Ur},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),Hr.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Hr,selector:"lib-active-directory-add",viewQueries:[{propertyName:"el",first:!0,predicate:["wizard"],descendants:!0,static:!0}],ngImport:T,template:'\r\n\r\n<div class="container-fluid">\r\n  <div class="\r\n    stepper stepper-pills stepper-column\r\n    d-flex\r\n    flex-column flex-xl-row flex-row-fluid "\r\n       id="kt_create_account_stepper">\r\n    <div class="\r\n      d-flex\r\n      justify-content-center\r\n      rounded\r\n      justify-content-xl-start\r\n      flex-row-auto\r\n     \r\n      me-9\r\n      card\r\n    ">\r\n      <div class="card-body px-6 px-lg-10 px-xxl-15 py-20">\r\n        <div class="stepper-nav">\r\n          <div class="stepper-item"\r\n               [ngClass]="{\r\n            current: currentStep$.value === 1 }">\r\n            <div class="stepper-line w-40px"></div>\r\n\r\n            <div class="stepper-icon w-40px h-40px">\r\n              <i class="stepper-check fas fa-check"></i>\r\n              <span class="stepper-number">1</span>\r\n            </div>\r\n\r\n            <div class="stepper-label">\r\n              <h3 class="stepper-title">{{utilityService.getResourceValue("ActiveDirectory")}}</h3>\r\n\r\n              <div class="stepper-desc fw-bold">{{utilityService.getResourceValue("ActiveDirectory_Tab1Note")}}</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class="stepper-item"\r\n               [ngClass]="{\r\n            current: currentStep$.value === 2 }">\r\n            <div class="stepper-line w-40px"></div>\r\n\r\n            <div class="stepper-icon w-40px h-40px">\r\n              <i class="stepper-check fas fa-check"></i>\r\n              <span class="stepper-number">2</span>\r\n            </div>\r\n\r\n            <div class="stepper-label">\r\n              <h3 class="stepper-title">{{utilityService.getResourceValue("ActiveDirectory_SelectContainer")}}</h3>\r\n              <div class="stepper-desc fw-bold">{{utilityService.getResourceValue("ActiveDirectory_Tab2Note")}}</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class="stepper-item"\r\n               [ngClass]="{\r\n            current: currentStep$.value === 3}">\r\n            <div class="stepper-line w-40px"></div>\r\n\r\n            <div class="stepper-icon w-40px h-40px">\r\n              <i class="stepper-check fas fa-check"></i>\r\n              <span class="stepper-number">3</span>\r\n            </div>\r\n\r\n            <div class="stepper-label">\r\n              <h3 class="stepper-title">{{utilityService.getResourceValue("Options")}}</h3>\r\n              <div class="stepper-desc fw-bold">{{utilityService.getResourceValue("ActiveDirectory_Tab3Note")}}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="card d-flex flex-row-fluid flex-center  rounded">\r\n      <form class="p-20 w-100 card-body"\r\n            id="kt_create_account_form" [formGroup]="AddActiveDirectoryForm">\r\n        <div class="current" *ngIf="IsAddFormLoaded">\r\n          <ng-container *ngIf="currentStep$.value === 1">\r\n            <div class="form-group mb-10">\r\n                <BBSF-DropdownList [options]="AddTypeOptions" [group]="AddActiveDirectoryForm" (OnChange)="typeChange($event)">\r\n                </BBSF-DropdownList>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-TextBox [options]="AddDomain" [group]="AddActiveDirectoryForm">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-TextBox [options]="AddSamAccount" [group]="AddActiveDirectoryForm">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-TextBox [options]="AddPassword" [group]="AddActiveDirectoryForm">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class="form-group mb-10" *ngIf="AddShowBuiltInGroupsVisible">\r\n              <BBSF-Toggleslide [options]="AddShowBuiltInGroups" [group]="AddActiveDirectoryForm">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf="currentStep$.value === 2">\r\n            <div class="form-group mb-10">\r\n              <BBSF-TextBox [options]="AddSearchTree" [group]="AddActiveDirectoryForm"></BBSF-TextBox>\r\n            </div>\r\n          </ng-container>\r\n\r\n          <ng-container *ngIf="currentStep$.value === 3">\r\n            <div class="form-group">\r\n              <BBSF-TextBox [options]="AddName" [group]="AddActiveDirectoryForm">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-DropdownList [options]="AddPermissionSet" [group]="AddActiveDirectoryForm">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-DropdownList [options]="AddLanguage" [group]="AddActiveDirectoryForm">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-DropdownList [options]="AddWelcomeMsgTemp" [group]="AddActiveDirectoryForm">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-DropdownList [options]="AddFileProvider" [group]="AddActiveDirectoryForm">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-Toggleslide [options]="AddMarkInactive" [group]="AddActiveDirectoryForm">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-Toggleslide [options]="AddDailyJob" [group]="AddActiveDirectoryForm">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n            <div class="table-responsive">\r\n              \x3c!-- begin::Table --\x3e\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("Type")}}</th>\r\n                    <th class="min-w-150px">{{utilityService.getResourceValue("Property")}}</th>\r\n                    <th class="min-w-150px">{{utilityService.getResourceValue("ADProperty")}}</th>\r\n                    <th class="min-w-150px">{{utilityService.getResourceValue("IncludeInUpdate")}}</th>\r\n                    <th class="min-w-50px"></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 AddMappingsOptions;let i=index;">\r\n                    <td>\r\n                      <BBSF-DropdownList [options]="option[0]" [group]="AddActiveDirectoryForm">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-DropdownList [options]="option[1]" [group]="AddActiveDirectoryForm">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-TextBox [options]="option[2]" [group]="AddActiveDirectoryForm">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-CheckBox [options]="option[3]" [group]="AddActiveDirectoryForm">\r\n                      </BBSF-CheckBox>\r\n                    </td>\r\n\r\n                    <td>\r\n                      <a class="btn btn-icon btn-light-danger" (click)="deleteADMapping(option)">\r\n                        <i class=" fa fa-trash hidden" aria-hidden="true"></i>\r\n                      </a>\r\n                    </td>\r\n                  </tr>\r\n\r\n                </tbody>\r\n              </table>\r\n\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n\r\n        <div class="d-flex flex-stack pt-10">\r\n          <div class="mr-2">\r\n            <ng-container *ngIf="currentStep$.value !== 1">\r\n              <button type="button"\r\n                      class="btn btn-lg btn-light-primary me-3"\r\n                      (click)="prevStep()">\r\n                <span [inlineSVG]="\'./src/assets/images/arr063.svg\'"\r\n                      class="svg-icon svg-icon-4 me-1"></span>\r\n                {{utilityService.getResourceValue("Previous")}}\r\n              </button>\r\n            </ng-container>\r\n          </div>\r\n          <ng-container *ngIf="currentStep$.value !== formsCount">\r\n            <div>\r\n              <button type="button"\r\n                      class="btn btn-lg btn-primary me-3"\r\n                      (click)="nextStep()">\r\n                <span class="indicator-label">\r\n                  <ng-container *ngIf="currentStep$.value < formsCount">\r\n                    {{utilityService.getResourceValue("Next")}} {{ " " }}\r\n                    <span [inlineSVG]="\r\n                      \'./src/assets/images/arr064.svg\'\r\n                    "\r\n                          class="svg-icon svg-icon-3 ms-2 me-0"></span>\r\n                  </ng-container>\r\n                 \r\n                </span>\r\n              </button>\r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf="currentStep$.value === formsCount" >\r\n            <button type="button"\r\n                    class="btn btn-lg btn-primary me-3"\r\n                    (click)="onSubmit()">\r\n              {{utilityService.getResourceValue("Submit")}}\r\n            </button>\r\n           \r\n          </ng-container>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n</div>\r\n',components:[{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵj,selector:"BBSF-Toggleslide",inputs:["group","options"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Hr,decorators:[{type:t.Component,args:[{selector:"lib-active-directory-add",templateUrl:"./active-directory-add.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:it},{type:B.AuthService},{type:Ur},{type:L.Router}]},propDecorators:{el:[{type:t.ViewChild,args:["wizard",{static:!0}]}]}});var zr=[{path:"",component:Or,children:[{path:"ADConnection",component:Gr},{path:"Add",component:Hr},{path:"",redirectTo:"ADConnection",pathMatch:"full"}]}],jr=function(){};jr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:jr,deps:[],target:T.ɵɵFactoryTarget.NgModule}),jr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:jr,imports:[L.RouterModule],exports:[s.RouterModule]}),jr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:jr,imports:[[s.RouterModule.forChild(zr)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:jr,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(zr)],exports:[s.RouterModule]}]}]});var Wr=function(){};Wr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Wr,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Wr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Wr,declarations:[Gr,Or,Hr],imports:[jr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,y.MatMenuModule,p.InlineSVGModule,m.NgbModule,Qe]}),Wr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Wr,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ur],imports:[[jr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,y.MatMenuModule,p.InlineSVGModule,m.NgbModule,Qe]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Wr,decorators:[{type:t.NgModule,args:[{declarations:[Gr,Or,Hr],imports:[jr,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,dt,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,gt,y.MatMenuModule,p.InlineSVGModule,m.NgbModule,Qe],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ur]}]}]});var Kr=function(){function e(){}return e.injectNewModules=function(t){e.InjectedModules=t;for(var i=0;i<e.InjectedModules.length;i++){var r=e.InjectedModules[i];e.routesArray.push({path:r.routeName,loadChildren:r.module})}},e.getProvidersModule=function(){return Tr},e.getAuthenticationModule=function(){return Cr},e.getLogsModule=function(){return vr},e.getHelpCenterModule=function(){return cr},e.getPublicHolidaysModule=function(){return er},e.getWorkflowsModule=function(){return _i},e.getLicenseModule=function(){return Vi},e.getJobsModule=function(){return Bi},e.getImpersonationRulesModule=function(){return wi},e.getHomeModule=function(){return We},e.getUsersModule=function(){return Vr},e.getLocalizationsModule=function(){return Ze},e.getRolesModule=function(){return ht},e.getNotificationsModule=function(){return Rt},e.getLookupsModule=function(){return $t},e.getDepartmentsModule=function(){return ni},e.getSectorsModule=function(){return gi},e.getConfigurationsModule=function(){return Ii},e.getActiveDirectoryModule=function(){return Wr},e}();Kr.InjectedModules=[],Kr.routesArray=[{path:"",redirectTo:"Home",pathMatch:"full"},{path:"authentication",loadChildren:Kr.getAuthenticationModule},{path:"Home",loadChildren:Kr.getHomeModule},{path:"Users",loadChildren:Kr.getUsersModule},{path:"Localization",loadChildren:Kr.getLocalizationsModule},{path:"Roles",loadChildren:Kr.getRolesModule},{path:"Notifications",loadChildren:Kr.getNotificationsModule},{path:"Lookups",loadChildren:Kr.getLookupsModule},{path:"Departments",loadChildren:Kr.getDepartmentsModule},{path:"Sectors",loadChildren:Kr.getSectorsModule},{path:"Configurations",loadChildren:Kr.getConfigurationsModule},{path:"ImpersonationRules",loadChildren:Kr.getImpersonationRulesModule},{path:"Jobs",loadChildren:Kr.getJobsModule},{path:"License",loadChildren:Kr.getLicenseModule},{path:"Workflows",loadChildren:Kr.getWorkflowsModule},{path:"PublicHolidays",loadChildren:Kr.getPublicHolidaysModule},{path:"HelpCenter",loadChildren:Kr.getHelpCenterModule},{path:"Logs",loadChildren:Kr.getLogsModule},{path:"Providers",loadChildren:Kr.getProvidersModule},{path:"ADConnection",loadChildren:Kr.getActiveDirectoryModule}],Kr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Kr,deps:[],target:T.ɵɵFactoryTarget.Injectable}),Kr.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Kr}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Kr,decorators:[{type:t.Injectable}]});var qr=function(e){this.injector=e,this.injector};qr.components=[Ue],qr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qr,deps:[{token:T.Injector}],target:T.ɵɵFactoryTarget.NgModule}),qr.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qr,imports:[L.RouterModule],exports:[s.RouterModule]}),qr.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qr,providers:[],imports:[[s.RouterModule.forChild([{path:"",component:Ue,canActivate:[Ge],children:Kr.routesArray}])],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qr,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild([{path:"",component:Ue,canActivate:[Ge],children:Kr.routesArray}])],exports:[s.RouterModule],providers:[]}]}],ctorParameters:function(){return[{type:T.Injector}]}});var _r=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();_r.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_r,deps:[],target:T.ɵɵFactoryTarget.Component}),_r.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:_r,selector:"lib-filter",ngImport:T,template:"<p>filter works!</p>\r\n"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_r,decorators:[{type:t.Component,args:[{selector:"lib-filter",templateUrl:"./filter.component.html"}]}],ctorParameters:function(){return[]}});var Jr=function(){function e(e){this.authService=e,this.title="Login",this.login()}return e.prototype.login=function(){this.authService.login()},e.prototype.ngOnInit=function(){},e}();Jr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Jr,deps:[{token:B.AuthService}],target:T.ɵɵFactoryTarget.Component}),Jr.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Jr,selector:"app-login",ngImport:T,template:'\x3c!-- <div class="row justify-content-center">\r\n    <div class="col-md-8 text-center">\r\n        <h1 class="mt-5">{{title}}</h1>\r\n        <p class="lead">This step uses the <a href="http://docs.identityserver.io/en/latest/topics/grant_types.html#implicit" target="_blank">implicit flow type</a> and redirects to the IdentityServer instance to perform the authentication step.   Before you can login here, you must <a routerLink="/register">register a new account</a>.</p>\r\n        <p>\r\n            <button class="btn btn-lg btn-primary" (click)="login()">Login with IdentityServer</button>\r\n        </p>     \r\n      </div>\r\n  </div> --\x3e'}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Jr,decorators:[{type:t.Component,args:[{selector:"app-login",templateUrl:"./login.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService}]}});var $r,Qr=function(){function e(){}return e.prototype.handleError=function(e){var t=e.headers.get("Application-Error");if(t)return d.throwError(t);var i="";for(var r in e.error)e.error[r]&&(i+=e.error[r].description+"\n");return d.throwError(i||"Server error")},e}(),Yr=function(e){function t(i){var r=e.call(this)||this;return r.http=i,r._authNavStatusSource=new d.BehaviorSubject(!1),r.authNavStatus$=r._authNavStatusSource.asObservable(),r._userSource=new d.Subject,r.UserStatus$=r._userSource.asObservable(),r.manager=new I.UserManager({}),r.redirectUrl="",r.manager.getUser().then((function(e){return z(r,void 0,void 0,(function(){var i,r;return j(this,(function(n){switch(n.label){case 0:return this.manager.storeUser(e),t.user=e,this.user=e,r=(i=this._authNavStatusSource).next,[4,this.isAuthenticated()];case 1:return r.apply(i,[n.sent()]),[2]}}))}))})),r.manager.events.addAccessTokenExpired((function(e){r._authNavStatusSource.next(!1)})),r}return O(t,e),t.prototype.login=function(){return this.manager.signinRedirect()},t.prototype.getUser=function(){var e=this;this.manager.getUser().then((function(i){return z(e,void 0,void 0,(function(){var e,r;return j(this,(function(n){switch(n.label){case 0:return t.user=i,this.user=i,r=(e=this._authNavStatusSource).next,[4,this.isAuthenticated()];case 1:return r.apply(e,[n.sent()]),[2]}}))}))}))},t.prototype.storUser=function(e){this.manager.storeUser(e)},t.prototype.revokeAccessToken=function(){this.manager.revokeAccessToken()},t.prototype.signinSilent=function(){this.manager.signinSilentCallback().then((function(e){}))},t.prototype.completeAuthentication=function(){return z(this,void 0,void 0,(function(){var e,i,r;return j(this,(function(n){switch(n.label){case 0:return e=this,[4,this.manager.signinRedirectCallback()];case 1:return e.user=n.sent(),t.user=this.user,this._userSource.next(t.user),r=(i=this._authNavStatusSource).next,[4,this.isAuthenticated()];case 2:return r.apply(i,[n.sent()]),[2]}}))}))},t.prototype.register=function(e){return this.http.post("https://localhost:44335/api/account",e)},t.prototype.refreshToken=function(e){return z(this,void 0,void 0,(function(){var i,r=this;return j(this,(function(o){switch(o.label){case 0:return i={headers:new n.HttpHeaders({"Content-Type":"application/json",Authorization:e})},this.manager.revokeAccessToken,[4,this.http.post("$users/refresh-token",i,{withCredentials:!0}).subscribe((function(e){r._userSource.next(e),t.user=e,r.user=e}))];case 1:return[2,o.sent()]}}))}))},t.prototype.isAuthenticated=function(e){return z(this,void 0,void 0,(function(){var t;return j(this,(function(i){switch(i.label){case 0:return[4,this.manager.getUser().then((function(e){return e}))];case 1:return i.sent(),null!=e&&null!=e?0==e.length?[2,null!=this.user&&!this.user.expired]:(t=this.isUserInRole(e),[2,null!=this.user&&!this.user.expired&&t]):[2,null!=this.user&&!this.user.expired]}}))}))},t.prototype.isUserInRole=function(e){var t=this.user.profile.permissionSetSID.split($r||($r=W([","],[","]))).map((function(e){return+e}));return e.every((function(e){return t.includes(e)}))},t.prototype.authorizationHeaderValue=function(){return t.user.token_type+" "+t.user.access_token},t.prototype.name=function(){return null!=t.user?t.user.profile.given_name:""},t.prototype.setUrl=function(e){localStorage.setItem("redirectUrl",e)},t.prototype.getUrl=function(){return localStorage.getItem("redirectUrl")},t.prototype.signinSilentCallback=function(){this.manager.signinSilentCallback()},t.prototype.signout=function(){return z(this,void 0,void 0,(function(){return j(this,(function(e){switch(e.label){case 0:return localStorage.clear(),[4,this.manager.signoutRedirect()];case 1:return e.sent(),[2]}}))}))},t}(Qr);Yr.user=null,Yr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Yr,deps:[{token:M.HttpClient}],target:T.ɵɵFactoryTarget.Injectable}),Yr.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Yr,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Yr,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:M.HttpClient}]}});var Zr=function(){function e(e,t,i){this.authService=e,this.router=t,this.fb=i,this.UserForm=new h.FormGroup({}),this.submitted=!1,this.userObject={name:"",email:"",password:""}}return e.prototype.ngOnInit=function(){this.UserForm=this.fb.group({name:["",h.Validators.required],email:["",h.Validators.required],password:["",h.Validators.required]})},e.prototype.onSubmit=function(){var e=this;this.userObject=this.UserForm.value,this.authService.register(this.userObject).subscribe((function(t){t&&(e.success=!0,e.router.navigate(["/account/login"]))}),(function(t){e.error=t}))},e}();Zr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zr,deps:[{token:Yr},{token:L.Router},{token:P.FormBuilder}],target:T.ɵɵFactoryTarget.Component}),Zr.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Zr,selector:"app-register",ngImport:T,template:'<div class="row justify-content-center">\r\n    <div class="col-md-4 text-center" >\r\n      <form *ngIf="!success" [formGroup]="UserForm" (ngSubmit)="onSubmit()">\r\n        <h1 class="h3 mb-3 font-weight-normal">Register</h1>\r\n        <div class="form-group">\r\n            <label for="name" class="sr-only">Name</label>\r\n            \x3c!-- <input type="text" formControlName="name" class="form-control" placeholder="Your name" required autoFocus> --\x3e\r\n        </div>\r\n        <div class="form-group">\r\n            <label for="email" class="sr-only">Email address</label>\r\n            \x3c!-- <input type="email" formControlName="email" class="form-control" placeholder="Email address" email required> --\x3e\r\n        </div>\r\n        <div class="form-group">\r\n            <label for="password" class="sr-only">Password</label>\r\n            \x3c!-- <input type="password" formControlName="password" class="form-control" placeholder="Password" aria-describedby="passwordHelp" required>      --\x3e\r\n            <small id="passwordHelp" class="form-text text-muted">Min. 6 characters with at least one non alphanumeric character</small>\r\n          </div>   \r\n        \x3c!-- <button class="btn btn-lg btn-primary btn-block" type="submit" [disabled]="!UserForm.valid">Go</button> --\x3e\r\n        <div *ngIf="error" class="alert alert-danger mt-3" role="alert">\r\n            <strong>Oops!</strong> {{error}}\r\n        </div>     \r\n      </form>      \r\n      <div *ngIf="success" class="alert alert-success" role="alert">\r\n          <h4 class="alert-heading">Well done!</h4>\r\n          <p>Your account was created successfully, <a routerLink="/account/login">Please login</a> to continue.</p>        \r\n      </div>  \r\n    </div> \r\n  </div>\r\n  \r\n  ',directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zr,decorators:[{type:t.Component,args:[{selector:"app-register",templateUrl:"./register.component.html"}]}],ctorParameters:function(){return[{type:Yr},{type:L.Router},{type:P.FormBuilder}]}});var Xr=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Xr.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xr,deps:[],target:T.ɵɵFactoryTarget.Component}),Xr.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Xr,selector:"app-account",ngImport:T,template:"<router-outlet></router-outlet>",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xr,decorators:[{type:t.Component,args:[{selector:"app-account",templateUrl:"./account.component.html"}]}],ctorParameters:function(){return[]}});var en=[{path:"account",component:Xr,children:[{path:"login",component:Jr},{path:"register",component:Zr}]}],tn=function(){};tn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:tn,deps:[],target:T.ɵɵFactoryTarget.NgModule}),tn.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:tn,imports:[L.RouterModule],exports:[s.RouterModule]}),tn.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:tn,imports:[[s.RouterModule.forChild(en)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:tn,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(en)],exports:[s.RouterModule]}]}]});var rn=function(){};rn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:rn,deps:[],target:T.ɵɵFactoryTarget.NgModule}),rn.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:rn,imports:[i.CommonModule]}),rn.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:rn,providers:[Yr],imports:[[i.CommonModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:rn,decorators:[{type:t.NgModule,args:[{imports:[i.CommonModule],providers:[Yr]}]}]});var nn=function(){};nn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:nn,deps:[],target:T.ɵɵFactoryTarget.NgModule}),nn.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:nn,declarations:[Jr,Zr,Xr],imports:[i.CommonModule,s.RouterModule,tn,rn,h.FormsModule,h.ReactiveFormsModule]}),nn.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:nn,providers:[l.AuthService],imports:[[i.CommonModule,s.RouterModule,tn,rn,h.FormsModule,h.ReactiveFormsModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:nn,decorators:[{type:t.NgModule,args:[{declarations:[Jr,Zr,Xr],imports:[i.CommonModule,s.RouterModule,tn,rn,h.FormsModule,h.ReactiveFormsModule],providers:[l.AuthService]}]}]});var on=function(){function e(e){this.router=e,this.unsubscribe=[]}return e.prototype.ngOnInit=function(){this.routingChanges()},e.prototype.routingChanges=function(){var e=this.router.events.subscribe((function(e){e instanceof s.NavigationEnd||s.NavigationCancel}));this.unsubscribe.push(e)},e.prototype.ngOnDestroy=function(){this.unsubscribe.forEach((function(e){return e.unsubscribe()}))},e}();function sn(e){return new o.TranslateHttpLoader(e,"./assets/i18n/",".json")}on.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:on,deps:[{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),on.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:on,selector:"app-content",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:on,decorators:[{type:t.Component,args:[{selector:"app-content",templateUrl:"./content.component.html"}]}],ctorParameters:function(){return[{type:L.Router}]}});var an=function(){function e(){}return e.setDynamicModules=function(t){return Kr.injectNewModules(t),e},e}();an.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:an,deps:[],target:T.ɵɵFactoryTarget.NgModule}),an.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:an,declarations:[Ue,_r,we,Ce,on,Pe,Re,Ae,Le],imports:[C.BlockUIModule,x.ClipboardModule,Cr,i.CommonModule,qr,m.NgbModule,ze,w.TranslateModule,h.ReactiveFormsModule,nn,n.HttpClientModule,dt,s.RouterModule,p.InlineSVGModule,m.NgbDropdownModule,m.NgbProgressbarModule,l.BBSFUtilitiesModule]}),an.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:an,providers:[$,Q,l.StylesBundleService,l.EnvironmentService,l.AuthService,l.RequestHandlerService,l.UtilityService,Ge,l.BBSFTranslateService,l.MasterLayoutService,m.NgbModal],imports:[[a.BlockUIModule.forRoot(),x.ClipboardModule,Cr,i.CommonModule,qr,m.NgbModule,ze,r.TranslateModule.forRoot({loader:{provide:r.TranslateLoader,useFactory:sn,deps:[n.HttpClient]}}),h.ReactiveFormsModule,nn,n.HttpClientModule,dt,s.RouterModule,p.InlineSVGModule,m.NgbDropdownModule,m.NgbProgressbarModule,l.BBSFUtilitiesModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:an,decorators:[{type:t.NgModule,args:[{declarations:[Ue,_r,we,Ce,on,Pe,Re,Ae,Le],imports:[a.BlockUIModule.forRoot(),x.ClipboardModule,Cr,i.CommonModule,qr,m.NgbModule,ze,r.TranslateModule.forRoot({loader:{provide:r.TranslateLoader,useFactory:sn,deps:[n.HttpClient]}}),h.ReactiveFormsModule,nn,n.HttpClientModule,dt,s.RouterModule,p.InlineSVGModule,m.NgbDropdownModule,m.NgbProgressbarModule,l.BBSFUtilitiesModule],providers:[$,Q,l.StylesBundleService,l.EnvironmentService,l.AuthService,l.RequestHandlerService,l.UtilityService,Ge,l.BBSFTranslateService,l.MasterLayoutService,m.NgbModal]}]}]});var ln=function(){},dn=function(){},cn=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Localizations/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddResource=function(e){return this.http.post(this.ApiUrl+"AddResource",e)},e.prototype.EditResource=function(e){return this.http.post(this.ApiUrl+"EditResource",e)},e.prototype.RestResourceToFactoryDefault=function(e){return this.http.post(this.ApiUrl+"RestResourceToFactoryDefault",e)},e.prototype.UploadExcelFiles=function(e){return this.http.post(this.ApiUrl+"UploadExcelFiles",e)},e.prototype.DeleteResource=function(e){return this.http.post(this.ApiUrl+"DeleteResource",e)},e.prototype.ReloadJsonFile=function(){return this.http.get(this.ApiUrl+"ReloadJsonFile")},e.prototype.RestToFactoryDefault=function(){return this.http.get(this.ApiUrl+"RestToFactoryDefault")},e.prototype.RestUnmodifiedToFactoryDefault=function(){return this.http.get(this.ApiUrl+"RestUnmodifiedToFactoryDefault")},e.prototype.GenerateStronglyTypedClass=function(){return this.http.get(this.ApiUrl+"GenerateStronglyTypedClass")},e.prototype.Export=function(e){var t=new l.RequestOptionsModel;return t.responseType="arraybuffer",this.http.post(this.ApiUrl+"Export",null,e,t)},e}();cn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:cn,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),cn.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:cn,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:cn,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var un=function(){function e(e){this.utilityService=e}return e.prototype.ngOnInit=function(){this.ImgURL||(this.ImgURL="../../assets/images/noimage.png"),this.Message||(this.Message=this.getResourceValue("NA"))},e.prototype.getResourceValue=function(e){return this.utilityService.getResourceValue(e)},e}();un.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:un,deps:[{token:B.UtilityService}],target:T.ɵɵFactoryTarget.Component}),un.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:un,selector:"lib-empty-data",inputs:{Message:"Message",ShowImage:"ShowImage",ImgURL:"ImgURL"},ngImport:T,template:'\r\n<div class="text-center" style="padding: 25px 0px">\r\n  <img *ngIf="ShowImage" src="" style="width:20%; " />\r\n  <div class="font-not-available">\r\n    {{Message}}\r\n  </div>\r\n</div>\r\n',directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:un,decorators:[{type:t.Component,args:[{selector:"lib-empty-data",templateUrl:"./empty-data.component.html"}]}],ctorParameters:function(){return[{type:B.UtilityService}]},propDecorators:{Message:[{type:t.Input}],ShowImage:[{type:t.Input}],ImgURL:[{type:t.Input}]}});var pn=function(){function e(e,t,i,r,n,o,s,a,l){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.datePipe=o,this._clipboardService=s,this.localizationsService=a,this.modalService=l,this.ApiUrl="/api/admin/Localizations/",this.SelectedLocalizationList=[],this.ResourceSetList=[],this.filterForm=new h.FormGroup({}),this.LocalizationForm=new h.FormGroup({}),this.showFilter=!1,this.LocalizationPagingResult=[],this.IsFilterLoaded=!1,this.AddResourceForm=new h.FormGroup({}),this.EditResourceForm=new h.FormGroup({}),this.ValueToCopy="",this.GenerateCodeForm=new h.FormGroup({}),this.UploadJsonFileForm=new h.FormGroup({}),this.deleteResourceList=[],this.ConfirmationModalType=0,this.ConfirmationMessage="",this.HeaderMessage="",this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Localization"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.ReinitializeLocalizationPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateLocalizationPaging=function(){this.input.UpdatePaging()},e.prototype.setLocalizationListResult=function(e){this.LocalizationPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.selectAllLocalizationList=function(e,t){if(e.target.checked)for(var i=0;i<t.length;i++){var r=t[i];document.getElementById("Localization-"+r.ResourceId).setAttribute("checked","checked"),this.SelectedLocalizationList.push(r)}if(!e.target.checked){for(i=0;i<t.length;i++){r=t[i];document.getElementById("Localization-"+r.ResourceId).removeAttribute("checked")}this.SelectedLocalizationList=[]}},e.prototype.loadFilters=function(){!1===this.showFilter?this.showFilter=!0:this.showFilter=!1},e.prototype.LoadDropdownLists=function(){var e=this;this.localizationsService.Loaddropdowns().subscribe((function(t){e.ResourceSetList=t,e.ResourceSetOptions=new v.DropdownOptions,e.ResourceSetOptions.Name="ResourceSet",e.ResourceSetOptions.LabelKey="ResourceSet",e.ResourceSetOptions.DataSource=e.ResourceSetList,e.ResourceSetOptions.SingleSelection=!0,e.ResourceSetOptions.AllowSearchFilter=!0,e.ResourceSetOptions.Placeholder="",e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByNameOrResourceID"),e.ResourceSetFilter=new v.FilterItem,e.ResourceSetFilter.FormControlName="ResourceSet",e.ResourceSetFilter.ActionParameterName="resourceSet",e.ResourceSetFilter.IsFormControl=!0,e.ResourceSetFilter.FilterType=v.FilterType.DropdownList,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="resourceName",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.LocalizationPaging=new v.PagingOptions,e.LocalizationPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetLocalizationsByFilter",e.LocalizationPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.LocalizationPaging.DropdownFiltersControlNames=["ResourceSet"],e.LocalizationPaging.Filters=[e.ResourceSetFilter,e.TextInputFilter],e.LocalizationPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.resetFilters=function(){this.LocalizationForm.controls.ResourceSet.setValue([]),this.LocalizationForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.exportExcel=function(e){var t=this;void 0===e&&(e=!1);this.LocalizationForm.value;var i=new n.HttpParams;i=(i=(i=i.append("resourceSet",null==this.LocalizationForm.controls.ResourceSet.value?"":this.LocalizationForm.controls.ResourceSet.value)).append("resourceName",null==this.LocalizationForm.controls.searchTextBox.value?"":this.LocalizationForm.controls.searchTextBox.value)).append("exportAsTemplate",e.toString()),this.localizationsService.Export(i).subscribe((function(e){var i=new Blob([e],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});saveAs(i,"Localizations"+t.datePipe.transform(new Date,"dd-MM-YYYY hh:mm").toString()+".xlsx")}),(function(e){}))},e.prototype.showAddResourceModal=function(e){this.utilityService.startBlockUI(),this.AddResourceForm=new h.FormGroup({}),this.ResourceSet=new v.AutocompleteOptions,this.ResourceSet.Name="ResourceSet",this.ResourceSet.LabelKey="ResourceSet",this.ResourceSet.Type=v.InputType.Text,this.ResourceSet.IsRequired=!0,this.ResourceSet.Value=null,this.ResourceSet.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteResourceSet",this.ResourceSet.ValidationToken=this.authService.authorizationHeaderValue(),this.ResourceId=new v.TextBoxOptions,this.ResourceId.Name="ResourceId",this.ResourceId.LabelKey="ResourceId",this.ResourceId.Type=v.InputType.Text,this.ResourceId.Value=null,this.ResourceId.IsRequired=!0,this.MultiLingualValue=new v.MultiLingualTextAreaOptions,this.MultiLingualValue.Name="Value",this.MultiLingualValue.ArabicLabelKey="ValueInArabic",this.MultiLingualValue.EnglishLabelKey="ValueInEnglish",this.MultiLingualValue.IsRequired=!0,this.MultiLingualComment=new v.MultiLingualTextAreaOptions,this.MultiLingualComment.Name="Comment",this.MultiLingualComment.ArabicLabelKey="CommentInArabic",this.MultiLingualComment.EnglishLabelKey="CommentInEnglish",this.MultiLingualComment.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addResource=function(){var e=this;if(!this.AddResourceForm.invalid){var t=this.AddResourceForm.value;console.log(t);var i=new ln;i.ResourceId=t.ResourceId,i.ResourceSet=t.ResourceSet.value,i.ValueEN=t.Value.EnglishTextAreaValue,i.ValueAR=t.Value.ArabicTextAreaValue,i.CommentAr=t.Comment.ArabicTextAreaValue,i.CommentEn=t.Comment.EnglishTextAreaValue,this.localizationsService.AddResource(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditResourceModal=function(e,t){this.utilityService.startBlockUI(),this.EditResourceForm=new h.FormGroup({}),this.resourceId=e.resourceId,this.resourceSet=e.resourceSet;var i=new v.EnglishArabicDTO;i.Arabic=e.valueAR,i.English=e.valueEN,this.EditMultiLingualValue=new v.MultiLingualTextAreaOptions,this.EditMultiLingualValue.Name="Value",this.EditMultiLingualValue.ArabicLabelKey="ValueInArabic",this.EditMultiLingualValue.EnglishLabelKey="ValueInEnglish",this.EditMultiLingualValue.IsRequired=!0,this.EditMultiLingualValue.Value=i;var r=new v.EnglishArabicDTO;r.Arabic=e.commentAr,r.English=e.commentEn,this.EditMultiLingualComment=new v.MultiLingualTextAreaOptions,this.EditMultiLingualComment.Name="Comment",this.EditMultiLingualComment.ArabicLabelKey="CommentInArabic",this.EditMultiLingualComment.EnglishLabelKey="CommentInEnglish",this.EditMultiLingualComment.IsRequired=!0,this.EditMultiLingualComment.Value=r,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editResource=function(){var e=this;if(!this.EditResourceForm.invalid){var t=this.EditResourceForm.value,i=new ln;i.ResourceId=this.resourceId,i.ResourceSet=this.resourceSet,i.ValueEN=t.Value.EnglishTextAreaValue,i.ValueAR=t.Value.ArabicTextAreaValue,i.CommentEn=t.Comment.EnglishTextAreaValue,i.CommentAr=t.Comment.ArabicTextAreaValue,this.localizationsService.EditResource(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.RestResourceToFactoryDefault=function(e){var t=this,i=new ln;i.ResourceId=e.resourceId,i.ResourceSet=e.resourceSet,i.ValueEN="",i.ValueAR="",i.CommentEn="",i.CommentAr="",this.localizationsService.RestResourceToFactoryDefault(i).subscribe((function(e){t.input.UpdatePaging()}),(function(e){}))},e.prototype.showDeleteResourceModal=function(e,t){this.utilityService.startBlockUI(),this.deleteResourceList=[],this.deleteResourceList.push(e),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteResource=function(){var e=this;this.localizationsService.DeleteResource(this.deleteResourceList).subscribe((function(t){e.deleteResourceList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.ReloadJsonFile=function(){var e=this;this.localizationsService.ReloadJsonFile().subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))},e.prototype.RestToFactoryDefault=function(){var e=this;this.localizationsService.RestToFactoryDefault().subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))},e.prototype.RestUnmodifiedToFactoryDefault=function(){var e=this;this.localizationsService.RestUnmodifiedToFactoryDefault().subscribe((function(t){e.input.UpdatePaging()}),(function(e){}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.GenerateStronglyTypedClass=function(e){var t=this;this.localizationsService.GenerateStronglyTypedClass().subscribe((function(i){var r=i;t.StronglyTypedClass=new v.TextAreaOptions,t.StronglyTypedClass.Name="StronglyTypedClass",t.StronglyTypedClass.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.StronglyTypedClass.IsDisabled=!0,t.StronglyTypedClass.HideLabel=!0,t.StronglyTypedClass.Rows=20,t.StronglyTypedClass.Cols=20,t.StronglyTypedClass.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.ShowUploadModal=function(e){this.utilityService.startBlockUI(),this.UploadJsonFileForm=new h.FormGroup({}),this.UploadResourceSetOptions=new v.DropdownOptions,this.UploadResourceSetOptions.Name="SelectedResourceSet",this.UploadResourceSetOptions.LabelKey="ResourceSet",this.UploadResourceSetOptions.DataSource=this.ResourceSetList,this.UploadResourceSetOptions.SingleSelection=!0,this.UploadResourceSetOptions.AllowSearchFilter=!0,this.UploadResourceSetOptions.Placeholder="",this.ResourcesFileInput=new v.FileUploadOptions,this.ResourcesFileInput.Name="ResourcesFile",this.ResourcesFileInput.LabelKey="UploadFile",this.ResourcesFileInput.IsMultipleFile=!1,this.ResourcesFileInput.FileUploadAcceptsTypes=[v.FileType.Excel],this.ResourcesFileInput.FileMaxSizeInMB=10,this.ResourcesFileInput.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.UploadExcelFiles=function(){var e=this;if(!this.UploadJsonFileForm.invalid){var t=this.UploadJsonFileForm.value,i=new dn;i.SelectedResourceSet=t.SelectedResourceSet,i.ResourcesFile={FileBase64:t.ResourcesFile[0].FileBase64,FileName:t.ResourcesFile[0].FileName,FileSizeInMB:t.ResourcesFile[0].FileSizeInMB,FileType:t.ResourcesFile[0].FileType},this.localizationsService.UploadExcelFiles(i).subscribe((function(t){var i=t;e.ExcelValidation=i.val,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.openResourceValidationModal=function(e){this.modalService.open(e)},e.prototype.confirmExcel=function(){this.utilityService.notifySuccessMessage();var e=this.input;this.LoadDropdownLists(),this.modalService.dismissAll(),e.ReinitializePaging()},e.prototype.showConfirmationModal=function(e,t){switch(this.utilityService.startBlockUI(),e){case 1:this.HeaderMessage=this.utilityService.getResourceValue("ReloadResources"),this.ConfirmationMessage=this.utilityService.getResourceValue("ReloadResourcesConfirmation"),this.ConfirmationModalType=1;break;case 2:this.HeaderMessage=this.utilityService.getResourceValue("ResetToFactoryDefault"),this.ConfirmationMessage=this.utilityService.getResourceValue("ResettoFactoryConfirmation"),this.ConfirmationModalType=2}this.modalService.open(t),this.utilityService.stopBlockUI()},e}();pn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:pn,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:A.DatePipe},{token:N.ClipboardService},{token:cn},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),pn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:pn,selector:"lib-localizations",viewQueries:[{propertyName:"CloseResourceModal",first:!0,predicate:["CloseResourceModal"],descendants:!0},{propertyName:"CloseEditResourceModal",first:!0,predicate:["CloseEditResourceModal"],descendants:!0},{propertyName:"EditResourceModal",first:!0,predicate:["EditResourceModal"],descendants:!0},{propertyName:"input",first:!0,predicate:["LocalizationPagingViewElement"],descendants:!0},{propertyName:"CloseUploadJsonFileModal",first:!0,predicate:["CloseUploadJsonFileModal"],descendants:!0},{propertyName:"CloseDeleteResourceModal",first:!0,predicate:["CloseDeleteResourceModal"],descendants:!0},{propertyName:"CloseConfirmationModal",first:!0,predicate:["CloseConfirmationModal"],descendants:!0},{propertyName:"ShowResourceValidationModal",first:!0,predicate:["ShowResourceValidationModal"],descendants:!0},{propertyName:"CloseResourceValidationModal",first:!0,predicate:["CloseResourceValidationModal"],descendants:!0}],ngImport:T,template:'<block-ui> </block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="LocalizationForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="LocalizationForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n\r\n          <div ngbDropdown class="d-inline-block" [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}">\r\n            <button ngbDropdownToggle href="javascript:;" type="button" class="btn btn-sm btn-light-primary me-3" id="FiltersDropdown" title="Filter">\r\n              <i class="fas fa-filter me-1"></i>\r\n              {{utilityService.getResourceValue("Filter")}}\r\n            </button>\r\n            <div *ngIf="IsFilterLoaded" ngbDropdownMenu aria-labelledby="FiltersDropdown" class=" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 ">\r\n              <form [formGroup]="LocalizationForm">\r\n                <div class="px-7 py-5">\r\n                  <div class="row">\r\n                    <div class="col-lg-12">\r\n                      <div class="mb-10">\r\n                        <BBSF-DropdownList [options]="ResourceSetOptions" [group]="LocalizationForm"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class="d-flex justify-content-end">\r\n                    <button class="btn btn-light btn-active-light-primary pv-reset btn-sm" id="applyFiltersBtn"\r\n                            (click)="resetFilters()">\r\n                      {{utilityService.getResourceValue("Reset")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button (click)="exportExcel()"\r\n                  title="Export" type="button" class="btn btn-sm btn-light-primary bnsights-btn-export me-3 ">\r\n            <i class="fas fa-download me-1"></i>\r\n            {{utilityService.getResourceValue("Export")}}\r\n          </button>\r\n\r\n          <button id="btnActivate" type="button" class="btn btn-sm btn-light-primary me-3 " (click)="showConfirmationModal(1,ConfirmationModal)">\r\n            <i class="fas fa-sync-alt me-1"></i>\r\n            {{utilityService.getResourceValue("Reload")}}\r\n          </button>\r\n          <button type="button" class="btn btn-sm btn-primary me-3 " id="btnActivate" (click)="ShowUploadModal(UploadJsonFileModal)">\r\n            <i class="fas fa-upload me-1"></i>\r\n            {{utilityService.getResourceValue("Upload")}}\r\n          </button>\r\n          <button type="button" class="btn btn-sm btn-primary me-3" (click)="showAddResourceModal(AddResourceModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]="menut" class="btn btn-sm btn-primary me-3 btn-icon" title="options">\r\n              <i class="fa fa-bars"></i>\r\n            </button>\r\n            <mat-menu #menut="matMenu" class="py-3">\r\n              <button ngbDropdownItem type="button" class="menu-item px-3" (click)="showConfirmationModal(2,ConfirmationModal)">\r\n                <span class="menu-link px-3">  {{utilityService.getResourceValue("RestToFactoryDefault")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf="!ProductionMode" type="button" class="menu-item px-3" (click)="GenerateStronglyTypedClass(GenerateStronglyTypedModal)">\r\n                <span class="menu-link px-3">  {{utilityService.getResourceValue("GenerateStronglyTypedClass")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      \x3c!-- end::Header --\x3e\r\n      \x3c!-- begin::Body --\x3e\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!-- begin::Table --\x3e\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("ResourceId")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("ResourceSet")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("English")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Arabic")}}</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 Localization of LocalizationPagingResult">\r\n                <td class="text-dark">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.valueEN}}</td>\r\n                <td>{{Localization.valueAR}}</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                      <a ngbDropdownItem class="menu-item px-3" (click)="showEditResourceModal(Localization,EditResourceModal)">\r\n                        <span class="menu-link px-3">  {{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem *ngIf="!ProductionMode" class="menu-item px-3" (click)="showDeleteResourceModal(Localization,deleteResourceModal)">\r\n                        <span class="menu-link px-3">  {{utilityService.getResourceValue("Delete")}} </span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="LocalizationPagingResult.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          \x3c!--end::users list--\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setLocalizationListResult($event)" *ngIf="IsFilterLoaded" [options]="LocalizationPaging"\r\n                     [group]="LocalizationForm" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddResourceModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("AddResource")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddResourceForm" (ngSubmit)="addResource()">\r\n        <BBSF-AutocompleteTextBox [options]="ResourceSet" [group]="AddResourceForm">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]="ResourceId" [group]="AddResourceForm">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]="MultiLingualValue" [group]="AddResourceForm"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]="MultiLingualComment" [group]="AddResourceForm"></BBSF-MultiLingualTextArea>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseResourceModal id="CloseResourceModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <ng-template #EditResourceModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("EditResource")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditResourceForm" (ngSubmit)="editResource()">\r\n        <BBSF-MultiLingualTextArea [options]="EditMultiLingualValue" [group]="EditResourceForm"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]="EditMultiLingualComment" [group]="EditResourceForm"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseEditResourceModal id="CloseEditResourceModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- Upload Modal --\x3e\r\n  <ng-template #UploadJsonFileModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("UploadResources")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-primary rounded border-primary border border-dashed mb-10 p-6">\r\n        \x3c!--begin::Icon--\x3e\r\n        \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n        <span class="svg-icon svg-icon-2tx svg-icon-primary me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n        \x3c!--end::Svg Icon--\x3e\r\n        \x3c!--end::Icon--\x3e\r\n        \x3c!--begin::Wrapper--\x3e\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          \x3c!--begin::Content--\x3e\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("UploadJsonResourcesInfo")}}\r\n            </div>\r\n          </div>\r\n          \x3c!--end::Content--\x3e\r\n        </div>\r\n        \x3c!--end::Wrapper--\x3e\r\n      </div>\r\n      <form [formGroup]="UploadJsonFileForm" (ngSubmit)="UploadExcelFiles()">\r\n        <a [hidden]="true" id="ShowResourceValidationModal" href="javascript:;" (click)="openResourceValidationModal(ResourceValidationModal)">\r\n          <i class="fa fa-history"></i> {{utilityService.getResourceValue("show")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]="ResourcesFileInput" [group]="UploadJsonFileForm">\r\n        </BBSF-FileUplaod>\r\n        <a id="btnDeactivate" href="javascript:;" (click)="exportExcel(true)">\r\n          {{utilityService.getResourceValue("DownloadResourceTemplateSheet")}}\r\n        </a>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseUploadJsonFileModal id="CloseUploadJsonFileModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deleteResourceModal 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("Delete")}} {{utilityService.getResourceValue("Resource")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteResourceModal id="CloseDeleteResourceModal" 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="button" (click)="deleteResource()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- GenerateStronglyTypedClass  Modal --\x3e\r\n  <ng-template #GenerateStronglyTypedModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n        <div>\r\n          <BBSF-TextArea [options]="StronglyTypedClass" [group]="GenerateCodeForm">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseStronglyTypedClassModal id="CloseStronglyTypedClassModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n            {{utilityService.getResourceValue("CopyToClipboard")}}\r\n          </button>\r\n        </div>\r\n      </form>\r\n\r\n\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Confirmation Message  Modal --\x3e\r\n  <ng-template #ConfirmationModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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">{{HeaderMessage}}</h1>\r\n      </div>\r\n      <div>\r\n        {{ConfirmationMessage}}\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button type="button" #CloseConfirmationModal id="CloseConfirmationModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n        <button type="button" *ngIf="ConfirmationModalType==2" (click)="RestToFactoryDefault()"\r\n                class="btn btn-danger btn-sm">\r\n          {{utilityService.getResourceValue("ResetToFactoryDefault")}}\r\n        </button>\r\n        <button type="button" *ngIf="ConfirmationModalType==1" (click)="ReloadJsonFile()"\r\n                class="btn btn-danger btn-sm">\r\n          {{utilityService.getResourceValue("Reload")}}\r\n        </button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- Resource Validation Modal--\x3e\r\n  <ng-template #ResourceValidationModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("ResourcecheckResult")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n        \x3c!--begin::Icon--\x3e\r\n        \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n        <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n        \x3c!--end::Svg Icon--\x3e\r\n        \x3c!--end::Icon--\x3e\r\n        \x3c!--begin::Wrapper--\x3e\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          \x3c!--begin::Content--\x3e\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700" *ngIf="!ExcelValidation.isValid">\r\n              <div>\r\n                {{utilityService.getResourceValue("UpdatedEntriesNumber")}} {{ExcelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue("InvalidEntriesNumber")}} {{ExcelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class="fs-6 text-gray-700" *ngIf="ExcelValidation.isValid">\r\n              {{utilityService.getResourceValue("AllEntriesValid")}}\r\n            </div>\r\n\r\n          </div>\r\n          \x3c!--end::Content--\x3e\r\n        </div>\r\n        \x3c!--end::Wrapper--\x3e\r\n      </div>\r\n      <div *ngIf="!ExcelValidation.isValid">\r\n        <div class="table-responsive">\r\n          \x3c!-- begin::Table --\x3e\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-150">{{utilityService.getResourceValue("ResourceId")}}</th>\r\n                <th class="min-w-150">{{utilityService.getResourceValue("ResourceSet")}}</th>\r\n                <th class="min-w-150">{{utilityService.getResourceValue("ErrorMessage")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class="fw-bold text-gray-600 border-0">\r\n              <tr class="trItem" *ngFor="let Localization of ExcelValidation.invalidEntries">\r\n                <td class="text-dark">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</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 type="button" #CloseResourceValidationModal id="CloseResourceValidationModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n        <button type="button" (click)="confirmExcel()" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n',styles:[".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"],components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵq,selector:"BBSF-AutocompleteTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵf,selector:"BBSF-MultiLingualTextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵb,selector:"BBSF-FileUplaod",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:E.NgbDropdown,selector:"[ngbDropdown]",inputs:["open","placement","container","autoClose","display"],outputs:["openChange"],exportAs:["ngbDropdown"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:E.NgbDropdownToggle,selector:"[ngbDropdownToggle]"},{type:E.NgbDropdownMenu,selector:"[ngbDropdownMenu]"},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:pn,decorators:[{type:t.Component,args:[{selector:"lib-localizations",templateUrl:"./localizations.component.html",styleUrls:["./localizations.component.css"]}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:A.DatePipe},{type:N.ClipboardService},{type:cn},{type:E.NgbModal}]},propDecorators:{CloseResourceModal:[{type:t.ViewChild,args:["CloseResourceModal",{static:!1}]}],CloseEditResourceModal:[{type:t.ViewChild,args:["CloseEditResourceModal",{static:!1}]}],EditResourceModal:[{type:t.ViewChild,args:["EditResourceModal",{static:!1}]}],input:[{type:t.ViewChild,args:["LocalizationPagingViewElement",{static:!1}]}],CloseUploadJsonFileModal:[{type:t.ViewChild,args:["CloseUploadJsonFileModal",{static:!1}]}],CloseDeleteResourceModal:[{type:t.ViewChild,args:["CloseDeleteResourceModal",{static:!1}]}],CloseConfirmationModal:[{type:t.ViewChild,args:["CloseConfirmationModal",{static:!1}]}],ShowResourceValidationModal:[{type:t.ViewChild,args:["ShowResourceValidationModal",{static:!1}]}],CloseResourceValidationModal:[{type:t.ViewChild,args:["CloseResourceValidationModal",{static:!1}]}]}});var mn=function(){};mn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mn,deps:[],target:T.ɵɵFactoryTarget.NgModule}),mn.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mn,declarations:[un],imports:[i.CommonModule],exports:[un]}),mn.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mn,providers:[l.UtilityService],imports:[[i.CommonModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mn,decorators:[{type:t.NgModule,args:[{declarations:[un],imports:[i.CommonModule],exports:[un],providers:[l.UtilityService]}]}]});var gn=[{path:"",component:pn}],hn=function(){};hn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hn,deps:[],target:T.ɵɵFactoryTarget.NgModule}),hn.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hn,declarations:[pn],imports:[i.CommonModule,b.ClipboardModule,C.BlockUIModule,L.RouterModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]}),hn.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hn,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,cn],imports:[[i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),s.RouterModule.forChild(gn),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hn,decorators:[{type:t.NgModule,args:[{declarations:[pn],imports:[i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),s.RouterModule.forChild(gn),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,cn]}]}]});var vn=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();vn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:vn,deps:[],target:T.ɵɵFactoryTarget.Component}),vn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:vn,selector:"lib-roles",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:vn,decorators:[{type:t.Component,args:[{selector:"lib-roles",templateUrl:"./roles.component.html"}]}],ctorParameters:function(){return[]}});var bn=function(){this.Name=new v.EnglishArabicDTO,this.OrganizationName=new v.EnglishArabicDTO},yn=function(){this.UsersIDs=[]},Sn=function(){function e(e){this.http=e}return e.prototype.fetchTopSecretData=function(e){var t={headers:new n.HttpHeaders({"Content-Type":"application/json",Authorization:e})};return this.http.get("/api/Claims/GetClaims",t)},e}();Sn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Sn,deps:[{token:M.HttpClient}],target:T.ɵɵFactoryTarget.Injectable}),Sn.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Sn,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Sn,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:M.HttpClient}]}});var fn=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Permissions/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddPermission=function(e){return this.http.post(this.ApiUrl+"AddPermission",e)},e.prototype.EditPermission=function(e){return this.http.post(this.ApiUrl+"EditPermission",e)},e.prototype.DeletePermission=function(e){return this.http.post(this.ApiUrl+"DeletePermission",e)},e.prototype.GetPermissionsByFilter=function(e){return this.http.post(this.ApiUrl+"GetPermissionsByFilter",e)},e}();fn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:fn,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),fn.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:fn,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:fn,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var In=function(){function e(){this.ShowToolbar=!0}return e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){},e}();In.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:In,deps:[],target:T.ɵɵFactoryTarget.Component}),In.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:In,selector:"app-subheader",inputs:{SubheaderTitle:"SubheaderTitle",BreadcrumbTitle:"BreadcrumbTitle",BreadcrumbTitleSecond:"BreadcrumbTitleSecond",Url:"Url",SecondUrl:"SecondUrl",ShowbreadCrumb:"ShowbreadCrumb",ShowToolbar:"ShowToolbar",ShowBreadcrumbSecond:"ShowBreadcrumbSecond"},ngImport:T,template:'\r\n<style>\r\n  .toolbar-custom {\r\n    padding: 25px;\r\n    background: #1a1a27;\r\n    margin-bottom:30px;\r\n  }\r\n</style>\r\n<div class="toolbar-custom">\r\n  <div class="d-flex flex-stack">\r\n    <div class="page-title d-flex align-items-center flex-wrap me-3">\r\n      <ng-container>\r\n        \x3c!-- begin::Title --\x3e\r\n        <h1 class="d-flex align-items-center text-dark fw-bolder my-1 fs-3">\r\n          {{SubheaderTitle}}\r\n        </h1>\r\n        \x3c!-- end::Title --\x3e\r\n        <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">\r\n          <li class="breadcrumb-item">\r\n            <ng-container>\r\n              <a class="text-muted text-hover-primary" [routerLink]="Url" routerLinkActive="router-link-active">\r\n                {{BreadcrumbTitle}}\r\n              </a>\r\n            </ng-container>\r\n            <ng-container *ngIf="ShowBreadcrumbSecond">\r\n              <span class="bullet bg-gray-200 w-5px h-2px"></span>\r\n            </ng-container>\r\n          </li>\r\n          <li class="breadcrumb-item text-dark" *ngIf="ShowBreadcrumbSecond" [routerLink]="SecondUrl" routerLinkActive="router-link-active"> {{BreadcrumbTitleSecond}}</li>\r\n        </ul>\r\n      </ng-container>\r\n    </div>\r\n\r\n\r\n    <div class="d-flex align-items-center py-1">\r\n      \x3c!-- begin::Wrapper  --\x3e\r\n      <div class="me-4">\r\n        \x3c!-- begin::Menu  --\x3e\r\n        <ng-content *ngIf="ShowToolbar" select=".subheadertoolbar"></ng-content>\r\n\r\n        \x3c!-- end::Menu  --\x3e\r\n      </div>\r\n\r\n      \x3c!-- end::Button  --\x3e\r\n    </div>\r\n\r\n\r\n\r\n  </div>\r\n  <ng-content select=".filter-container"></ng-content>\r\n</div>\r\n\r\n',styles:["\n  .toolbar-custom {\n    padding: 25px;\n    background: #1a1a27;\n    margin-bottom:30px;\n  }\n"],directives:[{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:L.RouterLink,selector:":not(a):not(area)[routerLink]",inputs:["routerLink","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:In,decorators:[{type:t.Component,args:[{selector:"app-subheader",templateUrl:"./subheader.component.html"}]}],ctorParameters:function(){return[]},propDecorators:{SubheaderTitle:[{type:t.Input}],BreadcrumbTitle:[{type:t.Input}],BreadcrumbTitleSecond:[{type:t.Input}],Url:[{type:t.Input}],SecondUrl:[{type:t.Input}],ShowbreadCrumb:[{type:t.Input}],ShowToolbar:[{type:t.Input}],ShowBreadcrumbSecond:[{type:t.Input}]}});var xn=function(){function e(e,t,i,r,n,o,s){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.dataServices=n,this.authService=o,this.PermissionsService=s,this.ApiUrl="/api/admin/Permissions/",this.SubheaderTitle=this.utilityService.getResourceValue("Permissions"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.OrganizationList=[],this.filterForm=new h.FormGroup({}),this.PermissionsForm=new h.FormGroup({}),this.showFilter=!1,this.PermissionsPagingResult=[],this.IsFilterLoaded=!1,this.AddPermissionForm=new h.FormGroup({}),this.IsAddPermissionFormLoaded=!1,this.EditPermissionForm=new h.FormGroup({}),this.deletePermissionsList=[],this.IsOpenDeletePermissionsModal=!1,this.ConfirmationModalType=0,this.ConfirmationMessage="",this.ShowPageContent=!1,this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Permission"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.ReinitializePermissionsPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdatePermissionsPaging=function(){this.input.UpdatePaging()},e.prototype.setPermissionsListResult=function(e){this.PermissionsPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.PermissionsForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadDropdownLists=function(){var e=this;this.PermissionsService.Loaddropdowns().subscribe((function(t){var i=t;e.OrganizationList=i,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.PermissionsPaging=new v.PagingOptions,e.PermissionsPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetPermissionsByFilter",e.PermissionsPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.PermissionsPaging.Filters=[e.TextInputFilter],e.PermissionsPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.showAddPermissionModal=function(){var e=this;this.AddPermissionForm.reset(),this.IsAddPermissionFormLoaded=!1,this.utilityService.startBlockUI(),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.Organization=new v.DropdownOptions,this.Organization.Name="Organization",this.Organization.LabelKey="Organization",this.Organization.SelectedItems=null,this.Organization.DataSource=this.OrganizationList,this.Organization.SingleSelection=!0,this.Organization.AllowSearchFilter=!0,this.Organization.IsRequired=!0,setTimeout((function(){e.IsAddPermissionFormLoaded=!0,e.utilityService.stopBlockUI()}),100)},e.prototype.addPermission=function(){var e=this;if(!this.AddPermissionForm.invalid){var t=this.AddPermissionForm.value,i=new bn;0==this.ProductionMode&&(i.SysName=t.SysName),i.Name.Arabic=t.Name.Arabic,i.Name.English=t.Name.English,i.OrganizationID=Number(t.Organization),this.PermissionsService.AddPermission(i).subscribe((function(t){document.getElementById("ClosePermissionModal").click(),e.AddPermissionForm.reset(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditPermissionModal=function(e){var t=this;this.IsEditPermissionModelLoaded=!1,this.utilityService.startBlockUI(),this.EditPermissionForm.reset();var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.PermissionId=e.id,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="SysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditOrganization=new v.DropdownOptions,this.EditOrganization.Name="Organization",this.EditOrganization.LabelKey="Organization",this.EditOrganization.SelectedItems=this.OrganizationList.filter((function(t){return parseInt(t.key)==e.organizationID})).map((function(e){return e.key}))[0],this.EditOrganization.DataSource=this.OrganizationList,this.EditOrganization.SingleSelection=!0,this.EditOrganization.AllowSearchFilter=!0,this.EditOrganization.IsRequired=!0,setTimeout((function(){t.IsEditPermissionModelLoaded=!0,t.utilityService.stopBlockUI()}),100)},e.prototype.editPermission=function(){var e=this;if(!this.EditPermissionForm.invalid){this.utilityService.startBlockUI();var t=this.EditPermissionForm.value,i=new bn;i.Id=this.PermissionId,i.Name.Arabic=t.Name.Arabic,i.Name.English=t.Name.English,0==this.ProductionMode&&(i.SysName=t.SydName),i.OrganizationID=Number(t.Organization),this.PermissionsService.EditPermission(i).subscribe((function(t){document.getElementById("CloseEditPermissionsModal").click(),e.EditPermissionForm.reset(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeletePermissionModal=function(e){var t=this;this.deletePermissionsList=[],this.deletePermissionsList.push(e),this.IsOpenDeletePermissionsModal=!1,this.utilityService.startBlockUI(),setTimeout((function(){t.IsOpenDeletePermissionsModal=!0,t.utilityService.stopBlockUI()}),100)},e.prototype.deletePermission=function(){for(var e=this,t=new yn,i=0;i<this.deletePermissionsList.length;i++){var r=this.deletePermissionsList[i];t.UsersIDs.push(r.id)}this.PermissionsService.DeletePermission(t).subscribe((function(t){e.deletePermissionsList=[],document.getElementById("CloseDeletePermissionsModal").click(),e.input.ReinitializePaging()}),(function(e){}))},e}();xn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:xn,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Sn},{token:B.AuthService},{token:fn}],target:T.ɵɵFactoryTarget.Component}),xn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:xn,selector:"lib-permissions",viewQueries:[{propertyName:"input",first:!0,predicate:["PermissionPagingViewElement"],descendants:!0},{propertyName:"ClosePermissionModal",first:!0,predicate:["ClosePermissionModal"],descendants:!0},{propertyName:"CloseEditPermissionsModal",first:!0,predicate:["CloseEditPermissionsModal"],descendants:!0},{propertyName:"CloseDeletePermissionsModal",first:!0,predicate:["CloseDeletePermissionsModal"],descendants:!0},{propertyName:"CloseConfirmationModal",first:!0,predicate:["CloseConfirmationModal"],descendants:!0}],ngImport:T,template:'<block-ui>\r\n\r\n  <app-subheader [SubheaderTitle]="SubheaderTitle"  [ShowbreadCrumb]="ShowbreadCrumb" [ShowToolbar]="ShowToolbar">\r\n    <div class="subheadertoolbar">\r\n\r\n      <button type="button" title="Add" class="btn btn-success btn-sm btn-icon mr-2" data-toggle="modal"\r\n              data-target="#AddPermissionModal" (click)="showAddPermissionModal()">\r\n        <i class="kt-nav__link-icon fa fa-plus"></i>\r\n      </button>\r\n\r\n    </div>\r\n    <div class="filter-container " [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}"\r\n         *ngIf="IsFilterLoaded">\r\n      <form [formGroup]="PermissionsForm">\r\n        <div class="container-fluidposition-relative">\r\n\r\n          <div class=" row" id="filtersContainer" data-isloaded="true">\r\n\r\n            <div class="col-md-6">\r\n              <BBSF-TextBox [options]="searchTextBox" [group]="PermissionsForm"></BBSF-TextBox>\r\n            </div>\r\n            <div class="col-md-6 d-flex justify-content-end align-items-end">\r\n              <a class="btn btn-danger btn-bold btn-sm pv-reset text-white mt-4" id="applyFiltersBtn"\r\n                 (click)="resetFilters()">{{utilityService.getResourceValue("Reset")}}</a>\r\n            </div>\r\n          </div>\r\n        \r\n        </div>\r\n      </form>\r\n    </div>\r\n\r\n\r\n  </app-subheader>\r\n  \x3c!-- Page Content --\x3e\r\n  <div [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}" class="container-fluid">\r\n\r\n      <div class="table-responsive-x">\r\n        \x3c!--begin::Permission list--\x3e\r\n        <table class="table amsx-table-users">\r\n          <thead>\r\n            <tr>\r\n\r\n              <th>{{utilityService.getResourceValue("Name")}}</th>\r\n              <th *ngIf="!ProductionMode">{{utilityService.getResourceValue("SysName")}}</th>\r\n              <th class="text-center">{{utilityService.getResourceValue("Action")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id="listingContainer">\r\n\r\n            <tr *ngFor="let Permission of PermissionsPagingResult">\r\n\r\n              <td class="align-middle">\r\n                <div class="kt-user-card-v2">\r\n                  <div class="kt-user-card-v2__details">\r\n                    <a href="javascript:void(0)" *ngIf="language==\'en\'" class="kt-user-card-v2__name">{{Permission.name.english}}</a>\r\n                    <a href="javascript:void(0)" *ngIf="language==\'ar\'" class="kt-user-card-v2__name">{{Permission.name.arabic}}</a>\r\n\r\n\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <td *ngIf="!ProductionMode" class="align-middle">{{Permission.sysName}}</td>\r\n\r\n              <td class="text-center align-middle">\r\n                <div class="dropdown dropdown-inline ams-dropdown">\r\n                  <button type="button" class="btn btn-clean btn-icon btn-sm" data-toggle="dropdown"\r\n                          aria-haspopup="true" aria-expanded="true">\r\n                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>\r\n                  </button>\r\n                  <div class="dropdown-menu dropdown-menu-right p-0">\r\n\r\n                    <ul class="kt-nav">\r\n                      <li class="kt-nav__item">\r\n                        <a class="kt-nav__link" data-toggle="modal" data-target="#EditPermissionModal"\r\n                           (click)="showEditPermissionModal(Permission)">\r\n                          <i class="kt-nav__link-icon fa fa-edit" aria-hidden="true"></i>\r\n                          <span class="kt-nav__link-text">{{utilityService.getResourceValue("Edit")}}</span>\r\n                        </a>\r\n                      </li>\r\n\r\n                      <li class="kt-nav__item">\r\n                        <a h class="kt-nav__link" id="btnResetPass" data-toggle="modal"\r\n                           data-target="#deletePermissionModal" (click)="showDeletePermissionModal(Permission)">\r\n                          <i class="kt-nav__link-icon fa fa-cog"></i>\r\n                          <span class="kt-nav__link-text">{{utilityService.getResourceValue("Delete")}}</span>\r\n                        </a>\r\n                      </li>\r\n\r\n\r\n                    </ul>\r\n\r\n                  </div>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf="PermissionsPagingResult.length == 0">\r\n              <td colspan="3">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <BBSF-Paging (Items)="setPermissionsListResult($event)" *ngIf="IsFilterLoaded" [options]="PermissionsPaging"\r\n                     [group]="PermissionsForm" #PermissionPagingViewElement>\r\n        </BBSF-Paging>\r\n        \x3c!--end::Permission list--\x3e\r\n      </div>\r\n   \r\n  </div>\r\n  \x3c!-- Add Modal --\x3e\r\n  <div class="modal fade" id="AddPermissionModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form [formGroup]="AddPermissionForm" *ngIf="IsAddPermissionFormLoaded" (ngSubmit)="addPermission()">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <h5 class="modal-title" id="exampleModalLabel">  {{utilityService.getResourceValue("AddPermissions")}}</h5>\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n\r\n            \r\n            <div class="row">\r\n              <div class="col-md-12">\r\n                <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddPermissionForm"></BBSF-MultiLingualTextBox>\r\n              </div>\r\n            </div>\r\n            <div class="row" *ngIf="!ProductionMode">\r\n              <div class="col-md-12">\r\n                <BBSF-TextBox [options]="SysName" [group]="AddPermissionForm">\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 [options]="Organization" [group]="AddPermissionForm"></BBSF-DropdownList>\r\n              </div>\r\n            </div>\r\n\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #ClosePermissionModal id="ClosePermissionModal" type="button" class="btn btn-secondary"\r\n                    data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="submit" class="btn btn-primary">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <div class="modal fade" id="EditPermissionModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form [formGroup]="EditPermissionForm" *ngIf="IsEditPermissionModelLoaded" (ngSubmit)="editPermission()">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <h5 class="modal-title" id="exampleModalLabel"> {{utilityService.getResourceValue("EditPermission")}} </h5>\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n\r\n            <div class="row">\r\n              <div class="col-md-12">\r\n                <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditPermissionForm"></BBSF-MultiLingualTextBox>\r\n              </div>\r\n             \r\n            </div>\r\n            <div class="row">\r\n              <div class="col-md-12" *ngIf="!ProductionMode">\r\n                <BBSF-TextBox [options]="EditSysName" [group]="EditPermissionForm">\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 [options]="EditOrganization" [group]="EditPermissionForm"></BBSF-DropdownList>\r\n              </div>\r\n            </div>\r\n\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #CloseEditPermissionsModal id="CloseEditPermissionsModal" type="button" class="btn btn-secondary"\r\n                    data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="submit" class="btn btn-primary">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <div class="modal fade" id="deletePermissionModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form *ngIf="IsOpenDeletePermissionsModal">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <h5 class="modal-title" id="exampleModalLabel"> {{utilityService.getResourceValue("DeletePermission")}}</h5>\r\n\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n            <div class="note note-warning text-center">\r\n              <h3 *ngIf="language==\'en\'">\r\n                Are you sure that you want to delete this Permission ?\r\n              </h3>\r\n              <h3 *ngIf="language==\'ar\'">\r\n                هل أنت متأكد أنك تريد حذف هذا الإذن؟\r\n              </h3>\r\n            </div>\r\n\r\n            <div id="" class="">\r\n              <div class="table-responsive-x">\r\n\r\n              </div>\r\n            </div>\r\n\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #CloseDeletePermissionsModal id="CloseDeletePermissionsModal" type="button" class="btn btn-secondary"\r\n                    data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="button" (click)="deletePermission()"\r\n                    class="btn btn-danger">\r\n              {{utilityService.getResourceValue("Delete")}}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:In,selector:"app-subheader",inputs:["SubheaderTitle","BreadcrumbTitle","BreadcrumbTitleSecond","Url","SecondUrl","ShowbreadCrumb","ShowToolbar","ShowBreadcrumbSecond"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:P.NgForm,selector:"form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]",inputs:["ngFormOptions"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),H([a.BlockUI()],xn.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:xn,decorators:[{type:t.Component,args:[{selector:"lib-permissions",templateUrl:"./permissions.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Sn},{type:B.AuthService},{type:fn}]},propDecorators:{input:[{type:t.ViewChild,args:["PermissionPagingViewElement",{static:!1}]}],ClosePermissionModal:[{type:t.ViewChild,args:["ClosePermissionModal",{static:!1}]}],CloseEditPermissionsModal:[{type:t.ViewChild,args:["CloseEditPermissionsModal",{static:!1}]}],CloseDeletePermissionsModal:[{type:t.ViewChild,args:["CloseDeletePermissionsModal",{static:!1}]}],CloseConfirmationModal:[{type:t.ViewChild,args:["CloseConfirmationModal",{static:!1}]}],blockUI:[]}});var Fn=function(){this.Name=new v.EnglishArabicDTO,this.OrganizationName=new v.EnglishArabicDTO},Tn=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/PermissionSets/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddPermissionSet=function(e){return this.http.post(this.ApiUrl+"AddPermissionSet",e)},e.prototype.EditPermissionSet=function(e){return this.http.post(this.ApiUrl+"EditPermissionSet",e)},e.prototype.DeletePermissionSet=function(e){return this.http.post(this.ApiUrl+"DeletePermissionSet",e)},e.prototype.AddUsersToPermissionSet=function(e){return this.http.post(this.ApiUrl+"AddUsersToPermSet",e)},e.prototype.DeleteUserFromPermissionSet=function(e,t){var i=new n.HttpParams;return i=(i=i.append("userID",e)).append("permSetID",t),this.http.post(this.ApiUrl+"DeleteUserFromPermissionSet",null,i)},e}();Tn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Tn,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Tn.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Tn,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Tn,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var An=function(){function e(e,t,i,r,n,o,s,a){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.dataServices=n,this.authService=o,this.PermissionSetService=s,this.modalService=a,this.SubheaderTitle=this.utilityService.getResourceValue("PermissionSets"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.ApiUrl="/api/admin/PermissionSets/",this.PermissionList=[],this.OrganizationList=[],this.filterForm=new h.FormGroup({}),this.PermissionSetForm=new h.FormGroup({}),this.showFilter=!1,this.PermissionSetPagingResult=[],this.IsFilterLoaded=!1,this.AddPermissionSetForm=new h.FormGroup({}),this.EditPermissionSetForm=new h.FormGroup({}),this.deletePermissionSetList=[],this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("PermissionSets"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.LoadDropdownLists=function(){var e=this;this.PermissionSetService.Loaddropdowns().subscribe((function(t){var i=t;e.OrganizationList=i.organizationList,e.PermissionList=i.permissionList,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.PermissionSetPaging=new v.PagingOptions,e.PermissionSetPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetPermissionSetsByFilter",e.PermissionSetPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.PermissionSetPaging.Filters=[e.TextInputFilter],e.PermissionSetPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.ReinitializePermissionSetPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdatePermissionSetPaging=function(){this.input.UpdatePaging()},e.prototype.setPermissionSetListResult=function(e){console.log(e),this.PermissionSetPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.PermissionSetForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddPermissionSetModal=function(e){this.utilityService.startBlockUI(),this.AddPermissionSetForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.ActiveDirectoryGroup=new v.TextBoxOptions,this.ActiveDirectoryGroup.Name="ActiveDirectoryGroup",this.ActiveDirectoryGroup.LabelKey="ActiveDirectoryGroup",this.ActiveDirectoryGroup.Type=v.InputType.Text,this.ActiveDirectoryGroup.Value=null,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.Permissions=new v.DropdownOptions,this.Permissions.Name="Permissions",this.Permissions.LabelKey="Permissions",this.Permissions.SelectedItems=null,this.Permissions.DataSource=this.PermissionList,this.Permissions.SingleSelection=!1,this.Permissions.AllowSearchFilter=!0,this.Organization=new v.DropdownOptions,this.Organization.Name="Organization",this.Organization.LabelKey="Organization",this.Organization.SelectedItems=null,this.Organization.DataSource=this.OrganizationList,this.Organization.SingleSelection=!0,this.Organization.AllowSearchFilter=!0,this.Organization.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addPermissionSet=function(){var e=this;if(!this.AddPermissionSetForm.invalid){var t=this.AddPermissionSetForm.value,i=new Fn;0==this.ProductionMode&&(i.SysName=t.SysName),i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.OrganizationID=Number(t.Organization);var r=[];if(null!=t.Permissions)for(var n=0;n<t.Permissions.length;n++){var o=t.Permissions[n];r.push(Number(o))}i.PermissionIDs=r,this.PermissionSetService.AddPermissionSet(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditPermissionSetModal=function(e,t){this.utilityService.startBlockUI(),this.EditPermissionSetForm=new h.FormGroup({});var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.PermissionSetId=e.id,this.EditActiveDirectoryGroup=new v.TextBoxOptions,this.EditActiveDirectoryGroup.Name="ActiveDirectoryGroup",this.EditActiveDirectoryGroup.LabelKey="ActiveDirectoryGroup",this.EditActiveDirectoryGroup.Type=v.InputType.Text,this.EditActiveDirectoryGroup.Value=e.activeDirectoryGroup,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="SysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName;for(var r=[],n=function(t){var i=o.PermissionList.filter((function(i){return parseInt(i.key)==e.permissionIDs[t]})).map((function(e){return e.key}))[0];r.push(i)},o=this,s=0;s<e.permissionIDs.length;s++)n(s);this.EditPermissions=new v.DropdownOptions,this.EditPermissions.Name="Permissions",this.EditPermissions.LabelKey="Permissions",this.EditPermissions.SelectedItems=r,this.EditPermissions.DataSource=this.PermissionList,this.EditPermissions.SingleSelection=!1,this.EditPermissions.AllowSearchFilter=!0,this.EditOrganization=new v.DropdownOptions,this.EditOrganization.Name="Organization",this.EditOrganization.LabelKey="Organization",this.EditOrganization.SelectedItems=this.OrganizationList.filter((function(t){return parseInt(t.key)==e.organizationID})).map((function(e){return e.key}))[0],this.EditOrganization.DataSource=this.OrganizationList,this.EditOrganization.SingleSelection=!0,this.EditOrganization.AllowSearchFilter=!0,this.EditOrganization.IsRequired=!0,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editPermissionSet=function(){var e=this;if(!this.EditPermissionSetForm.invalid){var t=this.EditPermissionSetForm.value,i=new Fn;i.Id=this.PermissionSetId,i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,0==this.ProductionMode&&(i.SysName=t.SydName),i.OrganizationID=Number(t.Organization);var r=[];if(null!=t.Permissions)for(var n=0;n<t.Permissions.length;n++){var o=t.Permissions[n];r.push(Number(o))}i.PermissionIDs=r,this.PermissionSetService.EditPermissionSet(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeletePermissionSetModal=function(e,t){this.utilityService.startBlockUI(),this.deletePermissionSetList=[],this.deletePermissionSetList.push(e),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deletePermissionSet=function(){for(var e=this,t=new yn,i=0;i<this.deletePermissionSetList.length;i++){var r=this.deletePermissionSetList[i];t.UsersIDs.push(r.id)}this.PermissionSetService.DeletePermissionSet(t).subscribe((function(t){t.val?e.utilityService.notifySuccessMessage():e.utilityService.notifyErrorMessage(e.utilityService.getResourceValue("CannotDeletePermissionSetHasUsers")),e.deletePermissionSetList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.SaveName=function(e){var t={English:e.english,Arabic:e.arabic};localStorage.setItem("PermissionSetName",JSON.stringify(t))},e}();An.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:An,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Sn},{token:B.AuthService},{token:Tn},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),An.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:An,selector:"lib-permissionsets",viewQueries:[{propertyName:"input",first:!0,predicate:["PermissionSetPagingViewElement"],descendants:!0},{propertyName:"ClosePermissionSetModal",first:!0,predicate:["ClosePermissionSetModal"],descendants:!0},{propertyName:"CloseEditPermissionSetModal",first:!0,predicate:["CloseEditPermissionSetModal"],descendants:!0},{propertyName:"CloseDeletePermissionSetModal",first:!0,predicate:["CloseDeletePermissionSetModal"],descendants:!0}],ngImport:T,template:'<block-ui>\r\n  \x3c!-- Subheader --\x3e\r\n  \x3c!-- Page Content --\x3e\r\n  <div [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}" class="container-fluid">\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]="PermissionSetForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="PermissionSetForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddPermissionSetModal(AddPermissionSetModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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-150px" *ngIf="!ProductionMode">{{utilityService.getResourceValue("SysName")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("UsersCount")}}</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\r\n              <tr *ngFor="let PermissionSet of PermissionSetPagingResult">\r\n\r\n                <td>\r\n                  <a href="javascript:void(0)" *ngIf="language==\'en\'" (click)="SaveName(PermissionSet.name)" [routerLink]="[\'/Admin/Roles/PermissionSetInfo\',PermissionSet.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{PermissionSet.name.english}}</a>\r\n\r\n                  <a href="javascript:void(0)" *ngIf="language==\'ar\'" (click)="SaveName(PermissionSet.name)" [routerLink]="[\'/Admin/Roles/PermissionSetInfo\',PermissionSet.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{PermissionSet.name.arabic}}</a>\r\n\r\n                </td>\r\n                <td *ngIf="!ProductionMode">{{PermissionSet.sysName}}</td>\r\n                <td>{{PermissionSet.usersCount}}</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                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showEditPermissionSetModal(PermissionSet,EditPermissionSetModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeletePermissionSetModal(PermissionSet,deletePermissionSetModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="PermissionSetPagingResult.length == 0">\r\n                <td [attr.colspan]="ProductionMode ? \'3\' : \'4\'">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setPermissionSetListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="PermissionSetPaging" [group]="PermissionSetForm" #PermissionSetPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddPermissionSetModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("AddPermissionSet")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddPermissionSetForm" (ngSubmit)="addPermissionSet()">\r\n        <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddPermissionSetForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox [options]="ActiveDirectoryGroup" [group]="AddPermissionSetForm">\r\n        </BBSF-TextBox>\r\n        <BBSF-TextBox *ngIf="!ProductionMode" [options]="SysName" [group]="AddPermissionSetForm">\r\n        </BBSF-TextBox>\r\n        <BBSF-DropdownList [options]="Permissions" [group]="AddPermissionSetForm">\r\n        </BBSF-DropdownList>\r\n        <BBSF-DropdownList [options]="Organization" [group]="AddPermissionSetForm">\r\n        </BBSF-DropdownList>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #ClosePermissionSetModal id="ClosePermissionSetModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <ng-template #EditPermissionSetModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("EditPermissionSet")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditPermissionSetForm" (ngSubmit)="editPermissionSet()">\r\n        <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditPermissionSetForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox [options]="EditActiveDirectoryGroup" [group]="EditPermissionSetForm">\r\n        </BBSF-TextBox>\r\n        <div *ngIf="!ProductionMode">\r\n          <BBSF-TextBox [options]="EditSysName" [group]="EditPermissionSetForm">\r\n          </BBSF-TextBox>\r\n        </div>\r\n        <BBSF-DropdownList [options]="EditPermissions" [group]="EditPermissionSetForm">\r\n        </BBSF-DropdownList>\r\n        <BBSF-DropdownList [options]="EditOrganization" [group]="EditPermissionSetForm">\r\n        </BBSF-DropdownList>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseEditPermissionSetModal id="CloseEditPermissionSetModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deletePermissionSetModal 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("Delete")}} {{utilityService.getResourceValue("PermissionSet")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeletePermissionSetModal id="CloseDeletePermissionSetModal" 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="button" (click)="deletePermissionSet()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]}],directives:[{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],An.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:An,decorators:[{type:t.Component,args:[{selector:"lib-permissionsets",templateUrl:"./permissionsets.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Sn},{type:B.AuthService},{type:Tn},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["PermissionSetPagingViewElement",{static:!1}]}],ClosePermissionSetModal:[{type:t.ViewChild,args:["ClosePermissionSetModal",{static:!1}]}],CloseEditPermissionSetModal:[{type:t.ViewChild,args:["CloseEditPermissionSetModal",{static:!1}]}],CloseDeletePermissionSetModal:[{type:t.ViewChild,args:["CloseDeletePermissionSetModal",{static:!1}]}],blockUI:[]}});var wn=function(){function e(e,t){this.router=e,this.authService=t,this.allowedPermission=[]}return e.prototype.canActivate=function(e,t){return z(this,void 0,void 0,(function(){return j(this,(function(e){switch(e.label){case 0:return[4,this.authService.isAuthenticated(this.allowedPermission)];case 1:return e.sent()?[2,!0]:(this.authService.setUrl(t.url),this.router.navigate(["/Admin/account/login"],{queryParams:{redirect:t.url},replaceUrl:!0}),[2,!1])}}))}))},e}();wn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wn,deps:[{token:L.Router},{token:B.AuthService}],target:T.ɵɵFactoryTarget.Injectable}),wn.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wn}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wn,decorators:[{type:t.Injectable}],ctorParameters:function(){return[{type:L.Router},{type:B.AuthService}]}});var Mn=function(){};Mn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Mn,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Mn.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Mn,imports:[i.CommonModule,l.BBSFUtilitiesModule]}),Mn.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Mn,providers:[l.AuthService,wn],imports:[[i.CommonModule,l.BBSFUtilitiesModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Mn,decorators:[{type:t.NgModule,args:[{declarations:[],imports:[i.CommonModule,l.BBSFUtilitiesModule],providers:[l.AuthService,wn]}]}]});var Ln=function(){this.UsersIDs=[]},Cn=function(){function e(e,t,i,r,n,o,s,a,l){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.activatedRoute=n,this.dataServices=o,this.authService=s,this.PermissionSetService=a,this.modalService=l,this.ApiUrl="/api/admin/PermissionSets/",this.SubheaderTitle="",this.BreadcrumbTitle=this.utilityService.getResourceValue("PermissionSets"),this.Url="/Admin/Roles/PermissionSets",this.ShowToolbar=!0,this.ShowbreadCrumb=!0,this.filterForm=new h.FormGroup({}),this.UserPermissionSetForm=new h.FormGroup({}),this.showFilter=!1,this.UserPermissionSetPagingResult=[],this.IsFilterLoaded=!1,this.PermissionSetId="",this.PageName="",this.ShowPageContent=!1,this.AddUsersToPermissionSetForm=new h.FormGroup({}),this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t,i,r=this;return j(this,(function(n){switch(n.label){case 0:return this.ShowPageContent=!0,e=localStorage.getItem("PermissionSetName"),t=JSON.parse(e),this.SubheaderTitle="en"==this.language?t.English:t.Arabic,De.PageTitle=this.SubheaderTitle,De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:this.utilityService.getResourceValue("PermissionSets"),path:"/Admin/Roles/PermissionSets",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){r.ShowPageContent=!1,r.language=e.lang,r.ngOnInit()})),i=this,[4,this.utilityService.getCurrentLanguage()];case 1:return i.language=n.sent(),this.activatedRoute.params.subscribe((function(e){r.PermissionSetId=e.id,r.LoadUserList()})),[2]}}))}))},e.prototype.ReinitializeUserPermissionSetPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateUserPermissionSetPaging=function(){this.input.UpdatePaging()},e.prototype.setUserPermissionSetListResult=function(e){this.UserPermissionSetPagingResult=e,this.ShowPageContent=!0},e.prototype.resetFilters=function(){this.UserPermissionSetForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadUserList=function(){var e=this;this.utilityService.startBlockUI(),this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByNameOrEmail"),this.PermissionSetIdTextBox=new v.TextBoxOptions,this.PermissionSetIdTextBox.Name="PermissionSetIdTextBox",this.PermissionSetIdTextBox.HideLabel=!0,this.PermissionSetIdTextBox.Type=v.InputType.Text,this.PermissionSetIdTextBox.Value=this.PermissionSetId,this.PermissionSetIdTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.PermissionSetIdTextInputFilter=new v.FilterItem,this.PermissionSetIdTextInputFilter.FormControlName="PermissionSetIdTextBox",this.PermissionSetIdTextInputFilter.ActionParameterName="permissionSetId",this.PermissionSetIdTextInputFilter.IsFormControl=!0,this.PermissionSetIdTextInputFilter.FilterType=v.FilterType.TextBox,this.UserPermissionSetPaging=new v.PagingOptions,this.UserPermissionSetPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetUsersByFilter",this.UserPermissionSetPaging.OnKeyPressFiltersControlNames=["searchTextBox","PermissionSetIdTextBox"],this.UserPermissionSetPaging.Filters=[this.TextInputFilter,this.PermissionSetIdTextInputFilter],this.UserPermissionSetPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0,e.utilityService.stopBlockUI()}),10)},e.prototype.showAddUserToPermissionSetModal=function(e){this.utilityService.startBlockUI(),this.AddUsersToPermissionSetForm=new h.FormGroup({}),this.UserAutoComplete=new v.TagsInputOptions,this.UserAutoComplete.Name="UserAutoComplete",this.UserAutoComplete.LabelKey="Users",this.UserAutoComplete.IsRequired=!0,this.UserAutoComplete.Value=null,this.UserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUserList",this.UserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addUserToPermissionSet=function(){var e=this;if(!this.AddUsersToPermissionSetForm.invalid){for(var t=this.AddUsersToPermissionSetForm.value,i=new Ln,r=0;r<t.UserAutoComplete.length;r++){var n=t.UserAutoComplete[r].key;i.UsersIDs.push(Number(n))}i.PermissionSetId=Number(this.PermissionSetId),this.PermissionSetService.AddUsersToPermissionSet(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showDeleteUserFromPermissionSetModal=function(e,t){this.utilityService.startBlockUI(),this.deleteUserId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteUserFromPermissionSet=function(){var e=this;this.PermissionSetService.DeleteUserFromPermissionSet(this.deleteUserId.toString(),this.PermissionSetId).subscribe((function(t){t.val?e.utilityService.notifySuccessMessage():(console.log("notified error"),e.utilityService.notifyErrorMessage(e.utilityService.getResourceValue("CannotDeleteLastUserPermissionSet"))),e.deleteUserId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();Cn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Cn,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:L.ActivatedRoute},{token:Sn},{token:B.AuthService},{token:Tn},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Cn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Cn,selector:"lib-permission-set-info",viewQueries:[{propertyName:"input",first:!0,predicate:["UserPermissionSetPagingViewElement"],descendants:!0},{propertyName:"CloseAddUsersToPermissionSet",first:!0,predicate:["CloseAddUsersToPermissionSet"],descendants:!0},{propertyName:"CloseDeleteUserFromPermissionSetModal",first:!0,predicate:["CloseDeleteUserFromPermissionSetModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="UserPermissionSetForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="UserPermissionSetForm"></BBSF-TextBox>\r\n            <BBSF-TextBox [hidden]="true" [options]="PermissionSetIdTextBox" [group]="UserPermissionSetForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddUserToPermissionSetModal(AddUserToPermissionSetModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n\r\n          \x3c!--begin::Permission list--\x3e\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-150px">{{utilityService.getResourceValue("Email")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Roles")}}</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\r\n              <tr *ngFor="let user of UserPermissionSetPagingResult">\r\n\r\n                <td>\r\n                  <a *ngIf="language==\'en\'" href="javascript:void(0)"\r\n                     class="text-dark">{{user.name.english}}</a>\r\n                  <a *ngIf="language==\'ar\'" href="javascript:void(0)"\r\n                     class="text-dark">{{user.name.arabic}}</a>\r\n                </td>\r\n                <td>{{user.email}}</td>\r\n                <td>{{user.userPermsets}}</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                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteUserFromPermissionSetModal(user,deleteUserPermissionSetModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="UserPermissionSetPagingResult.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\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setUserPermissionSetListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="UserPermissionSetPaging" [group]="UserPermissionSetForm" #UserPermissionSetPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddUserToPermissionSetModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("AddUser")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddUsersToPermissionSetForm" (ngSubmit)="addUserToPermissionSet()">\r\n        <BBSF-TagsInput [options]="UserAutoComplete" [group]="AddUsersToPermissionSetForm">\r\n        </BBSF-TagsInput>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseAddUsersToPermissionSet id="CloseAddUsersToPermissionSet" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deleteUserPermissionSetModal 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("Delete")}} {{utilityService.getResourceValue("User")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteUserFromPermissionSetModal id="CloseDeleteUserFromPermissionSetModal" 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="button" (click)="deleteUserFromPermissionSet()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵr,selector:"BBSF-TagsInput",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Cn,decorators:[{type:t.Component,args:[{selector:"lib-permission-set-info",templateUrl:"./permission-set-info.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:L.ActivatedRoute},{type:Sn},{type:B.AuthService},{type:Tn},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["UserPermissionSetPagingViewElement",{static:!1}]}],CloseAddUsersToPermissionSet:[{type:t.ViewChild,args:["CloseAddUsersToPermissionSet",{static:!1}]}],CloseDeleteUserFromPermissionSetModal:[{type:t.ViewChild,args:["CloseDeleteUserFromPermissionSetModal",{static:!1}]}]}});var Bn=[{path:"",component:vn,children:[{path:"Permissions",component:xn},{path:"PermissionSets",component:An},{path:"PermissionSetInfo/:id",component:Cn},{path:"",redirectTo:"Permissions",pathMatch:"full"}]}],Dn=function(){};Dn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Dn,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Dn.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Dn,imports:[L.RouterModule],exports:[s.RouterModule]}),Dn.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Dn,imports:[[s.RouterModule.forChild(Bn)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Dn,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Bn)],exports:[s.RouterModule]}]}]});var kn=function(){};kn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:kn,deps:[],target:T.ɵɵFactoryTarget.NgModule}),kn.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:kn,declarations:[In],imports:[i.CommonModule,s.RouterModule],exports:[In]}),kn.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:kn,imports:[[i.CommonModule,s.RouterModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:kn,decorators:[{type:t.NgModule,args:[{declarations:[In],imports:[i.CommonModule,s.RouterModule],exports:[In]}]}]});var En=function(){};En.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:En,deps:[],target:T.ɵɵFactoryTarget.NgModule}),En.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:En,declarations:[vn,xn,An,Cn],imports:[Dn,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]}),En.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:En,providers:[l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,Tn,fn],imports:[[Dn,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:En,decorators:[{type:t.NgModule,args:[{declarations:[vn,xn,An,Cn],imports:[Dn,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn],providers:[l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,Tn,fn]}]}]});var Pn=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Pn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Pn,deps:[],target:T.ɵɵFactoryTarget.Component}),Pn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Pn,selector:"lib-notifications",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Pn,decorators:[{type:t.Component,args:[{selector:"lib-notifications",templateUrl:"./notifications.component.html"}]}],ctorParameters:function(){return[]}});var Vn=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/EmailHeaderAndFooterTemplate/"}return e.prototype.AddEmailHeaderAndFooterTemplate=function(e){return this.http.post(this.ApiUrl+"AddEmailHeaderAndFooterTemplate",e)},e.prototype.GetEmailHeaderAndFooterTemplateById=function(e){var t=new n.HttpParams;return t=t.append("id",e.toString()),this.http.get(this.ApiUrl+"GetEmailHeaderAndFooterTemplateById",t)},e.prototype.EditEmailHeaderAndFooterTemplate=function(e){return this.http.post(this.ApiUrl+"editEmailHeaderAndFooterTemplate",e)},e.prototype.GenerateCode=function(){return this.http.get(this.ApiUrl+"GenerateCodeAll",null)},e.prototype.DeleteHeaderAndFooterTemplate=function(e){return this.http.post(this.ApiUrl+"DeleteEmailHeaderAndFooterTemplate",e)},e}();Vn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vn,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Vn.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vn,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vn,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Nn=function(){function e(e,t,i,r,n,o,s,a){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.emailHeaderAndFooterTemplateService=o,this._clipboardService=s,this.modalService=a,this.ApiUrl="/api/admin/EmailHeaderAndFooterTemplate/",this.filterForm=new h.FormGroup({}),this.EmailHeaderAndFooterTemplateForm=new h.FormGroup({}),this.showFilter=!1,this.EmailHeaderAndFooterTemplatePagingResult=[],this.IsFilterLoaded=!1,this.language="",this.IsOpenDeleteEmailHeaderAndFooterTemplateModal=!1,this.ShowPageContent=!1,this.GenerateCodeForm=new h.FormGroup({}),this.ValueToCopy=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("MasterLayouts"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.EmailHeaderAndFooterTemplatePaging=new v.PagingOptions,this.EmailHeaderAndFooterTemplatePaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetEmailHeaderAndFooterTemplateByFilter",this.EmailHeaderAndFooterTemplatePaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.EmailHeaderAndFooterTemplatePaging.Filters=[this.TextInputFilter],this.EmailHeaderAndFooterTemplatePaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.ReinitializeEmailHeaderAndFooterTemplatePaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateEmailHeaderAndFooterTemplatePaging=function(){this.input.UpdatePaging()},e.prototype.setEmailHeaderAndFooterTemplateResult=function(e){this.EmailHeaderAndFooterTemplatePagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.EmailHeaderAndFooterTemplateForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showDeleteEmailHeaderAndFooterTemplateModal=function(e,t){this.EmailHeaderAndFooterTemplateId=e.id,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteEmailHeaderAndFooterTemplate=function(){var e=this;this.emailHeaderAndFooterTemplateService.DeleteHeaderAndFooterTemplate(this.EmailHeaderAndFooterTemplateId).subscribe((function(t){e.EmailHeaderAndFooterTemplateId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.showGenerateCodeModal=function(e){var t=this;this.emailHeaderAndFooterTemplateService.GenerateCode().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e}();Nn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Nn,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Vn},{token:N.ClipboardService},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Nn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Nn,selector:"lib-master-layouts",viewQueries:[{propertyName:"input",first:!0,predicate:["EmailHeaderAndFooterTemplatePagingViewElement"],descendants:!0},{propertyName:"CloseDeleteEmailHeaderAndFooterTemplateModal",first:!0,predicate:["CloseDeleteEmailHeaderAndFooterTemplateModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="EmailHeaderAndFooterTemplateForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="EmailHeaderAndFooterTemplateForm"></BBSF-TextBox>\r\n\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <a id="btnSetPass" *ngIf="!ProductionMode" class="btn btn-sm btn-light-primary me-3" href="javascript:;"(click)="showGenerateCodeModal(GenerateCodeModal)">\r\n            <i class="fa fa-key"></i>{{utilityService.getResourceValue("GenerateCode")}}\r\n          </a>\r\n          <button type="button" title="Add" class="btn btn-primary btn-sm "\r\n                  [routerLink]="[\'/Admin/Notifications/Add\']" routerLinkActive="router-link-active">\r\n            <i class=" fa fa-plus"></i>{{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      \x3c!-- end::Header --\x3e\r\n      \x3c!-- begin::Body --\x3e\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\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-150">{{utilityService.getResourceValue("NameInEnglish")}}</th>\r\n                <th class="min-w-150">{{utilityService.getResourceValue("NameInArabic")}}</th>\r\n                <th class="min-w-50">{{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 template of EmailHeaderAndFooterTemplatePagingResult">\r\n\r\n                <td class="text-dark">\r\n                  {{template.name.english}}\r\n                </td>\r\n                <td>{{template.name.arabic}}</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 type="button" ngbDropdownItem class="drop-item px-3"\r\n                              [routerLink]="[\'/Admin/Notifications/Edit\',template.id]"\r\n                              routerLinkActive="router-link-active">\r\n                        <span class="drop-link">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button type="button" ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                              (click)="showDeleteEmailHeaderAndFooterTemplateModal(template, deleteEmailHeaderAndFooterTemplateModal)">\r\n                        <span class="drop-link">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="EmailHeaderAndFooterTemplatePagingResult.length == 0">\r\n                <td colspan="3">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-footer">\r\n        <BBSF-Paging (Items)="setEmailHeaderAndFooterTemplateResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="EmailHeaderAndFooterTemplatePaging" [group]="EmailHeaderAndFooterTemplateForm"\r\n                     #EmailHeaderAndFooterTemplatePagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteEmailHeaderAndFooterTemplateModal 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("Delete")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteEmailHeaderAndFooterTemplateModal  id="CloseDeleteEmailHeaderAndFooterTemplateModal" 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="button" (click)="deleteEmailHeaderAndFooterTemplate()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- GenerateCode Modal --\x3e\r\n  <ng-template #GenerateCodeModal 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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n\r\n        <div class="Row">\r\n          <BBSF-TextArea [options]="GenerateCodeTextArea" [group]="GenerateCodeForm"\r\n                         #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n        </div>\r\n\r\n        <div class="text-center pt-7">\r\n          <button #CloseGenerateCodeModal id="CloseGenerateCodeModal" 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="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n            {{utilityService.getResourceValue("CopyToClipboard")}}\r\n          </button>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:L.RouterLink,selector:":not(a):not(area)[routerLink]",inputs:["routerLink","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],Nn.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Nn,decorators:[{type:t.Component,args:[{selector:"lib-master-layouts",templateUrl:"./master-layouts.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Vn},{type:N.ClipboardService},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["EmailHeaderAndFooterTemplatePagingViewElement",{static:!1}]}],CloseDeleteEmailHeaderAndFooterTemplateModal:[{type:t.ViewChild,args:["CloseDeleteEmailHeaderAndFooterTemplateModal",{static:!1}]}],blockUI:[]}});var Rn=function(){this.Name=new v.EnglishArabicDTO,this.Header=new v.EnglishArabicDTO,this.Footer=new v.EnglishArabicDTO,this.HeadSection=new v.EnglishArabicDTO,this.HeadTagAttributes=new v.EnglishArabicDTO},Un=function(){function e(e,t,i,r,n,o,s){this.pageInfoService=e,this.authService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.emailHeaderAndFooterTemplateService=o,this.router=s,this.AddForm=new h.FormGroup({}),this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return De.PageTitle="",De.PageBreadcrumbs=[],this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.MultiLingualHtmlHeadTagAttributes=new v.MultiLingualTextBoxOptions,this.MultiLingualHtmlHeadTagAttributes.Name="HtmlHeadTagAttributes",this.MultiLingualHtmlHeadTagAttributes.ArabicLabelKey="HtmlHeadTagAttributesInArabic",this.MultiLingualHtmlHeadTagAttributes.EnglishLabelKey="HtmlHeadTagAttributesInEnglish",this.MultiLingualHtmlHeadTagAttributes.IsRequired=!0,this.MultiLingualHtmlHeadTagAttributes.Value=null,this.MultiLingualHeader=new v.MultiLingualHtmlEditorOptions,this.MultiLingualHeader.Name="Header",this.MultiLingualHeader.ArabicLabelKey="HeaderInArabic",this.MultiLingualHeader.EnglishLabelKey="HeaderInEnglish",this.MultiLingualHeader.IsRequired=!0,this.MultiLingualHeader.Value=null,this.MultiLingualFooter=new v.MultiLingualHtmlEditorOptions,this.MultiLingualFooter.Name="Footer",this.MultiLingualFooter.ArabicLabelKey="FooterInArabic",this.MultiLingualFooter.EnglishLabelKey="FooterInEnglish",this.MultiLingualFooter.IsRequired=!0,this.MultiLingualFooter.Value=null,this.MultiLingualHtmlHeadSection=new v.MultiLingualHtmlEditorOptions,this.MultiLingualHtmlHeadSection.Name="HtmlHeadSection",this.MultiLingualHtmlHeadSection.ArabicLabelKey="HTMLHeadSectionInArabic",this.MultiLingualHtmlHeadSection.EnglishLabelKey="HTMLHeadSectionInEnglish",this.MultiLingualHtmlHeadSection.IsRequired=!0,this.MultiLingualHtmlHeadSection.Value=null,setTimeout((function(){t.utilityService.stopBlockUI()}),10),[2]}}))}))},e.prototype.addHeaderTemplate=function(){var e=this;if(!this.AddForm.invalid){this.utilityService.startBlockUI();var t=this.AddForm.value,i=new Rn;i.Name.English=t.Name.EnglishValue,i.Name.Arabic=t.Name.ArabicValue,i.Header.English=t.Header.EnglishHtmlEditorValue,i.Header.Arabic=t.Header.ArabicHtmlEditorValue,i.Footer.English=t.Footer.EnglishHtmlEditorValue,i.Footer.Arabic=t.Footer.ArabicHtmlEditorValue,i.HeadSection.English=t.HtmlHeadSection.EnglishHtmlEditorValue,i.HeadSection.Arabic=t.HtmlHeadSection.ArabicHtmlEditorValue,i.HeadTagAttributes.English=t.HtmlHeadTagAttributes.EnglishValue,i.HeadTagAttributes.Arabic=t.HtmlHeadTagAttributes.ArabicValue,this.emailHeaderAndFooterTemplateService.AddEmailHeaderAndFooterTemplate(i).subscribe((function(t){e.AddForm.reset(),e.close()}),(function(e){}))}},e.prototype.close=function(){this.router.navigate(["/Admin/Notifications/MasterLayouts"])},e}();Un.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Un,deps:[{token:De},{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Vn},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),Un.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Un,selector:"lib-add",ngImport:T,template:' \r\n<div class="container-fluid">\r\n  <div class="card card-custom-h">\r\n    \x3c!-- begin::Body --\x3e\r\n    <div class="card-body">\r\n      <form [formGroup]="AddForm"  (ngSubmit)="addHeaderTemplate()">\r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualHeader" [group]="AddForm"></BBSF-MultiLingualHtmlEditor >\r\n          </div>\r\n        </div>\r\n\r\n        <div class=" row">\r\n          <div class="col-md-12 table-dark-skin">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualFooter" [group]="AddForm"></BBSF-MultiLingualHtmlEditor >\r\n            </div>\r\n        </div>\r\n       \r\n        <div class=" row">\r\n          <div class="col-md-12 ">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualHtmlHeadSection" [group]="AddForm"></BBSF-MultiLingualHtmlEditor >\r\n          </div>\r\n        </div>\r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualHtmlHeadTagAttributes" [group]="AddForm"></BBSF-MultiLingualTextBox>\r\n\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n    <div class="card-footer border-0 justify-content-end d-flex">\r\n      <button #CloseAddModal id="CloseAddModal" type="button" class="btn btn-light-primary btn-sm me-3" (click)="close()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n      <button type="submit" class="btn btn-primary btn-sm ">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n    </div>\r\n  </div>\r\n  </div>\r\n',components:[{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵl,selector:"BBSF-MultiLingualHtmlEditor",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Un,decorators:[{type:t.Component,args:[{selector:"lib-add",templateUrl:"./add.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Vn},{type:L.Router}]}});var Gn=function(){function e(e,t,i,r,n,o,s,a){var l=this;this.pageInfoService=e,this.authService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.emailHeaderAndFooterTemplateService=o,this.activatedRoute=s,this.router=a,this.EditForm=new h.FormGroup({}),this.language="",this.activatedRoute.params.subscribe((function(e){l.TemplateId=e.id}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return De.PageTitle="",De.PageBreadcrumbs=[],this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.IsAEditFormLoaded=!1,this.loadEditForm(),[2]}}))}))},e.prototype.loadEditForm=function(){var e=this;this.emailHeaderAndFooterTemplateService.GetEmailHeaderAndFooterTemplateById(this.TemplateId).subscribe((function(t){var i=t,r=new v.EnglishArabicDTO;r.Arabic=i.name.arabic,r.English=i.name.english,e.MultiLingualName=new v.MultiLingualTextBoxOptions,e.MultiLingualName.Name="Name",e.MultiLingualName.ArabicLabelKey="NameInArabic",e.MultiLingualName.EnglishLabelKey="NameInEnglish",e.MultiLingualName.IsRequired=!0,e.MultiLingualName.Value=r;var n=new v.EnglishArabicDTO;n.Arabic=i.headTagAttributes.arabic,n.English=i.headTagAttributes.english,e.MultiLingualHtmlHeadTagAttributes=new v.MultiLingualTextBoxOptions,e.MultiLingualHtmlHeadTagAttributes.Name="HtmlHeadTagAttributes",e.MultiLingualHtmlHeadTagAttributes.ArabicLabelKey="HtmlHeadTagAttributesInArabic",e.MultiLingualHtmlHeadTagAttributes.EnglishLabelKey="HtmlHeadTagAttributesInEnglish",e.MultiLingualHtmlHeadTagAttributes.IsRequired=!0,e.MultiLingualHtmlHeadTagAttributes.Value=n;var o=new v.EnglishArabicDTO;o.Arabic=i.header.arabic,o.English=i.header.english,e.MultiLingualHeader=new v.MultiLingualHtmlEditorOptions,e.MultiLingualHeader.Name="Header",e.MultiLingualHeader.ArabicLabelKey="HeaderInArabic",e.MultiLingualHeader.EnglishLabelKey="HeaderInEnglish",e.MultiLingualHeader.IsRequired=!0,e.MultiLingualHeader.Value=o;var s=new v.EnglishArabicDTO;s.Arabic=i.footer.arabic,s.English=i.footer.english,e.MultiLingualFooter=new v.MultiLingualHtmlEditorOptions,e.MultiLingualFooter.Name="Footer",e.MultiLingualFooter.ArabicLabelKey="FooterInArabic",e.MultiLingualFooter.EnglishLabelKey="FooterInEnglish",e.MultiLingualFooter.IsRequired=!0,e.MultiLingualFooter.Value=s;var a=new v.EnglishArabicDTO;a.Arabic=i.headSection.arabic,a.English=i.headSection.english,e.MultiLingualHtmlHeadSection=new v.MultiLingualHtmlEditorOptions,e.MultiLingualHtmlHeadSection.Name="HtmlHeadSection",e.MultiLingualHtmlHeadSection.ArabicLabelKey="HTMLHeadSectionInArabic",e.MultiLingualHtmlHeadSection.EnglishLabelKey="HTMLHeadSectionInEnglish",e.MultiLingualHtmlHeadSection.IsRequired=!0,e.MultiLingualHtmlHeadSection.Value=s,setTimeout((function(){e.IsAEditFormLoaded=!0}),10)}))},e.prototype.editHeaderTemplate=function(){var e=this;if(!this.EditForm.invalid){var t=this.EditForm.value,i=new Rn;i.ID=Number(this.TemplateId),i.Name.English=t.Name.EnglishValue,i.Name.Arabic=t.Name.ArabicValue,i.Header.English=t.Header.EnglishHtmlEditorValue,i.Header.Arabic=t.Header.ArabicHtmlEditorValue,i.Footer.English=t.Footer.EnglishHtmlEditorValue,i.Footer.Arabic=t.Footer.ArabicHtmlEditorValue,i.HeadSection.English=t.HtmlHeadSection.EnglishHtmlEditorValue,i.HeadSection.Arabic=t.HtmlHeadSection.ArabicHtmlEditorValue,i.HeadTagAttributes.English=t.HtmlHeadTagAttributes.EnglishValue,i.HeadTagAttributes.Arabic=t.HtmlHeadTagAttributes.ArabicValue,this.emailHeaderAndFooterTemplateService.EditEmailHeaderAndFooterTemplate(i).subscribe((function(t){e.EditForm.reset(),e.close()}),(function(e){}))}},e.prototype.close=function(){this.router.navigate(["/Admin/Notifications/MasterLayouts"])},e}();Gn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Gn,deps:[{token:De},{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Vn},{token:L.ActivatedRoute},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),Gn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Gn,selector:"lib-edit",ngImport:T,template:'\r\n<div class="container-fluid">\r\n  <div class="card card-custom-h">\r\n    <div class="card-body">\r\n      <form [formGroup]="EditForm" *ngIf="IsAEditFormLoaded" (ngSubmit)="editHeaderTemplate()">\r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="EditForm"></BBSF-MultiLingualTextBox>\r\n\r\n          </div>\r\n        </div>\r\n      \r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualHeader" [group]="EditForm"></BBSF-MultiLingualHtmlEditor >\r\n          </div>\r\n        </div>\r\n\r\n        <div class=" row">\r\n          <div class="col-md-12 table-dark-skin">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualFooter" [group]="EditForm"></BBSF-MultiLingualHtmlEditor >\r\n            </div>\r\n        </div>\r\n       \r\n        <div class=" row">\r\n          <div class="col-md-12 ">\r\n            <BBSF-MultiLingualHtmlEditor  [options]="MultiLingualHtmlHeadSection" [group]="EditForm"></BBSF-MultiLingualHtmlEditor >\r\n          </div>\r\n        </div>\r\n        <div class=" row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualHtmlHeadTagAttributes" [group]="EditForm"></BBSF-MultiLingualTextBox>\r\n\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n    <div class="card-footer border-0 d-flex justify-content-end">\r\n      <button #CloseAddModal id="CloseAddModal" type="button" class="btn btn-light-primary btn-sm me-3" (click)="close()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n      <button type="submit" class="btn btn-primary btn-sm ">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n\r\n\r\n',components:[{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵl,selector:"BBSF-MultiLingualHtmlEditor",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),H([a.BlockUI()],Gn.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Gn,decorators:[{type:t.Component,args:[{selector:"lib-edit",templateUrl:"./edit.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Vn},{type:L.ActivatedRoute},{type:L.Router}]},propDecorators:{blockUI:[]}});var On=function(){this.Name=new v.EnglishArabicDTO,this.CategoryItemName=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO,this.OrganizationName=new v.EnglishArabicDTO},Hn=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Templates/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddEmailTemplate=function(e){return this.http.post(this.ApiUrl+"AddTemplate",e)},e.prototype.EditEmailTemplate=function(e){return this.http.post(this.ApiUrl+"EditTemplate",e)},e.prototype.EditEmailTemplateByLang=function(e){return this.http.post(this.ApiUrl+"EditEmailTemplate",e)},e.prototype.EditSMSTemplateByLang=function(e){return this.http.post(this.ApiUrl+"EditSMSTemplate",e)},e.prototype.GenerateCodeAll=function(){return this.http.get(this.ApiUrl+"GenerateCodeAll")},e.prototype.GenerateAllUpdateCode=function(){return this.http.get(this.ApiUrl+"GenerateAllUpdateCode")},e.prototype.GenerateSysNames=function(){return this.http.get(this.ApiUrl+"GenerateSysNames")},e.prototype.GenerateCodeById=function(e){return this.http.post(this.ApiUrl+"GenerateCodeById",e)},e.prototype.GenerateUpdateCodeById=function(e){return this.http.post(this.ApiUrl+"GenerateUpdateCodeById",e)},e.prototype.DeleteTemplate=function(e){return this.http.post(this.ApiUrl+"DeleteEmailTemplate",e)},e.prototype.GetTemplateInfo=function(e){var t=new n.HttpParams;return t=t.append("templateId",e.toString()),this.http.get(this.ApiUrl+"GetTemplateInfo",t)},e.prototype.GetTemplateById=function(e){var t=new n.HttpParams;return t=t.append("templateId",e.toString()),this.http.get(this.ApiUrl+"GetTemplateById",t)},e.prototype.GetTemplateInfoByLang=function(e,t){var i=new n.HttpParams;return i=(i=i.append("templateId",e.toString())).append("lang",t),this.http.get(this.ApiUrl+"GetTemplateInfoByLang",i)},e.prototype.GetSendEmailTemplate=function(){return this.http.get(this.ApiUrl+"GetSendEmailTemplate",null)},e.prototype.GetTestSMSTemplate=function(){return this.http.get(this.ApiUrl+"GetTestSMSTemplate",null)},e.prototype.SendEmailTemplate=function(e){return this.http.post(this.ApiUrl+"SendEmailTemplate",e)},e.prototype.TestSendEmailTemplate=function(e){return this.http.post(this.ApiUrl+"TestTemplate",e)},e.prototype.TestSMSTemplate=function(e){return this.http.post(this.ApiUrl+"TestSMSTemplate",e)},e}();Hn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Hn,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Hn.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Hn,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Hn,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var zn=function(){function e(e,t,i,r,n,o,s,a){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this._clipboardService=o,this.templateService=s,this.modalService=a,this.ApiUrl="/api/admin/Templates/",this.SelectedTemplateList=[],this.CategoryList=[],this.TypeList=[],this.OrganizationList=[],this.LanguageModeList=[],this.MasterLayoutList=[],this.filterForm=new h.FormGroup({}),this.TemplateForm=new h.FormGroup({}),this.showFilter=!1,this.TemplatePagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.AddTemplateForm=new h.FormGroup({}),this.EditTemplateForm=new h.FormGroup({}),this.deletedTemplateId=0,this.GenerateCodeForm=new h.FormGroup({}),this.ValueToCopy="",this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Templates"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.ReinitializeTemplatePaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateTemplatePaging=function(){this.input.UpdatePaging()},e.prototype.setTemplateListResult=function(e){this.TemplatePagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.TemplateForm.controls.Category.setValue([]),this.TemplateForm.controls.Type.setValue([]),this.TemplateForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadDropdownLists=function(){var e=this;this.templateService.Loaddropdowns().subscribe((function(t){var i=t;e.OrganizationList=i.organization,e.CategoryList=i.lookUpItemsCategory,e.TypeList=i.types,e.MasterLayoutList=i.emailHeaderAndFooterTemplate,e.LanguageModeList=i.lookUpItemsEmailTemplate,e.CategoryOptions=new v.DropdownOptions,e.CategoryOptions.Name="Category",e.CategoryOptions.LabelKey="Category",e.CategoryOptions.DataSource=e.CategoryList,e.CategoryOptions.SingleSelection=!1,e.CategoryOptions.AllowSearchFilter=!0,e.CategoryOptions.Placeholder="",e.TypeOptions=new v.DropdownOptions,e.TypeOptions.Name="Type",e.TypeOptions.LabelKey="Type",e.TypeOptions.DataSource=e.TypeList,e.TypeOptions.SingleSelection=!0,e.TypeOptions.AllowSearchFilter=!0,e.TypeOptions.Placeholder="",e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.searchTextBox.HideLabel=!0,e.CategoryFilter=new v.FilterItem,e.CategoryFilter.FormControlName="Category",e.CategoryFilter.ActionParameterName="CategoryItemID",e.CategoryFilter.IsFormControl=!0,e.CategoryFilter.FilterType=v.FilterType.DropdownList,e.TypeFilter=new v.FilterItem,e.TypeFilter.FormControlName="Type",e.TypeFilter.ActionParameterName="type",e.TypeFilter.IsFormControl=!0,e.TypeFilter.FilterType=v.FilterType.DropdownList,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.TemplatePaging=new v.PagingOptions,e.TemplatePaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetTemplatesByFilter",e.TemplatePaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.TemplatePaging.DropdownFiltersControlNames=["Category","Type"],e.TemplatePaging.Filters=[e.CategoryFilter,e.TypeFilter,e.TextInputFilter],e.TemplatePaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.showAddTemplateModal=function(e){this.utilityService.startBlockUI(),this.AddTemplateForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.DescriptionInEnglish=new v.TextAreaOptions,this.DescriptionInEnglish.Name="DescriptionInEnglish",this.DescriptionInEnglish.LabelValue="DescriptionInEnglish",this.DescriptionInEnglish.Value=null,this.DescriptionInArabic=new v.TextAreaOptions,this.DescriptionInArabic.Name="DescriptionInArabic",this.DescriptionInArabic.LabelKey="DescriptionInArabic",this.DescriptionInArabic.Value=null,this.Organization=new v.DropdownOptions,this.Organization.Name="Organization",this.Organization.LabelKey="Organization",this.Organization.DataSource=this.OrganizationList,this.Organization.SingleSelection=!0,this.Organization.AllowSearchFilter=!0,this.Organization.Placeholder="",this.Organization.IsRequired=!0,this.LanguageMode=new v.DropdownOptions,this.LanguageMode.Name="LanguageMode",this.LanguageMode.LabelKey="LanguageMode",this.LanguageMode.DataSource=this.LanguageModeList,this.LanguageMode.SingleSelection=!0,this.LanguageMode.AllowSearchFilter=!0,this.LanguageMode.Placeholder="",this.LanguageMode.IsRequired=!0,this.MasterLayout=new v.DropdownOptions,this.MasterLayout.Name="MasterLayout",this.MasterLayout.LabelKey="MasterLayout",this.MasterLayout.DataSource=this.MasterLayoutList,this.MasterLayout.SingleSelection=!0,this.MasterLayout.AllowSearchFilter=!0,this.MasterLayout.Placeholder="",this.MasterLayout.IsRequired=!0,this.Category=new v.DropdownOptions,this.Category.Name="Category",this.Category.LabelKey="Category",this.Category.DataSource=this.CategoryList,this.Category.SingleSelection=!0,this.Category.AllowSearchFilter=!0,this.Category.Placeholder="",this.Category.IsRequired=!0,this.IsEmail=new v.CheckBoxOptions,this.IsEmail.Name="IsEmail",this.IsEmail.LabelKey="Email",this.IsSms=new v.CheckBoxOptions,this.IsSms.Name="IsSms",this.IsSms.LabelKey="SMS",this.EnableIntensiveLogging=new v.CheckBoxOptions,this.EnableIntensiveLogging.Name="EnableIntensiveLogging",this.EnableIntensiveLogging.LabelKey="EnableIntensiveLogging",this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addTemplate=function(){var e=this;if(!this.AddTemplateForm.invalid){var t=this.AddTemplateForm.value,i=new On;i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.SysName=t.SysName,i.Description.English=t.DescriptionInEnglish,i.Description.Arabic=t.DescriptionInArabic,i.OrganizationID=Number(t.Organization),i.CategoryItemID=Number(t.Category),i.LanguageModeItemID=Number(t.LanguageMode),i.EmailHeaderAndFooterTemplateID=Number(t.MasterLayout),i.IsEmail=null!=t.IsEmail&&t.IsEmail,i.IsSms=null!=t.IsSms&&t.IsSms,i.EnableIntensiveLogging=null!=t.EnableIntensiveLogging&&t.EnableIntensiveLogging,this.templateService.AddEmailTemplate(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditTemplateModal=function(e,t){this.utilityService.startBlockUI(),this.EditTemplateForm=new h.FormGroup({}),this.TemplateId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="EditSysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditDescriptionInEnglish=new v.TextAreaOptions,this.EditDescriptionInEnglish.Name="EditDescriptionInEnglish",this.EditDescriptionInEnglish.LabelKey="DescriptionInEnglish",this.EditDescriptionInEnglish.Value=e.description.english,this.EditDescriptionInArabic=new v.TextAreaOptions,this.EditDescriptionInArabic.Name="EditDescriptionInArabic",this.EditDescriptionInArabic.LabelKey="DescriptionInArabic",this.EditDescriptionInArabic.Value=e.description.arabic,this.EditDescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditOrganization=new v.DropdownOptions,this.EditOrganization.Name="EditOrganization",this.EditOrganization.LabelKey="Organization",this.EditOrganization.DataSource=this.OrganizationList,this.EditOrganization.SingleSelection=!0,this.EditOrganization.AllowSearchFilter=!0,this.EditOrganization.Placeholder="",this.EditOrganization.IsRequired=!0,this.EditOrganization.SelectedItems=this.OrganizationList.filter((function(t){return parseInt(t.key)==e.organizationID})).map((function(e){return e.key}))[0],this.EditLanguageMode=new v.DropdownOptions,this.EditLanguageMode.Name="EditLanguageMode",this.EditLanguageMode.LabelKey="LanguageMode",this.EditLanguageMode.DataSource=this.LanguageModeList,this.EditLanguageMode.SingleSelection=!0,this.EditLanguageMode.AllowSearchFilter=!0,this.EditLanguageMode.Placeholder="",this.EditLanguageMode.IsRequired=!0,this.EditLanguageMode.SelectedItems=this.LanguageModeList.filter((function(t){return parseInt(t.key)==e.languageModeItemID})).map((function(e){return e.key}))[0],this.EditMasterLayout=new v.DropdownOptions,this.EditMasterLayout.Name="EditMasterLayout",this.EditMasterLayout.LabelKey="MasterLayout",this.EditMasterLayout.DataSource=this.MasterLayoutList,this.EditMasterLayout.SingleSelection=!0,this.EditMasterLayout.AllowSearchFilter=!0,this.EditMasterLayout.Placeholder="",this.EditMasterLayout.IsRequired=!0,this.EditMasterLayout.SelectedItems=this.MasterLayoutList.filter((function(t){return parseInt(t.key)==e.emailHeaderAndFooterTemplateID})).map((function(e){return e.key}))[0],this.EditCategory=new v.DropdownOptions,this.EditCategory.Name="EditCategory",this.EditCategory.LabelKey="Category",this.EditCategory.DataSource=this.CategoryList,this.EditCategory.SingleSelection=!0,this.EditCategory.AllowSearchFilter=!0,this.EditCategory.Placeholder="",this.EditCategory.IsRequired=!0,this.EditCategory.SelectedItems=this.CategoryList.filter((function(t){return parseInt(t.key)==e.categoryItemID})).map((function(e){return e.key}))[0],this.EditIsEmail=new v.CheckBoxOptions,this.EditIsEmail.Name="EditIsEmail",this.EditIsEmail.LabelKey="Email",this.EditIsEmail.Value=e.isEmail,this.EditIsSms=new v.CheckBoxOptions,this.EditIsSms.Name="EditIsSms",this.EditIsSms.LabelKey="SMS",this.EditIsSms.Value=e.isSms,this.EditEnableIntensiveLogging=new v.CheckBoxOptions,this.EditEnableIntensiveLogging.Name="EditEnableIntensiveLogging",this.EditEnableIntensiveLogging.LabelKey="EnableIntensiveLogging",this.EditEnableIntensiveLogging.Value=e.enableIntensiveLogging,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editTemplate=function(){var e=this;if(!this.EditTemplateForm.invalid){var t=this.EditTemplateForm.value,i=new On;i.ID=Number(this.TemplateId),i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.SysName=t.EditSysName,i.Description.English=t.EditDescriptionInEnglish,i.Description.Arabic=t.EditDescriptionInArabic,i.OrganizationID=Number(t.EditOrganization),i.CategoryItemID=Number(t.EditCategory),i.LanguageModeItemID=Number(t.EditLanguageMode),i.EmailHeaderAndFooterTemplateID=Number(t.EditMasterLayout),i.IsEmail=t.EditIsEmail,i.IsSms=t.EditIsSms,i.EnableIntensiveLogging=t.EditEnableIntensiveLogging,this.templateService.EditEmailTemplate(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteEmailTemplateModal=function(e,t){this.deletedTemplateId=e.id,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteEmailTemplate=function(){var e=this;this.templateService.DeleteTemplate(this.deletedTemplateId).subscribe((function(t){e.deletedTemplateId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.showGenerateCodeAllModal=function(e){var t=this;this.templateService.GenerateCodeAll().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGenerateAllUpdateCodeModal=function(e){var t=this;this.templateService.GenerateAllUpdateCode().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGeneratSysNameModal=function(e){var t=this;this.templateService.GenerateSysNames().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGenerateCodeByIdModal=function(e,t){var i=this;this.templateService.GenerateCodeById(e.id).subscribe((function(e){var r=e;i.GenerateCodeTextArea=new v.TextAreaOptions,i.GenerateCodeTextArea.Name="GenerateCodeTextArea",i.GenerateCodeTextArea.Value=r.val.toString(),i.ValueToCopy=r.val.toString(),i.GenerateCodeTextArea.IsDisabled=!0,i.GenerateCodeTextArea.HideLabel=!0,i.GenerateCodeTextArea.Rows=20,i.GenerateCodeTextArea.Cols=20,i.GenerateCodeTextArea.MaxLength=1e6,i.modalService.open(t)}),(function(e){}))},e.prototype.showGenerateUpdateCodeByIdModal=function(e,t){var i=this;this.templateService.GenerateUpdateCodeById(e.id).subscribe((function(e){var r=e;i.GenerateCodeTextArea=new v.TextAreaOptions,i.GenerateCodeTextArea.Name="GenerateCodeTextArea",i.GenerateCodeTextArea.Value=r.val.toString(),i.ValueToCopy=r.val.toString(),i.GenerateCodeTextArea.IsDisabled=!0,i.GenerateCodeTextArea.HideLabel=!0,i.GenerateCodeTextArea.Rows=20,i.GenerateCodeTextArea.Cols=20,i.GenerateCodeTextArea.MaxLength=1e6,i.modalService.open(t)}),(function(e){}))},e}();zn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:zn,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:Hn},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),zn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:zn,selector:"lib-templates",viewQueries:[{propertyName:"input",first:!0,predicate:["TemplatePagingViewElement"],descendants:!0},{propertyName:"CloseTemplateModal",first:!0,predicate:["CloseTemplateModal"],descendants:!0},{propertyName:"CloseEditTemplateModal",first:!0,predicate:["CloseEditTemplateModal"],descendants:!0},{propertyName:"CloseDeleteTemplateModal",first:!0,predicate:["CloseDeleteTemplateModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="TemplateForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="TemplateForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <div ngbDropdown class="d-inline-block" [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}">\r\n            <button ngbDropdownToggle href="javascript:;" type="button" class="btn btn-sm btn-light-primary me-3" id="FiltersDropdown" title="Filter">\r\n              <i class="fas fa-filter me-1"></i>\r\n              {{utilityService.getResourceValue("Filter")}}\r\n            </button>\r\n            <div *ngIf="IsFilterLoaded" ngbDropdownMenu aria-labelledby="FiltersDropdown" class=" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 ">\r\n              <form [formGroup]="TemplateForm">\r\n                <div class="px-7 py-5">\r\n                  <div class="row">\r\n                    <div class="col-lg-12">\r\n                      <div class="mb-10">\r\n                        <BBSF-DropdownList [options]="CategoryOptions" [group]="TemplateForm"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class="col-lg-12">\r\n                      <div class="mb-10">\r\n                        <BBSF-DropdownList [options]="TypeOptions" [group]="TemplateForm"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class="d-flex justify-content-end">\r\n                    <button class="btn btn-light btn-active-light-primary pv-reset btn-sm" id="applyFiltersBtn"\r\n                            (click)="resetFilters()">\r\n                      {{utilityService.getResourceValue("Reset")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button id="btnSetPass" class="btn btn-light-primary btn-sm me-3"\r\n                 (click)="showGenerateCodeAllModal(GenerateCodeModal)">\r\n            <i class="fa fa-key"></i>{{utilityService.getResourceValue("GenerateCode")}}\r\n          </button>\r\n          <button id="btnSetPass" class="btn btn-light-primary btn-sm me-3"\r\n         (click)="showGenerateAllUpdateCodeModal(GenerateCodeModal)">\r\n            <i class="fa fa-key"></i>{{utilityService.getResourceValue("GenerateUpdateCode")}}\r\n          </button>\r\n          <button id="btnSetPass" class="btn btn-light-primary btn-sm me-3"\r\n                  (click)="showGeneratSysNameModal(GenerateCodeModal)">\r\n            <i class="fa fa-key"></i>{{utilityService.getResourceValue("GenerateSysName")}}\r\n          </button>\r\n          <button type="button" title="Add" class="btn btn-sm btn-primary" (click)="showAddTemplateModal(AddTemplateModal)">\r\n            <i class="kt-nav__link-icon fa fa-plus"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      \x3c!-- end::Header --\x3e\r\n      \x3c!-- begin::Body --\x3e\r\n      <div class="card-body py-3">\r\n        \x3c!-- begin::Table --\x3e\r\n        <div class="table-responsive">\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="mw-150px">{{utilityService.getResourceValue("Name")}}</th>\r\n                <th class="mw-150px">{{utilityService.getResourceValue("Description")}}</th>\r\n                <th class="mw-150px">{{utilityService.getResourceValue("Category")}}</th>\r\n                <th class="mw-150px">{{utilityService.getResourceValue("Type")}}</th>\r\n                <th class="mw-150px" *ngIf="!ProductionMode">{{utilityService.getResourceValue("SysName")}}</th>\r\n                <th class="mw-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 Template of TemplatePagingResult">\r\n                <td>\r\n                  <a *ngIf="language==\'en\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Notifications/TemplateInfo\',Template.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Template.name.english}}</a>\r\n                  <a *ngIf="language==\'ar\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Notifications/TemplateInfo\',Template.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Template.name.arabic}}</a>\r\n                </td>\r\n                <td *ngIf="language==\'en\'">{{Template.description.english}}</td>\r\n                <td *ngIf="language==\'ar\'">{{Template.description.arabic}}</td>\r\n                <td *ngIf="language==\'en\'">{{Template.categoryItemName.english}}</td>\r\n                <td *ngIf="language==\'ar\'">{{Template.categoryItemName.arabic}}</td>\r\n\r\n                <td>{{Template.isEmail==true?"Email":"SMS"}}</td>\r\n                <td *ngIf="!ProductionMode">{{Template.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 type="button" ngbDropdownItem class="drop-item px-3"\r\n                              (click)="showEditTemplateModal(Template,EditTemplateModal)">\r\n                        <span class="drop-link px-3"> {{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button type="button" ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                              (click)="showGenerateCodeByIdModal(Template,GenerateCodeModal)">\r\n                        <span class="drop-link px-3"> {{utilityService.getResourceValue("GenerateCode")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                              (click)="showDeleteEmailTemplateModal(Template,deleteTemplateModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="TemplatePagingResult.length == 0">\r\n                <td [attr.colspan]="ProductionMode ? \'5\' : \'6\'">\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      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setTemplateListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="TemplatePaging" [group]="TemplateForm" #TemplatePagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddTemplateModal 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("Template")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddTemplateForm"\r\n            (ngSubmit)="addTemplate()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddTemplateForm"></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-TextArea [options]="DescriptionInEnglish" [group]="AddTemplateForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="DescriptionInArabic" [group]="AddTemplateForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="!ProductionMode">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="SysName" [group]="AddTemplateForm">\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 [options]="Organization" [group]="AddTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="LanguageMode" [group]="AddTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="Category" [group]="AddTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="MasterLayout" [group]="AddTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="IsEmail" [group]="AddTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="IsSms" [group]="AddTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EnableIntensiveLogging" [group]="AddTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="text-center pt-7">\r\n          <button #CloseTemplateModal id="CloseTemplateModal" 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\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- edit Modal --\x3e\r\n  <ng-template #EditTemplateModal 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("Template")}}</h1>\r\n      </div>\r\n\r\n      <form [formGroup]="EditTemplateForm" (ngSubmit)="editTemplate()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditTemplateForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInEnglish" [group]="EditTemplateForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInArabic" [group]="EditTemplateForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="!ProductionMode">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditSysName" [group]="EditTemplateForm">\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 [options]="EditOrganization" [group]="EditTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditLanguageMode" [group]="EditTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditCategory" [group]="EditTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditMasterLayout" [group]="EditTemplateForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditIsEmail" [group]="EditTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditIsSms" [group]="EditTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditEnableIntensiveLogging" [group]="EditTemplateForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditTemplateModal id="CloseEditTemplateModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- GenerateCode Modal --\x3e\r\n  <ng-template #GenerateCodeModal 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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n        <BBSF-TextArea [options]="GenerateCodeTextArea" [group]="GenerateCodeForm"\r\n                       #GenerateCodeInput>\r\n        </BBSF-TextArea>\r\n        <div class="text-center pt-7">\r\n          <button #CloseGenerateCodeModal id="CloseGenerateCodeModal" 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="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n            {{utilityService.getResourceValue("CopyToClipboard")}}\r\n          </button>\r\n\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteTemplateModal 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("Delete")}} {{utilityService.getResourceValue("Template")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteTemplateModal id="CloseDeleteTemplateModal" 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="button" (click)="deleteEmailTemplate()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:E.NgbDropdown,selector:"[ngbDropdown]",inputs:["open","placement","container","autoClose","display"],outputs:["openChange"],exportAs:["ngbDropdown"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:E.NgbDropdownToggle,selector:"[ngbDropdownToggle]"},{type:E.NgbDropdownMenu,selector:"[ngbDropdownMenu]"},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:zn,decorators:[{type:t.Component,args:[{selector:"lib-templates",templateUrl:"./templates.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:Hn},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["TemplatePagingViewElement",{static:!1}]}],CloseTemplateModal:[{type:t.ViewChild,args:["CloseTemplateModal",{static:!1}]}],CloseEditTemplateModal:[{type:t.ViewChild,args:["CloseEditTemplateModal",{static:!1}]}],CloseDeleteTemplateModal:[{type:t.ViewChild,args:["CloseDeleteTemplateModal",{static:!1}]}]}});var jn=function(){},Wn=function(){},Kn=function(){},qn=function(){function e(e,t,i,r,n,o,s,a,l,d){var c=this;this.authService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this._clipboardService=n,this.templateService=o,this.activatedRoute=s,this.router=a,this.pageInfoService=l,this.modalService=d,this.TemplateId="",this.CategoryList=[],this.TypeList=[],this.OrganizationList=[],this.LanguageModeList=[],this.MasterLayoutList=[],this.GenerateCodeForm=new h.FormGroup({}),this.ValueToCopy="",this.SendEmailForm=new h.FormGroup({}),this.TestSendEmailForm=new h.FormGroup({}),this.TestSendSMSForm=new h.FormGroup({}),this.EditTemplateForm=new h.FormGroup({}),this.language="",this.activatedRoute.params.subscribe((function(e){c.TemplateId=e.id}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.utilityService.startBlockUI(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.utilityService.stopBlockUI(),t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.templateService.GetTemplateInfo(Number(this.TemplateId)).subscribe((function(e){var i=e;t.TemplateInfo=i.val,De.PageTitle=t.TemplateInfo.templateName,De.PageBreadcrumbs=[{title:t.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:t.utilityService.getResourceValue("Templates"),path:"/Admin/Notifications/Templates",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],t.pageInfoService.calculateTitle(),t.pageInfoService.calculateBreadcrumbs()})),this.templateService.GetSendEmailTemplate().subscribe((function(e){var i=e;t.EmailServiceProviderList=i.val.emailProviders,t.LanguageList=i.val.languageKeys})),this.templateService.GetTestSMSTemplate().subscribe((function(e){var i=e;t.SMSServiceProviderList=i.val})),this.LoadDropdownLists(),[2]}}))}))},e.prototype.LoadDropdownLists=function(){var e=this;this.templateService.Loaddropdowns().subscribe((function(t){var i=t;e.OrganizationList=i.organization,e.CategoryList=i.lookUpItemsCategory,e.TypeList=i.types,e.MasterLayoutList=i.emailHeaderAndFooterTemplate,e.LanguageModeList=i.lookUpItemsEmailTemplate}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.showGenerateCodeByIdModal=function(e,t){var i=this;this.templateService.GenerateCodeById(e.id).subscribe((function(e){var r=e;i.GenerateCodeTextArea=new v.TextAreaOptions,i.GenerateCodeTextArea.Name="GenerateCodeTextArea",i.GenerateCodeTextArea.Value=r.val.toString(),i.ValueToCopy=r.val.toString(),i.GenerateCodeTextArea.IsDisabled=!0,i.GenerateCodeTextArea.HideLabel=!0,i.GenerateCodeTextArea.Rows=20,i.GenerateCodeTextArea.Cols=20,i.GenerateCodeTextArea.MaxLength=1e6,i.modalService.open(t)}),(function(e){}))},e.prototype.showGenerateUpdateCodeByIdModal=function(e,t){var i=this;this.GenerateCodeForm=new h.FormGroup({}),this.templateService.GenerateUpdateCodeById(e.id).subscribe((function(e){var r=e;i.GenerateCodeTextArea=new v.TextAreaOptions,i.GenerateCodeTextArea.Name="GenerateCodeTextArea",i.GenerateCodeTextArea.Value=r.val.toString(),i.ValueToCopy=r.val.toString(),i.GenerateCodeTextArea.IsDisabled=!0,i.GenerateCodeTextArea.HideLabel=!0,i.GenerateCodeTextArea.Rows=20,i.GenerateCodeTextArea.Cols=20,i.GenerateCodeTextArea.MaxLength=1e6,i.modalService.open(t)}),(function(e){}))},e.prototype.showEditTemplateModal=function(e){var t=this;this.EditTemplateForm=new h.FormGroup({}),this.templateService.GetTemplateById(Number(this.TemplateId)).subscribe((function(i){var r=i;t.Template=r.val,t.TemplateId=t.Template.id;var n=new v.EnglishArabicDTO;n.Arabic=t.Template.name.arabic,n.English=t.Template.name.english,t.EditMultiLingualName=new v.MultiLingualTextBoxOptions,t.EditMultiLingualName.Name="Name",t.EditMultiLingualName.ArabicLabelKey="NameInArabic",t.EditMultiLingualName.EnglishLabelKey="NameInEnglish",t.EditMultiLingualName.IsRequired=!0,t.EditMultiLingualName.Value=n,t.EditSysName=new v.TextBoxOptions,t.EditSysName.Name="EditSysName",t.EditSysName.LabelKey="SysName",t.EditSysName.Type=v.InputType.Text,t.EditSysName.Value=t.Template.sysName,t.EditDescriptionInEnglish=new v.TextAreaOptions,t.EditDescriptionInEnglish.Name="EditDescriptionInEnglish",t.EditDescriptionInEnglish.LabelKey="DescriptionInEnglish",t.EditDescriptionInEnglish.Value=t.Template.description.english,t.EditDescriptionInArabic=new v.TextAreaOptions,t.EditDescriptionInArabic.Name="EditDescriptionInArabic",t.EditDescriptionInArabic.LabelKey="DescriptionInArabic",t.EditDescriptionInArabic.Value=t.Template.description.arabic,t.EditOrganization=new v.DropdownOptions,t.EditOrganization.Name="EditOrganization",t.EditOrganization.LabelKey="Organization",t.EditOrganization.ViewType=v.ControlLayout.Vertical,t.EditOrganization.DataSource=t.OrganizationList,t.EditOrganization.SingleSelection=!0,t.EditOrganization.AllowSearchFilter=!0,t.EditOrganization.Placeholder="",t.EditOrganization.IsRequired=!0,t.EditOrganization.SelectedItems=t.OrganizationList.filter((function(e){return parseInt(e.key)==t.Template.organizationID})).map((function(e){return e.key}))[0],t.EditLanguageMode=new v.DropdownOptions,t.EditLanguageMode.Name="EditLanguageMode",t.EditLanguageMode.LabelKey="LanguageMode",t.EditLanguageMode.DataSource=t.LanguageModeList,t.EditLanguageMode.SingleSelection=!0,t.EditLanguageMode.AllowSearchFilter=!0,t.EditLanguageMode.Placeholder="",t.EditLanguageMode.IsRequired=!0,t.EditLanguageMode.SelectedItems=t.LanguageModeList.filter((function(e){return parseInt(e.key)==t.Template.languageModeItemID})).map((function(e){return e.key}))[0],t.EditMasterLayout=new v.DropdownOptions,t.EditMasterLayout.Name="EditMasterLayout",t.EditMasterLayout.LabelKey="MasterLayout",t.EditMasterLayout.DataSource=t.MasterLayoutList,t.EditMasterLayout.SingleSelection=!0,t.EditMasterLayout.AllowSearchFilter=!0,t.EditMasterLayout.Placeholder="",t.EditMasterLayout.IsRequired=!0,t.EditMasterLayout.SelectedItems=t.MasterLayoutList.filter((function(e){return parseInt(e.key)==t.Template.emailHeaderAndFooterTemplateID})).map((function(e){return e.key}))[0],t.EditCategory=new v.DropdownOptions,t.EditCategory.Name="EditCategory",t.EditCategory.LabelKey="Category",t.EditCategory.DataSource=t.CategoryList,t.EditCategory.SingleSelection=!0,t.EditCategory.AllowSearchFilter=!0,t.EditCategory.Placeholder="",t.EditCategory.IsRequired=!0,t.EditCategory.SelectedItems=t.CategoryList.filter((function(e){return parseInt(e.key)==t.Template.categoryItemID})).map((function(e){return e.key}))[0],t.EditIsEmail=new v.CheckBoxOptions,t.EditIsEmail.Name="EditIsEmail",t.EditIsEmail.LabelKey="IsEmail",t.EditIsEmail.Value=t.Template.isEmail,t.EditIsSms=new v.CheckBoxOptions,t.EditIsSms.Name="EditIsSms",t.EditIsSms.LabelKey="IsSms",t.EditIsSms.Value=t.Template.isSms,t.EditEnableIntensiveLogging=new v.CheckBoxOptions,t.EditEnableIntensiveLogging.Name="EditEnableIntensiveLogging",t.EditEnableIntensiveLogging.LabelKey="EnableIntensiveLogging",t.EditEnableIntensiveLogging.Value=t.Template.enableIntensiveLogging,t.modalService.open(e)}))},e.prototype.editTemplate=function(){var e=this;if(!this.EditTemplateForm.invalid){var t=this.EditTemplateForm.value,i=new On;i.ID=Number(this.TemplateId),i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.SysName=t.EditSysName,i.Description.English=t.EditDescriptionInEnglish,i.Description.Arabic=t.EditDescriptionInArabic,i.OrganizationID=Number(t.EditOrganization),i.CategoryItemID=Number(t.EditCategory),i.LanguageModeItemID=Number(t.EditLanguageMode),i.EmailHeaderAndFooterTemplateID=Number(t.EditMasterLayout),i.IsEmail=t.EditIsEmail,i.IsSms=t.EditIsSms,i.EnableIntensiveLogging=t.EditEnableIntensiveLogging,this.templateService.EditEmailTemplate(i).subscribe((function(t){e.modalService.dismissAll()}),(function(e){}))}},e.prototype.showSendEmailModal=function(e){this.utilityService.startBlockUI(),this.SendEmailForm=new h.FormGroup({}),this.To=new v.TextAreaOptions,this.To.Name="To",this.To.LabelKey="To",this.To.Value=null,this.To.IsRequired=!0,this.EmailServiceProvider=new v.DropdownOptions,this.EmailServiceProvider.Name="EmailServiceProvider",this.EmailServiceProvider.LabelKey="EmailServiceProvider",this.EmailServiceProvider.DataSource=this.EmailServiceProviderList,this.EmailServiceProvider.SingleSelection=!0,this.EmailServiceProvider.AllowSearchFilter=!0,this.EmailServiceProvider.Placeholder="",this.EmailServiceProvider.IsRequired=!0,this.Language=new v.DropdownOptions,this.Language.Name="Language",this.Language.LabelKey="Language",this.Language.DataSource=this.LanguageList,this.Language.SingleSelection=!0,this.Language.AllowSearchFilter=!0,this.Language.Placeholder="",this.Language.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.sendEmail=function(){var e=this;if(!this.SendEmailForm.invalid){var t=this.SendEmailForm.value,i=new jn;i.TemplateID=Number(this.TemplateId),i.ToEmails=t.To,i.LangKey=t.Language,i.EmailProviderName=t.EmailServiceProvider,this.templateService.SendEmailTemplate(i).subscribe((function(t){e.modalService.dismissAll()}),(function(e){}))}},e.prototype.showTestSendEmailModal=function(e){this.utilityService.startBlockUI(),this.SendEmailForm=new h.FormGroup({}),this.TestSendEmailTo=new v.TextAreaOptions,this.TestSendEmailTo.Name="TestSendEmailTo",this.TestSendEmailTo.LabelKey="SendTo",this.TestSendEmailTo.Value=null,this.TestSendEmailTo.IsRequired=!0,this.TestEmailServiceProvider=new v.DropdownOptions,this.TestEmailServiceProvider.Name="TestEmailServiceProvider",this.TestEmailServiceProvider.LabelKey="EmailServiceProvider",this.TestEmailServiceProvider.DataSource=this.EmailServiceProviderList,this.TestEmailServiceProvider.SingleSelection=!0,this.TestEmailServiceProvider.AllowSearchFilter=!0,this.TestEmailServiceProvider.Placeholder="",this.TestEmailServiceProvider.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.testSendEmail=function(){var e=this;if(!this.TestSendEmailForm.invalid){var t=this.TestSendEmailForm.value,i=new Wn;i.TemplateID=Number(this.TemplateId),i.ToEmail=t.TestSendEmailTo,i.EmailProviderName=t.TestEmailServiceProvider,this.templateService.TestSendEmailTemplate(i).subscribe((function(t){e.modalService.dismissAll()}),(function(e){}))}},e.prototype.showTestSendSMSModal=function(e){this.utilityService.startBlockUI(),this.SendEmailForm=new h.FormGroup({}),this.TestSendSMSTo=new v.PhoneOptions,this.TestSendSMSTo.Name="TestSendSMSTo",this.TestSendSMSTo.LabelKey="SendTo",this.TestSendSMSTo.Value=null,this.TestSendSMSTo.IsRequired=!0,this.TestSendSMSTo.ShowAsterisk=!0,this.TestSendSMSTo.SelectedCountryISO=v.Country.UnitedArabEmirates,this.TestSendSMSTo.PhoneValidation=!0,this.TestSendSMSTo.AllowSearch=!0,this.TestSMSServiceProvider=new v.DropdownOptions,this.TestSMSServiceProvider.Name="TestSMSServiceProvider",this.TestSMSServiceProvider.LabelKey="SMSServiceProvider",this.TestSMSServiceProvider.DataSource=this.SMSServiceProviderList,this.TestSMSServiceProvider.SingleSelection=!0,this.TestSMSServiceProvider.AllowSearchFilter=!0,this.TestSMSServiceProvider.Placeholder="",this.TestSMSServiceProvider.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.testSendSMS=function(){var e=this;if(!this.TestSendSMSForm.invalid){var t=this.TestSendSMSForm.value,i=new Kn;i.TemplateID=Number(this.TemplateId);var r=null;null!=t.TestSendSMSTo&&(r=(r=t.TestSendSMSTo.internationalNumber).replace(/\s/g,"")),i.ToMobileNumber=r,i.SMSProviderName=t.TestSMSServiceProvider,this.templateService.TestSMSTemplate(i).subscribe((function(t){e.modalService.dismissAll()}),(function(e){}))}},e}();qn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qn,deps:[{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:Hn},{token:L.ActivatedRoute},{token:L.Router},{token:De},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),qn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:qn,selector:"lib-template-info",viewQueries:[{propertyName:"CloseSendEmailForm",first:!0,predicate:["CloseSendEmailForm"],descendants:!0},{propertyName:"CloseTestSendEmailForm",first:!0,predicate:["CloseTestSendEmailForm"],descendants:!0},{propertyName:"CloseTestSendSMSForm",first:!0,predicate:["CloseTestSendSMSForm"],descendants:!0},{propertyName:"CloseEditTemplateModal",first:!0,predicate:["CloseEditTemplateModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\r\n  <div class="container-fluid">\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">\r\n\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-light-primary"\r\n                  (click)="showEditTemplateModal(EditTemplateModal)">\r\n            <i class="fa fa fa-edit" aria-hidden="true"></i>\r\n            <span>{{utilityService.getResourceValue("Edit")}}</span>\r\n          </button>\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-light-primary"\r\n                  (click)="showSendEmailModal(SendEmailModal)">\r\n            <i class="fa fa-paper-plane"></i>{{utilityService.getResourceValue("SendEmail")}}\r\n          </button>\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-light-primary"\r\n                  (click)="showTestSendEmailModal(TestSendEmailModal)">\r\n            <i class="fa fa-bars"></i>{{utilityService.getResourceValue("TestSendEmail")}}\r\n          </button>\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-light-primary"\r\n                  (click)="showTestSendSMSModal(TestSendSMSModal)">\r\n            <i class="fa fa-envelope-open-text sms"></i>{{utilityService.getResourceValue("TestSendSMS")}}\r\n          </button>\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-primary" *ngIf="!ProductionMode"\r\n                  (click)="showGenerateCodeByIdModal(TemplateInfo, GenerateCodeModal)">\r\n            <i class="fa fa-bars"></i>{{utilityService.getResourceValue("GenerateCode")}}\r\n          </button>\r\n          <button type="button" id="btnSetPass" class="btn btn-sm me-3 btn-primary" *ngIf="!ProductionMode"\r\n                  (click)="showGenerateUpdateCodeByIdModal(TemplateInfo,GenerateCodeModal)">\r\n            <i class="fa fa-key"></i>{{utilityService.getResourceValue("GenerateUpdateCode")}}\r\n          </button>\r\n\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="row">\r\n          <div class="col-xl-6 mb-10">\r\n            <div class="d-flex h-100 align-items-center ">\r\n              \x3c!--begin::Option--\x3e\r\n              <div class="w-100 d-flex flex-column flex-center rounded-3 bg-light py-10 px-10 h-100">\r\n                \x3c!--begin::Heading--\x3e\r\n                <div class="mb-7 d-flex justify-content-between w-100">\r\n                  \x3c!--begin::Title--\x3e\r\n                  <a [routerLink]="[\'/Admin/Notifications/EditEmail\',TemplateInfo.id,\'en\']"\r\n                     routerLinkActive="router-link-active" class="text-primary mb-5 fw-boldest fs-2">\r\n                    English:\r\n                    {{TemplateInfo.emailtemplateinfo.emailSubject.english}}\r\n                  </a>\r\n\r\n                  <a [routerLink]="[\'/Admin/Notifications/EditEmail\',TemplateInfo.id,\'en\']"\r\n                     routerLinkActive="router-link-active" class="btn btn-sm btn-light-primary btn-icon">\r\n                    <i class="fa fa-pen"></i>\r\n                  </a>\r\n\r\n                </div>\r\n                <div class="w-100 mb-10">\r\n                  \x3c!--begin::Item--\x3e\r\n                  <div class="d-flex align-items-center mb-5">\r\n                    <div class="fw-bold fs-6 text-gray-800 flex-grow-1 pe-3">\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.templateEmailBaseHeader.english}}">\r\n                      </div>\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.emailHtmlHeadSection.english}}">\r\n                      </div>\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.emailBody.english}}">\r\n                      </div>\r\n                      <div class="table-dark-skin pt-7" innerHTML="{{TemplateInfo.emailtemplateinfo.templateEmailBaseFooter.english}}">\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                \x3c!--end::Select--\x3e\r\n              </div>\r\n              \x3c!--end::Option--\x3e\r\n            </div>\r\n          </div>\r\n          <div class="col-xl-6 mb-10">\r\n            <div class="d-flex h-100 align-items-center">\r\n              \x3c!--begin::Option--\x3e\r\n              <div class="w-100 d-flex flex-column flex-center rounded-3 bg-light py-10 px-10 h-100">\r\n                \x3c!--begin::Heading--\x3e\r\n                <div class="mb-7 d-flex justify-content-between w-100">\r\n                  \x3c!--begin::Title--\x3e\r\n                  <a [routerLink]="[\'/Admin/Notifications/EditEmail\',TemplateInfo.id,\'ar\']"\r\n                     routerLinkActive="router-link-active" class="text-primary mb-5 fw-boldest fs-2">\r\n                    Arabic:\r\n                    {{TemplateInfo.emailtemplateinfo.emailSubject.arabic}}\r\n                  </a>\r\n                  <a [routerLink]="[\'/Admin/Notifications/EditEmail\',TemplateInfo.id,\'ar\']"\r\n                     routerLinkActive="router-link-active" class="btn btn-sm btn-light-primary btn-icon">\r\n                    <i class="fa fa-pen"></i>\r\n                  </a>\r\n                </div>\r\n                <div class="w-100 mb-10">\r\n                  \x3c!--begin::Item--\x3e\r\n                  <div class="d-flex align-items-center mb-5">\r\n                    <div class="fw-bold fs-6 text-gray-800 flex-grow-1 pe-3 ar">\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.templateEmailBaseHeader.arabic}}">\r\n                      </div>\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.emailHtmlHeadSection.arabic}}">\r\n                      </div>\r\n                      <div innerHTML="{{TemplateInfo.emailtemplateinfo.emailBody.arabic}}">\r\n                      </div>\r\n                      <div class="table-dark-skin pt-7" innerHTML="{{TemplateInfo.emailtemplateinfo.templateEmailBaseFooter.arabic}}">\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n\r\n                \x3c!--end::Select--\x3e\r\n              </div>\r\n              \x3c!--end::Option--\x3e\r\n            </div>\r\n          </div>\r\n          <div class="col-xl-6">\r\n            <div class="card bg-light">\r\n              <div class="card-header border-0 py-10">\r\n                <div class="card-title text-primary mb-5 fw-boldest fs-2">\r\n                  English:SMS\r\n                </div>\r\n                <div class="card-toolbar">\r\n                  <a class="btn btn-sm btn-light-primary btn-icon" [routerLink]="[\'/Admin/Notifications/EditSMS\',TemplateInfo.id,\'en\']"\r\n                     routerLinkActive="router-link-active">\r\n                    <span class="">\r\n                      <i class="fa fa-pen font-size-18"></i>\r\n                    </span>\r\n                  </a>\r\n\r\n                </div>\r\n              </div>\r\n              <div class="card-body d-flex align-items-center justify-content-center">\r\n                <div class="iphone">\r\n                  <span class="position-absolute mobile-txt">{{TemplateInfo.smstemplateinfo.sms.english}}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class="col-xl-6">\r\n            <div class="card bg-light">\r\n              <div class="card-header border-0 py-10">\r\n                <div class="card-title text-primary mb-5 fw-boldest fs-2">\r\n                  English:SMS\r\n                </div>\r\n                <div class="card-toolbar">\r\n                  <a class="btn btn-sm btn-light-primary btn-icon" [routerLink]="[\'/Admin/Notifications/EditSMS\',TemplateInfo.id,\'ar\']"\r\n                     routerLinkActive="router-link-active">\r\n                    <span class="">\r\n                      <i class="fa fa-pen font-size-18"></i>\r\n                    </span>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n              <div class="card-body d-flex align-items-center justify-content-center">\r\n                <div class="iphone">\r\n                  <span class="position-absolute mobile-txt ar">  {{TemplateInfo.smstemplateinfo.sms.arabic}}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n\r\n\x3c!-- send Email Modal --\x3e\r\n<ng-template #SendEmailModal 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("SendEmailTemplate")}}</h1>\r\n    </div>\r\n    <form [formGroup]="SendEmailForm"\r\n          (ngSubmit)="sendEmail()">\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-TextArea [options]="To" [group]="SendEmailForm">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="Language" [group]="SendEmailForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="EmailServiceProvider" [group]="SendEmailForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseSendEmailForm id="CloseSendEmailForm" 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("Send")}}</button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- Test sms Email Modal --\x3e\r\n<ng-template #TestSendSMSModal 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("TestSendSMS")}}</h1>\r\n    </div>\r\n    <form [formGroup]="TestSendSMSForm"\r\n          (ngSubmit)="testSendSMS()">\r\n\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-Phone [options]="TestSendSMSTo" [group]="TestSendSMSForm">\r\n          </BBSF-Phone>\r\n        </div>\r\n\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="TestSMSServiceProvider" [group]="TestSendSMSForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div>\r\n        <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n          <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n            <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n          </span>\r\n          <div class="d-flex flex-stack flex-grow-1">\r\n            <div class="fw-bold">\r\n              <div class="fs-6 text-gray-700">\r\n                Kindly note that these attributes are reserved\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <ul class="list-unstyled">\r\n          <li class="mb-2">NameEN</li>\r\n          <li class="mb-2">NameAR</li>\r\n          <li class="mb-2">Subject</li>\r\n          <li class="mb-2">LangKey</li>\r\n          <li class="mb-2">Mobile</li>\r\n          <li class="mb-2">Email</li>\r\n          <li class="mb-2">Date</li>\r\n          <li class="mb-2">Time</li>\r\n          <li class="mb-2">DateTime</li>\r\n        </ul>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseTestSendSMSForm id="CloseTestSendSMSForm" 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("Send")}}</button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- Test Send Email Modal --\x3e\r\n<ng-template #TestSendEmailModal 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("TestSendEmail")}}</h1>\r\n    </div>\r\n    <form [formGroup]="TestSendEmailForm"\r\n          (ngSubmit)="testSendEmail()">\r\n      <div class="row">\r\n\r\n        <div class="col-md-12">\r\n          <BBSF-TextArea [options]="TestSendEmailTo" [group]="TestSendEmailForm">\r\n          </BBSF-TextArea>\r\n        </div>\r\n\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="TestEmailServiceProvider" [group]="TestSendEmailForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n          <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n            <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n          </span>\r\n          <div class="d-flex flex-stack flex-grow-1">\r\n            <div class="fw-bold">\r\n              <div class="fs-6 text-gray-700">\r\n                {{utilityService.getResourceValue("KeyMapNote")}}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <ul class="list-unstyled">\r\n          <li class="mb-2">NameEN</li>\r\n          <li class="mb-2">NameAR</li>\r\n          <li class="mb-2">Subject</li>\r\n          <li class="mb-2">LangKey</li>\r\n          <li class="mb-2">Mobile</li>\r\n          <li class="mb-2">Email</li>\r\n          <li class="mb-2">Date</li>\r\n          <li class="mb-2">Time</li>\r\n          <li class="mb-2">DateTime</li>\r\n        </ul>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseTestSendEmailForm id="CloseTestSendEmailForm" 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("Send")}}</button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- edit Modal --\x3e\r\n<ng-template #EditTemplateModal 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("EditTemplate")}}</h1>\r\n    </div>\r\n    <form [formGroup]="EditTemplateForm" (ngSubmit)="editTemplate()">\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditTemplateForm"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-TextArea [options]="EditDescriptionInEnglish" [group]="EditTemplateForm">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-TextArea [options]="EditDescriptionInArabic" [group]="EditTemplateForm">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class="row" *ngIf="!ProductionMode">\r\n        <div class="col-md-12">\r\n          <BBSF-TextBox [options]="EditSysName" [group]="EditTemplateForm">\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 [options]="EditOrganization" [group]="EditTemplateForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="EditLanguageMode" [group]="EditTemplateForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="EditCategory" [group]="EditTemplateForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-DropdownList [options]="EditMasterLayout" [group]="EditTemplateForm">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-CheckBox [options]="EditIsEmail" [group]="EditTemplateForm">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-CheckBox [options]="EditIsSms" [group]="EditTemplateForm">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-CheckBox [options]="EditEnableIntensiveLogging" [group]="EditTemplateForm">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class="text-center pt-7">\r\n        <button #CloseEditTemplateModal id="CloseEditTemplateModal" 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    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- GenerateCode Modal --\x3e\r\n<ng-template #GenerateCodeModal 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("GenerateCode")}}</h1>\r\n    </div>\r\n    <form [formGroup]="GenerateCodeForm">\r\n\r\n      <div class="Row">\r\n        <BBSF-TextArea [options]="GenerateCodeTextArea" [group]="GenerateCodeForm" #GenerateCodeInput>\r\n        </BBSF-TextArea>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseGenerateCodeModal id="CloseGenerateCodeModal" 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="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n          {{utilityService.getResourceValue("CopyToClipboard")}}\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵi,selector:"BBSF-Phone",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:qn,decorators:[{type:t.Component,args:[{selector:"lib-template-info",templateUrl:"./template-info.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:Hn},{type:L.ActivatedRoute},{type:L.Router},{type:De},{type:E.NgbModal}]},propDecorators:{CloseSendEmailForm:[{type:t.ViewChild,args:["CloseSendEmailForm",{static:!1}]}],CloseTestSendEmailForm:[{type:t.ViewChild,args:["CloseTestSendEmailForm",{static:!1}]}],CloseTestSendSMSForm:[{type:t.ViewChild,args:["CloseTestSendSMSForm",{static:!1}]}],CloseEditTemplateModal:[{type:t.ViewChild,args:["CloseEditTemplateModal",{static:!1}]}]}});var _n=function(){this.EmailSubject=new v.EnglishArabicDTO,this.EmailBody=new v.EnglishArabicDTO,this.TemplateEmailBaseHeader=new v.EnglishArabicDTO,this.TemplateEmailBaseFooter=new v.EnglishArabicDTO,this.EmailHtmlBodyTagAttributes=new v.EnglishArabicDTO,this.EmailHtmlHeadSection=new v.EnglishArabicDTO},Jn=function(){this.SMS=new v.EnglishArabicDTO},$n=function(){this.smstemplateinfo=new Jn,this.emailtemplateinfo=new _n},Qn=function(){function e(e,t,i,r,n,o,s,a,l,d){var c=this;this.pageInfoService=e,this.authService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this._clipboardService=o,this.dataServices=s,this.templateService=a,this.activatedRoute=l,this.router=d,this.PageName="",this.TemplateId="",this.Lang="",this.EditEmailForm=new h.FormGroup({}),this.language="",this.activatedRoute.params.subscribe((function(e){c.TemplateId=e.id,c.Lang=e.lang}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.IsAEditFormLoaded=!1,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.templateService.GetTemplateInfoByLang(Number(this.TemplateId),this.Lang).subscribe((function(e){var i=e;t.TemplateInfo=i.val;var r="en"==t.language?t.TemplateInfo.emailtemplateinfo.emailSubject.english:t.TemplateInfo.emailtemplateinfo.emailSubject.arabic;null!=r&&null!=r||(r=""),De.PageTitle=t.utilityService.getResourceValue("Edit"),De.PageBreadcrumbs=[{title:t.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:t.utilityService.getResourceValue("Templates"),path:"/Admin/Notifications/Templates",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:""!=r?t.utilityService.getResourceValue(r):"",path:"/Admin/Notifications/TemplateInfo/"+t.TemplateInfo.id,isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],t.pageInfoService.calculateTitle(),t.pageInfoService.calculateBreadcrumbs(),t.EmailBodyInEnglish=new v.HtmlEditorOptions,t.EmailBodyInEnglish.Name="EmailBodyInEnglish",t.EmailBodyInEnglish.LabelKey="EmailBodyInEnglish",t.EmailBodyInEnglish.IsRequired=!0,t.EmailBodyInEnglish.Value=t.TemplateInfo.emailtemplateinfo.emailBody.english,t.EmailBodyInArabic=new v.HtmlEditorOptions,t.EmailBodyInArabic.Name="EmailBodyInArabic",t.EmailBodyInArabic.LabelKey="EmailBodyInArabic",t.EmailBodyInArabic.IsRequired=!0,t.EmailBodyInArabic.ForceDirection=v.ForceDirection.Arabic,t.EmailBodyInArabic.Value=t.TemplateInfo.emailtemplateinfo.emailBody.arabic,t.EmailSubjectInEnglish=new v.TextBoxOptions,t.EmailSubjectInEnglish.Name="EmailSubjectInEnglish",t.EmailSubjectInEnglish.LabelValue="EmailSubjectInEnglish",t.EmailSubjectInEnglish.LabelKey="EmailSubjectInEnglish",t.EmailSubjectInEnglish.Type=v.InputType.Text,t.EmailSubjectInEnglish.Value=t.TemplateInfo.emailtemplateinfo.emailSubject.english,t.EmailSubjectInArabic=new v.TextBoxOptions,t.EmailSubjectInArabic.Name="EmailSubjectInArabic",t.EmailSubjectInArabic.LabelKey="EmailSubjectInArabic",t.EmailSubjectInArabic.Type=v.InputType.Text,t.EmailSubjectInArabic.ForceDirection=v.ForceDirection.Arabic,t.EmailSubjectInArabic.Value=t.TemplateInfo.emailtemplateinfo.emailSubject.arabic,t.HtmlBodyTagAttributesEnglish=new v.TextBoxOptions,t.HtmlBodyTagAttributesEnglish.Name="HtmlBodyTagAttributesEnglish",t.HtmlBodyTagAttributesEnglish.LabelKey="HtmlBodyTagAttributesEnglish",t.HtmlBodyTagAttributesEnglish.Type=v.InputType.Text,t.HtmlBodyTagAttributesEnglish.Value=t.TemplateInfo.emailtemplateinfo.emailHtmlBodyTagAttributes.english,t.HtmlBodyTagAttributesArabic=new v.TextBoxOptions,t.HtmlBodyTagAttributesArabic.Name="HtmlBodyTagAttributesArabic",t.HtmlBodyTagAttributesArabic.LabelKey="HtmlBodyTagAttributesArabic",t.HtmlBodyTagAttributesArabic.Type=v.InputType.Text,t.HtmlBodyTagAttributesArabic.ForceDirection=v.ForceDirection.Arabic,t.HtmlBodyTagAttributesArabic.Value=t.TemplateInfo.emailtemplateinfo.emailHtmlBodyTagAttributes.arabic,t.HTMLHeadSectionInEnglish=new v.TextBoxOptions,t.HTMLHeadSectionInEnglish.Name="HTMLHeadSectionInEnglish",t.HTMLHeadSectionInEnglish.LabelKey="HTMLHeadSectionInEnglish",t.HTMLHeadSectionInEnglish.Type=v.InputType.Text,t.HTMLHeadSectionInEnglish.Value=t.TemplateInfo.emailtemplateinfo.emailHtmlHeadSection.english,t.HTMLHeadSectionInArabic=new v.TextBoxOptions,t.HTMLHeadSectionInArabic.Name="HTMLHeadSectionInArabic",t.HTMLHeadSectionInArabic.LabelKey="HTMLHeadSectionInArabic",t.HTMLHeadSectionInArabic.Type=v.InputType.Text,t.HTMLHeadSectionInArabic.ForceDirection=v.ForceDirection.Arabic,t.HTMLHeadSectionInArabic.Value=t.TemplateInfo.emailtemplateinfo.emailHtmlHeadSection.arabic,t.IsAEditFormLoaded=!0})),[2]}}))}))},e.prototype.changeCurrentLanguage=function(e){this.Lang=e},e.prototype.editEmailTemplate=function(){var e=this;if(!this.EditEmailForm.invalid){var t=this.EditEmailForm.value,i=new $n;i.ID=Number(this.TemplateId),i.IDEncrypted=this.TemplateInfo.idEncrypted,i.IsEmail=this.TemplateInfo.isEmail,i.IsSms=this.TemplateInfo.isSms,i.TemplateName=this.TemplateInfo.templateName,i.Language=this.Lang,i.emailtemplateinfo.ID=this.TemplateInfo.emailtemplateinfo.id,i.emailtemplateinfo.EmailBody.Arabic=t.EmailBodyInArabic,i.emailtemplateinfo.EmailBody.English=t.EmailBodyInEnglish,i.emailtemplateinfo.EmailSubject.Arabic=t.EmailSubjectInArabic,i.emailtemplateinfo.EmailSubject.English=t.EmailSubjectInEnglish,i.emailtemplateinfo.EmailHtmlBodyTagAttributes.Arabic=t.HtmlBodyTagAttributesArabic,i.emailtemplateinfo.EmailHtmlBodyTagAttributes.English=t.HtmlBodyTagAttributesEnglish,i.emailtemplateinfo.EmailHtmlHeadSection.Arabic=t.HTMLHeadSectionInArabic,i.emailtemplateinfo.EmailHtmlHeadSection.English=t.HTMLHeadSectionInEnglish,this.templateService.EditEmailTemplateByLang(i).subscribe((function(t){e.EditEmailForm.reset(),e.close()}),(function(e){}))}},e.prototype.close=function(){this.router.navigate(["/Admin/Notifications/TemplateInfo",this.TemplateId])},e}();Qn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Qn,deps:[{token:De},{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:Sn},{token:Hn},{token:L.ActivatedRoute},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),Qn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Qn,selector:"lib-edit-email",ngImport:T,template:'<block-ui></block-ui>\r\n  <div class="container-fluid">\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">\r\n\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <div class="subheadertoolbar">\r\n            <a class="btn btn-light-primary btn-sm" (click)="changeCurrentLanguage(\'ar\')" *ngIf="Lang==\'en\'">\r\n              {{utilityService.getResourceValue("Arabic")}}\r\n\r\n            </a>\r\n            <a class="btn btn-light-primary btn-sm" (click)="changeCurrentLanguage(\'en\')" *ngIf="Lang==\'ar\'">\r\n              {{utilityService.getResourceValue("English")}}\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="card-body">\r\n        <form [formGroup]="EditEmailForm" *ngIf="IsAEditFormLoaded" (ngSubmit)="editEmailTemplate()">\r\n          <div class="kt-form">\r\n            <div *ngIf="Lang==\'ar\'">\r\n              <div class="row">\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="EmailSubjectInArabic" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class="form-group col-md-12">\r\n                  <BBSF-HtmlEditor [options]="EmailBodyInArabic" [group]="EditEmailForm">\r\n                  </BBSF-HtmlEditor>\r\n                </div>\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="HtmlBodyTagAttributesArabic" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="HTMLHeadSectionInArabic" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div *ngIf="Lang==\'en\'">\r\n              <div class="row">\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="EmailSubjectInEnglish" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n\r\n                <div class="form-group col-md-12">\r\n                  <BBSF-HtmlEditor [options]="EmailBodyInEnglish" [group]="EditEmailForm">\r\n                  </BBSF-HtmlEditor>\r\n                </div>\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="HtmlBodyTagAttributesEnglish" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextBox [options]="HTMLHeadSectionInEnglish" [group]="EditEmailForm">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=" kt-form__actions col-12 d-flex justify-content-end">\r\n            <button type="submit" class="btn btn-primary btn-sm ">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n          </div>\r\n        </form>\r\n      </div>\r\n    </div>\r\n\r\n\r\n  </div>\r\n  \r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵk,selector:"BBSF-HtmlEditor",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),H([a.BlockUI()],Qn.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Qn,decorators:[{type:t.Component,args:[{selector:"lib-edit-email",templateUrl:"./edit-email.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:Sn},{type:Hn},{type:L.ActivatedRoute},{type:L.Router}]},propDecorators:{blockUI:[]}});var Yn=function(){function e(e,t,i,r,n,o,s,a,l,d){var c=this;this.authService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this._clipboardService=n,this.dataServices=o,this.templateService=s,this.activatedRoute=a,this.router=l,this.pageInfoService=d,this.TemplateId="",this.Lang="",this.EditSMSForm=new h.FormGroup({}),this.language="",this.activatedRoute.params.subscribe((function(e){c.TemplateId=e.id,c.Lang=e.lang}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.IsAEditFormLoaded=!1,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.templateService.GetTemplateInfoByLang(Number(this.TemplateId),this.Lang).subscribe((function(e){var i=e;t.TemplateInfo=i.val;var r="en"==t.language?t.TemplateInfo.emailtemplateinfo.emailSubject.english:t.TemplateInfo.emailtemplateinfo.emailSubject.arabic;null!=r&&null!=r||(r=""),De.PageTitle=t.utilityService.getResourceValue("Edit"),De.PageBreadcrumbs=[{title:t.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:t.utilityService.getResourceValue("Templates"),path:"/Admin/Notifications/Templates",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:""!=r?t.utilityService.getResourceValue(r):"",path:"/Admin/Notifications/TemplateInfo/"+t.TemplateInfo.id,isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],t.pageInfoService.calculateTitle(),t.pageInfoService.calculateBreadcrumbs(),t.SMSInEnglish=new v.TextAreaOptions,t.SMSInEnglish.Name="SMSInEnglish",t.SMSInEnglish.LabelKey="SMSInEnglish",t.SMSInEnglish.IsRequired=!0,t.SMSInEnglish.Value=t.TemplateInfo.smstemplateinfo.sms.english,t.SMSInArabic=new v.TextAreaOptions,t.SMSInArabic.Name="SMSInArabic",t.SMSInArabic.LabelKey="SMSInArabic",t.SMSInArabic.IsRequired=!0,t.SMSInArabic.Value=t.TemplateInfo.smstemplateinfo.sms.arabic,t.IsAEditFormLoaded=!0})),[2]}}))}))},e.prototype.changeCurrentLanguage=function(e){this.Lang=e},e.prototype.editSMSTemplate=function(){var e=this;if(!this.EditSMSForm.invalid){var t=this.EditSMSForm.value,i=new $n;i.ID=Number(this.TemplateId),i.IDEncrypted=this.TemplateInfo.idEncrypted,i.IsEmail=this.TemplateInfo.isEmail,i.IsSms=this.TemplateInfo.isSms,i.TemplateName=this.TemplateInfo.templateName,i.Language=this.Lang,i.smstemplateinfo.ID=this.TemplateInfo.smstemplateinfo.id,i.smstemplateinfo.SMS.Arabic=t.SMSInArabic,i.smstemplateinfo.SMS.English=t.SMSInEnglish,this.templateService.EditSMSTemplateByLang(i).subscribe((function(t){e.EditSMSForm.reset(),e.close()}),(function(e){}))}},e.prototype.close=function(){this.router.navigate(["/Admin/Notifications/TemplateInfo",this.TemplateId])},e}();Yn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Yn,deps:[{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:Sn},{token:Hn},{token:L.ActivatedRoute},{token:L.Router},{token:De}],target:T.ɵɵFactoryTarget.Component}),Yn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Yn,selector:"lib-edit-sms",ngImport:T,template:'<block-ui></block-ui>\r\n\r\n  <div class="container-fluid">\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">\r\n          \x3c!--{{TemplateInfo.templateName}}(SMS)--\x3e\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <a class="btn btn-light-primary btn-sm" (click)="changeCurrentLanguage(\'ar\')" *ngIf="Lang==\'en\'">\r\n            {{utilityService.getResourceValue("Arabic")}}\r\n          </a>\r\n          <a class="btn btn-light-primary btn-sm" (click)="changeCurrentLanguage(\'en\')" *ngIf="Lang==\'ar\'">\r\n            {{utilityService.getResourceValue("English")}}\r\n          </a>\r\n        </div>\r\n      </div>\r\n      <div class="card-body">\r\n        <form [formGroup]="EditSMSForm" *ngIf="IsAEditFormLoaded" (ngSubmit)="editSMSTemplate()">\r\n          <div class="kt-form row">\r\n            <div *ngIf="Lang==\'ar\'">\r\n              <div class="row">\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextArea class="text-right" [options]="SMSInArabic" [group]="EditSMSForm">\r\n                  </BBSF-TextArea>\r\n                </div>\r\n                <div class="col-md-6 d-flex align-items-center justify-content-center">\r\n                  <div class="iphone">\r\n                    <span class="position-absolute mobile-txt">{{TemplateInfo.smstemplateinfo.sms.arabic}}</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div *ngIf="Lang==\'en\'">\r\n              <div class="row">\r\n                <div class="form-group col-md-6">\r\n                  <BBSF-TextArea [options]="SMSInEnglish" [group]="EditSMSForm">\r\n                  </BBSF-TextArea>\r\n                </div>\r\n                <div class="col-md-6 d-flex align-items-center justify-content-center">\r\n                  <div class="iphone">\r\n                    <span class="position-absolute mobile-txt">{{TemplateInfo.smstemplateinfo.sms.english}}</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class="d-flex justify-content-end">\r\n            <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n          </div>\r\n        </form>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),H([a.BlockUI()],Yn.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Yn,decorators:[{type:t.Component,args:[{selector:"lib-edit-sms",templateUrl:"./edit-sms.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:Sn},{type:Hn},{type:L.ActivatedRoute},{type:L.Router},{type:De}]},propDecorators:{blockUI:[]}});var Zn=function(){function e(e,t,i,r,n){var o=this;this.dataServices=e,this.authService=t,this.templateService=i,this.activatedRoute=r,this.router=n,this.TemplateId="",this.EditTemplateForm=new h.FormGroup({}),this.activatedRoute.params.subscribe((function(e){o.TemplateId=e.id}))}return e.prototype.ngOnInit=function(){},e}();Zn.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zn,deps:[{token:Sn},{token:B.AuthService},{token:Hn},{token:L.ActivatedRoute},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),Zn.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Zn,selector:"lib-edit-template",ngImport:T,template:"<p>edit-template works!</p>\r\n"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zn,decorators:[{type:t.Component,args:[{selector:"lib-edit-template",templateUrl:"./edit-template.component.html"}]}],ctorParameters:function(){return[{type:Sn},{type:B.AuthService},{type:Hn},{type:L.ActivatedRoute},{type:L.Router}]}});var Xn=[{path:"",component:Pn,children:[{path:"MasterLayouts",component:Nn},{path:"Add",component:Un},{path:"Edit/:id",component:Gn},{path:"Templates",component:zn},{path:"TemplateInfo/:id",component:qn},{path:"EditEmail/:id/:lang",component:Qn},{path:"EditSMS/:id/:lang",component:Yn},{path:"EditTemplate/:id/",component:Zn},{path:"",redirectTo:"MasterLayouts",pathMatch:"full"}]}],eo=function(){};eo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:eo,deps:[],target:T.ɵɵFactoryTarget.NgModule}),eo.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:eo,imports:[L.RouterModule],exports:[s.RouterModule]}),eo.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:eo,imports:[[s.RouterModule.forChild(Xn)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:eo,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Xn)],exports:[s.RouterModule]}]}]});var to=function(){};to.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:to,deps:[],target:T.ɵɵFactoryTarget.NgModule}),to.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:to,declarations:[Pn,Nn,Un,Gn,zn,qn,Qn,Yn,Zn],imports:[eo,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,kn,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn]}),to.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:to,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Hn],imports:[[eo,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,kn,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:to,decorators:[{type:t.NgModule,args:[{declarations:[Pn,Nn,Un,Gn,zn,qn,Qn,Yn,Zn],imports:[eo,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,kn,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Hn]}]}]});var io=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();io.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:io,deps:[],target:T.ɵɵFactoryTarget.Component}),io.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:io,selector:"lib-lookups",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:io,decorators:[{type:t.Component,args:[{selector:"lib-lookups",templateUrl:"./lookups.component.html"}]}],ctorParameters:function(){return[]}});var ro=function(){this.Name=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO,this.LookupGroupName=new v.EnglishArabicDTO,this.LookupItems=[]},no=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Lookup/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddLookup=function(e){return this.http.post(this.ApiUrl+"AddLookup",e)},e.prototype.EditLookup=function(e){return this.http.post(this.ApiUrl+"EditLookup",e)},e.prototype.DeleteLookup=function(e){return this.http.post(this.ApiUrl+"DeleteLookup",e)},e.prototype.AddLookupItem=function(e){return this.http.post(this.ApiUrl+"AddLookupItem",e)},e.prototype.EditLookupItem=function(e){return this.http.post(this.ApiUrl+"EditLookupItem",e)},e.prototype.DeleteLookupItem=function(e){return this.http.post(this.ApiUrl+"DeleteLookupItem",e)},e.prototype.GenerateCodeAll=function(){return this.http.get(this.ApiUrl+"GenerateCodeAll")},e.prototype.GenerateApplicationEnums=function(){return this.http.get(this.ApiUrl+"GenerateApplicationEnums")},e.prototype.GenerateSysNames=function(){return this.http.get(this.ApiUrl+"GenerateSysNames")},e.prototype.GenerateCodeById=function(e){return this.http.post(this.ApiUrl+"GenerateCodeById",e)},e}();no.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:no,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),no.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:no,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:no,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var oo=function(){function e(e,t,i,r,n,o,s,a){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this._clipboardService=o,this.LookupService=s,this.modalService=a,this.ApiUrl="/api/admin/Lookup/",this.SubheaderTitle=this.utilityService.getResourceValue("Lookup"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.SelectedLookupList=[],this.LookupGroupsList=[],this.filterForm=new h.FormGroup({}),this.LookupForm=new h.FormGroup({}),this.showFilter=!1,this.LookupPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.AddLookupForm=new h.FormGroup({}),this.EditLookupForm=new h.FormGroup({}),this.deletedLookupId=0,this.GenerateCodeForm=new h.FormGroup({}),this.ValueToCopy="",this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Lookups"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.ReinitializeTemplatePaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateTemplatePaging=function(){this.input.UpdatePaging()},e.prototype.setLookupListResult=function(e){this.LookupPagingResult=e,this.ShowPageContent=!0},e.prototype.resetFilters=function(){this.LookupForm.controls.Type.setValue([]),this.LookupForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadDropdownLists=function(){var e=this;this.LookupService.Loaddropdowns().subscribe((function(t){var i=t;e.LookupGroupsList=i,e.LookupGroupsOptions=new v.DropdownOptions,e.LookupGroupsOptions.Name="Type",e.LookupGroupsOptions.LabelKey="LookupGroups",e.LookupGroupsOptions.DataSource=e.LookupGroupsList,e.LookupGroupsOptions.SingleSelection=!1,e.LookupGroupsOptions.AllowSearchFilter=!0,e.LookupGroupsOptions.Placeholder="",e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.LookupGroupFilter=new v.FilterItem,e.LookupGroupFilter.FormControlName="Type",e.LookupGroupFilter.ActionParameterName="LookupGroupId",e.LookupGroupFilter.IsFormControl=!0,e.LookupGroupFilter.FilterType=v.FilterType.DropdownList,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.LookupPaging=new v.PagingOptions,e.LookupPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetLookupsByFilter",e.LookupPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.LookupPaging.DropdownFiltersControlNames=["Type"],e.LookupPaging.Filters=[e.LookupGroupFilter,e.TextInputFilter],e.LookupPaging.ValidationToken=e.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)}))},e.prototype.showAddLookupModal=function(e){this.utilityService.startBlockUI(),this.AddLookupForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.ProductionMode||(this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.SysName.IsRequired=!1,this.IsManageable=new v.CheckBoxOptions,this.IsManageable.Name="IsManageable",this.IsManageable.LabelKey="Manageable",this.IsManageable.Value=!0),this.MultiLingualDescription=new v.MultiLingualTextAreaOptions,this.MultiLingualDescription.Name="Description",this.MultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.MultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.LookupGroups=new v.DropdownOptions,this.LookupGroups.Name="LookupGroups",this.LookupGroups.LabelKey="LookupGroups",this.LookupGroups.DataSource=this.LookupGroupsList,this.LookupGroups.SingleSelection=!0,this.LookupGroups.AllowSearchFilter=!0,this.LookupGroups.Placeholder="",this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addLookup=function(){var e=this;if(!this.AddLookupForm.invalid){var t=this.AddLookupForm.value,i=new ro;i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,this.ProductionMode||(i.SysName=t.SysName),i.Manageable=1==this.ProductionMode||t.IsManageable,i.Description.English=t.Description.EnglishTextAreaValue,i.Description.Arabic=t.Description.ArabicTextAreaValue,i.LookupGroupID=null!=t.LookupGroups?Number(t.LookupGroups):null,this.LookupService.AddLookup(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditLookupModal=function(e,t){this.utilityService.startBlockUI(),this.EditLookupForm=new h.FormGroup({}),this.LookupId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="EditName",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="EditSysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditSysName.IsRequired=!1;var r=new v.EnglishArabicDTO;r.Arabic=e.description.arabic,r.English=e.description.english,this.EditMultiLingualDescription=new v.MultiLingualTextAreaOptions,this.EditMultiLingualDescription.Name="EditDescription",this.EditMultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.EditMultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.EditMultiLingualDescription.Value=r,this.EditLookupGroups=new v.DropdownOptions,this.EditLookupGroups.Name="EditLookupGroups",this.EditLookupGroups.LabelKey="LookupGroups",this.EditLookupGroups.DataSource=this.LookupGroupsList,this.EditLookupGroups.SingleSelection=!0,this.EditLookupGroups.AllowSearchFilter=!0,this.EditLookupGroups.Placeholder="",this.EditLookupGroups.SelectedItems=this.LookupGroupsList.filter((function(t){return parseInt(t.key)==e.lookupGroupID})).map((function(e){return e.key}))[0],this.EditLookupGroups.IsDisabled=this.ProductionMode,this.EditIsManageable=new v.CheckBoxOptions,this.EditIsManageable.Name="EditIsManageable",this.EditIsManageable.LabelKey="Manageable",this.EditIsManageable.Value=e.manageable,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editLookup=function(){var e=this;if(!this.EditLookupForm.invalid){var t=this.EditLookupForm.value,i=new ro;i.ID=Number(this.LookupId),i.Name.English=t.EditName.EnglishValue,i.Name.Arabic=t.EditName.ArabicValue,this.ProductionMode||(i.SysName=t.EditSysName),i.Description.English=t.EditDescription.EnglishTextAreaValue,i.Description.Arabic=t.EditDescription.ArabicTextAreaValue,i.LookupGroupID=null!=t.EditLookupGroups?Number(t.EditLookupGroups):null,i.Manageable=t.EditIsManageable,this.LookupService.EditLookup(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteLookupModal=function(e,t){this.utilityService.startBlockUI(),this.deletedLookupId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.DeleteLookup=function(){var e=this;this.LookupService.DeleteLookup(this.deletedLookupId).subscribe((function(t){e.deletedLookupId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.showGenerateCodeAllModal=function(e){var t=this;this.LookupService.GenerateCodeAll().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGenerateApplicationEnumsModal=function(e){var t=this;this.LookupService.GenerateApplicationEnums().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGeneratSysNameModal=function(e){var t=this;this.LookupService.GenerateSysNames().subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.modalService.open(e)}),(function(e){}))},e.prototype.showGenerateCodeByIdModal=function(e,t){var i=this;this.LookupService.GenerateCodeById(e.id).subscribe((function(e){var r=e;i.GenerateCodeTextArea=new v.TextAreaOptions,i.GenerateCodeTextArea.Name="GenerateCodeTextArea",i.GenerateCodeTextArea.Value=r.val.toString(),i.ValueToCopy=r.val.toString(),i.GenerateCodeTextArea.IsDisabled=!0,i.GenerateCodeTextArea.HideLabel=!0,i.GenerateCodeTextArea.Rows=20,i.GenerateCodeTextArea.Cols=20,i.GenerateCodeTextArea.MaxLength=1e6,i.modalService.open(t)}),(function(e){}))},e}();oo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:oo,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:no},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),oo.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:oo,selector:"lib-lookup",viewQueries:[{propertyName:"input",first:!0,predicate:["LookupPagingViewElement"],descendants:!0},{propertyName:"CloseLookupModal",first:!0,predicate:["CloseLookupModal"],descendants:!0},{propertyName:"CloseEditLookupModal",first:!0,predicate:["CloseEditLookupModal"],descendants:!0},{propertyName:"CloseDeleteLookupModal",first:!0,predicate:["CloseDeleteLookupModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\r\n\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="LookupForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="LookupForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <div ngbDropdown class="d-inline-block" [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}">\r\n            <button ngbDropdownToggle href="javascript:;" type="button" class="btn btn-sm btn-light-primary me-3" id="FiltersDropdown" title="Filter">\r\n              <i class="fas fa-filter me-1"></i>\r\n              {{utilityService.getResourceValue("Filter")}}\r\n            </button>\r\n            <div *ngIf="IsFilterLoaded" ngbDropdownMenu aria-labelledby="FiltersDropdown" class=" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 ">\r\n              <form [formGroup]="LookupForm">\r\n                <div class="px-7 py-5">\r\n                  <div class="row">\r\n                    <div class="col-lg-12">\r\n                      <div *ngIf="LookupGroupsList.length>0" class="mb-10">\r\n                        <BBSF-DropdownList [options]="LookupGroupsOptions" [group]="LookupForm"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class="d-flex justify-content-end">\r\n                    <button class="btn btn-light btn-active-light-primary pv-reset btn-sm" d="applyFiltersBtn"\r\n                            (click)="resetFilters()">\r\n                      {{utilityService.getResourceValue("Reset")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href="javascript:;" class="btn btn-sm btn-light-primary me-3" (click)="showGenerateApplicationEnumsModal(GenerateCodeModal)">\r\n            <i class="fa fa-key me-1"></i>{{utilityService.getResourceValue("GenerateApplicationEnums")}}\r\n          </button>\r\n\r\n          <button href="javascript:;" class="btn btn-sm btn-light-primary me-3" (click)="showGenerateCodeAllModal(GenerateCodeModal)">\r\n            <i class="fa fa-key me-1"></i>{{utilityService.getResourceValue("GenerateCode")}}\r\n          </button>\r\n\r\n          <button href="javascript:;" class="btn btn-sm btn-light-primary me-3" (click)="showGeneratSysNameModal(GenerateCodeModal)">\r\n            <i class="fa fa-key me-1"></i>{{utilityService.getResourceValue("GenerateSysName")}}\r\n          </button>\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddLookupModal(AddLookupModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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-150px">{{utilityService.getResourceValue("Description")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("LookupGroups")}}</th>\r\n                <th class="min-w-150px" *ngIf="!ProductionMode">{{utilityService.getResourceValue("SysName")}}</th>\r\n                <th class="min-w-50px">{{utilityService.getResourceValue("Manageable")}}</th>\r\n\r\n                <th class="min-w-150px">{{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 Lookup of LookupPagingResult">\r\n\r\n                <td>\r\n                  <a *ngIf="language==\'en\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Lookups/LookupItems\', Lookup.id,Lookup.name.english,Lookup.name.arabic]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Lookup.name.english}}</a>\r\n                  <a *ngIf="language==\'ar\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Lookups/LookupItems\',Lookup.id,Lookup.name.english,Lookup.name.arabic]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Lookup.name.arabic}}</a>\r\n                </td>\r\n                <td *ngIf="language==\'en\'">{{Lookup.description.english}}</td>\r\n                <td *ngIf="language==\'ar\'">{{Lookup.description.arabic}}</td>\r\n                <td *ngIf="language==\'en\'">{{Lookup.lookupGroupName!=null?Lookup.lookupGroupName.english:"Others"}}</td>\r\n                <td *ngIf="language==\'ar\'">{{Lookup.lookupGroupName!=null?Lookup.lookupGroupName.arabic:"أخر"}}</td>\r\n\r\n                <td *ngIf="!ProductionMode" class="align-middle">{{Lookup.sysName}}</td>\r\n                <td>\r\n                  <span *ngIf="Lookup.manageable;else default_no">\r\n                    {{utilityService.getResourceValue("Yes")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue("No")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </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                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showEditLookupModal(Lookup,EditLookupModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showGenerateCodeByIdModal(Lookup,GenerateCodeModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("GenerateCode")}}</span>\r\n                      </a>\r\n                      <a *ngIf="(!ProductionMode) ||(Lookup.manageable==true)" ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteLookupModal(Lookup,deleteLookupModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="LookupPagingResult.length == 0">\r\n                <td [attr.colspan]="ProductionMode ? \'5\' : \'6\'">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setLookupListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="LookupPaging" [group]="LookupForm" #LookupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddLookupModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("Lookup")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddLookupForm" (ngSubmit)="addLookup()">\r\n        <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddLookupForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]="MultiLingualDescription" [group]="AddLookupForm"></BBSF-MultiLingualTextArea>\r\n        <div *ngIf="!ProductionMode">\r\n          <BBSF-TextBox [options]="SysName" [group]="AddLookupForm"></BBSF-TextBox>\r\n        </div>\r\n\r\n        <BBSF-DropdownList [options]="LookupGroups" [group]="AddLookupForm"></BBSF-DropdownList>\r\n        <div *ngIf="!ProductionMode">\r\n          <BBSF-CheckBox [options]="IsManageable" [group]="AddLookupForm"></BBSF-CheckBox>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseLookupModal id="CloseLookupModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <ng-template #EditLookupModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("Lookup")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditLookupForm" (ngSubmit)="editLookup()">\r\n        <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditLookupForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]="EditMultiLingualDescription" [group]="EditLookupForm"></BBSF-MultiLingualTextArea>\r\n        <BBSF-TextBox *ngIf="!ProductionMode" [options]="EditSysName" [group]="EditLookupForm">\r\n        </BBSF-TextBox>\r\n        <BBSF-DropdownList [options]="EditLookupGroups" [group]="EditLookupForm">\r\n        </BBSF-DropdownList>\r\n        <BBSF-CheckBox *ngIf="!ProductionMode" [options]="EditIsManageable" [group]="EditLookupForm">\r\n        </BBSF-CheckBox>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseEditLookupModal id="CloseEditLookupModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deleteLookupModal 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("Delete")}} {{utilityService.getResourceValue("Lookup")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteLookupModal id="CloseDeleteLookupModal" 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="button" (click)="DeleteLookup()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \x3c!-- GenerateCode Modal --\x3e\r\n  <ng-template #GenerateCodeModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n        <div>\r\n          <BBSF-TextArea [options]="GenerateCodeTextArea" [group]="GenerateCodeForm" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseGenerateCodeModal id="CloseGenerateCodeModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n            {{utilityService.getResourceValue("CopyToClipboard")}}\r\n          </button>\r\n        </div>\r\n      </form>\r\n\r\n\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵf,selector:"BBSF-MultiLingualTextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:E.NgbDropdown,selector:"[ngbDropdown]",inputs:["open","placement","container","autoClose","display"],outputs:["openChange"],exportAs:["ngbDropdown"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:E.NgbDropdownToggle,selector:"[ngbDropdownToggle]"},{type:E.NgbDropdownMenu,selector:"[ngbDropdownMenu]"},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],oo.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:oo,decorators:[{type:t.Component,args:[{selector:"lib-lookup",templateUrl:"./lookup.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:no},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["LookupPagingViewElement",{static:!1}]}],CloseLookupModal:[{type:t.ViewChild,args:["CloseLookupModal",{static:!1}]}],CloseEditLookupModal:[{type:t.ViewChild,args:["CloseEditLookupModal",{static:!1}]}],CloseDeleteLookupModal:[{type:t.ViewChild,args:["CloseDeleteLookupModal",{static:!1}]}],blockUI:[]}});var so=function(){this.Name=new v.EnglishArabicDTO},ao=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/LookupGroup/"}return e.prototype.AddLookupGroup=function(e){return this.http.post(this.ApiUrl+"AddLookupGroup",e)},e.prototype.EditLookupGroup=function(e){return this.http.post(this.ApiUrl+"EditLookupGroup",e)},e.prototype.DeleteLookupGroup=function(e){return this.http.post(this.ApiUrl+"DeleteLookupGroup",e)},e}();ao.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ao,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),ao.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ao,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ao,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var lo=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.LookupGroupsService=o,this.modalService=s,this.SubheaderTitle=this.utilityService.getResourceValue("LookupGroups"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.ApiUrl="/api/admin/LookupGroup/",this.LookupGroupsForm=new h.FormGroup({}),this.showFilter=!1,this.LookupGroupsPagingResult=[],this.IsFilterLoaded=!1,this.AddLookupGroupForm=new h.FormGroup({}),this.EditLookupGroupForm=new h.FormGroup({}),this.deleteLookupGroupList=[],this.ConfirmationModalType=0,this.ConfirmationMessage="",this.ShowPageContent=!1,this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("LookupGroups"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.ReinitializePermissionsPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdatePermissionsPaging=function(){this.input.UpdatePaging()},e.prototype.setLookupGroupListResult=function(e){this.LookupGroupsPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.LookupGroupsForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadList=function(){var e=this;this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.LookupGroupsPaging=new v.PagingOptions,this.LookupGroupsPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetLookupGroupsByFilter",this.LookupGroupsPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.LookupGroupsPaging.Filters=[this.TextInputFilter],this.LookupGroupsPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)},e.prototype.showAddLookupGroupModal=function(e){this.utilityService.startBlockUI(),this.AddLookupGroupForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addLookupGroup=function(){var e=this;if(!this.AddLookupGroupForm.invalid){var t=this.AddLookupGroupForm.value,i=new so;i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,this.LookupGroupsService.AddLookupGroup(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditLookupGroupModal=function(e,t){this.utilityService.startBlockUI(),this.EditLookupGroupForm=new h.FormGroup({});var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="EditName",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.LookupGroupId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editLookupGroup=function(){var e=this;if(!this.EditLookupGroupForm.invalid){var t=this.EditLookupGroupForm.value,i=new so;i.Id=this.LookupGroupId,i.Name.English=t.EditName.EnglishValue,i.Name.Arabic=t.EditName.ArabicValue,this.LookupGroupsService.EditLookupGroup(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteLookupGroupModal=function(e,t){this.utilityService.startBlockUI(),this.deleteLookupGroupList=[],this.deleteLookupGroupList.push(e),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteLookupGroup=function(){for(var e=this,t=new yn,i=0;i<this.deleteLookupGroupList.length;i++){var r=this.deleteLookupGroupList[i];t.UsersIDs.push(r.id)}this.LookupGroupsService.DeleteLookupGroup(t).subscribe((function(t){e.deleteLookupGroupList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();lo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:lo,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:ao},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),lo.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:lo,selector:"lib-lookup-group",viewQueries:[{propertyName:"input",first:!0,predicate:["LookupGroupPagingViewElement"],descendants:!0},{propertyName:"CloseLookupGroupModal",first:!0,predicate:["CloseLookupGroupModal"],descendants:!0},{propertyName:"CloseEditLookupGroupModal",first:!0,predicate:["CloseEditLookupGroupModal"],descendants:!0},{propertyName:"CloseDeleteLookupGroupModal",first:!0,predicate:["CloseDeleteLookupGroupModal"],descendants:!0},{propertyName:"CloseConfirmationModal",first:!0,predicate:["CloseConfirmationModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="LookupGroupsForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="LookupGroupsForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add"  (click)="showAddLookupGroupModal(AddLookupGroupModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::LookupGroups list--\x3e\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-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\r\n              <tr *ngFor="let LookupGroup of LookupGroupsPagingResult">\r\n\r\n                <td>\r\n                  <span *ngIf="language==\'en\'" class="text-dark">{{LookupGroup.name.english}}</span>\r\n                  <span *ngIf="language==\'ar\'" class="text-dark">{{LookupGroup.name.arabic}}</span>\r\n                </td>\r\n\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                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showEditLookupGroupModal(LookupGroup,EditLookupGroupModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteLookupGroupModal(LookupGroup,deleteLookupGroupModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="LookupGroupsPagingResult.length == 0">\r\n                <td colspan="2">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          \x3c!--end::LookupGroups list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setLookupGroupListResult($event)" *ngIf="IsFilterLoaded" [options]="LookupGroupsPaging"\r\n                     [group]="LookupGroupsForm" #LookupGroupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddLookupGroupModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("LookupGroup")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddLookupGroupForm" (ngSubmit)="addLookupGroup()">\r\n        <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddLookupGroupForm"></BBSF-MultiLingualTextBox>\r\n\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseLookupGroupModal id="CloseLookupGroupModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <ng-template #EditLookupGroupModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("LookupGroup")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditLookupGroupForm" (ngSubmit)="editLookupGroup()">\r\n        <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditLookupGroupForm"></BBSF-MultiLingualTextBox>\r\n\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseEditLookupGroupModal id="CloseEditLookupGroupModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deleteLookupGroupModal 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("Delete")}} {{utilityService.getResourceValue("LookupGroup")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteLookupGroupModal id="CloseDeleteLookupGroupModal" 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="button" (click)="deleteLookupGroup()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],lo.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:lo,decorators:[{type:t.Component,args:[{selector:"lib-lookup-group",templateUrl:"./lookup-group.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:ao},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["LookupGroupPagingViewElement",{static:!1}]}],CloseLookupGroupModal:[{type:t.ViewChild,args:["CloseLookupGroupModal",{static:!1}]}],CloseEditLookupGroupModal:[{type:t.ViewChild,args:["CloseEditLookupGroupModal",{static:!1}]}],CloseDeleteLookupGroupModal:[{type:t.ViewChild,args:["CloseDeleteLookupGroupModal",{static:!1}]}],CloseConfirmationModal:[{type:t.ViewChild,args:["CloseConfirmationModal",{static:!1}]}],blockUI:[]}});var co=function(){this.Name=new v.EnglishArabicDTO,this.LookupName=new v.EnglishArabicDTO},uo=function(){function e(e,t,i,r,n,o,s,a,l,d){var c=this;this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this._clipboardService=o,this.LookupService=s,this.activatedRoute=a,this.router=l,this.modalService=d,this.SubheaderTitle="",this.ShowToolbar=!0,this.ShowbreadCrumb=!0,this.BreadcrumbTitle=this.utilityService.getResourceValue("Lookups"),this.Url="/Admin/Lookups/Lookups",this.ApiUrl="/api/admin/Lookup/",this.LookupItemForm=new h.FormGroup({}),this.showFilter=!1,this.LookupItemPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.LookupName=new v.EnglishArabicDTO,this.AddLookupItemForm=new h.FormGroup({}),this.EditLookupItemForm=new h.FormGroup({}),this.deletedLookupItemId=0,this.GenerateCodeForm=new h.FormGroup({}),this.ValueToCopy="",this.language="",this.IsParentLookupManageable=!1,this.ShowPageContent=!1,this.activatedRoute.params.subscribe((function(e){c.LookupId=e.id,c.LookupName.English=e.nameen,c.LookupName.Arabic=e.namear}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.ReinitializeTemplatePaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateTemplatePaging=function(){this.input.UpdatePaging()},e.prototype.setLookupItemListResult=function(e){this.LookupItemPagingResult=e,this.SubheaderTitle="en"==this.language?this.LookupName.English:this.LookupName.Arabic,this.ShowPageContent=!0,De.PageTitle=this.SubheaderTitle,De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:this.utilityService.getResourceValue("Lookups"),path:"/Admin/Lookups/Lookups",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.LookupItemForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadDropdownLists=function(){var e=this;this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.LookupIdTextBox=new v.TextBoxOptions,this.LookupIdTextBox.Name="LookupIdTextBox",this.LookupIdTextBox.HideLabel=!0,this.LookupIdTextBox.Type=v.InputType.Text,this.LookupIdTextBox.Value=Number(this.LookupId),this.LookupIdInputFilter=new v.FilterItem,this.LookupIdInputFilter.FormControlName="LookupIdTextBox",this.LookupIdInputFilter.ActionParameterName="LookupId",this.LookupIdInputFilter.IsFormControl=!0,this.LookupIdInputFilter.FilterType=v.FilterType.TextBox,this.LookupItemPaging=new v.PagingOptions,this.LookupItemPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetLookupItemsByFilter",this.LookupItemPaging.OnKeyPressFiltersControlNames=["searchTextBox","LookupIdTextBox"],this.LookupItemPaging.Filters=[this.LookupIdInputFilter,this.TextInputFilter],this.LookupItemPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)},e.prototype.showAddLookupItemModal=function(e){this.utilityService.startBlockUI(),this.AddLookupItemForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.Value=new v.TextAreaOptions,this.Value.Name="Value",this.Value.LabelKey="Value",this.Value.Value=null,this.DisplayOrder=new v.TextAreaOptions,this.DisplayOrder.Name="DisplayOrder",this.DisplayOrder.LabelKey="DisplayOrder",this.DisplayOrder.Value=null,this.IsManageable=new v.CheckBoxOptions,this.IsManageable.Name="IsManageable",this.IsManageable.LabelKey="Manageable",this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addLookupItem=function(){var e=this;if(!this.AddLookupItemForm.invalid){var t=this.AddLookupItemForm.value,i=new co;i.Name.English=t.Name.EnglishValue,i.Name.Arabic=t.Name.ArabicValue,i.SysName=t.SysName,i.Value=t.Value,i.DisplayOrder=t.DisplayOrder,i.LookupID=Number(this.LookupId),i.Manageable=1==this.ProductionMode,this.LookupService.AddLookupItem(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditLookupItemModal=function(e,t){this.utilityService.startBlockUI(),this.EditLookupItemForm=new h.FormGroup({}),this.LookupItemId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="EditSysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditValue=new v.TextAreaOptions,this.EditValue.Name="EditValue",this.EditValue.LabelKey="Value",this.EditValue.Value=e.value,this.EditDisplayOrder=new v.TextAreaOptions,this.EditDisplayOrder.Name="EditDisplayOrder",this.EditDisplayOrder.LabelKey="DisplayOrder",this.EditDisplayOrder.Value=e.displayOrder,this.EditIsManageable=new v.CheckBoxOptions,this.EditIsManageable.Name="EditIsManageable",this.EditIsManageable.LabelKey="Manageable",this.EditIsManageable.Value=e.manageable,this.EditIsManageable.IsDisabled=1==(this.ProductionMode&&0==e.manageable),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editLookupItem=function(){var e=this;if(!this.EditLookupItemForm.invalid){var t=this.EditLookupItemForm.value,i=new co;i.ID=Number(this.LookupItemId),i.LookupID=Number(this.LookupId),i.Name.English=t.Name.EnglishValue,i.Name.Arabic=t.Name.ArabicValue,i.SysName=t.EditSysName,i.Value=t.EditValue,i.DisplayOrder=t.EditDisplayOrder,i.Manageable=t.EditIsManageable,this.LookupService.EditLookupItem(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteLookupItemModal=function(e,t){this.utilityService.startBlockUI(),this.deletedLookupItemId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.DeleteLookupItem=function(){var e=this;this.LookupService.DeleteLookupItem(this.deletedLookupItemId).subscribe((function(t){e.deletedLookupItemId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.copyInputMessage=function(){this._clipboardService.copy(this.ValueToCopy.toString())},e.prototype.showGenerateCodeByIdModal=function(e){var t=this;this.LookupService.GenerateCodeById(Number(this.LookupId)).subscribe((function(i){var r=i;t.GenerateCodeTextArea=new v.TextAreaOptions,t.GenerateCodeTextArea.Name="GenerateCodeTextArea",t.GenerateCodeTextArea.Value=r.val.toString(),t.ValueToCopy=r.val.toString(),t.GenerateCodeTextArea.IsDisabled=!0,t.GenerateCodeTextArea.HideLabel=!0,t.GenerateCodeTextArea.Rows=20,t.GenerateCodeTextArea.Cols=20,t.GenerateCodeTextArea.MaxLength=1e6,t.GenerateCodeTextArea.ViewType=v.ControlLayout.Horizontal,t.modalService.open(e)}),(function(e){}))},e}();uo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:uo,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:N.ClipboardService},{token:no},{token:L.ActivatedRoute},{token:L.Router},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),uo.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:uo,selector:"lib-lookup-item",viewQueries:[{propertyName:"input",first:!0,predicate:["LookupItemPagingViewElement"],descendants:!0},{propertyName:"CloseLookupItemModal",first:!0,predicate:["CloseLookupItemModal"],descendants:!0},{propertyName:"CloseEditLookupItemModal",first:!0,predicate:["CloseEditLookupItemModal"],descendants:!0},{propertyName:"CloseDeleteLookupItemModal",first:!0,predicate:["CloseDeleteLookupItemModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="LookupItemForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="LookupItemForm"></BBSF-TextBox>\r\n            <div [hidden]="true" class="col-md-6">\r\n              <BBSF-TextBox [options]="LookupIdTextBox" [group]="LookupItemForm"></BBSF-TextBox>\r\n            </div>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button href="javascript:;" class="btn btn-sm btn-light-primary me-3" (click)="showGenerateCodeByIdModal(GenerateCodeModal)">\r\n            <i class="fa fa-key me-1"></i>{{utilityService.getResourceValue("GenerateCode")}}\r\n          </button>\r\n\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddLookupItemModal(AddLookupItemModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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("Id")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("NameInEnglish")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("NameInArabic")}}</th>\r\n                <th class="min-w-150px" *ngIf="!ProductionMode">{{utilityService.getResourceValue("SysName")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Value")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Manageable")}}</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 LookupItem of LookupItemPagingResult">\r\n                <td class="text-dark">{{LookupItem.id}}</td>\r\n\r\n                <td>\r\n                  {{LookupItem.name.english}}\r\n                </td>\r\n                <td>\r\n                  {{LookupItem.name.arabic}}\r\n                </td>\r\n                <td *ngIf="!ProductionMode">{{LookupItem.sysName}}</td>\r\n                <td>{{LookupItem.value}}</td>\r\n                <td>\r\n                  <span *ngIf="LookupItem.manageable;else default_no">\r\n                    {{utilityService.getResourceValue("Yes")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue("No")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </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                      <a class="drop-item px-3" ngbDropdownItem (click)="showEditLookupItemModal(LookupItem,EditLookupItemModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n\r\n                      <a *ngIf="(!(LookupItem.manageable==false&&ProductionMode)||(LookupItem.isParentLookupManageable))"\r\n                         ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteLookupItemModal(LookupItem,deleteLookupItemModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="LookupItemPagingResult.length == 0">\r\n                <td [attr.colspan]="ProductionMode ? \'6\' : \'7\'">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setLookupItemListResult($event)" *ngIf="IsFilterLoaded" [options]="LookupItemPaging"\r\n                     [group]="LookupItemForm" #LookupItemPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddLookupItemModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("LookupItem")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddLookupItemForm" (ngSubmit)="addLookupItem()">\r\n        <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddLookupItemForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox [options]="SysName" [group]="AddLookupItemForm"></BBSF-TextBox>\r\n        <BBSF-TextArea [options]="Value" [group]="AddLookupItemForm"></BBSF-TextArea>\r\n        <BBSF-TextArea [options]="DisplayOrder" [group]="AddLookupItemForm"></BBSF-TextArea>\r\n        <BBSF-CheckBox [options]="IsManageable" [group]="AddLookupItemForm"></BBSF-CheckBox>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseLookupItemModal id="CloseLookupItemModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <ng-template #EditLookupItemModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("LookupItem")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditLookupItemForm" (ngSubmit)="editLookupItem()">\r\n        <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditLookupItemForm"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox [options]="EditSysName" [group]="EditLookupItemForm"></BBSF-TextBox>\r\n        <BBSF-TextArea [options]="EditValue" [group]="EditLookupItemForm"></BBSF-TextArea>\r\n        <BBSF-TextArea [options]="EditDisplayOrder" [group]="EditLookupItemForm"></BBSF-TextArea>\r\n        <BBSF-CheckBox [options]="EditIsManageable" [group]="EditLookupItemForm"></BBSF-CheckBox>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseEditLookupItemModal id="CloseEditLookupItemModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <ng-template #deleteLookupItemModal 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("Delete")}} {{utilityService.getResourceValue("LookupItem")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteLookupItemModal id="CloseDeleteLookupItemModal" 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="button" (click)="DeleteLookupItem()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n\r\n  \x3c!-- GenerateCode Modal --\x3e\r\n  <ng-template #GenerateCodeModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n        <div>\r\n\r\n          <BBSF-TextArea [options]="GenerateCodeTextArea" [group]="GenerateCodeForm" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button type="button" #CloseGenerateCodeModal id="CloseGenerateCodeModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n          <button type="button" class="btn btn-primary btn-sm" (click)="copyInputMessage()">\r\n            {{utilityService.getResourceValue("CopyToClipboard")}}\r\n          </button>\r\n        </div>\r\n      </form>\r\n\r\n\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  \r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:uo,decorators:[{type:t.Component,args:[{selector:"lib-lookup-item",templateUrl:"./lookup-item.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:N.ClipboardService},{type:no},{type:L.ActivatedRoute},{type:L.Router},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["LookupItemPagingViewElement",{static:!1}]}],CloseLookupItemModal:[{type:t.ViewChild,args:["CloseLookupItemModal",{static:!1}]}],CloseEditLookupItemModal:[{type:t.ViewChild,args:["CloseEditLookupItemModal",{static:!1}]}],CloseDeleteLookupItemModal:[{type:t.ViewChild,args:["CloseDeleteLookupItemModal",{static:!1}]}]}});var po=[{path:"",component:io,children:[{path:"Lookups",component:oo},{path:"LookupGroups",component:lo},{path:"LookupItems/:id/:nameen/:nameaR",component:uo},{path:"",redirectTo:"Lookups",pathMatch:"full"}]}],mo=function(){};mo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mo,deps:[],target:T.ɵɵFactoryTarget.NgModule}),mo.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mo,imports:[L.RouterModule],exports:[s.RouterModule]}),mo.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mo,imports:[[s.RouterModule.forChild(po)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:mo,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(po)],exports:[s.RouterModule]}]}]});var go=function(){};go.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:go,deps:[],target:T.ɵɵFactoryTarget.NgModule}),go.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:go,declarations:[io,oo,lo,uo],imports:[i.CommonModule,mo,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]}),go.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:go,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,no],imports:[[i.CommonModule,mo,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:go,decorators:[{type:t.NgModule,args:[{declarations:[io,oo,lo,uo],imports:[i.CommonModule,mo,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,no]}]}]});var ho=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();ho.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ho,deps:[],target:T.ɵɵFactoryTarget.Component}),ho.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ho,selector:"lib-departments",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ho,decorators:[{type:t.Component,args:[{selector:"lib-departments",templateUrl:"./departments.component.html"}]}],ctorParameters:function(){return[]}});var vo=function(){this.DepartmentNameDTO=new v.EnglishArabicDTO},bo=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Department/"}return e.prototype.addDepartment=function(e){return this.http.post(this.ApiUrl+"AddDepartment",e)},e.prototype.getEditDepartment=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"EditDeparment",t)},e.prototype.editDepartment=function(e){return this.http.post(this.ApiUrl+"EditDeparment",e)},e.prototype.deleteDepartment=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"DeleteDeparment",null,t)},e.prototype.addUsersToDepartment=function(e){return this.http.post(this.ApiUrl+"AddUsersToDepartment",e)},e.prototype.deleteUserFromDepartment=function(e,t){var i=new n.HttpParams;return i=(i=i.append("userID",e)).append("DepartmentId",t),this.http.post(this.ApiUrl+"DeleteUserFromDepartment",null,i)},e.prototype.getDepartmentInfo=function(e){var t=new n.HttpParams;return t=t.append("departmentId",e),this.http.post(this.ApiUrl+"GetDepartmentInfo",null,t)},e}();bo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:bo,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),bo.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:bo,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:bo,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var yo=function(){function e(e,t,i,r,n,o,s,a){var l=this;this.environmentService=e,this.DepartmentService=t,this.modalService=i,this.authService=r,this.BBSFTranslateService=n,this.UtilityService=o,this.pageInfoService=s,this.requestHandlerService=a,this.ShowPageContent=!1,this.language="",this.ApiUrl="/api/admin/Department/",this.DepartmentForm=new h.FormGroup({}),this.IsFilterLoaded=!1,this.DepartmentPagingResult=[],this.AddDepartmentForm=new h.FormGroup({}),this.EditDepartmentForm=new h.FormGroup({}),this.getAddDepartmentModel=function(){var e=[],t=l.AddDepartmentForm.value,i=new vo;return i.SamAccount=t.AddSamAccount,i.DepartmentNameDTO.Arabic=t.AddName.ArabicValue,i.DepartmentNameDTO.English=t.AddName.EnglishValue,e.push(i),e},this.getAddDepartmentFunction=function(e){return l.DepartmentService.addDepartment(e)},this.onAddDepartmentSuccess=function(e){console.log(e)},this.onAddDepartmentError=function(e){console.log(e)},this.getEditDepartmentModel=function(){var e=[],t=l.EditDepartmentForm.value,i=new vo;return i.Id=l.DepartmentId,i.DepartmentNameDTO.English=t.EditName.EnglishValue,i.DepartmentNameDTO.Arabic=t.EditName.ArabicValue,i.SamAccount=t.EditSamAccount,e.push(i),e},this.getEditDepartmentFunction=function(e){return l.DepartmentService.editDepartment(e)},this.onEditDepartmentSuccess=function(e){console.log(e)},this.onEditDepartmentError=function(e){console.log(e)}}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e;return j(this,(function(t){switch(t.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.UtilityService.getResourceValue("Departments"),De.PageBreadcrumbs=[{title:this.UtilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),e=this,[4,this.UtilityService.getCurrentLanguage()];case 1:return e.language=t.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.initializePage(),[2]}}))}))},e.prototype.initializePage=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.UtilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.DepartmentPaging=new v.PagingOptions,this.DepartmentPaging.ActionPostURL=this.ApiUrl+"GetDepartmentsByFilter",this.DepartmentPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.DepartmentPaging.Filters=[this.TextInputFilter],this.DepartmentPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.setDepartmentListResult=function(e){this.DepartmentPagingResult=e,this.ShowPageContent=!0,this.UtilityService.stopBlockUI()},e.prototype.showAddDepartmentModal=function(e){this.UtilityService.startBlockUI(),this.AddDepartmentForm=new h.FormGroup({}),this.AddDepartmentFormOptions=new v.FormOptions,this.AddDepartmentFormOptions.FormGroup=this.AddDepartmentForm,this.AddDepartmentFormOptions.GetModelFunction=this.getAddDepartmentModel,this.AddDepartmentFormOptions.ServiceSubmitFunction=this.getAddDepartmentFunction,this.AddDepartmentFormOptions.OnSuccessHandler=this.onAddDepartmentSuccess,this.AddDepartmentFormOptions.OnErrorHandler=this.onAddDepartmentError,this.AddDepartmentFormOptions.PagingReference=this.pagingElement,this.AddName=new v.MultiLingualTextBoxOptions,this.AddName.Name="AddName",this.AddName.ArabicLabelKey="NameInArabic",this.AddName.EnglishLabelKey="NameInEnglish",this.AddName.IsRequired=!0,this.AddName.Value=null,this.AddSamAccount=new v.TextBoxOptions,this.AddSamAccount.Name="AddSamAccount",this.AddSamAccount.LabelKey="SamAccount",this.AddSamAccount.Type=v.InputType.Text,this.AddSamAccount.Value=null,this.modalService.open(e),this.UtilityService.stopBlockUI()},e.prototype.showEditDepartmentModal=function(e,t,i){var r=this;this.EditDepartmentForm=new h.FormGroup({}),this.EditDepartmentFormOptions=new v.FormOptions,this.EditDepartmentFormOptions.FormGroup=this.EditDepartmentForm,this.EditDepartmentFormOptions.GetModelFunction=this.getEditDepartmentModel,this.EditDepartmentFormOptions.ServiceSubmitFunction=this.getEditDepartmentFunction,this.EditDepartmentFormOptions.OnSuccessHandler=this.onEditDepartmentSuccess,this.EditDepartmentFormOptions.OnErrorHandler=this.onEditDepartmentError,this.EditDepartmentFormOptions.PagingReference=this.pagingElement,this.DepartmentId=e,this.DepartmentService.getEditDepartment(t).subscribe((function(e){var t=e.model,n=new v.EnglishArabicDTO;n.Arabic=t.departmentNameDTO.arabic,n.English=t.departmentNameDTO.english,r.EditName=new v.MultiLingualTextBoxOptions,r.EditName.Name="EditName",r.EditName.ArabicLabelKey="NameInArabic",r.EditName.EnglishLabelKey="NameInEnglish",r.EditName.IsRequired=!0,r.EditName.Value=n,r.EditSamAccount=new v.TextBoxOptions,r.EditSamAccount.Name="EditSamAccount",r.EditSamAccount.LabelKey="SamAccount",r.EditSamAccount.Type=v.InputType.Text,r.EditSamAccount.Value=t.samAccount,r.modalService.open(i)}))},e.prototype.showDeleteDepartmentModal=function(e,t){this.UtilityService.startBlockUI(),this.deleteDepartmentId=e,this.modalService.open(t),this.UtilityService.stopBlockUI()},e.prototype.deleteDepartment=function(){var e=this;this.DepartmentService.deleteDepartment(this.deleteDepartmentId).subscribe((function(t){e.deleteDepartmentId="",e.modalService.dismissAll(),e.pagingElement.ReinitializePaging()}),(function(e){}))},e.prototype.ngOnDestroy=function(){this.requestHandlerService.destroyHandler()},e}();yo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:yo,deps:[{token:B.EnvironmentService},{token:bo},{token:E.NgbModal},{token:B.AuthService},{token:B.BBSFTranslateService},{token:B.UtilityService},{token:De},{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Component}),yo.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:yo,selector:"lib-department",viewQueries:[{propertyName:"pagingElement",first:!0,predicate:["DepartmentPagingViewElement"],descendants:!0},{propertyName:"CloseDepartmentModal",first:!0,predicate:["CloseDepartmentModal"],descendants:!0},{propertyName:"CloseEditDepartmentModal",first:!0,predicate:["CloseEditDepartmentModal"],descendants:!0},{propertyName:"CloseDeleteDepartmentModal",first:!0,predicate:["CloseDeleteDepartmentModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\x3c!-- Page Content --\x3e\r\n<div *ngIf="ShowPageContent" class="container-fluid">\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]="DepartmentForm">\r\n          <BBSF-TextBox [options]="searchTextBox" [group]="DepartmentForm"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class="card-toolbar">\r\n        \x3c!-- begin::Menu --\x3e\r\n        <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddDepartmentModal(AddDepartmentModal)">\r\n          <i class="fas fa-plus me-1"></i>\r\n          {{UtilityService.getResourceValue("Add")}}\r\n        </button>\r\n\r\n        \x3c!-- end::Menu --\x3e\r\n      </div>\r\n    </div>\r\n    <div class="card-body py-3">\r\n      <div class="table-responsive">\r\n        \x3c!--begin::Permission list--\x3e\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-150px">{{UtilityService.getResourceValue("SamAccount")}}</th>\r\n              <th class="min-w-150px">{{UtilityService.getResourceValue("UsersCount")}}</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\r\n            <tr *ngFor="let Department of DepartmentPagingResult">\r\n\r\n              <td>\r\n                <a href="javascript:void(0)" [routerLink]="[\'/Admin/Departments/DepartmentInfo\',Department.id]" routerLinkActive="router-link-active"\r\n                   class="text-dark">{{Department.departmentName}}</a>\r\n\r\n              </td>\r\n              <td>{{Department.samAccount}}</td>\r\n              <td>{{Department.usersCount}}</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)="showEditDepartmentModal(Department.id,Department.idEncrypted,EditDepartmentModal)">\r\n                      <span class="drop-link px-3">{{UtilityService.getResourceValue("Edit")}}</span>\r\n                    </button>\r\n                    <a ngbDropdownItem class="drop-item px-3"\r\n                       (click)="showDeleteDepartmentModal(Department,deleteDepartmentModal)">\r\n                      <span class="drop-link px-3">{{UtilityService.getResourceValue("Delete")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf="DepartmentPagingResult.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\r\n        \x3c!--end::Permission list--\x3e\r\n      </div>\r\n\r\n    </div>\r\n    <div class="card-footer border-0">\r\n      <BBSF-Paging (Items)="setDepartmentListResult($event)" *ngIf="IsFilterLoaded"\r\n                   [options]="DepartmentPaging" [group]="DepartmentForm" #DepartmentPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n\r\n\x3c!--add Modal--\x3e\r\n<ng-template #AddDepartmentModal 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("Department")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]="AddDepartmentFormOptions">\r\n\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-MultiLingualTextBox [options]="AddName" [group]="AddDepartmentForm"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-TextBox [options]="AddSamAccount" [group]="AddDepartmentForm">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDepartmentModal id="CloseDepartmentModal" 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\x3c!--Edit Modal--\x3e\r\n<ng-template #EditDepartmentModal 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("Department")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]="EditDepartmentFormOptions">\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-MultiLingualTextBox [options]="EditName" [group]="EditDepartmentForm"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class="row">\r\n        <div class="col-md-12">\r\n          <BBSF-TextBox [options]="EditSamAccount" [group]="EditDepartmentForm">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseEditDepartmentModal id="CloseEditDepartmentModal" 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\x3c!--delete Modal--\x3e\r\n<ng-template #deleteDepartmentModal 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("Delete")}} {{UtilityService.getResourceValue("Department")}}</h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n      <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700">\r\n            {{UtilityService.getResourceValue("Delete_Question")}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="text-center pt-7">\r\n      <button #CloseDeleteDepartmentPtModal id="CloseDeleteDepartmentModal" 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="button" (click)="deleteDepartment()"\r\n              class="btn btn-light-danger btn-sm ">\r\n        {{UtilityService.getResourceValue("Delete")}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵv,selector:"BBSF-Form",inputs:["options"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:yo,decorators:[{type:t.Component,args:[{selector:"lib-department",templateUrl:"./department.component.html"}]}],ctorParameters:function(){return[{type:B.EnvironmentService},{type:bo},{type:E.NgbModal},{type:B.AuthService},{type:B.BBSFTranslateService},{type:B.UtilityService},{type:De},{type:B.RequestHandlerService}]},propDecorators:{pagingElement:[{type:t.ViewChild,args:["DepartmentPagingViewElement",{static:!1}]}],CloseDepartmentModal:[{type:t.ViewChild,args:["CloseDepartmentModal",{static:!1}]}],CloseEditDepartmentModal:[{type:t.ViewChild,args:["CloseEditDepartmentModal",{static:!1}]}],CloseDeleteDepartmentModal:[{type:t.ViewChild,args:["CloseDeleteDepartmentModal",{static:!1}]}]}});var So=function(){this.UsersIDs=[]},fo=function(){function e(e,t,i,r,n,o,s,a){var l=this;this.activatedRoute=e,this.UtilityService=t,this.DepartmentService=i,this.environmentService=r,this.pageInfoService=n,this.authService=o,this.BBSFTranslateService=s,this.modalService=a,this.ShowPageContent=!1,this.AuthToken="",this.language="",this.ShowToolbar=!0,this.ShowbreadCrumb=!0,this.BreadcrumbTitle=this.UtilityService.getResourceValue("Departments"),this.ApiUrl="/api/admin/Department/",this.UserDepartmentForm=new h.FormGroup({}),this.IsFilterLoaded=!1,this.UserDepartmentPagingResult=[],this.DepartmentId="",this.Department=new vo,this.AddUsersToDepartmentForm=new h.FormGroup({}),this.activatedRoute.params.subscribe((function(e){l.DepartmentId=e.id}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,this.BBSFTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.UtilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.initializePage(),this.loadBreadCrumpData(),[2]}}))}))},e.prototype.reinitializeUserDepartmentPaging=function(){this.pagingElement.ReinitializePaging()},e.prototype.updateUserDepartmentPaging=function(){this.pagingElement.UpdatePaging()},e.prototype.setUserDepartmentListResult=function(e){this.UserDepartmentPagingResult=e,this.ShowPageContent=!0,this.UtilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.UserDepartmentForm.controls.searchTextBox.setValue(null),this.pagingElement.ReinitializePaging()},e.prototype.loadBreadCrumpData=function(){var e=this;this.DepartmentService.getDepartmentInfo(this.DepartmentId).subscribe((function(t){var i=t;e.SubheaderTitle=i.val.departmentNamec,De.PageTitle=e.SubheaderTitle,De.PageBreadcrumbs=[{title:e.UtilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:e.UtilityService.getResourceValue("Departments"),path:"/Admin/Departments/Departments",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],e.pageInfoService.calculateTitle(),e.pageInfoService.calculateBreadcrumbs()}))},e.prototype.initializePage=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.UtilityService.getResourceValue("SearchByNameOrEmail"),this.DepartmentIdTextBox=new v.TextBoxOptions,this.DepartmentIdTextBox.Name="DepartmentIdTextBox",this.DepartmentIdTextBox.LabelKey="DepartmentIdTextBox",this.DepartmentIdTextBox.Type=v.InputType.Text,this.DepartmentIdTextBox.Value=this.DepartmentId,this.DepartmentIdTextBox.Placeholder=this.UtilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.DepartmentIdTextInputFilter=new v.FilterItem,this.DepartmentIdTextInputFilter.FormControlName="DepartmentIdTextBox",this.DepartmentIdTextInputFilter.ActionParameterName="DepartmentId",this.DepartmentIdTextInputFilter.IsFormControl=!0,this.DepartmentIdTextInputFilter.FilterType=v.FilterType.TextBox,this.UserDepartmentPaging=new v.PagingOptions,this.UserDepartmentPaging.ActionPostURL=this.environmentService.getBaseUrl()+this.ApiUrl+"GetUsersByFilter",this.UserDepartmentPaging.OnKeyPressFiltersControlNames=["searchTextBox","DepartmentIdTextBox"],this.UserDepartmentPaging.Filters=[this.TextInputFilter,this.DepartmentIdTextInputFilter],this.UserDepartmentPaging.PageSize=10,this.UserDepartmentPaging.HidePaginationWhenPageSizeEqualOne=!0,this.UserDepartmentPaging.ShowPageSizeOption=!0,this.UserDepartmentPaging.ShowFirstAndLast=!0,this.UserDepartmentPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.showAddUserToDepartmentModal=function(e){this.UtilityService.startBlockUI(),this.AddUsersToDepartmentForm=new h.FormGroup({}),this.UserAutoComplete=new v.TagsInputOptions,this.UserAutoComplete.Name="UserAutoComplete",this.UserAutoComplete.LabelKey="Users",this.UserAutoComplete.IsRequired=!0,this.UserAutoComplete.Value=null,this.UserAutoComplete.ActionURL=this.environmentService.getBaseUrl()+this.ApiUrl+"AutoCompleteUserList",this.UserAutoComplete.ValidationToken=this.AuthToken,this.modalService.open(e),this.UtilityService.stopBlockUI()},e.prototype.addUserToDepartment=function(){var e=this;if(!this.AddUsersToDepartmentForm.invalid){for(var t=this.AddUsersToDepartmentForm.value,i=new So,r=0;r<t.UserAutoComplete.length;r++){var n=t.UserAutoComplete[r].key;i.UsersIDs.push(Number(n))}i.DepartmentId=Number(this.DepartmentId),this.DepartmentService.addUsersToDepartment(i).subscribe((function(t){e.modalService.dismissAll(),e.pagingElement.ReinitializePaging()}),(function(e){}))}},e.prototype.showDeleteUserFromDepartmentModal=function(e,t){this.UtilityService.startBlockUI(),this.deleteUserId=e.id,this.modalService.open(t),this.UtilityService.stopBlockUI()},e.prototype.deleteUserFromDepartment=function(){var e=this;this.DepartmentService.deleteUserFromDepartment(this.deleteUserId.toString(),this.DepartmentId).subscribe((function(t){e.deleteUserId=0,e.modalService.dismissAll(),e.pagingElement.ReinitializePaging()}))},e}();fo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:fo,deps:[{token:L.ActivatedRoute},{token:B.UtilityService},{token:bo},{token:B.EnvironmentService},{token:De},{token:B.AuthService},{token:B.BBSFTranslateService},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),fo.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:fo,selector:"lib-department-info",viewQueries:[{propertyName:"pagingElement",first:!0,predicate:["UserDepartmentPagingViewElement"],descendants:!0},{propertyName:"CloseAddUsersToDepartment",first:!0,predicate:["CloseAddUsersToDepartment"],descendants:!0},{propertyName:"CloseDeleteUserFromDepartmentModal",first:!0,predicate:["CloseDeleteUserFromDepartmentModal"],descendants:!0}],ngImport:T,template:'\r\n<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="UserDepartmentForm">\r\n            <BBSF-TextBox [hidden]="true" [options]="DepartmentIdTextBox" [group]="UserDepartmentForm">\r\n            </BBSF-TextBox>\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="UserDepartmentForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddUserToDepartmentModal(AddUserToDepartmentModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{UtilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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("Email")}}</th>\r\n                <th class="min-w-150px">{{UtilityService.getResourceValue("Roles")}}</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\r\n              <tr *ngFor="let user of UserDepartmentPagingResult">\r\n\r\n                <td>\r\n                  <span *ngIf="language==\'en\'" class="text-dark">{{user.name.english}}</span>\r\n                  <span *ngIf="language==\'ar\'" class="text-dark">{{user.name.arabic}}</span>\r\n\r\n                </td>\r\n                <td>{{user.email}}</td>\r\n                <td>{{user.userPermsets}}</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                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteUserFromDepartmentModal(user,deleteUserDepartmentModal)">\r\n                        <span class="drop-link px-3">{{UtilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="UserDepartmentPagingResult.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          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setUserDepartmentListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="UserDepartmentPaging" [group]="UserDepartmentForm" #UserDepartmentPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteUserDepartmentModal 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("Delete")}} {{UtilityService.getResourceValue("User")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{UtilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteUserFromDepartmentModal id="CloseDeleteUserFromDepartmentModal" 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="button" (click)="deleteUserFromDepartment()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{UtilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddUserToDepartmentModal 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("User")}} </h1>\r\n      </div>\r\n      <form [formGroup]="AddUsersToDepartmentForm"\r\n            (ngSubmit)="addUserToDepartment()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TagsInput [options]="UserAutoComplete" [group]="AddUsersToDepartmentForm">\r\n            </BBSF-TagsInput>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseAddUsersToDepartment id="CloseAddUsersToDepartment" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵr,selector:"BBSF-TagsInput",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:fo,decorators:[{type:t.Component,args:[{selector:"lib-department-info",templateUrl:"./department-info.component.html"}]}],ctorParameters:function(){return[{type:L.ActivatedRoute},{type:B.UtilityService},{type:bo},{type:B.EnvironmentService},{type:De},{type:B.AuthService},{type:B.BBSFTranslateService},{type:E.NgbModal}]},propDecorators:{pagingElement:[{type:t.ViewChild,args:["UserDepartmentPagingViewElement",{static:!1}]}],CloseAddUsersToDepartment:[{type:t.ViewChild,args:["CloseAddUsersToDepartment",{static:!1}]}],CloseDeleteUserFromDepartmentModal:[{type:t.ViewChild,args:["CloseDeleteUserFromDepartmentModal",{static:!1}]}]}});var Io=[{path:"",component:ho,children:[{path:"Departments",component:yo},{path:"DepartmentInfo/:id",component:fo},{path:"",redirectTo:"Departments",pathMatch:"full"}]}],xo=function(){};xo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:xo,deps:[],target:T.ɵɵFactoryTarget.NgModule}),xo.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:xo,imports:[L.RouterModule],exports:[s.RouterModule]}),xo.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:xo,imports:[[s.RouterModule.forChild(Io)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:xo,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Io)],exports:[s.RouterModule]}]}]});var Fo=function(){};Fo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fo,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Fo.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fo,declarations:[ho,yo,fo],imports:[xo,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]}),Fo.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fo,providers:[l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService],imports:[[xo,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fo,decorators:[{type:t.NgModule,args:[{declarations:[ho,yo,fo],imports:[xo,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn],providers:[l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService]}]}]});var To=function(){this.Name=new v.EnglishArabicDTO},Ao=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Sector/"}return e.prototype.AddSector=function(e){return this.http.post(this.ApiUrl+"AddSector",e)},e.prototype.EditSector=function(e){return this.http.post(this.ApiUrl+"EditSector",e)},e.prototype.DeleteSector=function(e){return this.http.post(this.ApiUrl+"DeleteSector",e)},e.prototype.AddDepartmentsToSector=function(e){return this.http.post(this.ApiUrl+"AddDepartmentstoSector",e)},e.prototype.DeleteDepartmentFromSector=function(e){var t=new n.HttpParams;return t=t.append("departmentID",e),this.http.post(this.ApiUrl+"DeleteDepartmentSector",null,t)},e.prototype.GetSectorInfo=function(e){var t=new n.HttpParams;return t=t.append("SectorId",e),this.http.post(this.ApiUrl+"GetSectorInfo",null,t)},e}();Ao.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ao,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Ao.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ao,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ao,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var wo=function(){function e(e,t,i,r,n,o,s,a){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.dataServices=n,this.authService=o,this.SectorService=s,this.modalService=a,this.SubheaderTitle=this.utilityService.getResourceValue("Sectors"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.ApiUrl="/api/admin/Sector/",this.SectorForm=new h.FormGroup({}),this.showFilter=!1,this.SectorPagingResult=[],this.IsFilterLoaded=!1,this.AddSectorForm=new h.FormGroup({}),this.IsAddSectorFormLoaded=!1,this.EditSectorForm=new h.FormGroup({}),this.deleteSectorList=[],this.IsOpenDeleteSectorModal=!1,this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Sectors"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.SectorPaging=new v.PagingOptions,this.SectorPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetSectorsByFilter",this.SectorPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.SectorPaging.Filters=[this.TextInputFilter],this.SectorPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.ReinitializeSectorPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateSectorPaging=function(){this.input.UpdatePaging()},e.prototype.setSectorListResult=function(e){this.SectorPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.SectorForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddSectorModal=function(e){this.utilityService.startBlockUI(),this.AddSectorForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addSector=function(){var e=this;if(!this.AddSectorForm.invalid){var t=this.AddSectorForm.value,i=new To;i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,this.SectorService.AddSector(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditSectorModal=function(e,t){this.utilityService.startBlockUI(),this.EditSectorForm=new h.FormGroup({});var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.SectorId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editSector=function(){var e=this;if(!this.EditSectorForm.invalid){var t=this.EditSectorForm.value,i=new To;i.Id=this.SectorId,i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,this.SectorService.EditSector(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteSectorModal=function(e,t){this.deleteSectorList=[],this.deleteSectorList.push(e),this.IsOpenDeleteSectorModal=!1,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteSector=function(){for(var e=this,t=new yn,i=0;i<this.deleteSectorList.length;i++){var r=this.deleteSectorList[i];t.UsersIDs.push(r.id)}this.SectorService.DeleteSector(t).subscribe((function(t){e.deleteSectorList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();wo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wo,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Sn},{token:B.AuthService},{token:Ao},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),wo.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:wo,selector:"lib-sector",viewQueries:[{propertyName:"input",first:!0,predicate:["SectorPagingViewElement"],descendants:!0},{propertyName:"CloseSectorModal",first:!0,predicate:["CloseSectorModal"],descendants:!0},{propertyName:"CloseEditSectorModal",first:!0,predicate:["CloseEditSectorModal"],descendants:!0},{propertyName:"CloseDeleteSectorModal",first:!0,predicate:["CloseDeleteSectorModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="SectorForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="SectorForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddSectorModal(AddSectorModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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-150px">{{utilityService.getResourceValue("Departments")}}</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\r\n              <tr *ngFor="let Sector of SectorPagingResult">\r\n\r\n                <td>\r\n                  <a href="javascript:void(0)" *ngIf="language==\'en\'" [routerLink]="[\'/Admin/Sectors/SectorInfo\',Sector.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Sector.name.english}}</a>\r\n\r\n                  <a href="javascript:void(0)" *ngIf="language==\'ar\'" [routerLink]="[\'/Admin/Sectors/SectorInfo\',Sector.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Sector.name.arabic}}</a>\r\n\r\n                </td>\r\n                <td>{{Sector.departmentCount}}</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                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showEditSectorModal(Sector,EditSectorModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteSectorModal(Sector,deleteSectorModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="SectorPagingResult.length == 0">\r\n                <td colspan="3">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setSectorListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="SectorPaging" [group]="SectorForm" #SectorPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddSectorModal 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("Sector")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddSectorForm"\r\n            (ngSubmit)="addSector()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddSectorForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseSectorModal id="CloseSectorModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditSectorModal 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("Sector")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditSectorForm" (ngSubmit)="editSector()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditSectorForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditSectorModal id="CloseEditSectorModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteSectorModal 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("Delete")}} {{utilityService.getResourceValue("Sector")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteSectorModal id="CloseDeleteSectorModal" 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="button" (click)="deleteSector()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],wo.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wo,decorators:[{type:t.Component,args:[{selector:"lib-sector",templateUrl:"./sector.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Sn},{type:B.AuthService},{type:Ao},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["SectorPagingViewElement",{static:!1}]}],CloseSectorModal:[{type:t.ViewChild,args:["CloseSectorModal",{static:!1}]}],CloseEditSectorModal:[{type:t.ViewChild,args:["CloseEditSectorModal",{static:!1}]}],CloseDeleteSectorModal:[{type:t.ViewChild,args:["CloseDeleteSectorModal",{static:!1}]}],blockUI:[]}});var Mo=function(){this.DepartmentIDs=[]},Lo=function(){function e(e,t,i,r,n,o,s,a,l){var d=this;this.authService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.activatedRoute=n,this.dataServices=o,this.sectorService=s,this.pageInfoService=a,this.modalService=l,this.ShowToolbar=!0,this.ShowbreadCrumb=!0,this.BreadcrumbTitle=this.utilityService.getResourceValue("Sectors"),this.Url="/Admin/Sectors/Sector",this.ApiUrl="/api/admin/Sector/",this.filterForm=new h.FormGroup({}),this.DepartmentSectorForm=new h.FormGroup({}),this.showFilter=!1,this.DepartmentSectorPagingResult=[],this.IsFilterLoaded=!1,this.AuthToken="",this.SectorId="",this.PageName="",this.Sector=new To,this.ShowPageContent=!1,this.AddDepartmentToSectorForm=new h.FormGroup({}),this.language="",this.IsOpenDeleteDepartmentFromSectorModal=!1,this.activatedRoute.params.subscribe((function(e){d.SectorId=e.id,localStorage.setItem("SectorId",d.SectorId)}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.LoadUserList(),[2]}}))}))},e.prototype.ReinitializeDepartmentSectorPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateDepartmentSectorPaging=function(){this.input.UpdatePaging()},e.prototype.setDepartmentSectorListResult=function(e){this.DepartmentSectorPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.DepartmentSectorForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadUserList=function(){var e=this;this.sectorService.GetSectorInfo(this.SectorId).subscribe((function(t){e.IsFilterLoaded=!1;var i=t;e.Sector.Name.English=i.val.name.english,e.Sector.Name.Arabic=i.val.name.arabic,e.SubheaderTitle="en"==e.language?e.Sector.Name.English:e.Sector.Name.Arabic,De.PageTitle=e.SubheaderTitle,De.PageBreadcrumbs=[{title:e.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:e.utilityService.getResourceValue("Sectors"),path:"/Admin/Sectors/Sector",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],e.pageInfoService.calculateTitle(),e.pageInfoService.calculateBreadcrumbs(),e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.SectorIdTextBox=new v.TextBoxOptions,e.SectorIdTextBox.Name="SectorIdTextBox",e.SectorIdTextBox.HideLabel=!0,e.SectorIdTextBox.Type=v.InputType.Text,e.SectorIdTextBox.Value=e.SectorId,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.SectorIdTextInputFilter=new v.FilterItem,e.SectorIdTextInputFilter.FormControlName="SectorIdTextBox",e.SectorIdTextInputFilter.ActionParameterName="SectorId",e.SectorIdTextInputFilter.IsFormControl=!0,e.SectorIdTextInputFilter.FilterType=v.FilterType.TextBox,e.DepartmentSectorPaging=new v.PagingOptions,e.DepartmentSectorPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetDepartmentsByFilter",e.DepartmentSectorPaging.OnKeyPressFiltersControlNames=["searchTextBox","SectorIdTextBox"],e.DepartmentSectorPaging.Filters=[e.TextInputFilter,e.SectorIdTextInputFilter],e.DepartmentSectorPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.showAddDepartmentToSectorModal=function(e){this.utilityService.startBlockUI(),this.AddDepartmentToSectorForm=new h.FormGroup({}),this.DepartmentAutoComplete=new v.TagsInputOptions,this.DepartmentAutoComplete.Name="DepartmentAutoComplete",this.DepartmentAutoComplete.LabelKey="Departments",this.DepartmentAutoComplete.IsRequired=!0,this.DepartmentAutoComplete.Value=null,this.DepartmentAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteDepartmentList",this.DepartmentAutoComplete.ValidationToken=this.AuthToken,this.DepartmentAutoComplete.CanDeleteTags=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addDepartmentToSector=function(){var e=this;if(!this.AddDepartmentToSectorForm.invalid){for(var t=this.AddDepartmentToSectorForm.value,i=new Mo,r=0;r<t.DepartmentAutoComplete.length;r++){var n=t.DepartmentAutoComplete[r].key;i.DepartmentIDs.push(Number(n))}i.SectorID=Number(this.SectorId),this.sectorService.AddDepartmentsToSector(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showDeleteDepartmentFromSectorModal=function(e,t){this.deleteDepartmentId=e.id,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteDepartmentFromSector=function(){var e=this;this.sectorService.DeleteDepartmentFromSector(this.deleteDepartmentId.toString()).subscribe((function(t){e.deleteDepartmentId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();Lo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Lo,deps:[{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:L.ActivatedRoute},{token:Sn},{token:Ao},{token:De},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Lo.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Lo,selector:"lib-sector-info",viewQueries:[{propertyName:"input",first:!0,predicate:["UserDepartmentSectorPagingViewElement"],descendants:!0},{propertyName:"CloseAddDepartmentToSector",first:!0,predicate:["CloseAddDepartmentToSector"],descendants:!0},{propertyName:"CloseDeleteDepartmentFromSectorModal",first:!0,predicate:["CloseDeleteDepartmentFromSectorModal"],descendants:!0}],ngImport:T,template:'<block-ui> </block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="DepartmentSectorForm">\r\n            <BBSF-TextBox [hidden]="true" [options]="SectorIdTextBox" [group]="DepartmentSectorForm">\r\n            </BBSF-TextBox>\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="DepartmentSectorForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddDepartmentToSectorModal(AddDepartmentToSectorModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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-150px">{{utilityService.getResourceValue("SamAccount")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("UsersCount")}}</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\r\n              <tr *ngFor="let Department of DepartmentSectorPagingResult">\r\n\r\n                <td>\r\n                  <a href="javascript:void(0)" *ngIf="language==\'en\'" [routerLink]="[\'/Admin/Sectors/DepartmentInfo\',Department.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Department.departmentName.english}}</a>\r\n\r\n                  <a href="javascript:void(0)" *ngIf="language==\'ar\'" [routerLink]="[\'/Admin/Sectors/DepartmentInfo\',Department.id]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Department.departmentName.arabic}}</a>\r\n\r\n                </td>\r\n                <td>{{Department.samAccount}}</td>\r\n                <td>{{Department.usersCount}}</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                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteDepartmentFromSectorModal(Department,deleteDepartmentModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="DepartmentSectorPagingResult.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\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setDepartmentSectorListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="DepartmentSectorPaging" [group]="DepartmentSectorForm" #UserDepartmentSectorPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddDepartmentToSectorModal 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("Department")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddDepartmentToSectorForm"\r\n            (ngSubmit)="addDepartmentToSector()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TagsInput [options]="DepartmentAutoComplete" [group]="AddDepartmentToSectorForm">\r\n            </BBSF-TagsInput>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseAddDepartmentToSector id="CloseAddDepartmentToSector" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteDepartmentModal 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("Delete")}} {{utilityService.getResourceValue("Department")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteDepartmentFromSectorModal id="CloseDeleteDepartmentFromSectorModal" 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="button" (click)="deleteDepartmentFromSector()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵr,selector:"BBSF-TagsInput",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),H([a.BlockUI()],Lo.prototype,"blockUI",void 0),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Lo,decorators:[{type:t.Component,args:[{selector:"lib-sector-info",templateUrl:"./sector-info.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:L.ActivatedRoute},{type:Sn},{type:Ao},{type:De},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["UserDepartmentSectorPagingViewElement",{static:!1}]}],blockUI:[],CloseAddDepartmentToSector:[{type:t.ViewChild,args:["CloseAddDepartmentToSector",{static:!1}]}],CloseDeleteDepartmentFromSectorModal:[{type:t.ViewChild,args:["CloseDeleteDepartmentFromSectorModal",{static:!1}]}]}});var Co=function(){function e(e,t,i,r,n,o,s,a,l){var d=this;this.utilityService=e,this.bbsfTranslateService=t,this.environmentService=i,this.activatedRoute=r,this.dataServices=n,this.authService=o,this.departmentService=s,this.pageInfoService=a,this.modalService=l,this.ShowToolbar=!0,this.ShowbreadCrumb=!0,this.BreadcrumbTitle=this.utilityService.getResourceValue("Sectors"),this.BreadcrumbTitleSecond=this.utilityService.getResourceValue("Departments"),this.Url="/Admin/Sectors/Sector",this.SecondUrl="",this.ApiUrl="/api/admin/Department/",this.filterForm=new h.FormGroup({}),this.UserDepartmentForm=new h.FormGroup({}),this.showFilter=!1,this.UserDepartmentPagingResult=[],this.IsFilterLoaded=!1,this.AuthToken="",this.DepartmentId="",this.PageName="",this.Department=new vo,this.ShowPageContent=!1,this.AddUsersToDepartmentForm=new h.FormGroup({}),this.language="",this.activatedRoute.params.subscribe((function(e){d.DepartmentId=e.id,d.SecondUrl="/Admin/Sectors/SectorInfo/"+localStorage.getItem("SectorId")}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.LoadUserList(),[2]}}))}))},e.prototype.ReinitializeUserDepartmentPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateUserDepartmentPaging=function(){this.input.UpdatePaging()},e.prototype.setUserDepartmentListResult=function(e){this.UserDepartmentPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.UserDepartmentForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.LoadUserList=function(){var e=this;this.departmentService.getDepartmentInfo(this.DepartmentId).subscribe((function(t){e.IsFilterLoaded=!1;var i=t;e.Department.SectorId=i.val.sectorId,e.SubheaderTitle=i.val.departmentName;var r=i.val.sectorName;De.PageTitle=e.SubheaderTitle,De.PageBreadcrumbs=[{title:e.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:e.utilityService.getResourceValue("Sectors"),path:"/Admin/Sectors/Sector",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:r,path:"/Admin/Sectors/SectorInfo/"+e.Department.SectorId,isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],e.pageInfoService.calculateTitle(),e.pageInfoService.calculateBreadcrumbs(),e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByNameOrEmail"),e.DepartmentIdTextBox=new v.TextBoxOptions,e.DepartmentIdTextBox.Name="DepartmentIdTextBox",e.DepartmentIdTextBox.HideLabel=!0,e.DepartmentIdTextBox.Type=v.InputType.Text,e.DepartmentIdTextBox.Value=e.DepartmentId,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.DepartmentIdTextInputFilter=new v.FilterItem,e.DepartmentIdTextInputFilter.FormControlName="DepartmentIdTextBox",e.DepartmentIdTextInputFilter.ActionParameterName="DepartmentId",e.DepartmentIdTextInputFilter.IsFormControl=!0,e.DepartmentIdTextInputFilter.FilterType=v.FilterType.TextBox,e.UserDepartmentPaging=new v.PagingOptions,e.UserDepartmentPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetUsersByFilter",e.UserDepartmentPaging.OnKeyPressFiltersControlNames=["searchTextBox","DepartmentIdTextBox"],e.UserDepartmentPaging.Filters=[e.TextInputFilter,e.DepartmentIdTextInputFilter],e.UserDepartmentPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.showAddUserToDepartmentModal=function(e){this.utilityService.startBlockUI(),this.AddUsersToDepartmentForm=new h.FormGroup({}),this.UserAutoComplete=new v.TagsInputOptions,this.UserAutoComplete.Name="UserAutoComplete",this.UserAutoComplete.LabelKey="Users",this.UserAutoComplete.IsRequired=!0,this.UserAutoComplete.Value=null,this.UserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUserList",this.UserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addUserToDepartment=function(){var e=this;if(!this.AddUsersToDepartmentForm.invalid){for(var t=this.AddUsersToDepartmentForm.value,i=new So,r=0;r<t.UserAutoComplete.length;r++){var n=t.UserAutoComplete[r].key;i.UsersIDs.push(Number(n))}i.DepartmentId=Number(this.DepartmentId),this.departmentService.addUsersToDepartment(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showDeleteUserFromDepartmentModal=function(e,t){this.utilityService.startBlockUI(),this.deleteUserId=e.id,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteUserFromDepartment=function(){var e=this;this.departmentService.deleteUserFromDepartment(this.deleteUserId.toString(),this.DepartmentId).subscribe((function(t){e.deleteUserId=0,e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();Co.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Co,deps:[{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:L.ActivatedRoute},{token:Sn},{token:B.AuthService},{token:bo},{token:De},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Co.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Co,selector:"lib-department-info",viewQueries:[{propertyName:"input",first:!0,predicate:["UserDepartmentPagingViewElement"],descendants:!0},{propertyName:"CloseAddUsersToDepartment",first:!0,predicate:["CloseAddUsersToDepartment"],descendants:!0},{propertyName:"CloseDeleteUserFromDepartmentModal",first:!0,predicate:["CloseDeleteUserFromDepartmentModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}" class="container-fluid">\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]="UserDepartmentForm">\r\n            <BBSF-TextBox [hidden]="true" [options]="DepartmentIdTextBox" [group]="UserDepartmentForm">\r\n            </BBSF-TextBox>\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="UserDepartmentForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add"  (click)="showAddUserToDepartmentModal(AddUserToDepartmentModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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("Email")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Roles")}}</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\r\n              <tr *ngFor="let user of UserDepartmentPagingResult">\r\n\r\n                <td>\r\n                  <span *ngIf="language==\'en\'" class="text-dark">{{user.name.english}}</span>\r\n                  <span *ngIf="language==\'ar\'" class="text-dark">{{user.name.arabic}}</span>\r\n                </td>\r\n                <td>{{user.email}}</td>\r\n                <td>{{user.userPermsets}}</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                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteUserFromDepartmentModal(user,deleteUserDepartmentModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="UserDepartmentPagingResult.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\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setUserDepartmentListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="UserDepartmentPaging" [group]="UserDepartmentForm" #UserDepartmentPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddUserToDepartmentModal 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("User")}} </h1>\r\n      </div>\r\n      <form [formGroup]="AddUsersToDepartmentForm"\r\n            (ngSubmit)="addUserToDepartment()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TagsInput [options]="UserAutoComplete" [group]="AddUsersToDepartmentForm">\r\n            </BBSF-TagsInput>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseAddUsersToDepartment id="CloseAddUsersToDepartment" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteUserDepartmentModal 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("Delete")}} {{utilityService.getResourceValue("User")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteUserFromDepartmentModal id="CloseDeleteUserFromDepartmentModal" 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="button" (click)="deleteUserFromDepartment()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵr,selector:"BBSF-TagsInput",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Co,decorators:[{type:t.Component,args:[{selector:"lib-department-info",templateUrl:"./department-info.component.html"}]}],ctorParameters:function(){return[{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:L.ActivatedRoute},{type:Sn},{type:B.AuthService},{type:bo},{type:De},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["UserDepartmentPagingViewElement",{static:!1}]}],CloseAddUsersToDepartment:[{type:t.ViewChild,args:["CloseAddUsersToDepartment",{static:!1}]}],CloseDeleteUserFromDepartmentModal:[{type:t.ViewChild,args:["CloseDeleteUserFromDepartmentModal",{static:!1}]}]}});var Bo=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Bo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Bo,deps:[],target:T.ɵɵFactoryTarget.Component}),Bo.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Bo,selector:"lib-sectors",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Bo,decorators:[{type:t.Component,args:[{selector:"lib-sectors",templateUrl:"./sectors.component.html"}]}],ctorParameters:function(){return[]}});var Do=[{path:"",component:Bo,children:[{path:"Sector",component:wo},{path:"SectorInfo/:id",component:Lo},{path:"DepartmentInfo/:id",component:Co},{path:"",redirectTo:"Sector",pathMatch:"full"}]}],ko=function(){};ko.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ko,deps:[],target:T.ɵɵFactoryTarget.NgModule}),ko.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ko,imports:[L.RouterModule],exports:[s.RouterModule]}),ko.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ko,imports:[[s.RouterModule.forChild(Do)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ko,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Do)],exports:[s.RouterModule]}]}]});var Eo=function(){};Eo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Eo,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Eo.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Eo,declarations:[Bo,wo,Lo,Co],imports:[ko,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]}),Eo.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Eo,providers:[l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ao],imports:[[ko,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Eo,decorators:[{type:t.NgModule,args:[{declarations:[Bo,wo,Lo,Co],imports:[ko,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn],providers:[l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ao]}]}]});var Po=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Po.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Po,deps:[],target:T.ɵɵFactoryTarget.Component}),Po.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Po,selector:"lib-configurations",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Po,decorators:[{type:t.Component,args:[{selector:"lib-configurations",templateUrl:"./configurations.component.html"}]}],ctorParameters:function(){return[]}});var Vo=function(){this.ValueSourceName=new v.EnglishArabicDTO,this.ValueTypeName=new v.EnglishArabicDTO},No=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Configuration/"}return e.prototype.AddConfiguration=function(e){return this.http.post(this.ApiUrl+"AddConfiguration",e)},e.prototype.GetEditConfiguration=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"EditConfiguration",t)},e.prototype.EditConfiguration=function(e){return this.http.post(this.ApiUrl+"EditConfiguration",e)},e.prototype.DeleteConfiguration=function(e){return this.http.post(this.ApiUrl+"DeleteConfiguration",e)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.LoadLookupItems=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"LoadLookupItems",null,t)},e.prototype.LoadSourceFunctionDropDownItems=function(e){return this.http.get(this.ApiUrl+e,null)},e}();No.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:No,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),No.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:No,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:No,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Ro=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.ConfigurationsService=o,this.modalService=s,this.ApiUrl="/api/admin/Configuration/",this.ConfigurationForm=new h.FormGroup({}),this.showFilter=!1,this.ConfigurationPagingResult=[],this.IsFilterLoaded=!1,this.ScopesList=[],this.PermissionList=[],this.UsersList=[],this.LookupsList=[],this.LookupItemsList=[],this.ValueTypeList=[],this.ValueSourceList=[],this.ShowPermissionList=!1,this.ShowUsersList=!1,this.ShowLookupList=!1,this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!1,this.ShowSourceFunctionPath=!1,this.ShowDropDownSource=!1,this.ShowLookupItemsList=!1,this.ShowSourceFunctionData=!1,this.AddConfigurationForm=new h.FormGroup({}),this.SourceFuncValue=new v.DropdownOptions,this.SourceFuncDefaultValue=new v.DropdownOptions,this.EditConfigurationForm=new h.FormGroup({}),this.EditKey=new v.TextBoxOptions,this.EditTextValue=new v.TextBoxOptions,this.EditTextDefaultValue=new v.TextBoxOptions,this.EditSourcePath=new v.TextBoxOptions,this.EditFunctionSourcePath=new v.TextBoxOptions,this.EditValueToggele=new v.ToggleSlideOptions,this.EditDefaultValueToggele=new v.ToggleSlideOptions,this.EditScope=new v.DropdownOptions,this.EditType=new v.DropdownOptions,this.EditPermissionSet=new v.DropdownOptions,this.EditUser=new v.DropdownOptions,this.EditSource=new v.DropdownOptions,this.EditLookup=new v.DropdownOptions,this.EditLookupValue=new v.DropdownOptions,this.EditLookupDefaultValue=new v.DropdownOptions,this.EditSourceFuncValue=new v.DropdownOptions,this.EditSourceFuncDefaultValue=new v.DropdownOptions,this.deleteConfigurationList=[],this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Configuration"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.LoadDropdownLists=function(){var e=this;this.ConfigurationsService.Loaddropdowns().subscribe((function(t){var i=t;e.ScopesList=i.scopes,e.PermissionList=i.permissionList,e.UsersList=i.users,e.LookupsList=i.lookups,e.ValueTypeList=i.valueType,e.ValueSourceList=i.valueSource,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.searchTextBox.HideLabel=!0,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.ConfigurationPaging=new v.PagingOptions,e.ConfigurationPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetConfigurationsByFilter",e.ConfigurationPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.ConfigurationPaging.Filters=[e.TextInputFilter],e.ConfigurationPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.ReinitializeConfigurationPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateConfigurationPaging=function(){this.input.UpdatePaging()},e.prototype.setConfigurationListResult=function(e){this.ConfigurationPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.ConfigurationForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.ChangeScopeValue=function(e){switch(this.ScopesList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"App":this.ShowPermissionList=!1,this.ShowUsersList=!1,this.AddConfigurationForm.removeControl("User"),this.AddConfigurationForm.removeControl("PermissionSet");break;case"Permission set":this.ShowPermissionList=!0,this.ShowUsersList=!1,this.AddConfigurationForm.removeControl("User");break;case"User":this.ShowPermissionList=!1,this.ShowUsersList=!0,this.AddConfigurationForm.removeControl("PermissionSet")}},e.prototype.ChangeTypeValue=function(e){switch(this.ValueTypeList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"Text":this.ShowValueAndDefaultValue=!0,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!1,this.ShowDropDownSource=!1,this.ShowLookupList=!1,this.ShowLookupItemsList=!1,this.AddConfigurationForm.removeControl("Source");break;case"Toggle":this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!0,this.ShowSourcePath=!1,this.ShowDropDownSource=!1,this.ShowLookupList=!1,this.ShowLookupItemsList=!1,this.AddConfigurationForm.removeControl("Source");break;case"Partial View":this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!0,this.ShowDropDownSource=!1,this.ShowLookupList=!1,this.ShowLookupItemsList=!1,this.AddConfigurationForm.removeControl("Source");break;case"Dropdown List":this.ShowLookupList=!1,this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!1,this.ShowDropDownSource=!0}},e.prototype.ChangeSource=function(e){switch(this.ValueSourceList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"Lookup":this.ShowLookupList=!0,this.ShowSourceFunctionPath=!1;break;case"Function":this.ShowSourceFunctionPath=!0,this.ShowLookupList=!1,this.ShowLookupItemsList=!1}},e.prototype.ChangeLookup=function(e){var t=this;this.ConfigurationsService.LoadLookupItems(e).subscribe((function(e){var i=e;t.LookupItemsList=i.lookupItems,t.LookupValue=new v.DropdownOptions,t.LookupValue.Name="LookupValue",t.LookupValue.LabelKey="Value",t.LookupValue.SelectedItems=null,t.LookupValue.DataSource=t.LookupItemsList,t.LookupValue.SingleSelection=!0,t.LookupValue.AllowSearchFilter=!0,t.LookupValue.IsRequired=!0,t.LookupValue.ShowAsterisk=!0,t.LookupDefaultValue=new v.DropdownOptions,t.LookupDefaultValue.Name="LookupDefaultValue",t.LookupDefaultValue.LabelKey="DefaultValue",t.LookupDefaultValue.SelectedItems=null,t.LookupDefaultValue.DataSource=t.LookupItemsList,t.LookupDefaultValue.SingleSelection=!0,t.LookupDefaultValue.AllowSearchFilter=!0,t.LookupDefaultValue.IsRequired=!0,t.ShowLookupItemsList=!0}),(function(e){}))},e.prototype.ChangeEditLookup=function(e){var t=this;this.ShowLookupItemsList=!1,this.ConfigurationsService.LoadLookupItems(e).subscribe((function(e){var i=e.lookupItems;t.EditLookupValue=new v.DropdownOptions,t.EditLookupValue.Name="EditLookupValue",t.EditLookupValue.LabelKey="Value",t.EditLookupValue.SelectedItems=null,t.EditLookupValue.DataSource=i,t.EditLookupValue.SingleSelection=!0,t.EditLookupValue.AllowSearchFilter=!0,t.EditLookupValue.IsRequired=!0,t.EditLookupDefaultValue=new v.DropdownOptions,t.EditLookupDefaultValue.Name="EditLookupDefaultValue",t.EditLookupDefaultValue.LabelKey="DefaultValue",t.EditLookupDefaultValue.SelectedItems=null,t.EditLookupDefaultValue.DataSource=i,t.EditLookupDefaultValue.SingleSelection=!0,t.EditLookupDefaultValue.AllowSearchFilter=!0,t.EditLookupDefaultValue.IsRequired=!0,t.ShowLookupItemsList=!0}),(function(e){}))},e.prototype.showAddConfigurationModal=function(e){this.AddConfigurationForm=new h.FormGroup({}),this.ShowPermissionList=!1,this.ShowUsersList=!1,this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!1,this.ShowDropDownSource=!1,this.ShowLookupList=!1,this.ShowLookupItemsList=!1,this.ShowSourceFunctionPath=!1,this.ShowLookupList=!1,this.ShowLookupItemsList=!1,this.utilityService.startBlockUI(),this.Key=new v.TextBoxOptions,this.Key.Name="Key",this.Key.LabelKey="Key",this.Key.Type=v.InputType.Text,this.Key.IsRequired=!0,this.Key.Value=null,this.Value=new v.TextBoxOptions,this.Value.Name="Value",this.Value.LabelKey="Value",this.Value.Type=v.InputType.Text,this.Value.Value=null,this.Value.IsRequired=!0,this.DefaultValue=new v.TextBoxOptions,this.DefaultValue.Name="DefaultValue",this.DefaultValue.LabelKey="DefaultValue",this.DefaultValue.Type=v.InputType.Text,this.DefaultValue.Value=null,this.DefaultValue.IsRequired=!0,this.SourcePath=new v.TextBoxOptions,this.SourcePath.Name="SourcePath",this.SourcePath.LabelValue="SourcePath",this.SourcePath.LabelKey="SourcePath",this.SourcePath.Type=v.InputType.Text,this.SourcePath.Value=null,this.FunctionSourcePath=new v.TextBoxOptions,this.FunctionSourcePath.Name="FunctionSourcePath",this.FunctionSourcePath.LabelValue="SourcePath",this.FunctionSourcePath.LabelKey="SourcePath",this.FunctionSourcePath.Type=v.InputType.Text,this.FunctionSourcePath.Value=null,this.ValueToggel=new v.ToggleSlideOptions,this.ValueToggel.Name="ValueToggel",this.ValueToggel.LabelKey="Value",this.ValueToggel.Value=!1,this.ValueToggel.ViewType=v.ControlLayout.Horizontal,this.DefaultValueToggel=new v.ToggleSlideOptions,this.DefaultValueToggel.Name="DefaultValueToggel",this.DefaultValueToggel.LabelKey="DefaultValue",this.DefaultValueToggel.Value=!1,this.DefaultValueToggel.ViewType=v.ControlLayout.Horizontal,this.Scope=new v.DropdownOptions,this.Scope.Name="Scope",this.Scope.LabelKey="Scope",this.Scope.SelectedItems=null,this.Scope.DataSource=this.ScopesList,this.Scope.SingleSelection=!0,this.Scope.AllowSearchFilter=!0,this.Scope.IsRequired=!0,this.Type=new v.DropdownOptions,this.Type.Name="Type",this.Type.LabelKey="Type",this.Type.SelectedItems=null,this.Type.DataSource=this.ValueTypeList,this.Type.SingleSelection=!0,this.Type.AllowSearchFilter=!0,this.Type.IsRequired=!0,this.PermissionSet=new v.DropdownOptions,this.PermissionSet.Name="PermissionSet",this.PermissionSet.LabelKey="PermissionSet",this.PermissionSet.SelectedItems=null,this.PermissionSet.DataSource=this.PermissionList,this.PermissionSet.SingleSelection=!0,this.PermissionSet.AllowSearchFilter=!0,this.PermissionSet.IsRequired=!0,this.User=new v.DropdownOptions,this.User.Name="User",this.User.LabelKey="User",this.User.SelectedItems=null,this.User.DataSource=this.UsersList,this.User.SingleSelection=!0,this.User.AllowSearchFilter=!0,this.User.IsRequired=!0,this.Source=new v.DropdownOptions,this.Source.Name="Source",this.Source.LabelKey="Source",this.Source.SelectedItems=null,this.Source.DataSource=this.ValueSourceList,this.Source.SingleSelection=!0,this.Source.AllowSearchFilter=!0,this.Source.IsRequired=!0,this.Lookup=new v.DropdownOptions,this.Lookup.Name="Lookup",this.Lookup.LabelKey="Lookup",this.Lookup.SelectedItems=null,this.Lookup.DataSource=this.LookupsList,this.Lookup.SingleSelection=!0,this.Lookup.AllowSearchFilter=!0,this.Lookup.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addConfiguration=function(){var e=this;if(!this.AddConfigurationForm.invalid){var t=this.AddConfigurationForm.value,i=new Vo;i.Key=t.Key,i.ScopeId=Number(t.Scope),i.ValueType=Number(t.Type),i.TextValue=t.Value,i.DefaultTextValue=t.DefaultValue,i.BoolValue=t.ValueToggel,i.DefaultBoolValue=t.DefaultValueToggel,i.SourcePartialViewActionName=t.SourcePath,i.SourceFunctionName=t.FunctionSourcePath,i.UserID=Number(t.User),i.SelectedLookupID=Number(t.Lookup),i.Value=t.LookupValue,i.DefaultValue=t.LookupDefaultValue,i.PermissionSetID=Number(t.PermissionSet),i.ValueSource=Number(t.Source);var r=this.ValueSourceList.filter((function(e){return parseInt(e.key)==i.ValueSource})).map((function(e){return e}))[0];null!=r&&"Function"==r.value&&(i.Value=t.SourceFuncValue,i.DefaultValue=t.SourceFuncDefaultValue),this.ConfigurationsService.AddConfiguration(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditConfigurationModal=function(e,t,i){var r=this;this.EditConfigurationForm=new h.FormGroup({}),this.resetConfigurationFlags(),this.ConfigurationsService.GetEditConfiguration(t).subscribe((function(t){var n=t.model;r.ConfigurationId=e,r.ConfigurationValueType=n.valueType,r.EditKey=new v.TextBoxOptions,r.EditKey.Name="EditKey",r.EditKey.LabelKey="Key",r.EditKey.Type=v.InputType.Text,r.EditKey.IsRequired=!0,r.EditKey.Value=n.key,r.EditKey.MaxLength=256,r.EditKey.IsDisabled=1==r.ProductionMode;var o=r.ValueTypeList.filter((function(e){return parseInt(e.key)==n.valueType})).map((function(e){return e}))[0];switch(r.EditConfigurationTypeName=o.value,r.EditConfigurationTypeName){case"Text":r.ShowValueAndDefaultValue=!0,r.EditTextValue=new v.TextBoxOptions,r.EditTextValue.Name="EditTextValue",r.EditTextValue.LabelKey="Value",r.EditTextValue.Type=v.InputType.Text,r.EditTextValue.Value=n.textValue,r.EditTextValue.IsRequired=!0,r.EditTextDefaultValue=new v.TextBoxOptions,r.EditTextDefaultValue.Name="EditTextDefaultValue",r.EditTextDefaultValue.LabelKey="DefaultValue",r.EditTextDefaultValue.Type=v.InputType.Text,r.EditTextDefaultValue.Value=n.defaultTextValue,r.EditTextDefaultValue.IsRequired=!0;break;case"Toggle":r.ShowValueToggleAndDefaultValue=!0,r.EditValueToggele=new v.ToggleSlideOptions,r.EditValueToggele.Name="EditValueToggele",r.EditValueToggele.LabelKey="Value",r.EditValueToggele.Value=n.boolValue,r.EditValueToggele.ViewType=v.ControlLayout.Horizontal,r.EditDefaultValueToggele=new v.ToggleSlideOptions,r.EditDefaultValueToggele.Name="EditDefaultValueToggele",r.EditDefaultValueToggele.LabelKey="DefaultValue",r.EditDefaultValueToggele.Value=n.defaultBoolValue,r.EditDefaultValueToggele.ViewType=v.ControlLayout.Horizontal;break;case"Dropdown List":var s=r.ValueSourceList.filter((function(e){return parseInt(e.key)==n.valueSource})).map((function(e){return e}))[0];switch(r.EditConfigurationDDLSourceName=s.value,r.EditConfigurationDDLSourceName){case"Lookup":r.ShowLookupList=!0,r.ShowLookupItemsList=!0;var a=r.LookupsList.filter((function(e){return e.key==n.selectedLookupID})).map((function(e){return e.key}))[0];r.EditLookup=new v.DropdownOptions,r.EditLookup.Name="EditLookup",r.EditLookup.LabelKey="Lookup",r.EditLookup.SelectedItems=null,r.EditLookup.DataSource=r.LookupsList,r.EditLookup.SingleSelection=!0,r.EditLookup.AllowSearchFilter=!0,r.EditLookup.IsRequired=!0,r.EditLookup.SelectedItems=a;var l=t.lookupItemsSource.filter((function(e){return e.key==n.value})).map((function(e){return e.key}))[0];r.EditLookupValue=new v.DropdownOptions,r.EditLookupValue.Name="EditLookupValue",r.EditLookupValue.LabelKey="Value",r.EditLookupValue.DataSource=t.lookupItemsSource,r.EditLookupValue.SingleSelection=!0,r.EditLookupValue.AllowSearchFilter=!0,r.EditLookupValue.IsRequired=!0,r.EditLookupValue.SelectedItems=l;var d=t.lookupItemsSource.filter((function(e){return e.key==n.defaultValue})).map((function(e){return e.key}))[0];r.EditLookupDefaultValue=new v.DropdownOptions,r.EditLookupDefaultValue.Name="EditLookupDefaultValue",r.EditLookupDefaultValue.LabelKey="DefaultValue",r.EditLookupDefaultValue.DataSource=t.lookupItemsSource,r.EditLookupDefaultValue.SingleSelection=!0,r.EditLookupDefaultValue.AllowSearchFilter=!0,r.EditLookupDefaultValue.IsRequired=!0,r.EditLookupDefaultValue.SelectedItems=d;break;case"Function":r.EditFunctionSourcePath=new v.TextBoxOptions,r.EditFunctionSourcePath.Name="EditFunctionSourcePath",r.EditFunctionSourcePath.LabelKey="SourcePath",r.EditFunctionSourcePath.Type=v.InputType.Text,r.EditFunctionSourcePath.Value=n.sourceFunctionName,r.EditFunctionSourcePath.IsRequired=!0,r.ConfigurationsService.LoadSourceFunctionDropDownItems(n.sourceFunctionName).subscribe((function(e){var t=e.filter((function(e){return e.key==n.value})).map((function(e){return e.key}))[0];r.EditSourceFuncValue=new v.DropdownOptions,r.EditSourceFuncValue.Name="EditSourceFuncValue",r.EditSourceFuncValue.LabelKey="Value",r.EditSourceFuncValue.DataSource=e,r.EditSourceFuncValue.SingleSelection=!0,r.EditSourceFuncValue.AllowSearchFilter=!0,r.EditSourceFuncValue.IsRequired=!0,r.EditSourceFuncValue.SelectedItems=t;var i=e.filter((function(e){return e.key==n.defaultValue})).map((function(e){return e.key}))[0];r.EditSourceFuncDefaultValue=new v.DropdownOptions,r.EditSourceFuncDefaultValue.Name="EditSourceFuncDefaultValue",r.EditSourceFuncDefaultValue.LabelKey="DefaultValue",r.EditSourceFuncDefaultValue.DataSource=e,r.EditSourceFuncDefaultValue.SingleSelection=!0,r.EditSourceFuncDefaultValue.AllowSearchFilter=!0,r.EditSourceFuncDefaultValue.IsRequired=!0,r.EditSourceFuncDefaultValue.SelectedItems=i,r.ShowSourceFunctionPath=!0}),(function(e){}))}}var c=r.ScopesList.filter((function(e){return parseInt(e.key)==n.scopeId})).map((function(e){return e}))[0];switch(r.EditConfigurationScopeName=c.value,r.EditConfigurationScopeName){case"Permission set":r.ShowPermissionList=!0;var u=r.PermissionList.filter((function(e){return e.key==n.permissionSetID})).map((function(e){return e.key}))[0];r.EditPermissionSet=new v.DropdownOptions,r.EditPermissionSet.Name="EditPermissionSet",r.EditPermissionSet.LabelKey="PermissionSet",r.EditPermissionSet.SelectedItems=null,r.EditPermissionSet.DataSource=r.PermissionList,r.EditPermissionSet.SingleSelection=!0,r.EditPermissionSet.AllowSearchFilter=!0,r.EditPermissionSet.IsRequired=!0,r.EditPermissionSet.SelectedItems=u;break;case"User":r.ShowUsersList=!0;var p=r.UsersList.filter((function(e){return e.key==n.userID})).map((function(e){return e.key}))[0];r.EditUser=new v.DropdownOptions,r.EditUser.Name="EditUser",r.EditUser.LabelKey="User",r.EditUser.SelectedItems=null,r.EditUser.DataSource=r.UsersList,r.EditUser.SingleSelection=!0,r.EditUser.AllowSearchFilter=!0,r.EditUser.IsRequired=!0,r.EditUser.SelectedItems=p}r.modalService.open(i)}),(function(e){}))},e.prototype.resetConfigurationFlags=function(){this.ShowPermissionList=!1,this.ShowUsersList=!1,this.ShowLookupList=!1,this.ShowValueAndDefaultValue=!1,this.ShowValueToggleAndDefaultValue=!1,this.ShowSourcePath=!1,this.ShowSourceFunctionPath=!1,this.ShowDropDownSource=!1,this.ShowLookupItemsList=!1,this.ShowSourceFunctionData=!1},e.prototype.SearchForFunction=function(e){var t=this;void 0===e&&(e=!0);var i=e?this.AddConfigurationForm.value:this.EditConfigurationForm.value,r=e?i.FunctionSourcePath:i.EditFunctionSourcePath;this.ConfigurationsService.LoadSourceFunctionDropDownItems(r).subscribe((function(i){e?(t.SourceFuncValue=new v.DropdownOptions,t.SourceFuncValue.Name="SourceFuncValue",t.SourceFuncValue.LabelKey="Value",t.SourceFuncValue.DataSource=i,t.SourceFuncValue.SingleSelection=!0,t.SourceFuncValue.AllowSearchFilter=!0,t.SourceFuncValue.IsRequired=!0,t.SourceFuncDefaultValue=new v.DropdownOptions,t.SourceFuncDefaultValue.Name="SourceFuncDefaultValue",t.SourceFuncDefaultValue.LabelKey="DefaultValue",t.SourceFuncDefaultValue.DataSource=i,t.SourceFuncDefaultValue.SingleSelection=!0,t.SourceFuncDefaultValue.AllowSearchFilter=!0,t.SourceFuncDefaultValue.IsRequired=!0,t.ShowSourceFunctionData=!0):(t.EditSourceFuncValue=new v.DropdownOptions,t.EditSourceFuncValue.Name="EditSourceFuncValue",t.EditSourceFuncValue.LabelKey="Value",t.EditSourceFuncValue.DataSource=i,t.EditSourceFuncValue.SingleSelection=!0,t.EditSourceFuncValue.AllowSearchFilter=!0,t.EditSourceFuncValue.IsRequired=!0,t.EditSourceFuncDefaultValue=new v.DropdownOptions,t.EditSourceFuncDefaultValue.Name="EditSourceFuncDefaultValue",t.EditSourceFuncDefaultValue.LabelKey="DefaultValue",t.EditSourceFuncDefaultValue.DataSource=i,t.EditSourceFuncDefaultValue.SingleSelection=!0,t.EditSourceFuncDefaultValue.AllowSearchFilter=!0,t.EditSourceFuncDefaultValue.IsRequired=!0)}),(function(e){}))},e.prototype.editConfiguration=function(){var e=this;if(!this.EditConfigurationForm.invalid){var t=this.EditConfigurationForm.value;console.log(t);var i=new Vo;switch(i.ID=this.ConfigurationId,i.ValueType=this.ConfigurationValueType,0==this.ProductionMode&&(i.Key=t.EditKey),console.log(this.EditConfigurationTypeName),this.EditConfigurationTypeName){case"Text":i.TextValue=t.EditTextValue,i.DefaultTextValue=t.EditTextDefaultValue;break;case"Toggle":i.BoolValue=t.EditValueToggele,i.DefaultBoolValue=t.EditDefaultValueToggele;break;case"Dropdown List":"Lookup"==this.EditConfigurationDDLSourceName?(i.SelectedLookupID=Number(t.EditLookup),i.Value=t.EditLookupValue,i.DefaultValue=t.EditLookupDefaultValue):"Function"==this.EditConfigurationDDLSourceName&&(i.SourceFunctionName=t.EditFunctionSourcePath,i.Value=t.EditSourceFuncValue,i.DefaultValue=t.EditSourceFuncDefaultValue)}"User"==this.EditConfigurationScopeName?(console.log(Number(t.EditUser)),i.UserID=Number(t.EditUser)):"Permission set"==this.EditConfigurationScopeName&&(i.PermissionSetID=Number(t.EditPermissionSet)),this.ConfigurationsService.EditConfiguration(i).subscribe((function(t){e.modalService.dismissAll(),e.resetConfigurationFlags(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteConfigurationModal=function(e,t){this.utilityService.startBlockUI(),this.deleteConfigurationList=[],this.deleteConfigurationList.push(e),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteConfiguration=function(){for(var e=this,t=new yn,i=0;i<this.deleteConfigurationList.length;i++){var r=this.deleteConfigurationList[i];t.UsersIDs.push(r.id)}this.ConfigurationsService.DeleteConfiguration(t).subscribe((function(t){e.deleteConfigurationList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();Ro.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ro,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:No},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Ro.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ro,selector:"lib-configuration",viewQueries:[{propertyName:"input",first:!0,predicate:["ConfigurationPagingViewElement"],descendants:!0},{propertyName:"CloseConfigurationModal",first:!0,predicate:["CloseConfigurationModal"],descendants:!0},{propertyName:"CloseEditConfigurationModal",first:!0,predicate:["CloseEditConfigurationModal"],descendants:!0},{propertyName:"CloseDeleteConfigurationModal",first:!0,predicate:["CloseDeleteConfigurationModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div class="container-fluid">\r\n\r\n    <div *ngIf="ShowPageContent">\r\n      \x3c!-- begin::Header --\x3e\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]="ConfigurationForm">\r\n              <BBSF-TextBox [options]="searchTextBox" [group]="ConfigurationForm"></BBSF-TextBox>\r\n            </form>\r\n          </div>\r\n          <div class="card-toolbar">\r\n            \x3c!-- begin::Menu --\x3e\r\n            <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddConfigurationModal(AddConfigurationModal)">\r\n              <i class="fas fa-plus me-1"></i>\r\n              {{utilityService.getResourceValue("Add")}}\r\n            </button>\r\n            \x3c!-- end::Menu --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!-- end::Header --\x3e\r\n        \x3c!-- begin::Body --\x3e\r\n        <div class="card-body py-3">\r\n          \x3c!-- begin::Table container --\x3e\r\n          <div class="table-responsive">\r\n            \x3c!-- begin::Table --\x3e\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("Key")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Value")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Type")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Scope")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("UserPermissionSet")}}</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 Configuration of ConfigurationPagingResult">\r\n\r\n                  <td class="text-dark">{{Configuration.key}}</td>\r\n                  <td>{{Configuration.value}}</td>\r\n                  <td *ngIf="language==\'ar\'"> {{Configuration.valueTypeName.arabic}}</td>\r\n                  <td *ngIf="language==\'en\'"> {{Configuration.valueTypeName.english}}</td>\r\n                  <td>{{Configuration.scopeName}}</td>\r\n                  <td>{{Configuration.permissionSetName}}</td>\r\n                  <td>\r\n                    <div>\r\n                      <button mat-button [matMenuTriggerFor]="config" 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 #config="matMenu">\r\n                        <button class="drop-item px-3" ngbDropdownItem\r\n                                (click)="showEditConfigurationModal(Configuration.id,Configuration.idEncrypted, EditConfigurationModal)">\r\n                          <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                        </button>\r\n                        <button ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                                (click)="showDeleteConfigurationModal(Configuration, deleteConfigurationModal)">\r\n                          <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                        </button>\r\n                      </mat-menu>\r\n                    </div>\r\n                  </td>\r\n                </tr>\r\n                <tr *ngIf="ConfigurationPagingResult.length == 0">\r\n                  <td colspan="6">\r\n                    <lib-empty-data></lib-empty-data>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n            \x3c!-- end::Table --\x3e\r\n          </div>\r\n          \x3c!-- end::Table container --\x3e\r\n\r\n        </div>\r\n        \x3c!-- begin paging--\x3e\r\n        <div class="card-footer border-0">\r\n          <BBSF-Paging (Items)="setConfigurationListResult($event)" *ngIf="IsFilterLoaded"\r\n                       [options]="ConfigurationPaging" [group]="ConfigurationForm" #ConfigurationPagingViewElement>\r\n          </BBSF-Paging>\r\n        </div>\r\n        \x3c!-- End paging--\x3e\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddConfigurationModal 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("AddConfiguration")}}</h1>\r\n      </div>\r\n\r\n      <form [formGroup]="AddConfigurationForm"\r\n            (ngSubmit)="addConfiguration()">\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="Key" [group]="AddConfigurationForm">\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]="Scope" (OnChange)="ChangeScopeValue($event)" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="Type" (OnChange)="ChangeTypeValue($event)" [group]="AddConfigurationForm">\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-TextBox [options]="Value" *ngIf="ShowValueAndDefaultValue" [group]="AddConfigurationForm">\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-TextBox [options]="DefaultValue" *ngIf="ShowValueAndDefaultValue" [group]="AddConfigurationForm">\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-Toggleslide [options]="ValueToggel" *ngIf="ShowValueToggleAndDefaultValue" [group]="AddConfigurationForm">\r\n            </BBSF-Toggleslide>\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]="DefaultValueToggel" *ngIf="ShowValueToggleAndDefaultValue" [group]="AddConfigurationForm">\r\n            </BBSF-Toggleslide>\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]="Source" *ngIf="ShowDropDownSource" (OnChange)="ChangeSource($event)" [group]="AddConfigurationForm">\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-TextBox [options]="SourcePath" *ngIf="ShowSourcePath" [group]="AddConfigurationForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="ShowSourceFunctionPath">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="FunctionSourcePath" [group]="AddConfigurationForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <button type="button" (click)="SearchForFunction(true)">\r\n              <span class="float-right"><i class="fa fa-search"></i></span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="SourceFuncValue" *ngIf="ShowSourceFunctionData" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="SourceFuncDefaultValue" *ngIf="ShowSourceFunctionData" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="Lookup" *ngIf="ShowLookupList" (OnChange)="ChangeLookup($event)" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="LookupValue" *ngIf="ShowLookupItemsList" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="LookupDefaultValue" *ngIf="ShowLookupItemsList" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="PermissionSet" *ngIf="ShowPermissionList" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="User" *ngIf="ShowUsersList" [group]="AddConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseConfigurationModal id="CloseConfigurationModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditConfigurationModal 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("Configuration")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditConfigurationForm" (ngSubmit)="editConfiguration()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditKey" [group]="EditConfigurationForm">\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-TextBox [options]="EditTextValue" *ngIf="ShowValueAndDefaultValue" [group]="EditConfigurationForm">\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-TextBox [options]="EditTextDefaultValue" *ngIf="ShowValueAndDefaultValue" [group]="EditConfigurationForm">\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-Toggleslide [options]="EditValueToggele" *ngIf="ShowValueToggleAndDefaultValue" [group]="EditConfigurationForm">\r\n            </BBSF-Toggleslide>\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]="EditDefaultValueToggele" *ngIf="ShowValueToggleAndDefaultValue" [group]="EditConfigurationForm">\r\n            </BBSF-Toggleslide>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="ShowSourceFunctionPath">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditFunctionSourcePath" [group]="EditConfigurationForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <button type="button" (click)="SearchForFunction(false)">\r\n              <span class="float-right"><i class="fa fa-search"></i></span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditSourceFuncValue" *ngIf="ShowSourceFunctionPath" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditSourceFuncDefaultValue" *ngIf="ShowSourceFunctionPath" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditLookup" *ngIf="ShowLookupList" (OnChange)="ChangeEditLookup($event)" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditLookupValue" *ngIf="ShowLookupItemsList" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditLookupDefaultValue" *ngIf="ShowLookupItemsList" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditPermissionSet" *ngIf="ShowPermissionList" [group]="EditConfigurationForm">\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-DropdownList [options]="EditUser" *ngIf="ShowUsersList" [group]="EditConfigurationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditConfigurationModal id="CloseEditConfigurationModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--deleted Modal--\x3e\r\n  <ng-template #deleteConfigurationModal 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("Delete")}} {{utilityService.getResourceValue("Configuration")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n    \r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n             {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteConfigurationModal id="CloseDeleteConfigurationModal" 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="button" (click)="deleteConfiguration()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵj,selector:"BBSF-Toggleslide",inputs:["group","options"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ro,decorators:[{type:t.Component,args:[{selector:"lib-configuration",templateUrl:"./configuration.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:No},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["ConfigurationPagingViewElement",{static:!1}]}],CloseConfigurationModal:[{type:t.ViewChild,args:["CloseConfigurationModal",{static:!1}]}],CloseEditConfigurationModal:[{type:t.ViewChild,args:["CloseEditConfigurationModal",{static:!1}]}],CloseDeleteConfigurationModal:[{type:t.ViewChild,args:["CloseDeleteConfigurationModal",{static:!1}]}]}});var Uo=[{path:"",component:Po,children:[{path:"Configuration",component:Ro},{path:"",redirectTo:"Configuration",pathMatch:"full"}]}],Go=function(){};Go.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Go,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Go.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Go,imports:[L.RouterModule],exports:[s.RouterModule]}),Go.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Go,imports:[[s.RouterModule.forChild(Uo)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Go,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Uo)],exports:[s.RouterModule]}]}]});var Oo=function(){};Oo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Oo,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Oo.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Oo,declarations:[Po,Ro],imports:[Go,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,l.BBSFUtilitiesModule,mn]}),Oo.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Oo,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,No],imports:[[Go,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,l.BBSFUtilitiesModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Oo,decorators:[{type:t.NgModule,args:[{declarations:[Po,Ro],imports:[Go,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,l.BBSFUtilitiesModule,mn],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,No]}]}]});var Ho=function(){this.Description=new v.EnglishArabicDTO,this.ParticipantName=new v.EnglishArabicDTO,this.ParticipantTypeItemName=new v.EnglishArabicDTO},zo=function(){this.SourceParticipantDTO=new Ho,this.DestinationParticipantDTO=new Ho},jo=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/ImpersonationRule/"}return e.prototype.AddImpersonationRule=function(e){return this.http.post(this.ApiUrl+"AddImpersonationRule",e)},e.prototype.EditImpersonationRule=function(e){return this.http.post(this.ApiUrl+"EditImpersonationRule",e)},e.prototype.DeleteImpersonationRule=function(e){return this.http.post(this.ApiUrl+"DeleteImpersonationRule",e)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e}();jo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:jo,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),jo.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:jo,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:jo,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Wo=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.ImpersonationRuleService=o,this.modalService=s,this.SubheaderTitle=this.utilityService.getResourceValue("ImpersonationRules"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.ApiUrl="/api/admin/ImpersonationRule/",this.ImpersonationForm=new h.FormGroup({}),this.showFilter=!1,this.ImpersonationPagingResult=[],this.IsFilterLoaded=!1,this.PermissionSetList=[],this.ParticipantTypeList=[],this.AddImpersonationForm=new h.FormGroup({}),this.ShowSourcePermissionList=!1,this.ShowSourceUserAutoComplete=!1,this.ShowDestinationPermissionList=!1,this.ShowDestinationUserAutoComplete=!1,this.EditImpersonationForm=new h.FormGroup({}),this.EditShowSourcePermissionList=!1,this.EditShowSourceUserAutoComplete=!1,this.EditShowDestinationPermissionList=!1,this.EditShowDestinationUserAutoComplete=!1,this.deleteImpersonationList=[],this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("ImpersonationRules"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadDropdownLists(),[2]}}))}))},e.prototype.DestinationParticipant=function(e){switch(this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"PermissionSet":this.ShowDestinationPermissionList=!0,this.ShowDestinationUserAutoComplete=!1;break;case"User":this.ShowDestinationPermissionList=!1,this.ShowDestinationUserAutoComplete=!0}},e.prototype.SourceParticipant=function(e){switch(this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"PermissionSet":this.ShowSourcePermissionList=!0,this.ShowSourceUserAutoComplete=!1;break;case"User":this.ShowSourcePermissionList=!1,this.ShowSourceUserAutoComplete=!0}},e.prototype.EditDestinationParticipant=function(e){switch(this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"PermissionSet":this.EditShowDestinationPermissionList=!0,this.EditShowDestinationUserAutoComplete=!1;break;case"User":this.EditShowDestinationPermissionList=!1,this.EditShowDestinationUserAutoComplete=!0}},e.prototype.EditSourceParticipant=function(e){switch(this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e})).map((function(e){return e}))[0].value){case"PermissionSet":this.EditShowSourcePermissionList=!0,this.EditShowSourceUserAutoComplete=!1;break;case"User":this.EditShowSourcePermissionList=!1,this.EditShowSourceUserAutoComplete=!0}},e.prototype.LoadDropdownLists=function(){var e=this;this.ImpersonationRuleService.Loaddropdowns().subscribe((function(t){var i=t;e.PermissionSetList=i.permissionList,e.ParticipantTypeList=i.participantTypeList,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.HideLabel=!0,e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.ImpersonationPaging=new v.PagingOptions,e.ImpersonationPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetImpersonationRuleByFilter",e.ImpersonationPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.ImpersonationPaging.Filters=[e.TextInputFilter],e.ImpersonationPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.ReinitializeSectorPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateSectorPaging=function(){this.input.UpdatePaging()},e.prototype.setImpersonationListResult=function(e){this.ImpersonationPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.ImpersonationForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddImpersonationModal=function(e){this.AddImpersonationForm=new h.FormGroup({}),this.ShowDestinationPermissionList=!1,this.ShowDestinationUserAutoComplete=!1,this.ShowSourcePermissionList=!1,this.ShowSourceUserAutoComplete=!1,this.utilityService.startBlockUI(),this.SourceParticipantType=new v.DropdownOptions,this.SourceParticipantType.Name="SourceParticipantType",this.SourceParticipantType.LabelKey="SourceParticipantType",this.SourceParticipantType.SelectedItems=null,this.SourceParticipantType.DataSource=this.ParticipantTypeList,this.SourceParticipantType.SingleSelection=!0,this.SourceParticipantType.AllowSearchFilter=!0,this.SourceParticipantType.IsRequired=!0,this.DestinationParticipantType=new v.DropdownOptions,this.DestinationParticipantType.Name="DestinationParticipantType",this.DestinationParticipantType.LabelKey="DestinationParticipantType",this.DestinationParticipantType.SelectedItems=null,this.DestinationParticipantType.DataSource=this.ParticipantTypeList,this.DestinationParticipantType.SingleSelection=!0,this.DestinationParticipantType.AllowSearchFilter=!0,this.DestinationParticipantType.IsRequired=!0,this.SourcePermissionSetList=new v.DropdownOptions,this.SourcePermissionSetList.Name="SourcePermissionSetList",this.SourcePermissionSetList.LabelKey="SourcePermissionSetList",this.SourcePermissionSetList.SelectedItems=null,this.SourcePermissionSetList.DataSource=this.PermissionSetList,this.SourcePermissionSetList.SingleSelection=!0,this.SourcePermissionSetList.AllowSearchFilter=!0,this.SourcePermissionSetList.IsRequired=!0,this.DestinationPermissionSetList=new v.DropdownOptions,this.DestinationPermissionSetList.Name="DestinationPermissionSetList",this.DestinationPermissionSetList.LabelValue="DestinationPermissionSetList",this.DestinationPermissionSetList.LabelKey="DestinationPermissionSetList",this.DestinationPermissionSetList.SelectedItems=null,this.DestinationPermissionSetList.DataSource=this.PermissionSetList,this.DestinationPermissionSetList.SingleSelection=!0,this.DestinationPermissionSetList.AllowSearchFilter=!0,this.DestinationPermissionSetList.IsRequired=!0,this.SourceUserAutoComplete=new v.AutocompleteOptions,this.SourceUserAutoComplete.Name="SourceUserAutoComplete",this.SourceUserAutoComplete.LabelKey="User",this.SourceUserAutoComplete.Type=v.InputType.Text,this.SourceUserAutoComplete.IsRequired=!0,this.SourceUserAutoComplete.Value=null,this.SourceUserAutoComplete.ForceDirection=v.ForceDirection.English,this.SourceUserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUser",this.SourceUserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.DestinationUserAutoComplete=new v.AutocompleteOptions,this.DestinationUserAutoComplete.Name="DestinationUserAutoComplete",this.DestinationUserAutoComplete.LabelKey="User",this.DestinationUserAutoComplete.Type=v.InputType.Text,this.DestinationUserAutoComplete.IsRequired=!0,this.DestinationUserAutoComplete.Value=null,this.DestinationUserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUser",this.DestinationUserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.IsActive=new v.CheckBoxOptions,this.IsActive.Name="IsActive",this.IsActive.LabelKey="Active",this.IsActive.IsDisabled=!0,this.IsActive.Value=!0,this.ExpiresAt=new v.DatePickerOptions,this.ExpiresAt.Name="ExpiresAt",this.ExpiresAt.LabelKey="ExpiresAt",this.ExpiresAt.IsRequired=!0,this.ExpiresAt.StartView=v.StartView.Month,this.ExpiresAt.PickerType=v.PickerType.Calendar,this.ExpiresAt.SelectMode=v.SelectMode.Single,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addImpersonation=function(){var e=this,t=this.AddImpersonationForm.value,i=new zo;i.SourceParticipantDTO.ParticipantTypeItemID=Number(t.SourceParticipantType),i.DestinationParticipantDTO.ParticipantTypeItemID=Number(t.DestinationParticipantType),i.ExpiresAt=t.ExpiresAt,i.IsActive=t.IsActive,null!=t.DestinationUserAutoComplete&&null!=t.DestinationUserAutoComplete&&(i.DestinationParticipantDTO.UserID=Number(t.DestinationUserAutoComplete.key)),i.DestinationParticipantDTO.PermissionSetID=Number(t.DestinationPermissionSetList),null!=t.SourceUserAutoComplete&&null!=t.SourceUserAutoComplete&&(i.SourceParticipantDTO.UserID=Number(t.SourceUserAutoComplete.key)),i.SourceParticipantDTO.PermissionSetID=Number(t.SourcePermissionSetList),this.ImpersonationRuleService.AddImpersonationRule(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.showEditImpersonationModal=function(e,t){this.EditImpersonationForm=new h.FormGroup({}),this.EditShowDestinationPermissionList=!1,this.EditShowDestinationUserAutoComplete=!1,this.EditShowSourcePermissionList=!1,this.EditShowSourceUserAutoComplete=!1,null!=e.sourceParticipantDTO.participantTypeItemID&&e.destinationParticipantDTO.participantTypeItemID&&(this.EditDestinationParticipant(e.destinationParticipantDTO.participantTypeItemID),this.EditSourceParticipant(e.sourceParticipantDTO.participantTypeItemID)),this.utilityService.startBlockUI(),this.ImpersonationId=e.id,this.SourceParticipantId=e.sourceParticipantDTO.id,this.DestinationParticipantId=e.destinationParticipantDTO.id,this.EditSourceParticipantType=new v.DropdownOptions,this.EditSourceParticipantType.Name="EditSourceParticipantType",this.EditSourceParticipantType.LabelKey="SourceParticipantType",this.EditSourceParticipantType.SelectedItems=this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e.sourceParticipantDTO.participantTypeItemID})).map((function(e){return e.key}))[0],this.EditSourceParticipantType.DataSource=this.ParticipantTypeList,this.EditSourceParticipantType.SingleSelection=!0,this.EditSourceParticipantType.AllowSearchFilter=!0,this.EditSourceParticipantType.IsRequired=!0,this.EditDestinationParticipantType=new v.DropdownOptions,this.EditDestinationParticipantType.Name="EditDestinationParticipantType",this.EditDestinationParticipantType.LabelKey="DestinationParticipantType",this.EditDestinationParticipantType.SelectedItems=this.ParticipantTypeList.filter((function(t){return parseInt(t.key)==e.destinationParticipantDTO.participantTypeItemID})).map((function(e){return e.key}))[0],this.EditDestinationParticipantType.DataSource=this.ParticipantTypeList,this.EditDestinationParticipantType.SingleSelection=!0,this.EditDestinationParticipantType.AllowSearchFilter=!0,this.EditDestinationParticipantType.IsRequired=!0,this.EditSourcePermissionSetList=new v.DropdownOptions,this.EditSourcePermissionSetList.Name="EditSourcePermissionSetList",this.EditSourcePermissionSetList.LabelKey="SourcePermissionSetList",this.EditSourcePermissionSetList.SelectedItems=this.PermissionSetList.filter((function(t){return parseInt(t.key)==e.sourceParticipantDTO.permissionSetID})).map((function(e){return e.key}))[0],this.EditSourcePermissionSetList.DataSource=this.PermissionSetList,this.EditSourcePermissionSetList.SingleSelection=!0,this.EditSourcePermissionSetList.AllowSearchFilter=!0,this.EditSourcePermissionSetList.IsRequired=!0,this.EditDestinationPermissionSetList=new v.DropdownOptions,this.EditDestinationPermissionSetList.Name="EditDestinationPermissionSetList",this.EditDestinationPermissionSetList.LabelKey="DestinationPermissionSetList",this.EditDestinationPermissionSetList.SelectedItems=this.PermissionSetList.filter((function(t){return parseInt(t.key)==e.destinationParticipantDTO.permissionSetID})).map((function(e){return e.key}))[0],this.EditDestinationPermissionSetList.DataSource=this.PermissionSetList,this.EditDestinationPermissionSetList.SingleSelection=!0,this.EditDestinationPermissionSetList.AllowSearchFilter=!0,this.EditDestinationPermissionSetList.IsRequired=!0,this.EditSourceUserAutoComplete=new v.AutocompleteOptions,this.EditSourceUserAutoComplete.Name="EditSourceUserAutoComplete",this.EditSourceUserAutoComplete.LabelKey="User",this.EditSourceUserAutoComplete.Type=v.InputType.Text,this.EditSourceUserAutoComplete.IsRequired=!0;var i=new v.AutocompleteDTO;i.key=e.sourceParticipantDTO.userID,i.value=e.sourceParticipantDTO.participantName.current,this.EditSourceUserAutoComplete.SelectedValue=i,this.EditSourceUserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUser",this.EditSourceUserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.EditDestinationUserAutoComplete=new v.AutocompleteOptions,this.EditDestinationUserAutoComplete.Name="EditDestinationUserAutoComplete",this.EditDestinationUserAutoComplete.LabelKey="User",this.EditDestinationUserAutoComplete.Type=v.InputType.Text,this.EditDestinationUserAutoComplete.IsRequired=!0;var r=new v.AutocompleteDTO;r.key=e.destinationParticipantDTO.userID,r.value=e.destinationParticipantDTO.participantName.current,this.EditDestinationUserAutoComplete.SelectedValue=r,this.EditDestinationUserAutoComplete.ActionURL=this.environmentService.getApiUrl()+this.ApiUrl+"AutoCompleteUser",this.EditDestinationUserAutoComplete.ValidationToken=this.authService.authorizationHeaderValue(),this.EditIsActive=new v.CheckBoxOptions,this.EditIsActive.Name="EditIsActive",this.EditIsActive.LabelKey="Active",this.EditIsActive.IsDisabled=!0,this.EditIsActive.Value=!0,this.EditExpiresAt=new v.DatePickerOptions,this.EditExpiresAt.Name="EditExpiresAt",this.EditExpiresAt.LabelKey="ExpiresAt",this.EditExpiresAt.IsRequired=!0,this.EditExpiresAt.Value=e.expiresAt,this.EditExpiresAt.StartView=v.StartView.Month,this.EditExpiresAt.PickerType=v.PickerType.Calendar,this.EditExpiresAt.SelectMode=v.SelectMode.Single,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editImpersonation=function(){var e=this;if(!this.EditImpersonationForm.invalid){var t=this.EditImpersonationForm.value,i=new zo;i.ID=this.ImpersonationId,i.DestinationParticipantDTO.ID=this.DestinationParticipantId,i.SourceParticipantDTO.ID=this.SourceParticipantId,i.SourceParticipantDTO.ParticipantTypeItemID=Number(t.EditSourceParticipantType),i.DestinationParticipantDTO.ParticipantTypeItemID=Number(t.EditDestinationParticipantType),i.ExpiresAt=t.EditExpiresAt,i.IsActive=t.EditIsActive,console.log("Data:"),console.log(t),null!=t.EditDestinationUserAutoComplete&&null!=t.EditDestinationUserAutoComplete&&(i.DestinationParticipantDTO.UserID=Number(t.EditDestinationUserAutoComplete.key)),i.DestinationParticipantDTO.PermissionSetID=Number(t.EditDestinationPermissionSetList),null!=t.EditSourceUserAutoComplete&&null!=t.EditSourceUserAutoComplete&&(i.SourceParticipantDTO.UserID=Number(t.EditSourceUserAutoComplete.key)),i.SourceParticipantDTO.PermissionSetID=Number(t.EditSourcePermissionSetList),this.ImpersonationRuleService.EditImpersonationRule(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteImpersonationModal=function(e,t){this.deleteImpersonationList=[],this.deleteImpersonationList.push(e),this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteImpersonation=function(){for(var e=this,t=new yn,i=0;i<this.deleteImpersonationList.length;i++){var r=this.deleteImpersonationList[i];t.UsersIDs.push(r.id)}this.ImpersonationRuleService.DeleteImpersonationRule(t).subscribe((function(t){e.deleteImpersonationList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();Wo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Wo,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:jo},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Wo.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Wo,selector:"lib-impersonation-rules",viewQueries:[{propertyName:"input",first:!0,predicate:["ImpersonationPagingViewElement"],descendants:!0},{propertyName:"CloseImpersonationModal",first:!0,predicate:["CloseImpersonationModal"],descendants:!0},{propertyName:"CloseEditImpersonationModal",first:!0,predicate:["CloseEditImpersonationModal"],descendants:!0},{propertyName:"CloseDeleteImpersonationModal",first:!0,predicate:["CloseDeleteImpersonationModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="ImpersonationForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="ImpersonationForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddImpersonationModal(AddImpersonationModal)">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!--begin::Permission list--\x3e\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("ParticipantType")}}]{{utilityService.getResourceValue("Source")}}</th>\r\n                <th class="min-w-150px"> [{{utilityService.getResourceValue("ParticipantType")}}]{{utilityService.getResourceValue("Destination")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("ExpiresAt")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Active")}}</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\r\n              <tr *ngFor="let Impersonation of ImpersonationPagingResult">\r\n\r\n                <td>\r\n                  <span *ngIf="language==\'ar\'" class="text-dark">\r\n                    [{{Impersonation.sourceParticipantDTO.participantTypeItemName.arabic}}] {{Impersonation.sourceParticipantDTO.participantName.arabic}}\r\n                  </span>\r\n                  <span *ngIf="language==\'en\'" class="text-dark">\r\n                    [{{Impersonation.sourceParticipantDTO.participantTypeItemName.english}}] {{Impersonation.sourceParticipantDTO.participantName.english}}\r\n                  </span>\r\n\r\n                </td>\r\n                <td *ngIf="language==\'ar\'">  [{{Impersonation.destinationParticipantDTO.participantTypeItemName.arabic}}] {{Impersonation.destinationParticipantDTO.participantName.arabic}}</td>\r\n                <td *ngIf="language==\'en\'">[{{Impersonation.destinationParticipantDTO.participantTypeItemName.english}}] {{Impersonation.destinationParticipantDTO.participantName.english}}</td>\r\n\r\n                <td>{{Impersonation.expiresAt}}</td>\r\n                <td>{{Impersonation.isActive}}</td>\r\n\r\n                <td>\r\n\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                      <a class="drop-item px-3" ngbDropdownItem\r\n                         (click)="showEditImpersonationModal(Impersonation,EditImpersonationModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3"\r\n                         (click)="showDeleteImpersonationModal(Impersonation,deleteImpersonationModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="ImpersonationPagingResult.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\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setImpersonationListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="ImpersonationPaging" [group]="ImpersonationForm" #ImpersonationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddImpersonationModal 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("ImpersonationRule")}}</h1>\r\n      </div>\r\n\r\n      <form [formGroup]="AddImpersonationForm" (ngSubmit)="addImpersonation()">\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="SourceParticipantType" (OnChange)="SourceParticipant($event)" [group]="AddImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="SourcePermissionSetList" *ngIf="ShowSourcePermissionList" [group]="AddImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-AutocompleteTextBox [options]="SourceUserAutoComplete" *ngIf="ShowSourceUserAutoComplete" [group]="AddImpersonationForm">\r\n            </BBSF-AutocompleteTextBox>\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]="DestinationParticipantType" (OnChange)="DestinationParticipant($event)" [group]="AddImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="DestinationPermissionSetList" *ngIf="ShowDestinationPermissionList" [group]="AddImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-AutocompleteTextBox [options]="DestinationUserAutoComplete" *ngIf="ShowDestinationUserAutoComplete" [group]="AddImpersonationForm">\r\n            </BBSF-AutocompleteTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="IsActive" [group]="AddImpersonationForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DateTimePicker [options]="ExpiresAt" [group]="AddImpersonationForm">\r\n\r\n            </BBSF-DateTimePicker>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button CloseImpersonationModal id="CloseImpersonationModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditImpersonationModal 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("ImpersonationRule")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditImpersonationForm"  (ngSubmit)="editImpersonation()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditSourceParticipantType" (OnChange)="EditSourceParticipant($event)" [group]="EditImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditSourcePermissionSetList" *ngIf="EditShowSourcePermissionList" [group]="EditImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-AutocompleteTextBox [options]="EditSourceUserAutoComplete" *ngIf="EditShowSourceUserAutoComplete" [group]="EditImpersonationForm">\r\n            </BBSF-AutocompleteTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditDestinationParticipantType" (OnChange)="EditDestinationParticipant($event)" [group]="EditImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditDestinationPermissionSetList" *ngIf="EditShowDestinationPermissionList" [group]="EditImpersonationForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n          <div class="col-md-12">\r\n            <BBSF-AutocompleteTextBox [options]="EditDestinationUserAutoComplete" *ngIf="EditShowDestinationUserAutoComplete" [group]="EditImpersonationForm">\r\n            </BBSF-AutocompleteTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditIsActive" [group]="EditImpersonationForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DateTimePicker [options]="EditExpiresAt" [group]="EditImpersonationForm">\r\n\r\n            </BBSF-DateTimePicker>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button  #CloseEditImpersonationModal id="CloseEditImpersonationModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteImpersonationModal 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("Delete")}} {{utilityService.getResourceValue("ImpersonationRule")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteImpersonationModal id="CloseDeleteImpersonationModal" 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="button" (click)="deleteImpersonation()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵq,selector:"BBSF-AutocompleteTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵa,selector:"BBSF-DateTimePicker",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Wo,decorators:[{type:t.Component,args:[{selector:"lib-impersonation-rules",templateUrl:"./impersonation-rules.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:jo},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["ImpersonationPagingViewElement",{static:!1}]}],CloseImpersonationModal:[{type:t.ViewChild,args:["CloseImpersonationModal",{static:!1}]}],CloseEditImpersonationModal:[{type:t.ViewChild,args:["CloseEditImpersonationModal",{static:!1}]}],CloseDeleteImpersonationModal:[{type:t.ViewChild,args:["CloseDeleteImpersonationModal",{static:!1}]}]}});var Ko=function(){};Ko.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ko,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Ko.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ko,declarations:[Wo],imports:[L.RouterModule,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]}),Ko.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ko,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,jo],imports:[[s.RouterModule.forRoot([{path:"ImpersonationRule",component:Wo},{path:"",redirectTo:"ImpersonationRule",pathMatch:"full"}]),i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ko,decorators:[{type:t.NgModule,args:[{declarations:[Wo],imports:[s.RouterModule.forRoot([{path:"ImpersonationRule",component:Wo},{path:"",redirectTo:"ImpersonationRule",pathMatch:"full"}]),i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,jo]}]}]});var qo=function(){},_o=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Jobs/"}return e.prototype.LoadStatistics=function(){return this.http.get(this.ApiUrl+"GetStatistics")},e}();_o.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_o,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),_o.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_o,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_o,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Jo=function(){function e(e,t,i,r,n,o){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.JobsService=o,this.ApiUrl="/api/admin/Jobs/",this.JobCountsModel=new qo,this.ProductionMode=!1,this.IsStatisticsLoaded=!1,this.EnqueuedForm=new h.FormGroup({}),this.showEnqueuedFilter=!1,this.EnqueuedPagingResult=[],this.IsEnqueuedFilterLoaded=!1,this.ScheduledForm=new h.FormGroup({}),this.ScheduledPagingResult=[],this.IsScheduledFilterLoaded=!1,this.ProcessingForm=new h.FormGroup({}),this.ProcessingPagingResult=[],this.IsProcessingFilterLoaded=!1,this.SucceededForm=new h.FormGroup({}),this.SucceededPagingResult=[],this.IsSucceededFilterLoaded=!1,this.FailedForm=new h.FormGroup({}),this.FailedPagingResult=[],this.IsFailedFilterLoaded=!1,this.DeletedForm=new h.FormGroup({}),this.DeletedPagingResult=[],this.IsDeletedFilterLoaded=!1,this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return De.PageTitle=this.utilityService.getResourceValue("Jobs"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadStatistics(),[2]}}))}))},e.prototype.ReinitializeEnqueuedPaging=function(){this.EnqueuedInput.ReinitializePaging()},e.prototype.UpdateEnqueuedPaging=function(){this.EnqueuedInput.UpdatePaging()},e.prototype.setEnqueuedListResult=function(e){this.EnqueuedPagingResult=e,this.utilityService.startBlockUI()},e.prototype.resetFilters=function(){this.EnqueuedForm.controls.searchTextBox.setValue(null),this.EnqueuedInput.ReinitializePaging()},e.prototype.ReinitializeScheduledPaging=function(){this.ScheduledInput.ReinitializePaging()},e.prototype.UpdateScheduledPaging=function(){this.ScheduledInput.UpdatePaging()},e.prototype.setScheduledListResult=function(e){this.ScheduledPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.ReinitializeProcessingPaging=function(){this.ProcessingInput.ReinitializePaging()},e.prototype.UpdateProcessingPaging=function(){this.ProcessingInput.UpdatePaging()},e.prototype.setProcessingListResult=function(e){this.ProcessingPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.ReinitializeSucceededPaging=function(){this.SucceededInput.ReinitializePaging()},e.prototype.UpdateSucceededPaging=function(){this.SucceededInput.UpdatePaging()},e.prototype.setSucceededListResult=function(e){this.SucceededPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.ReinitializeFailedPaging=function(){this.FailedInput.ReinitializePaging()},e.prototype.UpdateFailedPaging=function(){this.FailedInput.UpdatePaging()},e.prototype.setFailedListResult=function(e){this.FailedPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.ReinitializeDeletedPaging=function(){this.DeletedInput.ReinitializePaging()},e.prototype.UpdateDeletedPaging=function(){this.DeletedInput.UpdatePaging()},e.prototype.setDeletedListResult=function(e){this.DeletedPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.LoadStatistics=function(){var e=this;this.JobsService.LoadStatistics().subscribe((function(t){var i=t;e.JobCountsModel.Enqueued=i.enqueued,e.JobCountsModel.Succeeded=i.succeeded,e.JobCountsModel.Scheduled=i.scheduled,e.JobCountsModel.Processing=i.processing,e.JobCountsModel.Failed=i.failed,e.JobCountsModel.Deleted=i.deleted,setTimeout((function(){e.IsStatisticsLoaded=!0}),10)}))},e.prototype.LoadEnqueuedJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.EnqueuedTextInputFilter=new v.FilterItem,this.EnqueuedTextInputFilter.FormControlName="searchTextBox",this.EnqueuedTextInputFilter.ActionParameterName="searchText",this.EnqueuedTextInputFilter.IsFormControl=!0,this.EnqueuedTextInputFilter.FilterType=v.FilterType.TextBox,this.EnqueuedPaging=new v.PagingOptions,this.EnqueuedPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetQueueListByFilter",this.EnqueuedPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.EnqueuedPaging.Filters=[this.EnqueuedTextInputFilter],this.EnqueuedPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsEnqueuedFilterLoaded=!0}),10)},e.prototype.LoadScheduledJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.ScheduledPaging=new v.PagingOptions,this.ScheduledPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetScheduledListByFilter",this.ScheduledPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsScheduledFilterLoaded=!0}),10)},e.prototype.LoadProcessingJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.ProcessingPaging=new v.PagingOptions,this.ProcessingPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetProcessingListByFilter",this.ProcessingPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsProcessingFilterLoaded=!0}),10)},e.prototype.LoadSucceededJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.SucceededPaging=new v.PagingOptions,this.SucceededPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetSucceededListByFilter",this.SucceededPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsSucceededFilterLoaded=!0}),10)},e.prototype.LoadFailedJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.FailedPaging=new v.PagingOptions,this.FailedPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetFailedListByFilter",this.FailedPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFailedFilterLoaded=!0}),10)},e.prototype.LoadDeletedJobs=function(){var e=this;this.IsEnqueuedFilterLoaded=!1,this.IsScheduledFilterLoaded=!1,this.IsProcessingFilterLoaded=!1,this.IsSucceededFilterLoaded=!1,this.IsFailedFilterLoaded=!1,this.IsDeletedFilterLoaded=!1,this.utilityService.startBlockUI,this.DeletedPaging=new v.PagingOptions,this.DeletedPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetDeletedListByFilter",this.DeletedPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsDeletedFilterLoaded=!0}),10)},e}();Jo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Jo,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:_o}],target:T.ɵɵFactoryTarget.Component}),Jo.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Jo,selector:"lib-jobs",viewQueries:[{propertyName:"EnqueuedInput",first:!0,predicate:["EnqueuedPagingViewElement"],descendants:!0},{propertyName:"ScheduledInput",first:!0,predicate:["ScheduledPagingViewElement"],descendants:!0},{propertyName:"ProcessingInput",first:!0,predicate:["ProcessingPagingViewElement"],descendants:!0},{propertyName:"SucceededInput",first:!0,predicate:["SucceededPagingViewElement"],descendants:!0},{propertyName:"FailedInput",first:!0,predicate:["FailedPagingViewElement"],descendants:!0},{propertyName:"DeletedInput",first:!0,predicate:["DeletedPagingViewElement"],descendants:!0}],ngImport:T,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)="LoadEnqueuedJobs()">{{utilityService.getResourceValue("Enqueued")}}({{JobCountsModel.Enqueued}})</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-title" *ngIf="IsEnqueuedFilterLoaded">\r\n                      <form [formGroup]="EnqueuedForm">\r\n                        <BBSF-TextBox [options]="searchTextBox" [group]="EnqueuedForm"></BBSF-TextBox>\r\n                      </form>\r\n                    </div>\r\n                  </div>\r\n                  <div class="card-body py-3 px-0">\r\n                    \x3c!--begin::Permission list--\x3e\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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("Job")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("State")}}</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 job of EnqueuedPagingResult">\r\n                            <td class="text-dark">{{job.job}}</td>\r\n                            <td>{{job.state}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf="EnqueuedPagingResult.length == 0">\r\n                            <td colspan="2">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setEnqueuedListResult($event)" *ngIf="IsEnqueuedFilterLoaded"\r\n                                 [options]="EnqueuedPaging" [group]="EnqueuedForm" #EnqueuedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\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)="LoadScheduledJobs()">{{utilityService.getResourceValue("Scheduled")}}({{JobCountsModel.Scheduled}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class="card">\r\n                  <div class="card-body py-3 px-0">\r\n                    \x3c!--begin::Permission list--\x3e\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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("Job")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("Enqueued")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("Scheduled")}}</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 job of ScheduledPagingResult">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.enqueueAt}}</td>\r\n                            <td>{{job.scheduledAt}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf="ScheduledPagingResult.length == 0">\r\n                            <td colspan="3">\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                  </div>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setScheduledListResult($event)" *ngIf="IsScheduledFilterLoaded"\r\n                                 [options]="ScheduledPaging" [group]="ScheduledForm" #ScheduledPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\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)="LoadProcessingJobs()">{{utilityService.getResourceValue("Processing")}}({{JobCountsModel.Processing}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class="card">\r\n                  <div class="card-body py-3 px-0">\r\n                    \x3c!--begin::Permission list--\x3e\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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("Job")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("StartedAt")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("ServerId")}}</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 job of ProcessingPagingResult">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.startedAt}}</td>\r\n                            <td>{{job.serverId}}</td>\r\n                          </tr>\r\n                          <tr *ngIf="ProcessingPagingResult.length == 0">\r\n                            <td colspan="3">\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                  </div>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setProcessingListResult($event)" *ngIf="IsProcessingFilterLoaded"\r\n                                 [options]="ProcessingPaging" [group]="ProcessingForm" #ProcessingPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\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)="LoadSucceededJobs()">{{utilityService.getResourceValue("Succeeded")}}({{JobCountsModel.Succeeded}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class="card">\r\n                  <div class="card-body py-3 px-0">\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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-150">{{utilityService.getResourceValue("Job")}}</th>\r\n                            <th class="min-w-150">{{utilityService.getResourceValue("SucceededAt")}}</th>\r\n                            <th class="min-w-150">{{utilityService.getResourceValue("TotalDuration")}}</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 job of SucceededPagingResult">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.succeededAt}}</td>\r\n                            <td>{{job.totalDuration}}</td>\r\n                          </tr>\r\n                          <tr *ngIf="SucceededPagingResult.length == 0">\r\n                            <td colspan="3">\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>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setSucceededListResult($event)" *ngIf="IsSucceededFilterLoaded"\r\n                                 [options]="SucceededPaging" [group]="SucceededForm" #SucceededPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\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)="LoadFailedJobs()">{{utilityService.getResourceValue("Failed")}}({{JobCountsModel.Failed}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class="card">\r\n                  <div class="card-body py-3 px-0">\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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-150">{{utilityService.getResourceValue("FailedAt")}}</th>\r\n                            <th class="min-w-150">{{utilityService.getResourceValue("Job")}}</th>\r\n                            <th class="min-w-150">{{utilityService.getResourceValue("ErrorMessage")}}</th>\r\n                            <th class="min-w-150">{{utilityService.getResourceValue("ErrorMessage")}}</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 job of FailedPagingResult">\r\n                            <td>{{job.failedAt}}</td>\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.reason}}</td>\r\n                            <td class="failed-job-details directionLtr" *ngIf="job.inFailedState">\r\n                              <div class="expandable">\r\n                                <p> {{job.exceptionType}}</p>\r\n                                <p class="text-muted">\r\n                                  {{job.exceptionMessage}}\r\n                                </p>\r\n\r\n                              </div>\r\n                            </td>\r\n                          </tr>\r\n                          <tr *ngIf="FailedPagingResult.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                  </div>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setFailedListResult($event)" *ngIf="IsFailedFilterLoaded" [options]="FailedPaging"\r\n                                 [group]="FailedForm" #FailedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\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)="LoadDeletedJobs()">{{utilityService.getResourceValue("Deleted")}}({{JobCountsModel.Deleted}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class="card">\r\n                  <div class="card-body py-3 px-0">\r\n                    <div class="table-responsive">\r\n                      \x3c!-- begin::Table --\x3e\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("Job")}}</th>\r\n                            <th class="min-w-150px">{{utilityService.getResourceValue("DeletedAt")}}</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 job of DeletedPagingResult">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.deletedAt}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf="DeletedPagingResult.length == 0">\r\n                            <td colspan="2">\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                  </div>\r\n                  <div class="card-footer border-0">\r\n                    <BBSF-Paging (Items)="setDeletedListResult($event)" *ngIf="IsDeletedFilterLoaded"\r\n                                 [options]="DeletedPaging" [group]="DeletedForm" #DeletedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n          </ul>\r\n          <div [ngbNavOutlet]="nav"></div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n \r\n\r\n',styles:[".card-deck .card{align-items:center;justify-content:center;text-align:center;border-radius:4px;background:#f8f9fa;cursor:pointer}.card-title{margin-bottom:0;font-size:16px}.filter-container.text-dark .form-group label{color:#3f4254}.kt-portlet.custom-portlet{box-shadow:none;background:#f8f9fa;margin-top:35px}.card-deck .card .card-block{padding:20px}\n"],components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:E.NgbNavOutlet,selector:"[ngbNavOutlet]",inputs:["paneRole","ngbNavOutlet"]}],directives:[{type:E.NgbNav,selector:"[ngbNav]",inputs:["animation","destroyOnHide","orientation","roles","keyboard","activeId"],outputs:["activeIdChange","shown","hidden","navChange"],exportAs:["ngbNav"]},{type:E.NgbNavItem,selector:"[ngbNavItem]",inputs:["disabled","domId","destroyOnHide","ngbNavItem"],outputs:["shown","hidden"],exportAs:["ngbNavItem"]},{type:E.NgbNavLink,selector:"a[ngbNavLink]"},{type:E.NgbNavContent,selector:"ng-template[ngbNavContent]"},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Jo,decorators:[{type:t.Component,args:[{selector:"lib-jobs",templateUrl:"./jobs.component.html",styleUrls:["./jobs.component.css"]}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:_o}]},propDecorators:{EnqueuedInput:[{type:t.ViewChild,args:["EnqueuedPagingViewElement",{static:!1}]}],ScheduledInput:[{type:t.ViewChild,args:["ScheduledPagingViewElement",{static:!1}]}],ProcessingInput:[{type:t.ViewChild,args:["ProcessingPagingViewElement",{static:!1}]}],SucceededInput:[{type:t.ViewChild,args:["SucceededPagingViewElement",{static:!1}]}],FailedInput:[{type:t.ViewChild,args:["FailedPagingViewElement",{static:!1}]}],DeletedInput:[{type:t.ViewChild,args:["DeletedPagingViewElement",{static:!1}]}]}});var $o=function(){};$o.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$o,deps:[],target:T.ɵɵFactoryTarget.NgModule}),$o.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$o,declarations:[Jo],imports:[L.RouterModule,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,mn]}),$o.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$o,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,_o],imports:[[s.RouterModule.forRoot([{path:"",component:Jo},{path:"",redirectTo:"",pathMatch:"full"}]),i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:$o,decorators:[{type:t.NgModule,args:[{declarations:[Jo],imports:[s.RouterModule.forRoot([{path:"",component:Jo},{path:"",redirectTo:"",pathMatch:"full"}]),i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,mn],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,_o]}]}]});var Qo=function(){this.appendExisting=!1},Yo=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/LicenseAdmin/"}return e.prototype.GetOrganizationLicense=function(){return this.http.get(this.ApiUrl+"GetOrganizationLicense")},e.prototype.UploadLicense=function(e){return this.http.post(this.ApiUrl+"UploadLicense",e)},e}();Yo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Yo,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Yo.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Yo,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Yo,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Zo=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.LicenseService=o,this.modalService=s,this.ShowPageContent=!1,this.change=!1,this.showShadow=[],this.noLicenseFound=!1,this.Name="",this.language="",this.ProductionMode=!1,this.DateInMinutes=0,this.seconds=0,this.minutes=0,this.hours=0,this.days=0,this.weeks=0,this.months=0,this.years=0,this.ShowTimer=!1,this.UploadFileForm=new h.FormGroup({}),this.initialMinutes$=new d.BehaviorSubject(43200),this.value=0}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("License"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.GetOrganizationLicense(),[2]}}))}))},e.prototype.GetOrganizationLicense=function(){var e=this;this.LicenseService.GetOrganizationLicense().subscribe((function(t){var i=t;if(null!=i){var r=new Date(i.val.licenseStartDate),n=new Date(i.val.licenseEndDate),o=new Date(i.val.activationDate);e.ActivationDate=o.toLocaleDateString(),e.LicenseStartDate=r.toLocaleDateString(),e.LicenseEndDate=n.toLocaleDateString(),e.Name=i.val.name.current;var s=new Date;o.toLocaleDateString()==s.toLocaleDateString()?e.noLicenseFound=!0:e.noLicenseFound=!1,e.DateInMinutes=e.getDifferenceInMinutes(s,n),setInterval((function(){e.date_future=n,e.date_now=new Date,e.seconds=Math.floor((e.date_future-e.date_now)/1e3),e.minutes=Math.floor(e.seconds/60),e.hours=Math.floor(e.minutes/60),e.days=Math.floor(e.hours/24),e.months=Math.floor(e.days/31),e.years=Math.floor(e.months/12),e.hours=e.hours-24*e.days,e.minutes=e.minutes-24*e.days*60-60*e.hours,e.seconds=e.seconds-24*e.days*60*60-60*e.hours*60-60*e.minutes,e.days=e.days-31*e.months,e.months=e.months-12*e.years}),1e3)}setTimeout((function(){e.ShowTimer=!0}),1e3)}))},e.prototype.getDifferenceInMinutes=function(e,t){return Math.abs(t-e)/6e4},e.prototype.ShowUploadModal=function(e){this.utilityService.startBlockUI(),this.UploadFileForm.reset(),this.LicenseFileInput=new v.FileUploadOptions,this.LicenseFileInput.Name="LicenseFileInput",this.LicenseFileInput.LabelKey="UploadFile",this.LicenseFileInput.IsMultipleFile=!1,this.LicenseFileInput.IsRequired=!0,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.UploadFiles=function(e){var t=this;if(!this.UploadFileForm.invalid){var i=this.UploadFileForm.value,r=new Qo;r.appendExisting=e,r.LicenseFile={FileBase64:i.LicenseFileInput[0].FileBase64,FileName:i.LicenseFileInput[0].FileName,FileSizeInMB:i.LicenseFileInput[0].FileSizeInMB,FileType:i.LicenseFileInput[0].FileType},this.LicenseService.UploadLicense(r).subscribe((function(e){t.UploadFileForm.reset(),t.modalService.dismissAll()}),(function(e){}))}},e}();Zo.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zo,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Yo},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Zo.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Zo,selector:"lib-license",inputs:{value:"value"},viewQueries:[{propertyName:"CloseLicenseFileModal",first:!0,predicate:["CloseLicenseFileModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\r\n  \x3c!--Begin::Section--\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\r\n    <div class="card card-custom-h">\r\n      <div class="card-header border-0">\r\n        <div class="card-title">\r\n          <h3 *ngIf="!noLicenseFound" class="">{{Name}}</h3>\r\n          <span *ngIf="!noLicenseFound" class="badge badge-light-success m-3 badge-lg">\r\n            {{utilityService.getResourceValue("LicenseActivatedSuccessfully")}}\r\n          </span>\r\n        </div>\r\n\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" class="btn btn-sm btn-primary" (click)="ShowUploadModal(UploadFileModal)">\r\n            {{utilityService.getResourceValue("Activate")}}\r\n          </button>\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-body d-flex align-items-center justify-content-center">\r\n        <ng-container *ngIf="ShowTimer">\r\n          <div class="main_Timer">\r\n            <div class="clock">\r\n              <div class="time row">\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Years")}}</div>\r\n                    <span class="years fs-2hx fw-bolder text-gray-900">{{years}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Months")}}</div>\r\n                    <span class="months fs-2hx fw-bolder text-gray-900">{{months}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Days")}}</div>\r\n                    <span class="days fs-2hx fw-bolder text-gray-900">{{days}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded d-none d-md-block">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Hours")}}</div>\r\n                    <span class="hours fs-2hx fw-bolder text-gray-900">{{hours}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded d-none d-md-block">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Minutes")}}</div>\r\n                    <span class="min fs-2hx fw-bolder text-gray-900">{{minutes}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-lg-2 col-md-4 mb-4 d-flex justify-content-center">\r\n                  <div class="counter-item border bg-light-primary border-primary notice  text-center min-w-150px rounded d-none d-md-block">\r\n                    <div class="counter-title fs-3 fw-bold text-primary d-block">{{utilityService.getResourceValue("Seconds")}}</div>\r\n                    <span class="sec fs-2hx fw-bolder text-gray-900">{{seconds}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="d-flex justify-content-between align-items-center license-head" *ngIf="noLicenseFound">\r\n            <h3 class="text-danger">\r\n              {{utilityService.getResourceValue("LicenseNotFound")}}\r\n            </h3>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf="!noLicenseFound" class="card-footer border-0 d-flex justify-content-between">\r\n        <div class="mb-4">\r\n          <span class="badge badge-light-primary fs-7 fw-bolder me-2 min-w-150px">{{utilityService.getResourceValue("LicenseStartDate")}}:</span>\r\n          <span class="font-weight-500">{{LicenseStartDate | date:\'dd-MM-y\'}}</span>\r\n        </div>\r\n        <div>\r\n          <span class="badge badge-light-danger fs-7 fw-bolder me-2 min-w-150px">{{utilityService.getResourceValue("LicenseExpiryDate")}}:</span>\r\n          <span class="font-weight-500">{{LicenseEndDate | date:\'dd-MM-y\'}}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  \x3c!-- activate--\x3e\r\n  <ng-template #UploadFileModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("UploadLicense")}}</h1>\r\n      </div>\r\n      <form [formGroup]="UploadFileForm">\r\n        <BBSF-FileUplaod [options]="LicenseFileInput" [group]="UploadFileForm">\r\n        </BBSF-FileUplaod>\r\n        <div class="text-center pt-7">\r\n          <button #CloseLicenseFileModal id="CloseLicenseFileModal" type="button" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">\r\n            {{utilityService.getResourceValue("CancelLabel")}}\r\n          </button>\r\n          <button type="button" (click)="UploadFiles(false)" class="btn btn-light-primary me-3 btn-sm">{{utilityService.getResourceValue("Replace")}}</button>\r\n          <button type="button" (click)="UploadFiles(true)" class="btn btn-primary me-3 btn-sm">{{utilityService.getResourceValue("Append")}}</button>\r\n\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n',styles:[".counter-item{padding:50px 5px;margin:0 10px}\n"],components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵb,selector:"BBSF-FileUplaod",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}],pipes:{date:A.DatePipe}}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zo,decorators:[{type:t.Component,args:[{selector:"lib-license",templateUrl:"./license.component.html",styleUrls:["./license.component.css"]}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Yo},{type:E.NgbModal}]},propDecorators:{CloseLicenseFileModal:[{type:t.ViewChild,args:["CloseLicenseFileModal",{static:!1}]}],value:[{type:t.Input}]}});var Xo=[{path:"",component:Zo}],es=function(){};es.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:es,deps:[],target:T.ɵɵFactoryTarget.NgModule}),es.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:es,declarations:[Zo],imports:[i.CommonModule,b.ClipboardModule,C.BlockUIModule,L.RouterModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,p.InlineSVGModule]}),es.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:es,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,Yo],imports:[[i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),s.RouterModule.forChild(Xo),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,p.InlineSVGModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:es,decorators:[{type:t.NgModule,args:[{declarations:[Zo],imports:[i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),s.RouterModule.forChild(Xo),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,p.InlineSVGModule],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,i.DatePipe,Yo]}]}]});var ts=function(){this.Name=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO},is=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Workflow/"}return e.prototype.AddWorkflow=function(e){return this.http.post(this.ApiUrl+"AddWorkflow",e)},e.prototype.EditWorkflow=function(e){return this.http.post(this.ApiUrl+"EditWorkflow",e)},e.prototype.GetDetails=function(e){var t=new n.HttpParams;return t=t.append("wfId",e),this.http.get(this.ApiUrl+"Details",t)},e}();is.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:is,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),is.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:is,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:is,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var rs=function(){function e(e,t,i,r,n,o,s,a){this.dataServices=e,this.authService=t,this.WorkflowService=i,this.modalService=r,this.utilityService=n,this.environmentService=o,this.bbsfTranslateService=s,this.pageInfoService=a,this.ApiUrl="/api/admin/Workflow/",this.WorkflowForm=new h.FormGroup({}),this.showFilter=!1,this.WorkflowPagingResult=[],this.IsFilterLoaded=!1,this.AddWorkflowForm=new h.FormGroup({}),this.EditWorkflowForm=new h.FormGroup({}),this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Workflows"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.WorkflowPaging=new v.PagingOptions,this.WorkflowPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetWorkflowByFilter",this.WorkflowPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.WorkflowPaging.Filters=[this.TextInputFilter],this.WorkflowPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.ReinitializeGetWorkflowPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateWorkflowPaging=function(){this.input.UpdatePaging()},e.prototype.setWorkflowListResult=function(e){this.WorkflowPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.WorkflowForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddWorkflowModal=function(e){this.utilityService.startBlockUI(),this.AddWorkflowForm=new h.FormGroup({}),this.NameInEnglish=new v.TextBoxOptions,this.NameInEnglish.Name="NameInEnglish",this.NameInEnglish.LabelKey="NameInEnglish",this.NameInEnglish.Type=v.InputType.Text,this.NameInEnglish.IsRequired=!0,this.NameInEnglish.Value=null,this.NameInArabic=new v.TextBoxOptions,this.NameInArabic.Name="NameInArabic",this.NameInArabic.LabelKey="NameInArabic",this.NameInArabic.Type=v.InputType.Text,this.NameInArabic.Value=null,this.NameInArabic.IsRequired=!0,this.NameInArabic.ForceDirection=v.ForceDirection.Arabic,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.SysName.IsRequired=!0,this.DescriptionInEnglish=new v.TextAreaOptions,this.DescriptionInEnglish.Name="DescriptionInEnglish",this.DescriptionInEnglish.LabelKey="DescriptionInEnglish",this.DescriptionInEnglish.Value=null,this.DescriptionInArabic=new v.TextAreaOptions,this.DescriptionInArabic.Name="DescriptionInArabic",this.DescriptionInArabic.LabelKey="DescriptionInArabic",this.DescriptionInArabic.Value=null,this.DescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addWorkflow=function(){var e=this;if(!this.AddWorkflowForm.invalid){var t=this.AddWorkflowForm.value,i=new ts;i.Name.English=t.NameInEnglish,i.Name.Arabic=t.NameInArabic,i.SysName=t.SysName,i.Description.English=t.DescriptionInEnglish,i.Description.Arabic=t.DescriptionInArabic,this.WorkflowService.AddWorkflow(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditWorkflowModal=function(e,t){this.utilityService.startBlockUI(),this.EditWorkflowForm=new h.FormGroup({}),this.EditNameInEnglish=new v.TextBoxOptions,this.EditNameInEnglish.Name="EditNameInEnglish",this.EditNameInEnglish.LabelKey="NameInEnglish",this.EditNameInEnglish.Type=v.InputType.Text,this.EditNameInEnglish.IsRequired=!0,this.EditNameInEnglish.Value=e.name.english,this.WorkflowId=e.id,this.EditNameInArabic=new v.TextBoxOptions,this.EditNameInArabic.Name="EditNameInArabic",this.EditNameInArabic.LabelKey="NameInArabic",this.EditNameInArabic.Type=v.InputType.Text,this.EditNameInArabic.Value=e.name.arabic,this.EditNameInArabic.IsRequired=!0,this.EditNameInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="EditSysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditSysName.IsRequired=!0,this.EditDescriptionInEnglish=new v.TextAreaOptions,this.EditDescriptionInEnglish.Name="EditDescriptionInEnglish",this.EditDescriptionInEnglish.LabelKey="DescriptionInEnglish",this.EditDescriptionInEnglish.Value=e.description.english,this.EditDescriptionInArabic=new v.TextAreaOptions,this.EditDescriptionInArabic.Name="EditDescriptionInArabic",this.EditDescriptionInArabic.LabelKey="DescriptionInArabic",this.EditDescriptionInArabic.Value=e.description.arabic,this.EditDescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editWorkflow=function(){var e=this;if(!this.EditWorkflowForm.invalid){var t=this.EditWorkflowForm.value,i=new ts;i.Id=this.WorkflowId,i.Name.English=t.EditNameInEnglish,i.Name.Arabic=t.EditNameInArabic,i.SysName=t.EditSysName,i.Description.English=t.EditDescriptionInEnglish,i.Description.Arabic=t.EditDescriptionInArabic,this.WorkflowService.EditWorkflow(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e}();rs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:rs,deps:[{token:Sn},{token:B.AuthService},{token:is},{token:E.NgbModal},{token:B.UtilityService},{token:B.EnvironmentService},{token:B.BBSFTranslateService},{token:De}],target:T.ɵɵFactoryTarget.Component}),rs.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:rs,selector:"lib-workflow",viewQueries:[{propertyName:"input",first:!0,predicate:["WorkflowPagingViewElement"],descendants:!0},{propertyName:"CloseWorkflowModal",first:!0,predicate:["CloseWorkflowModal"],descendants:!0},{propertyName:"CloseEditWorkflowModal",first:!0,predicate:["CloseEditWorkflowModal"],descendants:!0}],ngImport:T,template:'\r\n  \x3c!-- Page Content --\x3e\r\n  <div  *ngIf="ShowPageContent" class="container-fluid">\r\n    \x3c!-- begin::Header --\x3e\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            <BBSF-TextBox [options]="searchTextBox" [group]="WorkflowForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\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          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      \x3c!-- end::Header --\x3e\r\n      \x3c!-- begin::Body --\x3e\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" *ngIf="!ProductionMode">{{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 WorkflowPagingResult">\r\n              <td>\r\n                <a *ngIf="language==\'en\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Workflows/tabs\',Workflow.id,Workflow.workflowVersionID]" routerLinkActive="router-link-active"\r\n                   class="text-gray-800 text-hover-primary">{{Workflow.name.english}}</a>\r\n                <a *ngIf="language==\'ar\'" href="javascript:void(0)" [routerLink]="[\'/Admin/Workflows/tabs\',Workflow.id,Workflow.workflowVersionID]" routerLinkActive="router-link-active"\r\n                   class="text-gray-800 text-hover-primary">{{Workflow.name.arabic}}</a>\r\n              </td>\r\n              <td *ngIf="language==\'en\'">{{Workflow.description.english}}</td>\r\n              <td *ngIf="language==\'ar\'">{{Workflow.description.arabic}}</td>\r\n\r\n              <td *ngIf="!ProductionMode">{{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, 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="WorkflowPagingResult.length == 0">\r\n              <td [attr.colspan]="ProductionMode ? \'3\' : \'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  \x3c!-- Add Modal --\x3e\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      <form [formGroup]="AddWorkflowForm"\r\n            (ngSubmit)="addWorkflow()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="NameInEnglish" [group]="AddWorkflowForm">\r\n            </BBSF-TextBox>\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]="NameInArabic" [group]="AddWorkflowForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="DescriptionInEnglish" [group]="AddWorkflowForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="DescriptionInArabic" [group]="AddWorkflowForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="!ProductionMode">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="SysName" [group]="AddWorkflowForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  \x3c!--Edit Modal--\x3e\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      <form [formGroup]="EditWorkflowForm" (ngSubmit)="editWorkflow()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditNameInEnglish" [group]="EditWorkflowForm">\r\n            </BBSF-TextBox>\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]="EditNameInArabic" [group]="EditWorkflowForm">\r\n            </BBSF-TextBox>\r\n          </div>\r\n\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInEnglish" [group]="EditWorkflowForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInArabic" [group]="EditWorkflowForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row" *ngIf="!ProductionMode">\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        <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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n',components:[{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:rs,decorators:[{type:t.Component,args:[{selector:"lib-workflow",templateUrl:"./workflow.component.html"}]}],ctorParameters:function(){return[{type:Sn},{type:B.AuthService},{type:is},{type:E.NgbModal},{type:B.UtilityService},{type:B.EnvironmentService},{type:B.BBSFTranslateService},{type:De}]},propDecorators:{input:[{type:t.ViewChild,args:["WorkflowPagingViewElement",{static:!1}]}],CloseWorkflowModal:[{type:t.ViewChild,args:["CloseWorkflowModal",{static:!1}]}],CloseEditWorkflowModal:[{type:t.ViewChild,args:["CloseEditWorkflowModal",{static:!1}]}]}});var ns=function(){this.Name=new v.EnglishArabicDTO,this.Single_MultiselectIDs=[],this.variableLookupDTOs=[]},os=function(){this.Name=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO,this.TypeName=new v.EnglishArabicDTO,this.NormalOutcomeName=new v.EnglishArabicDTO,this.ParticipantDTO=new Ho,this.TaskName=new v.EnglishArabicDTO,this.TaskDescription=new v.EnglishArabicDTO,this.participantPermsetsIDsString=[],this.ParticipantTypeItemIDsStringList=[],this.Outcomes=[]},ss=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/WorkflowVariable/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddVariable=function(e){return this.http.post(this.ApiUrl+"AddVariable",e)},e.prototype.EditVariable=function(e){return this.http.post(this.ApiUrl+"EditVariable",e)},e.prototype.DeleteVariable=function(e){return this.http.post(this.ApiUrl+"DeleteVariable",e)},e}();ss.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ss,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),ss.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ss,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ss,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var as=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/WorkflowActivity/"}return e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddWorkflowActivity=function(e){return this.http.post(this.ApiUrl+"AddWorkflowActivity",e)},e.prototype.EditActivity=function(e){return this.http.post(this.ApiUrl+"EditActivity",e)},e}();as.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:as,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),as.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:as,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:as,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var ls=function(){function e(e,t,i,r,n,o,s,a,l,d,c,u){var p=this;this.dataServices=e,this.authService=t,this.WorkflowService=i,this.activatedRoute=r,this.router=n,this.WorkflowVariablesService=o,this.workflowActivityService=s,this.pageInfoService=a,this.modalService=l,this.environmentService=d,this.bbsfTranslateService=c,this.utilityService=u,this.ApiUrl="/api/admin/WFVersion/",this.SubheaderTitle="",this.ShowToolbar=!1,this.ShowbreadCrumb=!0,this.Url="/Admin/Workflows",this.BreadcrumbTitle=this.utilityService.getResourceValue("Workflows"),this.DetailsForm=new h.FormGroup({}),this.ShowWorkflowDetails=!1,this.WorkflowActivityForm=new h.FormGroup({}),this.showFilter=!1,this.WorkflowActivityPagingResult=[],this.IsFilterLoaded=!1,this.ShowWorkflowVersion=!1,this.WorkflowVariableApiUrl="/api/admin/WorkflowVariable/",this.DataTypeList=[],this.WorkflowVariableForm=new h.FormGroup({}),this.WorkflowVariableshowFilter=!1,this.WorkflowVariablePagingResult=[],this.IsWorkflowVariableFilterLoaded=!1,this.ShowWorkflowVariables=!1,this.Pagetitle="",this.AddWorkflowVariableForm=new h.FormGroup({}),this.EditWorkflowVariableForm=new h.FormGroup({}),this.ActivityApiUrl="/api/admin/WorkflowActivity/",this.ActivityTypeList=[],this.workflowActivityForm=new h.FormGroup({}),this.workflowActivityShowFilter=!1,this.ActivityPagingResult=[],this.IsworkflowActivityFilterLoaded=!1,this.ShowWorkflowActivity=!1,this.AddworkflowActivityForm=new h.FormGroup({}),this.EditworkflowActivityForm=new h.FormGroup({}),this.ShowPageContent=!1,this.activatedRoute.params.subscribe((function(e){p.WorkflowId=e.id,p.VersionId=e.vid}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.getDetails(),[2]}}))}))},e.prototype.getDetails=function(){var e=this;this.ShowWorkflowDetails=!1,this.ShowWorkflowVersion=!1,this.ShowWorkflowActivity=!1,this.ShowWorkflowVariables=!1,this.IsFilterLoaded=!1,this.IsWorkflowVariableFilterLoaded=!1,this.IsworkflowActivityFilterLoaded=!1,this.WorkflowService.GetDetails(this.WorkflowId).subscribe((function(t){e.WorkflowDetails=t,e.NameMultilingualTextBox=new v.MultiLingualTextBoxOptions,e.NameMultilingualTextBox.ArabicLabelKey="NameInArabic",e.NameMultilingualTextBox.EnglishLabelKey="NameInEnglish",e.NameMultilingualTextBox.IsRequired=!0,e.NameMultilingualTextBox.Name="Name";var i=new v.EnglishArabicDTO;i.Arabic=e.WorkflowDetails.name.arabic,i.English=e.WorkflowDetails.name.english,"en"==e.language?e.Pagetitle=i.English:e.Pagetitle=i.Arabic,De.PageTitle=e.Pagetitle,De.PageBreadcrumbs=[{title:e.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:e.utilityService.getResourceValue("Workflows"),path:"/Admin/Workflows/workflow",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],e.pageInfoService.calculateTitle(),e.pageInfoService.calculateBreadcrumbs(),e.NameMultilingualTextBox.Value=i,e.NameMultilingualTextBox.IsDisabled=!0,e.DescriptionMultilingualTextBox=new v.MultiLingualTextBoxOptions,e.DescriptionMultilingualTextBox.ArabicLabelKey="DescriptionInArabic",e.DescriptionMultilingualTextBox.EnglishLabelKey="DescriptionInEnglish",e.DescriptionMultilingualTextBox.IsRequired=!0,e.DescriptionMultilingualTextBox.Name="Description";var r=new v.EnglishArabicDTO;r.Arabic=e.WorkflowDetails.description.arabicValue,r.English=e.WorkflowDetails.description.englishValue,e.DescriptionMultilingualTextBox.Value=r,e.DescriptionMultilingualTextBox.IsDisabled=!0,e.SysName=new v.TextBoxOptions,e.SysName.Name="SysName",e.SysName.LabelKey="SysName",e.SysName.Type=v.InputType.Text,e.SysName.IsDisabled=!0,e.SysName.Value=e.WorkflowDetails.sysName,e.Active=new v.TextBoxOptions,e.Active.Name="Active",e.Active.LabelKey="Active",e.Active.Type=v.InputType.Text,e.Active.IsDisabled=!0,e.Active.Value=e.WorkflowDetails.isActive,e.Published=new v.TextBoxOptions,e.Published.Name="Published",e.Published.LabelKey="Published",e.Published.Type=v.InputType.Text,e.Published.IsDisabled=!0,e.Published.Value=e.WorkflowDetails.isPublished,e.ShowWorkflowVersion=!1,e.ShowWorkflowActivity=!1,e.ShowWorkflowVariables=!1,e.IsFilterLoaded=!1,e.IsWorkflowVariableFilterLoaded=!1,e.IsworkflowActivityFilterLoaded=!1,e.ShowWorkflowDetails=!0,e.utilityService.stopBlockUI()}),(function(t){e.utilityService.stopBlockUI()}))},e.prototype.GetVersions=function(){var e=this;this.ShowWorkflowDetails=!1,this.ShowWorkflowVersion=!1,this.ShowWorkflowActivity=!1,this.ShowWorkflowVariables=!1,this.IsFilterLoaded=!1,this.IsWorkflowVariableFilterLoaded=!1,this.IsworkflowActivityFilterLoaded=!1,this.utilityService.startBlockUI(),this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.WorkflowIdTextBox=new v.TextBoxOptions,this.WorkflowIdTextBox.Name="WorkflowIdTextBox",this.WorkflowIdTextBox.HideLabel=!0,this.WorkflowIdTextBox.Type=v.InputType.Text,this.WorkflowIdTextBox.Value=this.WorkflowId,this.WorkflowIdFilter=new v.FilterItem,this.WorkflowIdFilter.FormControlName="WorkflowIdTextBox",this.WorkflowIdFilter.ActionParameterName="WfID",this.WorkflowIdFilter.IsFormControl=!0,this.WorkflowIdFilter.FilterType=v.FilterType.TextBox,this.WorkflowActivityPaging=new v.PagingOptions,this.WorkflowActivityPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetVersionsListing",this.WorkflowActivityPaging.OnKeyPressFiltersControlNames=["searchTextBox","WorkflowIdTextBox"],this.WorkflowActivityPaging.Filters=[this.TextInputFilter,this.WorkflowIdFilter],this.WorkflowActivityPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.ShowWorkflowDetails=!1,this.ShowWorkflowVersion=!0,this.ShowWorkflowActivity=!1,this.ShowWorkflowVariables=!1,this.IsWorkflowVariableFilterLoaded=!1,this.IsworkflowActivityFilterLoaded=!1,setTimeout((function(){e.IsFilterLoaded=!0,e.utilityService.stopBlockUI()}),10)},e.prototype.setWorkflowActivityListResult=function(e){this.utilityService.stopBlockUI(),this.WorkflowActivityPagingResult=e},e.prototype.resetFilters=function(){this.WorkflowActivityForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.setWorkflowVariableListResult=function(e){this.utilityService.stopBlockUI(),this.WorkflowVariablePagingResult=e},e.prototype.resetWorkflowVariableFilters=function(){this.WorkflowVariableForm.controls.searchTextBox.setValue(null);var e=this.WorkflowVariablePagingViewElement;this.utilityService.stopBlockUI(),e.ReinitializePaging()},e.prototype.LoadWorkflowVariables=function(){var e=this;this.WorkflowVariablesService.Loaddropdowns().subscribe((function(t){var i=t;e.DataTypeList=i,e.WorkflowVariablesearchTextBox=new v.TextBoxOptions,e.WorkflowVariablesearchTextBox.Name="WorkflowVariablesearchTextBox",e.WorkflowVariablesearchTextBox.Type=v.InputType.Text,e.WorkflowVariablesearchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.WorkflowVariablesearchTextBox.HideLabel=!0,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="WorkflowVariablesearchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.VerisonIdTextBox=new v.TextBoxOptions,e.VerisonIdTextBox.Name="VerisonIdTextBox",e.VerisonIdTextBox.HideLabel=!0,e.VerisonIdTextBox.Type=v.InputType.Text,e.VerisonIdTextBox.Value=e.WorkflowId,e.VerisonIdTextInputFilter=new v.FilterItem,e.VerisonIdTextInputFilter.FormControlName="VerisonIdTextBox",e.VerisonIdTextInputFilter.ActionParameterName="versionID",e.VerisonIdTextInputFilter.IsFormControl=!0,e.VerisonIdTextInputFilter.FilterType=v.FilterType.TextBox,e.WorkflowVariablePaging=new v.PagingOptions,e.WorkflowVariablePaging.ActionPostURL=e.environmentService.getApiUrl()+e.WorkflowVariableApiUrl+"GetVariableListing",e.WorkflowVariablePaging.OnKeyPressFiltersControlNames=["WorkflowVariablesearchTextBox","VerisonIdTextBox"],e.WorkflowVariablePaging.Filters=[e.TextInputFilter,e.VerisonIdTextInputFilter],e.WorkflowVariablePaging.ValidationToken=e.authService.authorizationHeaderValue(),e.ShowWorkflowDetails=!1,e.ShowWorkflowVersion=!1,e.ShowWorkflowActivity=!1,e.ShowWorkflowVariables=!0,e.IsFilterLoaded=!1,e.IsworkflowActivityFilterLoaded=!1,setTimeout((function(){e.IsWorkflowVariableFilterLoaded=!0,e.utilityService.stopBlockUI()}),10)}))},e.prototype.showAddWorkflowVariableModal=function(e){this.utilityService.startBlockUI(),this.AddWorkflowVariableForm=new h.FormGroup({}),this.NameInEnglish=new v.TextBoxOptions,this.NameInEnglish.Name="NameInEnglish",this.NameInEnglish.LabelKey="NameInEnglish",this.NameInEnglish.Type=v.InputType.Text,this.NameInEnglish.Value=null,this.NameInEnglish.IsRequired=!0,this.NameInArabic=new v.TextBoxOptions,this.NameInArabic.Name="NameInArabic",this.NameInArabic.LabelKey="NameInArabic",this.NameInArabic.Type=v.InputType.Text,this.NameInArabic.Value=null,this.NameInArabic.IsRequired=!0,this.NameInArabic.ForceDirection=v.ForceDirection.Arabic,this.SysNameWorkflowVariable=new v.TextBoxOptions,this.SysNameWorkflowVariable.Name="SysName",this.SysNameWorkflowVariable.LabelKey="SysName",this.SysNameWorkflowVariable.Type=v.InputType.Text,this.SysNameWorkflowVariable.Value=null,this.DataType=new v.DropdownOptions,this.DataType.Name="DataType",this.DataType.LabelKey="DataType",this.DataType.DataSource=this.DataTypeList,this.DataType.SingleSelection=!0,this.DataType.AllowSearchFilter=!0,this.DataType.Placeholder="",this.modalService.open(e),this.utilityService.stopBlockUI(),this.Constant=new v.ToggleSlideOptions,this.Constant.Name="Constant",this.Constant.LabelKey="Constant",this.Constant.ViewType=v.ControlLayout.Horizontal},e.prototype.addWorkflowVariable=function(){var e=this;if(!this.AddWorkflowVariableForm.invalid){this.utilityService.startBlockUI();var t=this.AddWorkflowVariableForm.value,i=new ns;i.Name.English=t.NameInEnglish,i.Name.Arabic=t.EnglishValue,i.SysName=t.SysName,i.WorkflowVersionID=Number(this.VersionId),i.DataTypeItemID=null!=t.DataType?Number(t.DataType):null,i.IsConstant=t.Constant,this.WorkflowVariablesService.AddVariable(i).subscribe((function(t){e.modalService.dismissAll(),e.WorkflowVariablePagingViewElement.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditWorkflowVariableModal=function(e,t){this.utilityService.startBlockUI(),this.EditWorkflowVariableForm=new h.FormGroup({}),this.WorkflowVariableId=e.id,this.EditNameInEnglish=new v.TextBoxOptions,this.EditNameInEnglish.Name="EditNameInEnglish",this.EditNameInEnglish.LabelKey="NameInEnglish",this.EditNameInEnglish.Type=v.InputType.Text,this.EditNameInEnglish.Value=e.name.english,this.EditNameInEnglish.IsRequired=!0,this.EditNameInArabic=new v.TextBoxOptions,this.EditNameInArabic.Name="EditNameInArabic",this.EditNameInArabic.LabelKey="NameInArabic",this.EditNameInArabic.Type=v.InputType.Text,this.EditNameInArabic.Value=e.name.arabic,this.EditNameInArabic.IsRequired=!0,this.EditNameInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditSysNameWorkflowVariable=new v.TextBoxOptions,this.EditSysNameWorkflowVariable.Name="EditSysName",this.EditSysNameWorkflowVariable.LabelKey="SysName",this.EditSysNameWorkflowVariable.Type=v.InputType.Text,this.EditSysNameWorkflowVariable.Value=e.sysName,this.EditDataType=new v.DropdownOptions,this.EditDataType.Name="EditDataType",this.EditDataType.LabelKey="DataType",this.EditDataType.DataSource=this.DataTypeList,this.EditDataType.SingleSelection=!0,this.EditDataType.AllowSearchFilter=!0,this.EditDataType.Placeholder="",this.EditDataType.SelectedItems=this.DataTypeList.filter((function(t){return parseInt(t.key)==e.dataTypeItemID})).map((function(e){return e.key}))[0],this.EditConstant=new v.ToggleSlideOptions,this.EditConstant.Name="EditConstant",this.EditConstant.LabelKey="Constant",this.EditConstant.Value=e.isConstant,this.EditConstant.ViewType=v.ControlLayout.Horizontal,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editWorkflowVariable=function(){var e=this;if(!this.EditWorkflowVariableForm.invalid){this.utilityService.startBlockUI();var t=this.EditWorkflowVariableForm.value,i=new ns;i.ID=Number(this.WorkflowVariableId),i.Name.English=t.EditNameInEnglish,i.Name.Arabic=t.EditNameInArabic,i.SysName=t.EditSysName,i.WorkflowVersionID=Number(this.VersionId),i.DataTypeItemID=null!=t.EditDataType?Number(t.EditDataType):null,i.IsConstant=t.EditConstant,this.WorkflowVariablesService.EditVariable(i).subscribe((function(t){e.modalService.dismissAll(),e.WorkflowVariablePagingViewElement.UpdatePaging()}),(function(e){}))}},e.prototype.setActivityListResult=function(e){this.ActivityPagingResult=e},e.prototype.resetworkflowActivityFilters=function(){this.workflowActivityForm.controls.searchTextBox.setValue(null),this.ActivityPagingViewElement.ReinitializePaging()},e.prototype.LoadworkflowActivity=function(){var e=this;this.utilityService.startBlockUI(),this.workflowActivityService.Loaddropdowns().subscribe((function(t){var i=t;e.ActivityTypeList=i,e.WorkflowActivityIdTextBox=new v.TextBoxOptions,e.WorkflowActivityIdTextBox.Name="WorkflowActivityIdTextBox",e.WorkflowActivityIdTextBox.HideLabel=!0,e.WorkflowActivityIdTextBox.Type=v.InputType.Text,e.WorkflowActivityIdTextBox.Value=e.WorkflowId,e.WorkflowActivityIdFilter=new v.FilterItem,e.WorkflowActivityIdFilter.FormControlName="WorkflowActivityIdTextBox",e.WorkflowActivityIdFilter.ActionParameterName="WfID",e.WorkflowActivityIdFilter.IsFormControl=!0,e.WorkflowActivityIdFilter.FilterType=v.FilterType.TextBox,e.ActivityPaging=new v.PagingOptions,e.ActivityPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ActivityApiUrl+"GetWorkflowActivityListing",e.ActivityPaging.OnKeyPressFiltersControlNames=["WorkflowActivityIdTextBox"],e.ActivityPaging.Filters=[e.WorkflowActivityIdFilter],e.ActivityPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.ShowWorkflowDetails=!1,e.ShowWorkflowVersion=!1,e.ShowWorkflowActivity=!0,e.ShowWorkflowVariables=!1,e.IsFilterLoaded=!1,e.IsWorkflowVariableFilterLoaded=!1,setTimeout((function(){e.IsworkflowActivityFilterLoaded=!0,e.utilityService.stopBlockUI()}),10)}))},e.prototype.showAddworkflowActivityModal=function(e){this.utilityService.startBlockUI(),this.AddworkflowActivityForm=new h.FormGroup({}),this.workflowActivityNameInEnglish=new v.TextBoxOptions,this.workflowActivityNameInEnglish.Name="NameInEnglish",this.workflowActivityNameInEnglish.LabelKey="NameInEnglish",this.workflowActivityNameInEnglish.Type=v.InputType.Text,this.workflowActivityNameInEnglish.Value=null,this.workflowActivityNameInEnglish.IsRequired=!0,this.workflowActivityNameInArabic=new v.TextBoxOptions,this.workflowActivityNameInArabic.Name="NameInArabic",this.workflowActivityNameInArabic.LabelKey="NameInArabic",this.workflowActivityNameInArabic.Type=v.InputType.Text,this.workflowActivityNameInArabic.Value=null,this.workflowActivityNameInArabic.IsRequired=!0,this.workflowActivityNameInArabic.ForceDirection=v.ForceDirection.Arabic,this.workflowActivityDescriptionInEnglish=new v.TextBoxOptions,this.workflowActivityDescriptionInEnglish.Name="DescriptionInEnglish",this.workflowActivityDescriptionInEnglish.LabelKey="DescriptionInEnglish",this.workflowActivityDescriptionInEnglish.Type=v.InputType.Text,this.workflowActivityDescriptionInEnglish.Value=null,this.workflowActivityDescriptionInEnglish.IsRequired=!0,this.workflowActivityDescriptionInArabic=new v.TextBoxOptions,this.workflowActivityDescriptionInArabic.Name="DescriptionInArabic",this.workflowActivityDescriptionInArabic.LabelKey="DescriptionInArabic",this.workflowActivityDescriptionInArabic.Type=v.InputType.Text,this.workflowActivityDescriptionInArabic.Value=null,this.workflowActivityDescriptionInArabic.IsRequired=!0,this.workflowActivityDescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.workflowActivitySysName=new v.TextBoxOptions,this.workflowActivitySysName.Name="SysName",this.workflowActivitySysName.LabelKey="SysName",this.workflowActivitySysName.Type=v.InputType.Text,this.workflowActivitySysName.Value=null,this.ActivityType=new v.DropdownOptions,this.ActivityType.Name="ActivityType",this.ActivityType.LabelKey="ActivityType",this.ActivityType.DataSource=this.ActivityTypeList,this.ActivityType.SingleSelection=!0,this.ActivityType.AllowSearchFilter=!0,this.ActivityType.Placeholder="",this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addworkflowActivity=function(){var e=this;if(!this.AddworkflowActivityForm.invalid){this.utilityService.startBlockUI();var t=this.AddworkflowActivityForm.value,i=new os;i.Name.English=t.NameInEnglish,i.Name.Arabic=t.NameInArabic,i.Description.English=t.DescriptionInEnglish,i.Description.Arabic=t.DescriptionInArabic,i.SysName=t.SysName,i.VersionID=Number(this.VersionId),i.ActivityTypeItemID=null!=t.ActivityType?Number(t.ActivityType):null,this.workflowActivityService.AddWorkflowActivity(i).subscribe((function(t){e.modalService.dismissAll(),e.ActivityPagingViewElement.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditworkflowActivityModal=function(e,t){this.EditworkflowActivityForm=new h.FormGroup({}),this.workflowActivityId=e.id,this.EditworkflowActivityNameInEnglish=new v.TextBoxOptions,this.EditworkflowActivityNameInEnglish.Name="EditNameInEnglish",this.EditworkflowActivityNameInEnglish.LabelKey="NameInEnglish",this.EditworkflowActivityNameInEnglish.Type=v.InputType.Text,this.EditworkflowActivityNameInEnglish.Value=e.name.english,this.EditworkflowActivityNameInEnglish.IsRequired=!0,this.EditworkflowActivityNameInArabic=new v.TextBoxOptions,this.EditworkflowActivityNameInArabic.Name="EditNameInArabic",this.EditworkflowActivityNameInArabic.LabelKey="NameInArabic",this.EditworkflowActivityNameInArabic.Type=v.InputType.Text,this.EditworkflowActivityNameInArabic.Value=e.name.arabic,this.EditworkflowActivityNameInArabic.IsRequired=!0,this.EditworkflowActivityNameInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditworkflowActivityDescriptionInEnglish=new v.TextBoxOptions,this.EditworkflowActivityDescriptionInEnglish.Name="EditDescriptionInEnglish",this.EditworkflowActivityDescriptionInEnglish.LabelKey="DescriptionInEnglish",this.EditworkflowActivityDescriptionInEnglish.Type=v.InputType.Text,this.EditworkflowActivityDescriptionInEnglish.Value=null!=e.description?e.description.english:"",this.EditworkflowActivityDescriptionInEnglish.IsRequired=!0,this.EditworkflowActivityDescriptionInArabic=new v.TextBoxOptions,this.EditworkflowActivityDescriptionInArabic.Name="EditDescriptionInArabic",this.EditworkflowActivityDescriptionInArabic.LabelKey="DescriptionInArabic",this.EditworkflowActivityDescriptionInArabic.Type=v.InputType.Text,this.EditworkflowActivityDescriptionInArabic.Value=null!=e.description?e.description.arabic:"",this.EditworkflowActivityDescriptionInArabic.IsRequired=!0,this.EditworkflowActivityDescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditworkflowActivitySysName=new v.TextBoxOptions,this.EditworkflowActivitySysName.Name="EditSysName",this.EditworkflowActivitySysName.LabelKey="SysName",this.EditworkflowActivitySysName.Type=v.InputType.Text,this.EditworkflowActivitySysName.Value=e.sysName,this.EditActivityType=new v.DropdownOptions,this.EditActivityType.Name="EditActivityType",this.EditActivityType.LabelKey="ActivityType",this.EditActivityType.DataSource=this.ActivityTypeList,this.EditActivityType.SingleSelection=!0,this.EditActivityType.AllowSearchFilter=!0,this.EditActivityType.Placeholder="",this.EditActivityType.SelectedItems=this.ActivityTypeList.filter((function(t){return parseInt(t.key)==e.activityTypeItemID})).map((function(e){return e.key}))[0],this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editworkflowActivity=function(){var e=this;if(!this.EditworkflowActivityForm.invalid){this.utilityService.startBlockUI();var t=this.EditworkflowActivityForm.value,i=new os;i.ID=Number(this.workflowActivityId),i.Name.English=t.EditNameInEnglish,i.Name.Arabic=t.EditNameInArabic,i.Description.English=t.EditDescriptionInEnglish,i.Description.Arabic=t.EditDescriptionInArabic,i.SysName=t.EditSysName,i.VersionID=Number(this.VersionId),i.ActivityTypeItemID=null!=t.EditActivityType?Number(t.EditActivityType):null,this.workflowActivityService.EditActivity(i).subscribe((function(t){e.modalService.dismissAll(),e.ActivityPagingViewElement.UpdatePaging()}),(function(e){}))}},e}();ls.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ls,deps:[{token:Sn},{token:B.AuthService},{token:is},{token:L.ActivatedRoute},{token:L.Router},{token:ss},{token:as},{token:De},{token:E.NgbModal},{token:B.EnvironmentService},{token:B.BBSFTranslateService},{token:B.UtilityService}],target:T.ɵɵFactoryTarget.Component}),ls.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ls,selector:"lib-tabs",viewQueries:[{propertyName:"input",first:!0,predicate:["WorkflowActivityPagingViewElement"],descendants:!0},{propertyName:"WorkflowVariablePagingViewElement",first:!0,predicate:["WorkflowVariablePagingViewElement"],descendants:!0},{propertyName:"CloseWorkflowVariableModal",first:!0,predicate:["CloseWorkflowVariableModal"],descendants:!0},{propertyName:"CloseEditWorkflowVariableModal",first:!0,predicate:["CloseEditWorkflowVariableModal"],descendants:!0},{propertyName:"ActivityPagingViewElement",first:!0,predicate:["ActivityPagingViewElement"],descendants:!0},{propertyName:"CloseworkflowActivityModal",first:!0,predicate:["CloseworkflowActivityModal"],descendants:!0},{propertyName:"CloseEditworkflowActivityModal",first:!0,predicate:["CloseEditworkflowActivityModal"],descendants:!0}],ngImport:T,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="WorkflowDetails.isPublished"\r\n                            id="btnPublish" class="btn btn-sm btn-primary">\r\n                      {{utilityService.getResourceValue("PublishWorkflow")}}\r\n\r\n                    </button>\r\n                    \x3c!--<a class="btn btn-sm btn-light-primary">\r\n                      {{utilityService.getResourceValue("Preview")}}\r\n                    </a>--\x3e\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                \x3c!--end:: Widgets/Applications/User/Profile3--\x3e\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)="GetVersions()">{{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]="WorkflowActivityForm">\r\n                      <BBSF-TextBox [options]="searchTextBox" [group]="WorkflowActivityForm"></BBSF-TextBox>\r\n                      <BBSF-TextBox [options]="WorkflowIdTextBox"\r\n                                    [group]="WorkflowActivityForm" [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                  \x3c!--begin::Permission list--\x3e\r\n                  <div class="table-responsive">\r\n                    \x3c!-- begin::Table --\x3e\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 Activity of WorkflowActivityPagingResult">\r\n                          <td>\r\n                            <a *ngIf="language==\'en\'" href="javascript:void(0)"\r\n                               [routerLink]="[\'/Admin/Workflows/tabs\',Activity.id]"\r\n                               routerLinkActive="router-link-active"\r\n                               class="text-dark">{{Activity.change.current}}</a>\r\n                            <a *ngIf="language==\'ar\'" href="javascript:void(0)"\r\n                               [routerLink]="[\'/Admin/Workflows/tabs\',Activity.id]"\r\n                               routerLinkActive="router-link-active"\r\n                               class="text-dark">{{Activity.change.current}}</a>\r\n                          </td>\r\n                          <td>{{Activity.isCurrent}}</td>\r\n                          <td>{{Activity.isPublished}}</td>\r\n                          <td>{{Activity.creationDate}}</td>\r\n                        </tr>\r\n                        <tr *ngIf="WorkflowActivityPagingResult.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                  \x3c!--end::Permission list--\x3e\r\n                </div>\r\n                <div class="card-footer border-0">\r\n                  <BBSF-Paging (Items)="setWorkflowActivityListResult($event)" *ngIf="IsFilterLoaded"\r\n                               [options]="WorkflowActivityPaging" [group]="WorkflowActivityForm"\r\n                               #WorkflowActivityPagingViewElement>\r\n                  </BBSF-Paging>\r\n                </div>\r\n                \x3c!--end:: Widgets/Applications/User/Profile3--\x3e\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)="LoadWorkflowVariables()">{{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                  \x3c!--begin::Permission list--\x3e\r\n                  <div class="table-responsive">\r\n                    \x3c!-- begin::Table --\x3e\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 *ngIf="!ProductionMode" 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 *ngIf="language==\'en\'" href="javascript:void(0)"\r\n                               class="text-dark">{{WorkflowVariable.name.english}}</a>\r\n                            <a *ngIf="language==\'ar\'" href="javascript:void(0)"\r\n                               class="text-dark">{{WorkflowVariable.name.arabic}}</a>\r\n\r\n                          </td>\r\n\r\n                          <td *ngIf="!ProductionMode">\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, 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 [attr.colspan]="ProductionMode ? \'4\' : \'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                  \x3c!--end::Permission list--\x3e\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                \x3c!--end:: Widgets/Applications/User/Profile3--\x3e\r\n              </div>\r\n              \x3c!-- Add Modal --\x3e\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                  <form [formGroup]="AddWorkflowVariableForm"\r\n                        (ngSubmit)="addWorkflowVariable()">\r\n                    <div class="row">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="NameInEnglish"\r\n                                      [group]="AddWorkflowVariableForm">\r\n                        </BBSF-TextBox>\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]="NameInArabic"\r\n                                      [group]="AddWorkflowVariableForm">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class="row" *ngIf="!ProductionMode">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="SysNameWorkflowVariable"\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 [options]="DataType"\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]="Constant"\r\n                                          [group]="AddWorkflowVariableForm">\r\n                        </BBSF-Toggleslide>\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                  </form>\r\n                </div>\r\n              </ng-template>\r\n       \r\n              \x3c!--Edit Modal--\x3e\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                  <form [formGroup]="EditWorkflowVariableForm"\r\n                        (ngSubmit)="editWorkflowVariable()">\r\n                    <div class="row">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="EditNameInEnglish"\r\n                                      [group]="EditWorkflowVariableForm">\r\n                        </BBSF-TextBox>\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]="EditNameInArabic"\r\n                                      [group]="EditWorkflowVariableForm">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class="row" *ngIf="!ProductionMode">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="EditSysNameWorkflowVariable"\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 [options]="EditDataType"\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]="EditConstant"\r\n                                          [group]="EditWorkflowVariableForm">\r\n                        </BBSF-Toggleslide>\r\n                      </div>\r\n                    </div>\r\n\r\n\r\n\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                  </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)="LoadworkflowActivity()">\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"\r\n                            (click)="showAddworkflowActivityModal(AddWorkflowActivityModal)">\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.typeName.current}}\r\n                          </div>\r\n                          <div class="card-toolbar">\r\n                            <button type="button" id="btnAdd"\r\n                                    class="btn btn-primary btn-sm me-2 ">\r\n                              <i class="fa fa-gear" aria-hidden="true">\r\n                                {{utilityService.getResourceValue("WorkflowVariables")}}\r\n                              </i>\r\n                            </button>\r\n                            <button *ngIf="workflowActivity.isPublished" type="button"\r\n                                    id="btnAdd"\r\n                                    class="btn btn-light-primary btn-sm btn-icon me-2"\r\n                                    (click)="showEditworkflowActivityModal(workflowActivity, EditWorkflowActivityModal)">\r\n                              <i class="fas fa-pen"></i>\r\n                            </button>\r\n                            <button type="button" *ngIf="!workflowActivity.isPublished"\r\n                                    id="btnAdd"\r\n                                    class="btn btn-light-primary btn-sm btn-icon me-2"\r\n                                    (click)="showEditworkflowActivityModal(workflowActivity,EditWorkflowActivityModal)">\r\n                              <i 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                        \x3c!--end:: Card body--\x3e\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                \x3c!--end:: Widgets/Applications/User/Profile3--\x3e\r\n              </div>\r\n              \x3c!-- Add Modal --\x3e\r\n              <ng-template #AddWorkflowActivityModal 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("WorkflowActivity")}}\r\n\r\n                    </h1>\r\n                  </div>\r\n\r\n                  <form [formGroup]="AddworkflowActivityForm"\r\n                        (ngSubmit)="addworkflowActivity()">\r\n                    <div class="row">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="workflowActivityNameInEnglish"\r\n                                      [group]="AddworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="workflowActivityNameInArabic"\r\n                                      [group]="AddworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="workflowActivityDescriptionInEnglish"\r\n                                      [group]="AddworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="workflowActivityDescriptionInArabic"\r\n                                      [group]="AddworkflowActivityForm">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n\r\n                    </div>\r\n\r\n                    <div class="row" *ngIf="!ProductionMode">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="workflowActivitySysName"\r\n                                      [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"\r\n                                           [group]="AddworkflowActivityForm">\r\n                        </BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="text-center pt-7">\r\n                      <button #CloseworkflowActivityModal id="CloseworkflowActivityModal" 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                  </form>\r\n                </div>\r\n              </ng-template>\r\n\r\n\r\n\r\n            \r\n              \x3c!--Edit Modal--\x3e\r\n              <ng-template #EditWorkflowActivityModal 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("WorkflowActivity")}}\r\n                    </h1>\r\n                  </div>\r\n                  <form [formGroup]="EditworkflowActivityForm"\r\n                        (ngSubmit)="editworkflowActivity()">\r\n                    <div class="row">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="EditworkflowActivityNameInEnglish"\r\n                                      [group]="EditworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="EditworkflowActivityNameInArabic"\r\n                                      [group]="EditworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="EditworkflowActivityDescriptionInEnglish"\r\n                                      [group]="EditworkflowActivityForm">\r\n                        </BBSF-TextBox>\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]="EditworkflowActivityDescriptionInArabic"\r\n                                      [group]="EditworkflowActivityForm">\r\n                        </BBSF-TextBox>\r\n                      </div>\r\n\r\n                    </div>\r\n                    <div class="row" *ngIf="!ProductionMode">\r\n                      <div class="col-md-12">\r\n                        <BBSF-TextBox [options]="EditworkflowActivitySysName"\r\n                                      [group]="EditworkflowActivityForm">\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 [options]="EditActivityType"\r\n                                           [group]="EditworkflowActivityForm">\r\n                        </BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class="text-center pt-7">\r\n                      <button #CloseEditworkflowActivityModal id="CloseEditworkflowActivityModal" 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                  </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  \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:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵj,selector:"BBSF-Toggleslide",inputs:["group","options"]},{type:E.NgbNavOutlet,selector:"[ngbNavOutlet]",inputs:["paneRole","ngbNavOutlet"]}],directives:[{type:E.NgbNav,selector:"[ngbNav]",inputs:["animation","destroyOnHide","orientation","roles","keyboard","activeId"],outputs:["activeIdChange","shown","hidden","navChange"],exportAs:["ngbNav"]},{type:E.NgbNavItem,selector:"[ngbNavItem]",inputs:["disabled","domId","destroyOnHide","ngbNavItem"],outputs:["shown","hidden"],exportAs:["ngbNavItem"]},{type:E.NgbNavLink,selector:"a[ngbNavLink]"},{type:E.NgbNavContent,selector:"ng-template[ngbNavContent]"},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ls,decorators:[{type:t.Component,args:[{selector:"lib-tabs",templateUrl:"./tabs.component.html",styleUrls:["./tabs.component.css"]}]}],ctorParameters:function(){return[{type:Sn},{type:B.AuthService},{type:is},{type:L.ActivatedRoute},{type:L.Router},{type:ss},{type:as},{type:De},{type:E.NgbModal},{type:B.EnvironmentService},{type:B.BBSFTranslateService},{type:B.UtilityService}]},propDecorators:{input:[{type:t.ViewChild,args:["WorkflowActivityPagingViewElement",{static:!1}]}],WorkflowVariablePagingViewElement:[{type:t.ViewChild,args:["WorkflowVariablePagingViewElement",{static:!1}]}],CloseWorkflowVariableModal:[{type:t.ViewChild,args:["CloseWorkflowVariableModal",{static:!1}]}],CloseEditWorkflowVariableModal:[{type:t.ViewChild,args:["CloseEditWorkflowVariableModal",{static:!1}]}],ActivityPagingViewElement:[{type:t.ViewChild,args:["ActivityPagingViewElement",{static:!1}]}],CloseworkflowActivityModal:[{type:t.ViewChild,args:["CloseworkflowActivityModal",{static:!1}]}],CloseEditworkflowActivityModal:[{type:t.ViewChild,args:["CloseEditworkflowActivityModal",{static:!1}]}]}});var ds=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();ds.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ds,deps:[],target:T.ɵɵFactoryTarget.Component}),ds.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ds,selector:"lib-workflows",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ds,decorators:[{type:t.Component,args:[{selector:"lib-workflows",templateUrl:"./workflows.component.html"}]}],ctorParameters:function(){return[]}});var cs=[{path:"",component:ds,children:[{path:"workflow",component:rs},{path:"tabs/:id/:vid",component:ls},{path:"",redirectTo:"workflow",pathMatch:"full"}]}],us=function(){};us.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:us,deps:[],target:T.ɵɵFactoryTarget.NgModule}),us.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:us,imports:[L.RouterModule],exports:[s.RouterModule]}),us.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:us,imports:[[s.RouterModule.forChild(cs)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:us,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(cs)],exports:[s.RouterModule]}]}]});var ps=function(){};ps.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ps,deps:[],target:T.ɵɵFactoryTarget.NgModule}),ps.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ps,declarations:[rs,ls,ds],imports:[us,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn]}),ps.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ps,providers:[l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService,is],imports:[[us,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ps,decorators:[{type:t.NgModule,args:[{declarations:[rs,ls,ds],imports:[us,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn],providers:[l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService,is]}]}]});var ms=function(){this.Name=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO},gs=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/PublicHoliday/"}return e.prototype.AddPublicHoliday=function(e){return this.http.post(this.ApiUrl+"AddPublicHoliday",e)},e.prototype.EditPublicHoliday=function(e){return this.http.post(this.ApiUrl+"EditPublicHoliday",e)},e.prototype.DeletePublicHoliday=function(e){return this.http.post(this.ApiUrl+"DeletePublicHoliday",e)},e.prototype.GenerateUAEPublicHoliday=function(){return this.http.get(this.ApiUrl+"GenerateUAEPublicHoliday")},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e}();gs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:gs,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),gs.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:gs,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:gs,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var hs=function(){function e(e,t,i,r,n,o,s,a){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.dataServices=n,this.authService=o,this.PublicHolidayService=s,this.modalService=a,this.ApiUrl="/api/admin/PublicHoliday/",this.CountriesList=[],this.MonthsList=[],this.DaysList=[],this.PublicHolidayForm=new h.FormGroup({}),this.showFilter=!1,this.PublicHolidayPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.AddPublicHolidayForm=new h.FormGroup({}),this.EditPublicHolidayForm=new h.FormGroup({}),this.deletePublicHolidayList=[],this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("PublicHolidays"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){var e=this;this.PublicHolidayService.Loaddropdowns().subscribe((function(t){var i=t;e.CountriesList=i.countries,e.MonthsList=i.months,e.DaysList=i.days,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.searchTextBox.HideLabel=!0,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.PublicHolidayPaging=new v.PagingOptions,e.PublicHolidayPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetPublicHolidaysByFilter",e.PublicHolidayPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.PublicHolidayPaging.Filters=[e.TextInputFilter],e.PublicHolidayPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.ReinitializePublicHolidayPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdatePublicHolidayPaging=function(){this.input.UpdatePaging()},e.prototype.setPublicHolidayListResult=function(e){this.PublicHolidayPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.PublicHolidayForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddPublicHolidayModal=function(e){this.utilityService.startBlockUI(),this.AddPublicHolidayForm=new h.FormGroup({}),this.MultiLingualName=new v.MultiLingualTextBoxOptions,this.MultiLingualName.Name="Name",this.MultiLingualName.ArabicLabelKey="NameInArabic",this.MultiLingualName.EnglishLabelKey="NameInEnglish",this.MultiLingualName.IsRequired=!0,this.MultiLingualName.Value=null,this.SysName=new v.TextBoxOptions,this.SysName.Name="SysName",this.SysName.LabelKey="SysName",this.SysName.Type=v.InputType.Text,this.SysName.Value=null,this.SysName.IsRequired=!0,this.DescriptionInEnglish=new v.TextAreaOptions,this.DescriptionInEnglish.Name="DescriptionInEnglish",this.DescriptionInEnglish.LabelKey="DescriptionInEnglish",this.DescriptionInEnglish.Value=null,this.DescriptionInEnglish.IsRequired=!0,this.DescriptionInArabic=new v.TextAreaOptions,this.DescriptionInArabic.Name="DescriptionInArabic",this.DescriptionInArabic.LabelKey="DescriptionInArabic",this.DescriptionInArabic.Value=null,this.DescriptionInArabic.IsRequired=!0,this.DescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.CountryOptions=new v.DropdownOptions,this.CountryOptions.Name="CountryOptions",this.CountryOptions.LabelKey="Country",this.CountryOptions.DataSource=this.CountriesList,this.CountryOptions.SingleSelection=!0,this.CountryOptions.AllowSearchFilter=!0,this.CountryOptions.Placeholder="",this.CountryOptions.IsRequired=!0,this.MonthOptions=new v.DropdownOptions,this.MonthOptions.Name="MonthOptions",this.MonthOptions.LabelKey="Month",this.MonthOptions.DataSource=this.MonthsList,this.MonthOptions.SingleSelection=!0,this.MonthOptions.AllowSearchFilter=!0,this.MonthOptions.Placeholder="",this.MonthOptions.IsRequired=!0,this.DayOptions=new v.DropdownOptions,this.DayOptions.Name="DayOptions",this.DayOptions.LabelKey="Day",this.DayOptions.DataSource=this.DaysList,this.DayOptions.SingleSelection=!0,this.DayOptions.AllowSearchFilter=!0,this.DayOptions.Placeholder="",this.DayOptions.IsRequired=!0,this.IsActive=new v.CheckBoxOptions,this.IsActive.Name="IsActive",this.IsActive.LabelKey="Active",this.IsActive.Value=!1,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addPublicHoliday=function(){var e=this;if(!this.AddPublicHolidayForm.invalid){var t=this.AddPublicHolidayForm.value,i=new ms;i.SysName=t.SysName,i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.Description.Arabic=t.DescriptionInArabic,i.Description.English=t.DescriptionInEnglish,i.CountryID=null!=t.CountryOptions?Number(t.CountryOptions):null,i.IsActive=t.IsActive,i.Day=null!=t.DayOptions?Number(t.DayOptions):0,i.Month=null!=t.MonthOptions?Number(t.MonthOptions):0,this.PublicHolidayService.AddPublicHoliday(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditPublicHolidayModal=function(e,t){this.utilityService.startBlockUI(),this.EditPublicHolidayForm=new h.FormGroup({}),this.PublicHolidayId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.name.arabic,i.English=e.name.english,this.EditMultiLingualName=new v.MultiLingualTextBoxOptions,this.EditMultiLingualName.Name="Name",this.EditMultiLingualName.ArabicLabelKey="NameInArabic",this.EditMultiLingualName.EnglishLabelKey="NameInEnglish",this.EditMultiLingualName.IsRequired=!0,this.EditMultiLingualName.Value=i,this.EditSysName=new v.TextBoxOptions,this.EditSysName.Name="EditSysName",this.EditSysName.LabelKey="SysName",this.EditSysName.Type=v.InputType.Text,this.EditSysName.Value=e.sysName,this.EditSysName.IsRequired=!0,this.EditDescriptionInEnglish=new v.TextAreaOptions,this.EditDescriptionInEnglish.Name="EditDescriptionInEnglish",this.EditDescriptionInEnglish.LabelKey="DescriptionInEnglish",this.EditDescriptionInEnglish.Value=e.description.english,this.EditDescriptionInEnglish.IsRequired=!1,this.EditDescriptionInArabic=new v.TextAreaOptions,this.EditDescriptionInArabic.Name="EditDescriptionInArabic",this.EditDescriptionInArabic.LabelKey="DescriptionInArabic",this.EditDescriptionInArabic.Value=e.description.arabic,this.EditDescriptionInArabic.ForceDirection=v.ForceDirection.Arabic,this.EditCountryOptions=new v.DropdownOptions,this.EditCountryOptions.Name="EditCountryOptions",this.EditCountryOptions.LabelKey="Country",this.EditCountryOptions.DataSource=this.CountriesList,this.EditCountryOptions.SingleSelection=!0,this.EditCountryOptions.AllowSearchFilter=!0,this.EditCountryOptions.Placeholder="",this.EditCountryOptions.SelectedItems=this.CountriesList.filter((function(t){return parseInt(t.key)==e.countryID})).map((function(e){return e.key}))[0],this.EditMonthOptions=new v.DropdownOptions,this.EditMonthOptions.Name="EditMonthOptions",this.EditMonthOptions.LabelKey="Month",this.EditMonthOptions.DataSource=this.MonthsList,this.EditMonthOptions.SingleSelection=!0,this.EditMonthOptions.AllowSearchFilter=!0,this.EditMonthOptions.Placeholder="",this.EditMonthOptions.IsRequired=!0,this.EditMonthOptions.SelectedItems=this.MonthsList.filter((function(t){return parseInt(t.key)==e.month})).map((function(e){return e.key}))[0],this.EditDayOptions=new v.DropdownOptions,this.EditDayOptions.Name="EditDayOptions",this.EditDayOptions.LabelKey="Day",this.EditDayOptions.DataSource=this.DaysList,this.EditDayOptions.SingleSelection=!0,this.EditDayOptions.AllowSearchFilter=!0,this.EditDayOptions.Placeholder="",this.EditDayOptions.IsRequired=!0,this.EditDayOptions.SelectedItems=this.MonthsList.filter((function(t){return parseInt(t.key)==e.day})).map((function(e){return e.key}))[0],this.EditIsActive=new v.CheckBoxOptions,this.EditIsActive.Name="EditIsActive",this.EditIsActive.LabelKey="Active",this.EditIsActive.Value=e.isActive,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editPublicHoliday=function(){var e=this;if(!this.EditPublicHolidayForm.invalid){var t=this.EditPublicHolidayForm.value,i=new ms;i.ID=Number(this.PublicHolidayId),i.Name.Arabic=t.Name.ArabicValue,i.Name.English=t.Name.EnglishValue,i.SysName=t.EditSysName,i.Description.English=t.EditDescriptionInEnglish,i.Description.Arabic=t.EditDescriptionInArabic,i.IsActive=t.EditIsActive,i.CountryID=null!=t.EditCountryOptions?Number(t.EditCountryOptions):null,i.Day=null!=t.EditDayOptions?Number(t.EditDayOptions):0,i.Month=null!=t.EditMonthOptions?Number(t.EditMonthOptions):0,this.PublicHolidayService.EditPublicHoliday(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeletePublicHolidayModal=function(e,t){this.deletePublicHolidayList=[],this.deletePublicHolidayList.push(e),this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deletePublicHoliday=function(){for(var e=this,t=new yn,i=0;i<this.deletePublicHolidayList.length;i++){var r=this.deletePublicHolidayList[i];t.UsersIDs.push(r.id)}this.PublicHolidayService.DeletePublicHoliday(t).subscribe((function(t){e.deletePublicHolidayList=[],e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.showGenerateUAEPublicHolidayModal=function(e){this.modalService.open(e)},e.prototype.generateUAEPublicHoliday=function(){var e=this;this.PublicHolidayService.GenerateUAEPublicHoliday().subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e}();hs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hs,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Sn},{token:B.AuthService},{token:gs},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),hs.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:hs,selector:"lib-public-holiday",viewQueries:[{propertyName:"input",first:!0,predicate:["PublicHolidayPagingViewElement"],descendants:!0},{propertyName:"ClosePublicHolidayModal",first:!0,predicate:["ClosePublicHolidayModal"],descendants:!0},{propertyName:"CloseEditPublicHolidayModal",first:!0,predicate:["CloseEditPublicHolidayModal"],descendants:!0},{propertyName:"CloseDeletePublicHolidayModal",first:!0,predicate:["CloseDeletePublicHolidayModal"],descendants:!0},{propertyName:"CloseGeneratePublicHolidayModal",first:!0,predicate:["CloseGeneratePublicHolidayModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="PublicHolidayForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="PublicHolidayForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          \x3c!-- begin::Menu --\x3e\r\n          <button type="button" title="Add" class="btn btn-sm btn-primary me-3" (click)="showAddPublicHolidayModal(AddPublicHolidayModal)">\r\n            <i class="me-1 fas fa-plus"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n          <button type="button" title="{{utilityService.getResourceValue(\'PublicHolidaysCreateUAE\')}}" class="btn btn-sm btn-light-primary me-3 " (click)="showGenerateUAEPublicHolidayModal(GenerateUAEPublicHolidaysModal)">\r\n            <i class="me-1 fa fa-calendar-alt"></i>\r\n            {{utilityService.getResourceValue(\'PublicHolidaysCreateUAE\')}}\r\n          </button>\r\n          \x3c!-- end::Menu --\x3e\r\n        </div>\r\n      </div>\r\n      \x3c!-- end::Header --\x3e\r\n      \x3c!-- begin::Body --\x3e\r\n      <div class="card-body py-3">\r\n        <div class="table-responsive">\r\n          \x3c!-- begin::Table --\x3e\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("Country")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Date")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Status")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Name")}}</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\r\n              <tr *ngFor="let PublicHoliday of PublicHolidayPagingResult">\r\n                <td>\r\n                  <div class="text-dark" *ngIf="language==\'en\'">{{PublicHoliday.name.english}}</div>\r\n                  <div class="text-dark" *ngIf="language==\'ar\'">{{PublicHoliday.name.arabic}}</div>\r\n                </td>\r\n                <td>{{PublicHoliday.countryName}}</td>\r\n                <td>{{PublicHoliday.date}}</td>\r\n                <td>\r\n                  <span class="badge badge-light-primary" *ngIf="PublicHoliday.isActive;else other_content">\r\n                    {{utilityService.getResourceValue("Active")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class="badge badge-light-danger">\r\n                      {{utilityService.getResourceValue("Inactive")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </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)="showEditPublicHolidayModal(PublicHoliday, EditPublicHolidayModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                              (click)="showDeletePublicHolidayModal(PublicHoliday , deletePublicHolidayModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="PublicHolidayPagingResult.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          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setPublicHolidayListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="PublicHolidayPaging" [group]="PublicHolidayForm" #PublicHolidayPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddPublicHolidayModal 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("PublicHoliday")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddPublicHolidayForm"\r\n            (ngSubmit)="addPublicHoliday()">\r\n        <div class="row" *ngIf="!ProductionMode">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="SysName" [group]="AddPublicHolidayForm">\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]="MultiLingualName" [group]="AddPublicHolidayForm"></BBSF-MultiLingualTextBox>\r\n\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="DescriptionInEnglish" [group]="AddPublicHolidayForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="DescriptionInArabic" [group]="AddPublicHolidayForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="CountryOptions" [group]="AddPublicHolidayForm">\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-DropdownList [options]="DayOptions" [group]="AddPublicHolidayForm">\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-DropdownList [options]="MonthOptions" [group]="AddPublicHolidayForm">\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-CheckBox [options]="IsActive" [group]="AddPublicHolidayForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #ClosePublicHolidayModal id="ClosePublicHolidayModal" 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\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--edit Modal--\x3e\r\n  <ng-template #EditPublicHolidayModal 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("PublicHoliday")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditPublicHolidayForm" (ngSubmit)="editPublicHoliday()">\r\n        <div class="row" *ngIf="!ProductionMode">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditSysName" [group]="EditPublicHolidayForm">\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]="EditMultiLingualName" [group]="EditPublicHolidayForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInEnglish" [group]="EditPublicHolidayForm">\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="EditDescriptionInArabic" [group]="EditPublicHolidayForm">\r\n            </BBSF-TextArea>\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]="EditCountryOptions" [group]="EditPublicHolidayForm">\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-DropdownList [options]="EditDayOptions" [group]="EditPublicHolidayForm">\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-DropdownList [options]="EditMonthOptions" [group]="EditPublicHolidayForm">\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-CheckBox [options]="EditIsActive" [group]="EditPublicHolidayForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditPublicHolidayModal id="CloseEditPublicHolidayModal" 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\r\n        </div>\r\n      </form>\r\n\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deletePublicHolidayModal 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("Delete")}} {{utilityService.getResourceValue("PublicHoliday")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeletePublicHolidayModal id="CloseDeletePublicHolidayModal" 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="button" (click)="deletePublicHoliday()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  \r\n  \x3c!-- Generate UAE public holidays  Modal --\x3e\r\n  <ng-template #GenerateUAEPublicHolidaysModal 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("PublicHolidaysCreateUAEConfirmation")}}\r\n        </h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("PublicHolidaysCreateUAEConfirmation")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseGeneratePublicHolidayModal id="CloseGeneratePublicHolidayModal" type="button"\r\n                class="btn btn-light btn-sm me-3 " data-dismiss="modal" (click)="modal.dismiss()">\r\n          {{utilityService.getResourceValue("No")}}\r\n        </button>\r\n        <button type="button" (click)="generateUAEPublicHoliday()"\r\n                class="btn btn-primary btn-sm ">\r\n          {{utilityService.getResourceValue("Yes")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:hs,decorators:[{type:t.Component,args:[{selector:"lib-public-holiday",templateUrl:"./public-holiday.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Sn},{type:B.AuthService},{type:gs},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["PublicHolidayPagingViewElement",{static:!1}]}],ClosePublicHolidayModal:[{type:t.ViewChild,args:["ClosePublicHolidayModal",{static:!1}]}],CloseEditPublicHolidayModal:[{type:t.ViewChild,args:["CloseEditPublicHolidayModal",{static:!1}]}],CloseDeletePublicHolidayModal:[{type:t.ViewChild,args:["CloseDeletePublicHolidayModal",{static:!1}]}],CloseGeneratePublicHolidayModal:[{type:t.ViewChild,args:["CloseGeneratePublicHolidayModal",{static:!1}]}]}});var vs=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();vs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:vs,deps:[],target:T.ɵɵFactoryTarget.Component}),vs.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:vs,selector:"lib-public-holidays",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:vs,decorators:[{type:t.Component,args:[{selector:"lib-public-holidays",templateUrl:"./public-holidays.component.html"}]}],ctorParameters:function(){return[]}});var bs=[{path:"",component:vs,children:[{path:"PublicHolidays",component:hs},{path:"",redirectTo:"PublicHolidays",pathMatch:"full"}]}],ys=function(){};ys.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ys,deps:[],target:T.ɵɵFactoryTarget.NgModule}),ys.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ys,imports:[L.RouterModule],exports:[s.RouterModule]}),ys.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ys,imports:[[s.RouterModule.forChild(bs)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ys,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(bs)],exports:[s.RouterModule]}]}]});var Ss=function(){};Ss.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ss,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Ss.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ss,declarations:[hs,vs],imports:[ys,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn]}),Ss.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ss,providers:[l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService,gs],imports:[[ys,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ss,decorators:[{type:t.NgModule,args:[{declarations:[hs,vs],imports:[ys,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn],providers:[l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService,gs]}]}]});var fs=function(){this.Title=new v.EnglishArabicDTO,this.Description=new v.EnglishArabicDTO,this.Html=new v.EnglishArabicDTO,this.Permissions=[],this.PermissionSetIDs=[],this.Children=[]},Is=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/HelpCenter/"}return e.prototype.AddHelpCenter=function(e){return this.http.post(this.ApiUrl+"AddHelpCenterItem",e)},e.prototype.EditHelpCenter=function(e){return this.http.post(this.ApiUrl+"EditHelpCenter",e)},e.prototype.DeleteHelpCenter=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"DeleteHelpCenter",null,t)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.GetHelpCenterLevel=function(e){var t=new n.HttpParams;return t=t.append("parentID",e),this.http.post(this.ApiUrl+"GetHelpCenterItemsByFilter",null,t)},e.prototype.GenerateCode=function(){return this.http.get(this.ApiUrl+"GenerateCode")},e.prototype.GetAll=function(){return this.http.get(this.ApiUrl+"Preview",null)},e}();Is.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Is,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Is.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Is,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Is,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var xs=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.HelpCenterService=o,this.modalService=s,this.ApiUrl="/api/admin/HelpCenter/",this.PermissionSetsList=[],this.HelpCenterForm=new h.FormGroup({}),this.showFilter=!1,this.HelpCenterPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.language="",this.ShowPageContent=!1,this.AddHelpCenterForm=new h.FormGroup({}),this.IsAddHelpCenterFormLoaded=!1,this.EditHelpCenterForm=new h.FormGroup({}),this.IsEditHelpCenterModalLoaded=!1,this.GenerateCodeForm=new h.FormGroup({})}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("HelpCenter"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){var e=this;this.HelpCenterService.Loaddropdowns().subscribe((function(t){var i=t;e.PermissionSetsList=i.permissionSets,e.searchTextBox=new v.TextBoxOptions,e.searchTextBox.Name="searchTextBox",e.searchTextBox.Type=v.InputType.Text,e.searchTextBox.Placeholder=e.utilityService.getResourceValue("SearchByName"),e.searchTextBox.HideLabel=!0,e.searchTextBox.Icon="./src/assets/images/gen021.svg",e.searchTextBox.IconPosition=v.IconPosition.left,e.TextInputFilter=new v.FilterItem,e.TextInputFilter.FormControlName="searchTextBox",e.TextInputFilter.ActionParameterName="searchText",e.TextInputFilter.IsFormControl=!0,e.TextInputFilter.FilterType=v.FilterType.TextBox,e.HelpCenterPaging=new v.PagingOptions,e.HelpCenterPaging.ActionPostURL=e.environmentService.getApiUrl()+e.ApiUrl+"GetHelpCenterItemsByFilter",e.HelpCenterPaging.OnKeyPressFiltersControlNames=["searchTextBox"],e.HelpCenterPaging.Filters=[e.TextInputFilter],e.HelpCenterPaging.ValidationToken=e.authService.authorizationHeaderValue(),e.IsFilterLoaded=!0}))},e.prototype.ReinitializeHelpCenterPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateHelpCenterPaging=function(){this.input.UpdatePaging()},e.prototype.setHelpCenterItemListResult=function(e){this.HelpCenterPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.HelpCenterForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddHelpCenterModal=function(e){this.utilityService.startBlockUI(),this.AddHelpCenterForm=new h.FormGroup({}),this.MultiLingualTitle=new v.MultiLingualTextBoxOptions,this.MultiLingualTitle.Name="Title",this.MultiLingualTitle.ArabicLabelKey="TitleInArabic",this.MultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.MultiLingualTitle.IsRequired=!0,this.MultiLingualTitle.Value=null,this.MultiLingualDescription=new v.MultiLingualTextAreaOptions,this.MultiLingualDescription.Name="Description",this.MultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.MultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.MultiLingualDescription.Value=null,this.MultiLingualDescription.MultiControlPlacementType=v.ControlLayout.Vertical,this.AddPermissionSetsOptions=new v.DropdownOptions,this.AddPermissionSetsOptions.Name="AddPermissionSetsOptions",this.AddPermissionSetsOptions.LabelKey="PermissionSets",this.AddPermissionSetsOptions.DataSource=this.PermissionSetsList,this.AddPermissionSetsOptions.SingleSelection=!1,this.AddPermissionSetsOptions.AllowSearchFilter=!0,this.AddPermissionSetsOptions.Placeholder="",this.AddPermissionSetsOptions.IsRequired=!0,this.AddIsHidden=new v.CheckBoxOptions,this.AddIsHidden.Name="AddIsHidden",this.AddIsHidden.LabelKey="Hidden",this.AddIsHidden.Value=!1,this.AddLogo=new v.ImageUploadOptions,this.AddLogo.Name="AddLogo",this.AddLogo.LabelKey="Logo",this.AddLogo.ViewType=v.ControlLayout.Vertical,this.AddLogo.FileUploadAcceptsTypes=[v.ImageType.ImageTypes],this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addHelpCenterItem=function(){var e=this;if(!this.AddHelpCenterForm.invalid){var t=this.AddHelpCenterForm.value,i=new fs;i.Title.Arabic=t.Title.ArabicValue,i.Title.English=t.Title.EnglishValue,i.Description.Arabic=t.Description.ArabicTextAreaValue,i.Description.English=t.Description.EnglishTextAreaValue;var r;r=function(e){return e.map(Number)}(t.AddPermissionSetsOptions),i.PermissionSetIDs=null!=t.AddPermissionSetsOptions?r:null,i.IsHidden=t.AddIsHidden,i.LogoFileDTO={FileBase64:t.AddLogo.FileBase64,FileName:t.AddLogo.FileName,FileSizeInMB:t.AddLogo.FileSizeInMB,FileType:t.AddLogo.FileType},this.HelpCenterService.AddHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditHelpCenterModal=function(e,t){this.utilityService.startBlockUI(),this.EditHelpCenterForm=new h.FormGroup({}),this.HelpCenterItemId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.title.arabic,i.English=e.title.english,this.EditMultiLingualTitle=new v.MultiLingualTextBoxOptions,this.EditMultiLingualTitle.Name="Title",this.EditMultiLingualTitle.ArabicLabelKey="TitleInArabic",this.EditMultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.EditMultiLingualTitle.IsRequired=!0,this.EditMultiLingualTitle.Value=i,this.EditMultiLingualTitle.Icon="./src/assets/images/gen021.svg",this.EditMultiLingualTitle.IconPositionEN=v.IconPosition.left,this.EditMultiLingualTitle.IconPositionAR=v.IconPosition.right;var r=new v.EnglishArabicDTO;r.Arabic=e.description.arabic,r.English=e.description.english,this.EditMultiLingualDescription=new v.MultiLingualTextAreaOptions,this.EditMultiLingualDescription.Name="Description",this.EditMultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.EditMultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.EditMultiLingualDescription.Value=r,this.EditMultiLingualDescription.MultiControlPlacementType=v.ControlLayout.Vertical;for(var n=[],o=function(t){var i=s.PermissionSetsList.filter((function(i){return parseInt(i.key)==e.permissionSetIDs[t]})).map((function(e){return e.key}))[0];n.push(i)},s=this,a=0;a<e.permissionSetIDs.length;a++)o(a);this.EditPermissionSetsOptions=new v.DropdownOptions,this.EditPermissionSetsOptions.Name="EditPermissionSetsOptions",this.EditPermissionSetsOptions.LabelKey="PermissionSets",this.EditPermissionSetsOptions.DataSource=this.PermissionSetsList,this.EditPermissionSetsOptions.SingleSelection=!1,this.EditPermissionSetsOptions.AllowSearchFilter=!0,this.EditPermissionSetsOptions.Placeholder="",this.EditPermissionSetsOptions.SelectedItems=n,this.EditIsHidden=new v.CheckBoxOptions,this.EditIsHidden.Name="EditIsHidden",this.EditIsHidden.LabelKey="Hidden",this.EditIsHidden.Value=e.isHidden,this.EditLogo=new v.ImageUploadOptions,this.EditLogo.Name="EditLogo",this.EditLogo.LabelKey="Logo",this.EditLogo.IsRequired=!1,this.EditLogo.FileUploadAcceptsTypes=[v.ImageType.ImageTypes],this.EditLogo.Value=e.logoFileDTO,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editHelpCenter=function(){var e=this;if(!this.EditHelpCenterForm.invalid){var t=this.EditHelpCenterForm.value,i=new fs;i.ID=Number(this.HelpCenterItemId),i.Title.English=t.Title.EnglishValue,i.Title.Arabic=t.Title.ArabicValue,i.Description.English=t.Description.EnglishTextAreaValue,i.Description.Arabic=t.Description.ArabicTextAreaValue,i.IsHidden=t.EditIsHidden,i.LogoFileDTO=t.EditLogo;for(var r=[],n=0;n<t.EditPermissionSetsOptions.length;n++){var o=t.EditPermissionSetsOptions[n];r.push(Number(o))}i.PermissionSetIDs=r,this.HelpCenterService.EditHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteHelpCenterModal=function(e,t){this.deleteHelpCenterId=e.idEncrypted,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteHelpCenter=function(){var e=this;this.HelpCenterService.DeleteHelpCenter(this.deleteHelpCenterId).subscribe((function(t){e.deleteHelpCenterId="",e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.SaveName=function(e){localStorage.setItem("ParentName",e)},e.prototype.showGenerateCodeModal=function(e){var t=this;this.HelpCenterService.GenerateCode().subscribe((function(i){var r=i;t.GeneratedCodeOptions=new v.TextAreaOptions,t.GeneratedCodeOptions.Name="GeneratedCodeOptions",t.GeneratedCodeOptions.HideLabel=!0,t.GeneratedCodeOptions.MaxLength=1e6,t.GeneratedCodeOptions.Value=r.text,t.GeneratedCodeOptions.EnableCopyToClipboard=!0,t.GeneratedCodeOptions.AttributeList=[{Key:"rows",value:"20"}],t.modalService.open(e)}),(function(e){}))},e}();xs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:xs,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Is},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),xs.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:xs,selector:"lib-help-center",viewQueries:[{propertyName:"input",first:!0,predicate:["HelpCenterPagingViewElement"],descendants:!0},{propertyName:"CloseAddHelpCenterModal",first:!0,predicate:["CloseAddHelpCenterModal"],descendants:!0},{propertyName:"CloseEditHelpCenterModal",first:!0,predicate:["CloseEditHelpCenterModal"],descendants:!0},{propertyName:"CloseDeleteHelpCenterItemModal",first:!0,predicate:["CloseDeleteHelpCenterItemModal"],descendants:!0},{propertyName:"CloseGenerateCodeModal",first:!0,predicate:["CloseGenerateCodeModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\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]="HelpCenterForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="HelpCenterForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <button class="btn btn-sm btn-light-primary me-3"(click)="showGenerateCodeModal(GenerateCodeModal)">\r\n            <i class="fa fa-code"></i> {{utilityService.getResourceValue("GenerateCode")}}\r\n          </button>\r\n          <button class="btn btn-sm btn-light-primary me-3" [routerLink]="[\'/Admin/HelpCenter/Preview\']"\r\n                  routerLinkActive="router-link-active">\r\n            <i class="fa fa-eye"></i> {{utilityService.getResourceValue("Preview")}}\r\n          </button>\r\n          <button class="btn btn-sm btn-primary me-3"  (click)="showAddHelpCenterModal(AddHelpCenterModal)">\r\n            <i class="fa fa-plus"></i> {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-body py-3">\r\n        \x3c!--begin::ActiveDirectory list--\x3e\r\n        <div class="table-responsive">\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("Title")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Description")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("PermissionSets")}}</th>\r\n                <th class="min-w-150px text-center">{{utilityService.getResourceValue("Visible")}}</th>\r\n                <th class="min-w-50px text-center">{{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 Item of HelpCenterPagingResult">\r\n                <td>\r\n\r\n                  <a *ngIf="language==\'en\'" (click)="SaveName(Item.title.english)"\r\n                     [routerLink]="[\'/Admin/HelpCenter/SecondLevel\',Item.idEncrypted]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Item.title.english}}</a>\r\n\r\n                  <a *ngIf="language==\'ar\'" (click)="SaveName(Item.title.arabic)"\r\n                     [routerLink]="[\'/Admin/HelpCenter/SecondLevel\',Item.idEncrypted]" routerLinkActive="router-link-active"\r\n                     class="text-dark">{{Item.title.arabic}}</a>\r\n\r\n                </td>\r\n                <td>\r\n                  <div *ngIf="language==\'en\'">{{Item.description.english}}</div>\r\n                  <div *ngIf="language==\'ar\'">{{Item.description.arabic}}</div>\r\n                </td>\r\n                <td> {{Item.permissionsStr}} </td>\r\n                <td class="text-center">\r\n                  <span *ngIf="Item.isHidden;else other_content">\r\n                    <i class="fa fa-times"></i>\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <i class="fa fa-check"></i>\r\n                  </ng-template>\r\n                </td>\r\n                <td class="text-center">\r\n\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)="showEditHelpCenterModal(Item,EditHelpCenterModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class="drop-item px-3" id="btnResetPass" (click)="showDeleteHelpCenterModal(Item,deleteHelpCenterItemModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="HelpCenterPagingResult.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      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setHelpCenterItemListResult($event)" *ngIf="IsFilterLoaded" [options]="HelpCenterPaging"\r\n                     [group]="HelpCenterForm" #HelpCenterPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n    \x3c!-- Filter Wrapper --\x3e\r\n    \x3c!--end::Permission list--\x3e\r\n  </div>\r\n\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteHelpCenterItemModal 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("Delete")}} {{utilityService.getResourceValue("HelpCenter")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteHelpCenterItemModal id="CloseDeleteHelpCenterItemModal" 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="button"  (click)="deleteHelpCenter()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--Generate code Modal--\x3e\r\n  <ng-template #GenerateCodeModal 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("GenerateCode")}}</h1>\r\n      </div>\r\n      <form [formGroup]="GenerateCodeForm">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextArea [options]="GeneratedCodeOptions" [group]="GenerateCodeForm" #GenerateCodeInput>\r\n            </BBSF-TextArea>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseGenerateCodeModal id="CloseGenerateCodeModal" 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          \x3c!-- <button type="button" class="btn btn-primary btn-sm" (click)="copyToClipboard()">{{utilityService.getResourceValue("CopyToClipboard")}}</button> --\x3e\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditHelpCenterModal 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("HelpCenter")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditHelpCenterForm" (ngSubmit)="editHelpCenter()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="EditMultiLingualTitle" [group]="EditHelpCenterForm"></BBSF-MultiLingualTextBox>\r\n\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextArea [options]="EditMultiLingualDescription" [group]="EditHelpCenterForm"></BBSF-MultiLingualTextArea>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-DropdownList [options]="EditPermissionSetsOptions" [group]="EditHelpCenterForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-ImageUpload [options]="EditLogo" [group]="AddHelpCenterForm">\r\n\r\n            </BBSF-ImageUpload>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditIsHidden" [group]="EditHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditHelpCenterModal id="CloseEditHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddHelpCenterModal 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("HelpCenter")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddHelpCenterForm"\r\n            (ngSubmit)="addHelpCenterItem()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualTitle" [group]="AddHelpCenterForm"></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]="MultiLingualDescription" [group]="AddHelpCenterForm"></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-DropdownList [options]="AddPermissionSetsOptions" [group]="AddHelpCenterForm">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-ImageUpload [options]="AddLogo" [group]="AddHelpCenterForm">\r\n\r\n            </BBSF-ImageUpload>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="AddIsHidden" [group]="AddHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseHelpCenterModal id="CloseAddHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵf,selector:"BBSF-MultiLingualTextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵm,selector:"BBSF-ImageUpload",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:L.RouterLink,selector:":not(a):not(area)[routerLink]",inputs:["routerLink","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:xs,decorators:[{type:t.Component,args:[{selector:"lib-help-center",templateUrl:"./help-center.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Is},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["HelpCenterPagingViewElement",{static:!1}]}],CloseAddHelpCenterModal:[{type:t.ViewChild,args:["CloseAddHelpCenterModal",{static:!1}]}],CloseEditHelpCenterModal:[{type:t.ViewChild,args:["CloseEditHelpCenterModal",{static:!1}]}],CloseDeleteHelpCenterItemModal:[{type:t.ViewChild,args:["CloseDeleteHelpCenterItemModal",{static:!1}]}],CloseGenerateCodeModal:[{type:t.ViewChild,args:["CloseGenerateCodeModal",{static:!1}]}]}});var Fs=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Fs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fs,deps:[],target:T.ɵɵFactoryTarget.Component}),Fs.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Fs,selector:"lib-help-centers",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fs,decorators:[{type:t.Component,args:[{selector:"lib-help-centers",templateUrl:"./help-centers.component.html"}]}],ctorParameters:function(){return[]}});var Ts=function(){function e(e,t,i,r,n,o,s,a){var l=this;this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.activatedRoute=o,this.HelpCenterService=s,this.modalService=a,this.ApiUrl="/api/admin/HelpCenter/",this.PermissionSetsList=[],this.HelpCenterForm=new h.FormGroup({}),this.showFilter=!1,this.HelpCenterPagingResult=[],this.IsFilterLoaded=!1,this.ParentId="",this.ParentName="",this.PageName="",this.HelpCenter=new fs,this.ProductionMode=!1,this.language="",this.AddHelpCenterForm=new h.FormGroup({}),this.IsAddHelpCenterFormLoaded=!1,this.EditHelpCenterForm=new h.FormGroup({}),this.IsEditHelpCenterModalLoaded=!1,this.IsOpenDeleteHelpCenterModal=!1,this.activatedRoute.params.subscribe((function(e){l.ParentId=e.parentID}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ParentName=localStorage.getItem("ParentName"),this.PageName=this.ParentName,De.PageTitle=this.PageName,De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:this.utilityService.getResourceValue("HelpCenter"),path:"/Admin/HelpCenter/HelpCenter",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){var e=this;this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.ParentIdTextBox=new v.TextBoxOptions,this.ParentIdTextBox.Name="ParentIdTextBox",this.ParentIdTextBox.HideLabel=!0,this.ParentIdTextBox.Type=v.InputType.Text,this.ParentIdTextBox.Value=this.ParentId,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.ParentIDFilter=new v.FilterItem,this.ParentIDFilter.FormControlName="ParentIdTextBox",this.ParentIDFilter.ActionParameterName="parentID",this.ParentIDFilter.IsFormControl=!0,this.ParentIDFilter.FilterType=v.FilterType.TextBox,this.HelpCenterPaging=new v.PagingOptions,this.HelpCenterPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetHelpCenterItemsByFilter",this.HelpCenterPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.HelpCenterPaging.Filters=[this.TextInputFilter,this.ParentIDFilter],this.HelpCenterPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)},e.prototype.ReinitializeHelpCenterPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateHelpCenterPaging=function(){this.input.UpdatePaging()},e.prototype.setHelpCenterItemListResult=function(e){this.HelpCenterPagingResult=e},e.prototype.resetFilters=function(){this.HelpCenterForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddHelpCenterModal=function(e){this.utilityService.startBlockUI(),this.AddHelpCenterForm=new h.FormGroup({}),this.MultiLingualTitle=new v.MultiLingualTextBoxOptions,this.MultiLingualTitle.Name="Title",this.MultiLingualTitle.ArabicLabelKey="TitleInArabic",this.MultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.MultiLingualTitle.IsRequired=!0,this.MultiLingualTitle.Value=null,this.MultiLingualDescription=new v.MultiLingualTextAreaOptions,this.MultiLingualDescription.Name="Description",this.MultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.MultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.MultiLingualDescription.IsRequired=!0,this.MultiLingualDescription.Value=null,this.AddIsHidden=new v.CheckBoxOptions,this.AddIsHidden.Name="AddIsHidden",this.AddIsHidden.LabelKey="Hidden",this.AddIsHidden.Value=!1,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addHelpCenterItem=function(){var e=this;if(!this.AddHelpCenterForm.invalid){var t=this.AddHelpCenterForm.value,i=new fs;i.Title.Arabic=t.Title.ArabicValue,i.Title.English=t.Title.EnglishValue,i.Description.Arabic=t.Description.ArabicTextAreaValue,i.Description.English=t.Description.EnglishTextAreaValue,i.IsHidden=t.AddIsHidden,i.ParentIDEncrypted=this.ParentId,this.HelpCenterService.AddHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditHelpCenterModal=function(e,t){this.utilityService.startBlockUI(),this.EditHelpCenterForm=new h.FormGroup({}),this.HelpCenterItemId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.title.arabic,i.English=e.title.english,this.EditMultiLingualTitle=new v.MultiLingualTextBoxOptions,this.EditMultiLingualTitle.Name="Title",this.EditMultiLingualTitle.ArabicLabelKey="TitleInArabic",this.EditMultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.EditMultiLingualTitle.IsRequired=!0,this.EditMultiLingualTitle.Value=i;var r=new v.EnglishArabicDTO;r.Arabic=e.description.arabic,r.English=e.description.english,this.EditMultiLingualDescription=new v.MultiLingualTextAreaOptions,this.EditMultiLingualDescription.Name="Description",this.EditMultiLingualDescription.ArabicLabelKey="DescriptionInArabic",this.EditMultiLingualDescription.EnglishLabelKey="DescriptionInEnglish",this.EditMultiLingualDescription.Value=r,this.EditIsHidden=new v.CheckBoxOptions,this.EditIsHidden.Name="EditIsHidden",this.EditIsHidden.LabelKey="Hidden",this.EditIsHidden.Value=e.isHidden,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editHelpCenter=function(){var e=this;if(!this.EditHelpCenterForm.invalid){var t=this.EditHelpCenterForm.value,i=new fs;i.ID=Number(this.HelpCenterItemId),i.Title.English=t.Title.EnglishValue,i.Title.Arabic=t.Title.ArabicValue,i.Description.English=t.Description.EnglishTextAreaValue,i.Description.Arabic=t.Description.ArabicTextAreaValue,i.IsHidden=t.EditIsHidden,this.HelpCenterService.EditHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteHelpCenterModal=function(e,t){this.deleteHelpCenterId=e.idEncrypted,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteHelpCenter=function(){var e=this;this.HelpCenterService.DeleteHelpCenter(this.deleteHelpCenterId).subscribe((function(t){e.deleteHelpCenterId="",e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.SaveName=function(e){localStorage.setItem("ParentName",e)},e}();Ts.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ts,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:L.ActivatedRoute},{token:Is},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Ts.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ts,selector:"lib-help-center-secondlevel",viewQueries:[{propertyName:"input",first:!0,predicate:["HelpCenterPagingViewElement"],descendants:!0},{propertyName:"CloseAddHelpCenterModal",first:!0,predicate:["CloseAddHelpCenterModal"],descendants:!0},{propertyName:"CloseEditHelpCenterModal",first:!0,predicate:["CloseEditHelpCenterModal"],descendants:!0},{propertyName:"CloseDeleteHelpCenterItemModal",first:!0,predicate:["CloseDeleteHelpCenterItemModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div class="container-fluid">\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]="HelpCenterForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="HelpCenterForm"></BBSF-TextBox>\r\n            <BBSF-TextBox [options]="ParentIdTextBox" [group]="HelpCenterForm" [hidden]="true"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <button type="button" title="Add" class="btn btn-sm btn-primary" (click)="showAddHelpCenterModal(AddHelpCenterModal)">\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">\r\n        <div class="table-responsive">\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("Title")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("Description")}}</th>\r\n                <th class="text-center min-w-150px">{{utilityService.getResourceValue("Visible")}}</th>\r\n                <th class="text-center 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 Item of HelpCenterPagingResult">\r\n                <td>\r\n                  <a *ngIf="language==\'en\'" (click)="SaveName(Item.title.english)"\r\n                     [routerLink]="[\'/Admin/HelpCenter/ThirdLevel\',Item.idEncrypted]"\r\n                     routerLinkActive="router-link-active" class="text-dark">{{Item.title.english}}</a>\r\n                  <a *ngIf="language==\'ar\'" (click)="SaveName(Item.title.arabic)"\r\n                     [routerLink]="[\'/Admin/HelpCenter/ThirdLevel\',Item.idEncrypted]"\r\n                     routerLinkActive="router-link-active" class="text-dark">{{Item.title.arabic}}</a>\r\n                </td>\r\n                <td>\r\n                  <div *ngIf="language==\'en\'">{{Item.description.english}}</div>\r\n                  <div *ngIf="language==\'ar\'">{{Item.description.arabic}}</div>\r\n                </td>\r\n\r\n                <td class="text-center">\r\n                  <span *ngIf="Item.isHidden;else other_content">\r\n                    <i class="fa fa-times"></i>\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <i class="fa fa-check"></i>\r\n                  </ng-template>\r\n                </td>\r\n                <td class="text-center">\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)="showEditHelpCenterModal(Item,EditHelpCenterModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class="drop-item px-3" id="btnResetPass" (click)="showDeleteHelpCenterModal(Item,deleteHelpCenterItemModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="HelpCenterPagingResult.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          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setHelpCenterItemListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="HelpCenterPaging" [group]="HelpCenterForm" #HelpCenterPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteHelpCenterItemModal 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("Delete")}} {{utilityService.getResourceValue("HelpCenter")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteHelpCenterItemModal id="CloseDeleteHelpCenterItemModal" 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="button" (click)="deleteHelpCenter()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditHelpCenterModal 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("HelpCenter")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditHelpCenterForm" (ngSubmit)="editHelpCenter()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="EditMultiLingualTitle" [group]="EditHelpCenterForm"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n        </div>\r\n\r\n        \r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextArea [options]="EditMultiLingualDescription" [group]="EditHelpCenterForm"></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-CheckBox [options]="EditIsHidden" [group]="EditHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditHelpCenterModal id="CloseEditHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddHelpCenterModal 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("HelpCenter")}}</h1>\r\n      </div>\r\n      <form [formGroup]="AddHelpCenterForm" \r\n            (ngSubmit)="addHelpCenterItem()">\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualTitle" [group]="AddHelpCenterForm"></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]="MultiLingualDescription" [group]="AddHelpCenterForm"></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-CheckBox [options]="AddIsHidden" [group]="AddHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseHelpCenterModal id="CloseAddHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵf,selector:"BBSF-MultiLingualTextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ts,decorators:[{type:t.Component,args:[{selector:"lib-help-center-secondlevel",templateUrl:"./help-center-secondlevel.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:L.ActivatedRoute},{type:Is},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["HelpCenterPagingViewElement",{static:!1}]}],CloseAddHelpCenterModal:[{type:t.ViewChild,args:["CloseAddHelpCenterModal",{static:!1}]}],CloseEditHelpCenterModal:[{type:t.ViewChild,args:["CloseEditHelpCenterModal",{static:!1}]}],CloseDeleteHelpCenterItemModal:[{type:t.ViewChild,args:["CloseDeleteHelpCenterItemModal",{static:!1}]}]}});var As=function(){function e(e,t,i,r,n,o,s,a){var l=this;this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.activatedRoute=o,this.HelpCenterService=s,this.modalService=a,this.ApiUrl="/api/admin/HelpCenter/",this.PermissionSetsList=[],this.HelpCenterForm=new h.FormGroup({}),this.showFilter=!1,this.HelpCenterPagingResult=[],this.IsFilterLoaded=!1,this.AuthToken="",this.ParentId="",this.ParentName="",this.PageName="",this.HelpCenter=new fs,this.ProductionMode=!1,this.language="",this.AddHelpCenterForm=new h.FormGroup({}),this.IsAddHelpCenterFormLoaded=!1,this.EditHelpCenterForm=new h.FormGroup({}),this.IsEditHelpCenterModalLoaded=!1,this.IsOpenDeleteHelpCenterModal=!1,this.activatedRoute.params.subscribe((function(e){l.ParentId=e.parentID}))}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ParentName=localStorage.getItem("ParentName"),this.PageName=this.ParentName,De.PageTitle=this.PageName,De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1},{title:this.utilityService.getResourceValue("HelpCenter"),path:"/Admin/HelpCenter/HelpCenter",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){var e=this;this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.ParentIdTextBox=new v.TextBoxOptions,this.ParentIdTextBox.Name="ParentIdTextBox",this.ParentIdTextBox.HideLabel=!0,this.ParentIdTextBox.Type=v.InputType.Text,this.ParentIdTextBox.Value=this.ParentId,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.ParentIDFilter=new v.FilterItem,this.ParentIDFilter.FormControlName="ParentIdTextBox",this.ParentIDFilter.ActionParameterName="parentID",this.ParentIDFilter.IsFormControl=!0,this.ParentIDFilter.FilterType=v.FilterType.TextBox,this.HelpCenterPaging=new v.PagingOptions,this.HelpCenterPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetHelpCenterItemsByFilter",this.HelpCenterPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.HelpCenterPaging.Filters=[this.TextInputFilter,this.ParentIDFilter],this.HelpCenterPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)},e.prototype.ReinitializeHelpCenterPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateHelpCenterPaging=function(){this.input.UpdatePaging()},e.prototype.setHelpCenterItemListResult=function(e){this.HelpCenterPagingResult=e,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.HelpCenterForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddHelpCenterModal=function(e){this.utilityService.startBlockUI(),this.AddHelpCenterForm=new h.FormGroup({}),this.MultiLingualTitle=new v.MultiLingualTextBoxOptions,this.MultiLingualTitle.Name="Title",this.MultiLingualTitle.ArabicLabelKey="TitleInArabic",this.MultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.MultiLingualTitle.IsRequired=!0,this.MultiLingualTitle.Value=null,this.MultiLingualContent=new v.MultiLingualHtmlEditorOptions,this.MultiLingualContent.Name="Content",this.MultiLingualContent.ArabicLabelKey="ContentInArabic",this.MultiLingualContent.EnglishLabelKey="ContentInEnglish",this.MultiLingualContent.IsRequired=!0,this.MultiLingualContent.Value=null,this.AddIsHidden=new v.CheckBoxOptions,this.AddIsHidden.Name="AddIsHidden",this.AddIsHidden.LabelKey="Hidden",this.AddIsHidden.Value=!1,this.modalService.open(e),this.utilityService.stopBlockUI()},e.prototype.addHelpCenterItem=function(){var e=this;if(!this.AddHelpCenterForm.invalid){var t=this.AddHelpCenterForm.value,i=new fs;i.Title.Arabic=t.Title.ArabicValue,i.Title.English=t.Title.EnglishValue,i.Html.Arabic=t.Content.ArabicHtmlEditorValue,i.Html.English=t.Content.EnglishHtmlEditorValue,i.IsHidden=t.AddIsHidden,i.ParentIDEncrypted=this.ParentId,i.IsParent=!0,i.IsSection=!0,this.HelpCenterService.AddHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditHelpCenterModal=function(e,t){this.utilityService.startBlockUI(),this.EditHelpCenterForm=new h.FormGroup({}),this.HelpCenterItemId=e.id;var i=new v.EnglishArabicDTO;i.Arabic=e.title.arabic,i.English=e.title.english,this.EditMultiLingualTitle=new v.MultiLingualTextBoxOptions,this.EditMultiLingualTitle.Name="Title",this.EditMultiLingualTitle.ArabicLabelKey="TitleInArabic",this.EditMultiLingualTitle.EnglishLabelKey="TitleInEnglish",this.EditMultiLingualTitle.IsRequired=!0,this.EditMultiLingualTitle.Value=i;var r=new v.EnglishArabicDTO;r.Arabic=e.html.arabic,r.English=e.html.english,this.EditMultiLingualContent=new v.MultiLingualHtmlEditorOptions,this.EditMultiLingualContent.Name="Content",this.EditMultiLingualContent.ArabicLabelKey="ContentInArabic",this.EditMultiLingualContent.EnglishLabelKey="ContentInEnglish",this.EditMultiLingualContent.IsRequired=!0,this.EditMultiLingualContent.Value=r,this.EditIsHidden=new v.CheckBoxOptions,this.EditIsHidden.Name="EditIsHidden",this.EditIsHidden.LabelKey="Hidden",this.EditIsHidden.Value=e.isHidden,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.editHelpCenter=function(){var e=this;if(!this.EditHelpCenterForm.invalid){var t=this.EditHelpCenterForm.value,i=new fs;i.ID=Number(this.HelpCenterItemId),i.Title.English=t.Title.EnglishValue,i.Title.Arabic=t.Title.ArabicValue,i.Html.English=t.Content.EnglishHtmlEditorValue,i.Html.Arabic=t.Content.ArabicHtmlEditorValue,i.IsHidden=t.EditIsHidden,this.HelpCenterService.EditHelpCenter(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showDeleteHelpCenterModal=function(e,t){this.deleteHelpCenterId=e.idEncrypted,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteHelpCenter=function(){var e=this;this.HelpCenterService.DeleteHelpCenter(this.deleteHelpCenterId).subscribe((function(t){e.deleteHelpCenterId="",e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.SaveName=function(e){localStorage.setItem("ParentName",e)},e}();As.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:As,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:L.ActivatedRoute},{token:Is},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),As.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:As,selector:"lib-help-center-thirdlevel",viewQueries:[{propertyName:"input",first:!0,predicate:["HelpCenterPagingViewElement"],descendants:!0},{propertyName:"CloseAddHelpCenterModal",first:!0,predicate:["CloseAddHelpCenterModal"],descendants:!0},{propertyName:"CloseEditHelpCenterModal",first:!0,predicate:["CloseEditHelpCenterModal"],descendants:!0},{propertyName:"CloseDeleteHelpCenterItemModal",first:!0,predicate:["CloseDeleteHelpCenterItemModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div class="container-fluid">\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]="HelpCenterForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="HelpCenterForm"></BBSF-TextBox>\r\n            <BBSF-TextBox [options]="ParentIdTextBox" [group]="HelpCenterForm" [hidden]="true">\r\n            </BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <button type="button" title="Add" class="btn btn-sm btn-primary" (click)="showAddHelpCenterModal(AddHelpCenterModal)">\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">\r\n        <div class="table-responsive">\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("Title")}}</th>\r\n                <th class="min-w-150px text-center">{{utilityService.getResourceValue("Visible")}}</th>\r\n                <th class="text-center min-w-50">{{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\r\n              <tr *ngFor="let Item of HelpCenterPagingResult">\r\n\r\n                <td>\r\n\r\n                  <span *ngIf="language==\'en\'" class="text-dark">{{Item.title.english}}</span>\r\n                  <span *ngIf="language==\'ar\'" class="text-dark">{{Item.title.arabic}}</span>\r\n\r\n                  <a *ngIf="language==\'ar\'" (click)="SaveName(Item.title.arabic)"\r\n                     [routerLink]="[\'/Admin/HelpCenter/ThirdLevel\',Item.parentID]"\r\n                     routerLinkActive="router-link-active" class=" text-dark">{{Item.title.arabic}}</a>\r\n                </td>\r\n                <td class="text-center">\r\n                  <span *ngIf="Item.isHidden;else other_content">\r\n                    <i class="fa fa-times"></i>\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <i class="fa fa-check"></i>\r\n                  </ng-template>\r\n                </td>\r\n                <td class="text-center">\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)="showEditHelpCenterModal(Item,EditHelpCenterModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class="drop-item px-3" id="btnResetPass" (click)="showDeleteHelpCenterModal(Item,deleteHelpCenterItemModal)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="HelpCenterPagingResult.length == 0">\r\n                <td colspan="3">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setHelpCenterItemListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="HelpCenterPaging" [group]="HelpCenterForm" #HelpCenterPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteHelpCenterItemModal 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("Delete")}} {{utilityService.getResourceValue("HelpCenter")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteHelpCenterItemModal id="CloseDeleteHelpCenterItemModal" 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="button" (click)="deleteHelpCenter()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--Edit Modal--\x3e\r\n  <ng-template #EditHelpCenterModal 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          <img src="./src/assets/images/arr061.svg"/>\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("HelpCenter")}}</h1>\r\n      </div>\r\n      <form [formGroup]="EditHelpCenterForm" (ngSubmit)="editHelpCenter()">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="EditMultiLingualTitle" [group]="EditHelpCenterForm"></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-MultiLingualHtmlEditor [options]="EditMultiLingualContent" [group]="EditHelpCenterForm"></BBSF-MultiLingualHtmlEditor>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="EditIsHidden" [group]="EditHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditHelpCenterModal id="CloseEditHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n  \x3c!--add Modal--\x3e\r\n  <ng-template #AddHelpCenterModal 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("HelpCenter")}}</h1>\r\n      </div>\r\n       <form [formGroup]="AddHelpCenterForm" \r\n              (ngSubmit)="addHelpCenterItem()">\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-MultiLingualTextBox [options]="MultiLingualTitle" [group]="AddHelpCenterForm"></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-MultiLingualHtmlEditor [options]="MultiLingualContent" [group]="AddHelpCenterForm"></BBSF-MultiLingualHtmlEditor>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-CheckBox [options]="AddIsHidden" [group]="AddHelpCenterForm">\r\n            </BBSF-CheckBox>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button  #CloseHelpCenterModal id="CloseAddHelpCenterModal" 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      </form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵl,selector:"BBSF-MultiLingualHtmlEditor",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:As,decorators:[{type:t.Component,args:[{selector:"lib-help-center-thirdlevel",templateUrl:"./help-center-thirdlevel.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:L.ActivatedRoute},{type:Is},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["HelpCenterPagingViewElement",{static:!1}]}],CloseAddHelpCenterModal:[{type:t.ViewChild,args:["CloseAddHelpCenterModal",{static:!1}]}],CloseEditHelpCenterModal:[{type:t.ViewChild,args:["CloseEditHelpCenterModal",{static:!1}]}],CloseDeleteHelpCenterItemModal:[{type:t.ViewChild,args:["CloseDeleteHelpCenterItemModal",{static:!1}]}]}});var ws=function(){function e(e,t,i,r,n,o){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.HelpCenterService=o,this.ProductionMode=!1,this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){var e=this;this.HelpCenterService.GetAll().subscribe((function(t){e.HelpCenterItems=t}))},e}();ws.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ws,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Is}],target:T.ɵɵFactoryTarget.Component}),ws.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ws,selector:"lib-help-center-preview",ngImport:T,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 accordion-custom">\r\n      <ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0" *ngFor="let Item of HelpCenterItems;let itemIndex=index;">\r\n        <ngb-panel>\r\n          <ng-template ngbPanelTitle>\r\n            <h4 id="parentTitle" *ngIf="language==\'en\'">{{Item.title.english}}</h4>\r\n            <h4 id="parentTitle" *ngIf="language==\'ar\'">{{Item.title.arabic}}</h4>\r\n            <div id="parentdesc" *ngIf="language==\'en\'" class="text-muted">{{Item.description.english}}</div>\r\n            <div id="parentdesc" *ngIf="language==\'ar\'" class="text-muted">{{Item.description.arabic}}</div>\r\n          </ng-template>\r\n          <ng-template ngbPanelContent>\r\n            <ul id="{{\'Lvl1-\'+Item.id}}">\r\n              <li  *ngFor="let child of Item.children;let i=index;">\r\n                <a [ngClass]="{\'active helpcenterlink\': i === 0}" ( data-toggle="tab" role="tab" aria-selected="true" href="{{\'#Content-\'+i+\'-\'+itemIndex}}">\r\n                  <span class="kt-nav__link-text text-to-truncate1" *ngIf="language==\'en\'">{{child.title.english}}</span>\r\n                  <span class="kt-nav__link-text text-to-truncate1" *ngIf="language==\'ar\'">{{child.title.arabic}}</span>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n            <div *ngFor="let child of Item.children;let i=index;" class="d-flex align-items-center bg-light-dark rounded p-5 mb-7">\r\n              <div id="{{\'#Content-\'+i+\'-\'+itemIndex}}">\r\n                <div  *ngFor="let lastChild of child.children;let j=index;">\r\n                      <span *ngIf="language==\'en\'" class="fw-bolder text-light fs-4 mb-2">{{lastChild.title.english}}</span>\r\n                      <span *ngIf="language==\'ar\'" class="fw-bolder text-light fs-4 mb-2">{{lastChild.title.arabic}}</span>\r\n                  <div>\r\n                      <div>\r\n                        <span *ngIf="language==\'en\'" class="text-primary fw-bold d-block" innerHtml="{{lastChild.html.english}}">\r\n                        </span>\r\n                        <span *ngIf="language==\'ar\'" class="text-primary fw-bold d-block" innerHtml="{{lastChild.html.arabic}}">\r\n                        </span>\r\n                      </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </ngb-panel>\r\n      </ngb-accordion>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:E.NgbAccordion,selector:"ngb-accordion",inputs:["activeIds","destroyOnHide","animation","type","closeOthers"],outputs:["panelChange","shown","hidden"],exportAs:["ngbAccordion"]}],directives:[{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:E.NgbPanel,selector:"ngb-panel",inputs:["disabled","id","title","type","cardClass"],outputs:["shown","hidden"]},{type:E.NgbPanelTitle,selector:"ng-template[ngbPanelTitle]"},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:E.NgbPanelContent,selector:"ng-template[ngbPanelContent]"},{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ws,decorators:[{type:t.Component,args:[{selector:"lib-help-center-preview",templateUrl:"./help-center-preview.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Is}]}});var Ms=[{path:"",component:Fs,children:[{path:"HelpCenter",component:xs},{path:"SecondLevel/:parentID",component:Ts},{path:"ThirdLevel/:parentID",component:As},{path:"Preview",component:ws},{path:"",redirectTo:"HelpCenter",pathMatch:"full"}]}],Ls=function(){};Ls.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ls,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Ls.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ls,imports:[L.RouterModule],exports:[s.RouterModule]}),Ls.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ls,imports:[[s.RouterModule.forChild(Ms)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ls,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Ms)],exports:[s.RouterModule]}]}]});var Cs=function(){};Cs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Cs,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Cs.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Cs,declarations:[xs,Fs,Ts,As,ws],imports:[Ls,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn]}),Cs.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Cs,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Is],imports:[[Ls,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Cs,decorators:[{type:t.NgModule,args:[{declarations:[xs,Fs,Ts,As,ws],imports:[Ls,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,y.MatMenuModule,m.NgbModule,p.InlineSVGModule,mn],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Is]}]}]});var Bs=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Bs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Bs,deps:[],target:T.ɵɵFactoryTarget.Component}),Bs.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Bs,selector:"lib-logs",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Bs,decorators:[{type:t.Component,args:[{selector:"lib-logs",templateUrl:"./logs.component.html"}]}],ctorParameters:function(){return[]}});var Ds=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Logs/"}return e.prototype.ViewFile=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"GetLogFileData",t)},e}();Ds.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ds,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Ds.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ds,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ds,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var ks=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.LogsService=o,this.modalService=s,this.ApiUrl="/api/admin/Logs/",this.LogsPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.ViewFileForm=new h.FormGroup({}),this.language="",this.ShowPageContent=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Logs"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.LoadList(),[2]}}))}))},e.prototype.LoadList=function(){this.LogsPaging=new v.PagingOptions,this.LogsPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetLogsByFilter",this.LogsPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.ReinitializeLogsPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateLogsPaging=function(){this.input.UpdatePaging()},e.prototype.setPublicHolidayListResult=function(e){this.LogsPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.showFileDataModal=function(e,t,i){var r=this;this.ViewFileForm=new h.FormGroup({}),this.LogsService.ViewFile(e).subscribe((function(e){var n=e;r.FileName=t,console.log(n),r.ViewFileData=new v.TextAreaOptions,r.ViewFileData.Name="GenerateCodeTextArea",r.ViewFileData.Value=n.text,r.ViewFileData.IsDisabled=!0,r.ViewFileData.HideLabel=!0,r.ViewFileData.Rows=20,r.ViewFileData.Cols=20,r.ViewFileData.MaxLength=1e6,r.modalService.open(i)}),(function(e){}))},e}();ks.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ks,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Ds},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),ks.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ks,selector:"lib-log",viewQueries:[{propertyName:"input",first:!0,predicate:["LogsPagingViewElement"],descendants:!0},{propertyName:"CloseViewFileModal",first:!0,predicate:["CloseViewFileModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\r\n    \x3c!-- begin::Header --\x3e\r\n    <div class="card card-custom-h">\r\n      \x3c!-- begin::Body --\x3e\r\n      <div class="card-body py-3">\r\n        \x3c!-- begin::Table container --\x3e\r\n        <div class="table-responsive">\r\n          \x3c!-- begin::Table --\x3e\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-150px">{{utilityService.getResourceValue("Modified")}}</th>\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 Log of LogsPagingResult">\r\n                <td>\r\n                  <a class="text-gray-800 text-hover-primary mb-1" (click)="showFileDataModal(Log.pathEncrypted,Log.name,ViewFileModal)">{{Log.name}}</a>\r\n                </td>\r\n                <td>\r\n                  {{Log.lastModified}}\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="LogsPagingResult.length == 0">\r\n                <td colspan="2">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          \x3c!--end::Permission list--\x3e\r\n        </div>\r\n\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setPublicHolidayListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="LogsPaging" #LogsPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- View file Modal --\x3e\r\n  <ng-template #ViewFileModal 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">{{FileName}}</h1>\r\n      </div>\r\n\r\n      <form [formGroup]="ViewFileForm">\r\n        <BBSF-TextArea [options]="ViewFileData" [group]="ViewFileForm">\r\n        </BBSF-TextArea>\r\n        <div class="text-center pt-7">\r\n          <button #CloseViewFileModal id="CloseViewFileModal" 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\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </ng-template>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ks,decorators:[{type:t.Component,args:[{selector:"lib-log",templateUrl:"./log.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Ds},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["LogsPagingViewElement",{static:!1}]}],CloseViewFileModal:[{type:t.ViewChild,args:["CloseViewFileModal",{static:!1}]}]}});var Es=[{path:"",component:Bs,children:[{path:"Logs",component:ks},{path:"",redirectTo:"Logs",pathMatch:"full"}]}],Ps=function(){};Ps.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ps,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Ps.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ps,imports:[L.RouterModule],exports:[s.RouterModule]}),Ps.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ps,imports:[[s.RouterModule.forChild(Es)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ps,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Es)],exports:[s.RouterModule]}]}]});var Vs=function(){};Vs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vs,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Vs.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vs,declarations:[ks,Bs],imports:[Ps,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,p.InlineSVGModule,mn]}),Vs.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vs,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ds],imports:[[Ps,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Vs,decorators:[{type:t.NgModule,args:[{declarations:[ks,Bs],imports:[Ps,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,p.InlineSVGModule,mn],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Ds]}]}]});var Ns=function(){this.ProviderAttributes=[]},Rs=function(){},Us=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/Provider/"}return e.prototype.AddProvider=function(e){return this.http.post(this.ApiUrl+"AddProvider",e)},e.prototype.GetEditProviderData=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"EditProvider",t)},e.prototype.EditProvider=function(e){return this.http.post(this.ApiUrl+"EditProvider",e)},e.prototype.DeleteProvider=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"DeleteProvider",null,t)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.LoaddropdownsForAdd=function(){return this.http.get(this.ApiUrl+"LoaddropdownsForAdd")},e.prototype.GetProviderAttributes=function(e){var t=new n.HttpParams;return t=t.append("typeFullName",e),this.http.post(this.ApiUrl+"GetProviderAttributes",null,t)},e.prototype.GenerateProviderJson=function(){var e=new l.RequestOptionsModel;return e.responseType="arraybuffer",this.http.post(this.ApiUrl+"GenerateProviderJson",null,null,e)},e.prototype.GetDefaultProviders=function(){return this.http.get(this.ApiUrl+"SelectDefaultProvider")},e.prototype.SubmitDefaultProviders=function(e){return this.http.post(this.ApiUrl+"SubmitDefaultProvider",e)},e}();Us.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Us,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),Us.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Us,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Us,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var Gs=function(){function e(e,t,i,r,n,o,s){var a=this;this.environmentService=e,this.ProviderService=t,this.modalService=i,this.authService=r,this.bbsfTranslateService=n,this.utilityService=o,this.pageInfoService=s,this.ShowPageContent=!1,this.ProductionMode=!1,this.language="",this.ApiUrl="/api/admin/Provider/",this.ProviderForm=new h.FormGroup({}),this.IsFilterLoaded=!1,this.IsFilterDataLoaded=!1,this.ProviderPagingResult=[],this.ProviderTypesFilterList=[],this.SortingFilterList=[],this.TypesList=[],this.LoadedProviders=[],this.OrganizationsList=[],this.ProviderAttributesOptions=[],this.ProviderAttributesCount=0,this.IsAttributesLoaded=!1,this.AddProviderForm=new h.FormGroup({}),this.AddProviderTypeItemID=0,this.EditProviderForm=new h.FormGroup({}),this.EditProviderTypeItemID=0,this.EditProviderOrganizationID=0,this.EditProviderAttributesOptions=[],this.EditProviderAttributesCount=0,this.DefaultProviderForm=new h.FormGroup({}),this.DefaultProviders=[],this.getAddProviderModel=function(){var e=[],t=a.AddProviderForm.value,i=new Ns;i.ProviderName=t.AddName,i.Description=t.AddDescription;var r,n=t.AddOrganizationOptions;r=Number(n),i.OrganizationID=null!=t.AddOrganizationOptions?r:null,i.ProviderTypeItemID=a.AddProviderTypeItemID,i.TypeFullName=t.AddTypeOptions;for(var o=0;o<a.ProviderAttributesCount;o++){var s=t["AddAttributeName"+o],l=t["AddAttributeValue"+o],d=t["AddAttributeEncrypted"+o],c=new Rs;c.Name=s,c.Value=l,c.IsEncrypted=d,i.ProviderAttributes.push(c)}return e.push(i),e},this.getAddProviderFunction=function(e){return a.ProviderService.AddProvider(e)},this.getEditProviderModel=function(){var e=[],t=a.EditProviderForm.value,i=new Ns;i.ID=Number(a.ProviderId),i.ProviderName=t.EditName,i.Description=t.EditDescription,i.TypeFullName=t.EditTypeOptions,i.ProviderTypeItemID=a.EditProviderTypeItemID,i.OrganizationID=a.EditProviderOrganizationID;for(var r=0;r<a.EditProviderAttributesCount;r++){var n=t["EditAttributeName"+r],o=t["EditAttributeValue"+r],s=t["EditAttributeEncrypted"+r],l=new Rs;l.Name=n,l.Value=o,l.IsEncrypted=s,i.ProviderAttributes.push(l)}return e.push(i),e},this.getEditProviderFunction=function(e){return a.ProviderService.EditProvider(e)},this.getDefaultProviderModel=function(){for(var e=[],t=a.DefaultProviderForm.value,i=[],r=0;r<a.DefaultProviders.length;r++){var n=a.DefaultProviders[r].ID,o=t["providerOption_"+n],s={ProviderTypeItemID:n,SelectedProviderID:Number(o),ProviderTypeItemName:"",Providers:[]};i.push(s)}return e.push(i),e},this.getDefaultProviderFunction=function(e){return a.ProviderService.SubmitDefaultProviders(e)}}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("ServiceProviders"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.initializePage(),[2]}}))}))},e.prototype.initializePage=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.providerTypesFilterOption=new v.DropdownOptions,this.providerTypesFilterOption.Name="providerTypesFilterOption",this.providerTypesFilterOption.LabelKey="ProviderTypes",this.providerTypesFilterOption.Placeholder=this.utilityService.getResourceValue("ServiceProviderType"),this.providerTypesFilter=new v.FilterItem,this.providerTypesFilter.FormControlName="providerTypesFilterOption",this.providerTypesFilter.ActionParameterName="types",this.providerTypesFilter.IsFormControl=!0,this.providerTypesFilter.FilterType=v.FilterType.DropdownList,this.sortingFilterOption=new v.DropdownOptions,this.sortingFilterOption.Name="sortingFilterOption",this.sortingFilterOption.LabelKey="Sort",this.sortingFilterOption.SingleSelection=!0,this.sortingFilterOption.Placeholder="",this.sortingFilter=new v.FilterItem,this.sortingFilter.FormControlName="sortingFilterOption",this.sortingFilter.ActionParameterName="sortID",this.sortingFilter.IsFormControl=!0,this.sortingFilter.FilterType=v.FilterType.DropdownList,this.ProviderPaging=new v.PagingOptions,this.ProviderPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetProvidersByFilter",this.ProviderPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.ProviderPaging.DropdownFiltersControlNames=["providerTypesFilterOption","sortingFilterOption"],this.ProviderPaging.Filters=[this.TextInputFilter,this.providerTypesFilter,this.sortingFilter],this.ProviderPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.loadLists=function(){var e=this;this.IsFilterDataLoaded||this.ProviderService.Loaddropdowns().subscribe((function(t){var i=t;e.ProviderTypesFilterList=i.providerTypesFilter,e.SortingFilterList=i.sortingFilterList;var r=e.providerTypesDDL,n=e.sortingFilterDDL;r.UpdateDataSource(e.ProviderTypesFilterList),n.UpdateDataSource(e.SortingFilterList),e.IsFilterDataLoaded=!0}))},e.prototype.setProviderListResult=function(e){this.ProviderPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.resetFilters=function(){this.ProviderForm.controls.providerTypesFilterOption.setValue([]),this.ProviderForm.controls.sortingFilterOption.setValue([]),this.ProviderForm.controls.searchTextBox.setValue(null),this.pagingElement.ReinitializePaging()},e.prototype.setAddProviderAttributes=function(e){var t=this;this.ProviderService.GetProviderAttributes(e).subscribe((function(i){var r=i;t.LoadedProviders=r.loadedProviders;var n=t.LoadedProviders.find((function(t){return t.fullName===e}));t.AddProviderTypeItemID=n.providerType;var o=r.model;t.ProviderAttributesOptions=[];var s=t.getProviderAttributesOptions(o,!0);t.ProviderAttributesOptions=s[0],t.ProviderAttributesCount=s[1],t.IsAttributesLoaded=!0}),(function(e){}))},e.prototype.setEditProviderAttributes=function(e){var t=this;this.ProviderService.GetProviderAttributes(e).subscribe((function(i){var r=i;t.LoadedProviders=r.loadedProviders;var n=t.LoadedProviders.find((function(t){return t.fullName===e}));t.EditProviderTypeItemID=n.providerType;var o=r.model;t.EditProviderAttributesOptions=[];var s=t.getProviderAttributesOptions(o,!1);t.EditProviderAttributesOptions=s[0],t.EditProviderAttributesCount=s[1]}),(function(e){}))},e.prototype.getProviderAttributesOptions=function(e,t){for(var i=[],r=0,n=t?"Add":"Edit",o=0;o<e.length;o++){var s=[],a=e[o].isEncrypted,l=new v.TextBoxOptions;l.Name=n+"AttributeName"+o,l.HideLabel=!0,l.Type=v.InputType.Text,l.Value=e[o].name;var d=new v.TextBoxOptions;d.Name=n+"AttributeValue"+o,d.HideLabel=!0,d.Type=a?v.InputType.Password:v.InputType.Text,d.Value=e[o].value,d.RemoveDefaultPasswordValidation=!0;var c=new v.CheckBoxOptions;c.Name=n+"AttributeEncrypted"+o,c.Value=e[o].isEncrypted,s.push(l,d,c),i.push(s),r+=1}return[i,r]},e.prototype.deleteAttribute=function(e,t){var i;if(t){if(-1!==(i=this.ProviderAttributesOptions.indexOf(e))){this.ProviderAttributesOptions.splice(i,1);for(var r=0;r<e.length;r++)this.AddProviderForm.removeControl(e[r].Name)}}else if(-1!==(i=this.EditProviderAttributesOptions.indexOf(e))){this.EditProviderAttributesOptions.splice(i,1);for(r=0;r<e.length;r++)this.EditProviderForm.removeControl(e[r].Name)}},e.prototype.encryptedChange=function(e,t,i){var r=i?"AddAttributeValue":"EditAttributeValue",n=t.find((function(e){return e.Name.startsWith(r)}));n.Type=e?v.InputType.Password:v.InputType.Text},e.prototype.showAddProviderModal=function(e){var t=this;this.utilityService.startBlockUI(),this.ProviderService.LoaddropdownsForAdd().subscribe((function(i){var r=i;t.OrganizationsList=r.organizations,t.TypesList=r.providerTypes,t.ProviderAttributesOptions=[],t.ProviderAttributesCount=0,t.IsAttributesLoaded=!1,t.AddProviderForm=new h.FormGroup({}),t.AddProviderFormOptions=new v.FormOptions,t.AddProviderFormOptions.FormGroup=t.AddProviderForm,t.AddProviderFormOptions.GetModelFunction=t.getAddProviderModel,t.AddProviderFormOptions.ServiceSubmitFunction=t.getAddProviderFunction,t.AddProviderFormOptions.PagingReference=t.pagingElement,t.AddName=new v.TextBoxOptions,t.AddName.Name="AddName",t.AddName.LabelKey="ProviderName",t.AddName.Type=v.InputType.Text,t.AddName.Value=null,t.AddName.IsRequired=!0,t.AddDescription=new v.TextAreaOptions,t.AddDescription.Name="AddDescription",t.AddDescription.LabelKey="ProviderDescription",t.AddDescription.Value=null,t.AddOrganizationOptions=new v.DropdownOptions,t.AddOrganizationOptions.Name="AddOrganizationOptions",t.AddOrganizationOptions.LabelKey="Organization",t.AddOrganizationOptions.DataSource=t.OrganizationsList,t.AddOrganizationOptions.SingleSelection=!0,t.AddOrganizationOptions.AllowSearchFilter=!0,t.AddOrganizationOptions.Placeholder="",t.AddOrganizationOptions.IsRequired=!0,t.AddTypeOptions=new v.DropdownOptions,t.AddTypeOptions.Name="AddTypeOptions",t.AddTypeOptions.LabelKey="ProviderType",t.AddTypeOptions.DataSource=t.TypesList,t.AddTypeOptions.SingleSelection=!0,t.AddTypeOptions.AllowSearchFilter=!0,t.AddTypeOptions.Placeholder="",t.AddTypeOptions.IsRequired=!0,t.modalService.open(e),t.utilityService.stopBlockUI()}))},e.prototype.showEditProviderModal=function(e,t,i){var r=this;this.ProviderId=e,this.ProviderService.GetEditProviderData(t).subscribe((function(e){var t=e,n=t.model,o=t.lists;r.TypesList=o.providerTypes,r.EditProviderForm=new h.FormGroup({}),r.EditProviderFormOptions=new v.FormOptions,r.EditProviderFormOptions.FormGroup=r.EditProviderForm,r.EditProviderFormOptions.GetModelFunction=r.getEditProviderModel,r.EditProviderFormOptions.ServiceSubmitFunction=r.getEditProviderFunction,r.EditProviderFormOptions.PagingReference=r.pagingElement,r.EditName=new v.TextBoxOptions,r.EditName.Name="EditName",r.EditName.LabelKey="ProviderName",r.EditName.Type=v.InputType.Text,r.EditName.IsRequired=!0,r.EditName.Value=n.providerName,r.EditDescription=new v.TextAreaOptions,r.EditDescription.Name="EditDescription",r.EditDescription.LabelKey="Description",r.EditDescription.Value=n.description;var s=r.TypesList.filter((function(e){return e.key==n.typeFullName})).map((function(e){return e.key}))[0];r.EditTypeOptions=new v.DropdownOptions,r.EditTypeOptions.Name="EditTypeOptions",r.EditTypeOptions.LabelKey="ProviderType",r.EditTypeOptions.DataSource=r.TypesList,r.EditTypeOptions.SingleSelection=!0,r.EditTypeOptions.AllowSearchFilter=!0,r.EditTypeOptions.Placeholder="",r.EditTypeOptions.IsRequired=!0,r.EditTypeOptions.SelectedItems=s,r.EditProviderTypeItemID=n.providerTypeItemID,r.EditProviderOrganizationID=n.organizationID;var a=r.getProviderAttributesOptions(n.providerAttributes,!1);r.EditProviderAttributesOptions=a[0],r.EditProviderAttributesCount=a[1],r.modalService.open(i)}),(function(e){}))},e.prototype.showDeleteProviderModal=function(e,t){this.deleteProviderId=e.idEncrypted,this.utilityService.startBlockUI(),this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteProvider=function(){var e=this;this.ProviderService.DeleteProvider(this.deleteProviderId).subscribe((function(t){e.deleteProviderId="",e.modalService.dismissAll(),e.pagingElement.ReinitializePaging()}),(function(e){}))},e.prototype.showDefaultProviderModal=function(e){var t=this;this.DefaultProviders=[],this.ProviderService.GetDefaultProviders().subscribe((function(i){var r=i;t.DefaultProviderForm=new h.FormGroup({}),t.DefaultProviderFormOptions=new v.FormOptions,t.DefaultProviderFormOptions.FormGroup=t.DefaultProviderForm,t.DefaultProviderFormOptions.GetModelFunction=t.getDefaultProviderModel,t.DefaultProviderFormOptions.ServiceSubmitFunction=t.getDefaultProviderFunction,t.DefaultProviderFormOptions.PagingReference=t.pagingElement;for(var n=0;n<r.length;n++){var o=r[n],s=new v.RadioButtonOptions;s.Name="providerOption_"+o.providerTypeItemID,s.HideLabel=!0,s.IsRequired=!0,s.ViewType=v.ControlLayout.Horizontal;for(var a=[],l=0;l<o.providers.length;l++){var d=o.providers[l],c=new v.RadioButtonItem;c.Text=d.text,c.Value=d.value,a.push(c),s.Items=a}var u=o.providers.filter((function(e){return 1==e.selected}))[0];s.Value={Text:u.text,Value:u.value};var p={Name:o.providerTypeItemName,ID:o.providerTypeItemID,ProvidersOption:s};t.DefaultProviders.push(p)}t.modalService.open(e)}))},e.prototype.generateProviderJson=function(){this.ProviderService.GenerateProviderJson().subscribe((function(e){var t=new Blob([e],{type:"application/json"});saveAs(t,"Providers.json")}),(function(e){}))},e}();Gs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Gs,deps:[{token:B.EnvironmentService},{token:Us},{token:E.NgbModal},{token:B.AuthService},{token:B.BBSFTranslateService},{token:B.UtilityService},{token:De}],target:T.ɵɵFactoryTarget.Component}),Gs.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Gs,selector:"lib-provider",viewQueries:[{propertyName:"pagingElement",first:!0,predicate:["ProviderPagingViewElement"],descendants:!0},{propertyName:"providerTypesDDL",first:!0,predicate:["providerTypesDDL"],descendants:!0},{propertyName:"sortingFilterDDL",first:!0,predicate:["sortingFilterDDL"],descendants:!0},{propertyName:"CloseAddProviderModal",first:!0,predicate:["CloseAddProviderModal"],descendants:!0},{propertyName:"CloseEditProviderModal",first:!0,predicate:["CloseEditProviderModal"],descendants:!0},{propertyName:"CloseDeleteProviderModal",first:!0,predicate:["CloseDeleteProviderModal"],descendants:!0},{propertyName:"CloseDefaultProviderModal",first:!0,predicate:["CloseDefaultProviderModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n  \x3c!-- Page Content --\x3e\r\n  <div class="container-fluid">\r\n    <div *ngIf="ShowPageContent">\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]="ProviderForm">\r\n              <BBSF-TextBox [options]="searchTextBox" [group]="ProviderForm"></BBSF-TextBox>\r\n            </form>\r\n          </div>\r\n          <div class="card-toolbar">\r\n            \x3c!-- begin::Menu --\x3e\r\n            <div ngbDropdown class="d-inline-block" [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}">\r\n              <button (click)="loadLists()" ngbDropdownToggle href="javascript:;" type="button" class="btn btn-sm btn-light-primary me-3" id="FiltersDropdown" title="Filter">\r\n                <i class="fas fa-filter me-1"></i>\r\n                {{utilityService.getResourceValue("Filter")}}\r\n              </button>\r\n              <div *ngIf="IsFilterLoaded" ngbDropdownMenu aria-labelledby="FiltersDropdown" class=" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 ">\r\n                <form [formGroup]="ProviderForm">\r\n                  <div class="px-7 py-5">\r\n                    <div class="row">\r\n                      <div class="col-lg-12">\r\n                        <div class="mb-10">\r\n                          <BBSF-DropdownList #providerTypesDDL [options]="providerTypesFilterOption" [group]="ProviderForm"></BBSF-DropdownList>\r\n                        </div>\r\n                      </div>\r\n                      <div class="col-lg-12">\r\n                        <div class="mb-10">\r\n                          <BBSF-DropdownList #sortingFilterDDL [options]="sortingFilterOption" [group]="ProviderForm"></BBSF-DropdownList>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class="d-flex justify-content-end">\r\n                      <button class="btn btn-light btn-active-light-primary pv-reset btn-sm" d="applyFiltersBtn"\r\n                              (click)="resetFilters()">\r\n                        {{utilityService.getResourceValue("Reset")}}\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </form>\r\n              </div>\r\n            </div>\r\n            <button href="javascript:;" (click)="generateProviderJson()" class="btn btn-sm btn-light-primary me-3 bnsights-btn-export">\r\n              <i class="fas fa-file-export me-1"></i>\r\n              {{utilityService.getResourceValue("GenerateProviderJson")}}\r\n            </button>\r\n\r\n            <button type="button" title=\'utilityService.getResourceValue("SelectDefaultProvider")\' class="btn btn-sm btn-light-primary me-3 " (click)="showDefaultProviderModal(DefaultProviderModal)">\r\n              <i class="fas fa-hand-pointer me-1"></i>\r\n              {{utilityService.getResourceValue("SelectDefaultProvider")}}\r\n            </button>\r\n            <button type="button" title=\'utilityService.getResourceValue("Add")\' class="btn btn-sm btn-primary" (click)="showAddProviderModal(AddProviderModal)">\r\n              <i class="fas fa-plus me-1"></i>\r\n              {{utilityService.getResourceValue("Add")}}\r\n            </button>        \x3c!-- end::Menu --\x3e\r\n          </div>\r\n        </div>\r\n        \x3c!-- end::Header --\x3e\r\n        \x3c!-- begin::Body --\x3e\r\n        <div class="card-body py-3">\r\n          <div class="table-responsive">\r\n            \x3c!-- begin::Table --\x3e\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-150px">{{utilityService.getResourceValue("Status")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Default")}}</th>\r\n                  <th class="min-w-50px">{{utilityService.getResourceValue("Action")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody id="listingContainer" *ngFor="let providerGroup of ProviderPagingResult" class="fw-bold text-gray-600 border-0">\r\n\r\n                <tr *ngFor="let provider of providerGroup.providers">\r\n                  <td>\r\n                    <div class="text-dark">{{provider.providerName}}</div>\r\n                    <div>{{provider.description}}</div>\r\n                  </td>\r\n                  <td>\r\n                    <span class="badge badge-light-primary" *ngIf="provider.isRunning;else other_content">\r\n                      {{utilityService.getResourceValue("Running")}}\r\n                    </span>\r\n                    <ng-template #other_content>\r\n                      <span class="badge badge-light-danger">\r\n                        {{utilityService.getResourceValue("Stopped")}}\r\n                      </span>\r\n                    </ng-template>\r\n\r\n                  </td>\r\n                  <td>\r\n                    <span class="badge badge-light-success fw-bolder" *ngIf="provider.isDefault;else default_no">\r\n                      {{utilityService.getResourceValue("Yes")}}\r\n                    </span>\r\n                    <ng-template #default_no>\r\n                      <span class="badge badge-light fw-bolder">\r\n                        {{utilityService.getResourceValue("No")}}\r\n                      </span>\r\n                    </ng-template>\r\n                  </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                        <a class="drop-item px-3" ngbDropdownItem (click)="showEditProviderModal(provider.id,provider.idEncrypted , EditProviderModal)">\r\n                          <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                        </a>\r\n                        <a ngbDropdownItem class="drop-item px-3" id="btnResetPass"\r\n                           (click)="showDeleteProviderModal(provider, deleteProviderModal)">\r\n                          <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                        </a>\r\n                      </mat-menu>\r\n                    </div>\r\n                  </td>\r\n                </tr>\r\n                <tr *ngIf="providerGroup.providers.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              <tbody *ngIf="ProviderPagingResult.length == 0">\r\n                <tr>\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        </div>\r\n        <div class="card-footer border-0">\r\n          <BBSF-Paging (Items)="setProviderListResult($event)" *ngIf="IsFilterLoaded"\r\n                       [options]="ProviderPaging" [group]="ProviderForm" #ProviderPagingViewElement>\r\n          </BBSF-Paging>\r\n        </div>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n    \x3c!--end::Providers list--\x3e\r\n  </div>\r\n\r\n  \x3c!-- Add Modal --\x3e\r\n  <ng-template #AddProviderModal 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("Provider")}}\r\n        </h1>\r\n      </div>\r\n      <BBSF-Form [options]="AddProviderFormOptions">\r\n\r\n        <BBSF-TextBox [options]="AddName" [group]="AddProviderForm">\r\n        </BBSF-TextBox>\r\n        <BBSF-TextArea [options]="AddDescription" [group]="AddProviderForm">\r\n        </BBSF-TextArea>\r\n        <BBSF-DropdownList [options]="AddOrganizationOptions" [group]="AddProviderForm">\r\n        </BBSF-DropdownList>\r\n        <BBSF-DropdownList [options]="AddTypeOptions" [group]="AddProviderForm" (OnChange)="setAddProviderAttributes($event)">\r\n        </BBSF-DropdownList>\r\n        <div *ngIf="IsAttributesLoaded">\r\n          <div class="table-responsive">\r\n            \x3c!-- begin::Table --\x3e\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("ProviderAttributeName")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("ProviderAttributeValue")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Encrypted")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Action")}}</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 ProviderAttributesOptions;let i=index;">\r\n\r\n                  <td>\r\n                    <BBSF-TextBox [options]="option[0]" [group]="AddProviderForm">\r\n                    </BBSF-TextBox>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-TextBox [options]="option[1]" [group]="AddProviderForm">\r\n                    </BBSF-TextBox>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-CheckBox [options]="option[2]" [group]="AddProviderForm" (OnChange)="encryptedChange($event,option,true)">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <a class="btn btn-icon btn-light-danger btn-sm" (click)="deleteAttribute(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 *ngIf="ProviderAttributesOptions.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        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseProviderModal id="CloseAddProviderModal" type="button" class="btn btn-light me-3 btn-sm"\r\n                  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\r\n  \x3c!-- Edit model --\x3e\r\n  <ng-template #EditProviderModal 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("Provider")}}\r\n        </h1>\r\n      </div>\r\n      <BBSF-Form [options]="EditProviderFormOptions">\r\n        <div class="row">\r\n          <div class="col-md-12">\r\n            <BBSF-TextBox [options]="EditName" [group]="EditProviderForm">\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-TextArea [options]="EditDescription" [group]="EditProviderForm">\r\n            </BBSF-TextArea>\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]="EditTypeOptions" [group]="EditProviderForm" (OnChange)="setEditProviderAttributes($event)">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="table-responsive">\r\n            \x3c!-- begin::Table --\x3e\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("ProviderAttributeName")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("ProviderAttributeValue")}}</th>\r\n                  <th class="min-w-150px">{{utilityService.getResourceValue("Encrypted")}}</th>\r\n                  <th class="min-w-50px">{{utilityService.getResourceValue("Action")}}</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 EditProviderAttributesOptions;let i=index;">\r\n\r\n                  <td>\r\n                    <BBSF-TextBox [options]="option[0]" [group]="EditProviderForm">\r\n                    </BBSF-TextBox>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-TextBox [options]="option[1]" [group]="EditProviderForm">\r\n                    </BBSF-TextBox>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-CheckBox [options]="option[2]" [group]="EditProviderForm" (OnChange)="encryptedChange($event,option,true)">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <a class="btn btn-icon btn-light-danger btn-sm" (click)="deleteAttribute(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 *ngIf="EditProviderAttributesOptions.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        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseEditProviderModal id="CloseEditProviderModal" type="button"\r\n                  data-dismiss="modal" (click)="modal.dismiss()" class="btn btn-light me-3 btn-sm">\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  \x3c!--delete Modal--\x3e\r\n  <ng-template #deleteProviderModal 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("Delete")}} {{utilityService.getResourceValue("Provider")}}</h1>\r\n      </div>\r\n      <div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">\r\n        <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">\r\n          <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n        </span>\r\n\r\n        <div class="d-flex flex-stack flex-grow-1">\r\n          <div class="fw-bold">\r\n            <div class="fs-6 text-gray-700">\r\n              {{utilityService.getResourceValue("Delete_Question")}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button #CloseDeleteProviderModal id="CloseDeleteProviderModal" 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="button" (click)="deleteProvider()"\r\n                class="btn btn-light-danger btn-sm ">\r\n          {{utilityService.getResourceValue("Delete")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!--Default Provider  Modal--\x3e\r\n  <ng-template #DefaultProviderModal 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("SelectDefaultProvider")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]="DefaultProviderFormOptions">\r\n        <div class="row">\r\n          <div class="col-md-12" *ngFor="let defProvider of DefaultProviders;let i=index;">\r\n            <h3 class="text-muted mb-4 fw-boldest">{{defProvider.Name}}</h3>\r\n            <input type="hidden" value="{{defProvider.ID}}" />\r\n            <BBSF-RadioButton [options]="defProvider.ProvidersOption" [group]="DefaultProviderForm"></BBSF-RadioButton>\r\n          </div>\r\n        </div>\r\n        <div class="text-center pt-7">\r\n          <button #CloseDefaultProviderModal id="CloseDefaultProviderModal" 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\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵv,selector:"BBSF-Form",inputs:["options"]},{type:V.ɵe,selector:"BBSF-TextArea",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵu,selector:"BBSF-RadioButton",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:E.NgbDropdown,selector:"[ngbDropdown]",inputs:["open","placement","container","autoClose","display"],outputs:["openChange"],exportAs:["ngbDropdown"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:E.NgbDropdownToggle,selector:"[ngbDropdownToggle]"},{type:E.NgbDropdownMenu,selector:"[ngbDropdownMenu]"},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Gs,decorators:[{type:t.Component,args:[{selector:"lib-provider",templateUrl:"./provider.component.html"}]}],ctorParameters:function(){return[{type:B.EnvironmentService},{type:Us},{type:E.NgbModal},{type:B.AuthService},{type:B.BBSFTranslateService},{type:B.UtilityService},{type:De}]},propDecorators:{pagingElement:[{type:t.ViewChild,args:["ProviderPagingViewElement",{static:!1}]}],providerTypesDDL:[{type:t.ViewChild,args:["providerTypesDDL",{static:!1}]}],sortingFilterDDL:[{type:t.ViewChild,args:["sortingFilterDDL",{static:!1}]}],CloseAddProviderModal:[{type:t.ViewChild,args:["CloseAddProviderModal",{static:!1}]}],CloseEditProviderModal:[{type:t.ViewChild,args:["CloseEditProviderModal",{static:!1}]}],CloseDeleteProviderModal:[{type:t.ViewChild,args:["CloseDeleteProviderModal",{static:!1}]}],CloseDefaultProviderModal:[{type:t.ViewChild,args:["CloseDefaultProviderModal",{static:!1}]}]}});var Os=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Os.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Os,deps:[],target:T.ɵɵFactoryTarget.Component}),Os.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Os,selector:"lib-providers",ngImport:T,template:"<router-outlet></router-outlet>\r\n\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Os,decorators:[{type:t.Component,args:[{selector:"lib-providers",templateUrl:"./providers.component.html"}]}],ctorParameters:function(){return[]}});var Hs=[{path:"",component:Os,children:[{path:"Providers",component:Gs},{path:"",redirectTo:"Providers",pathMatch:"full"}]}],zs=function(){};zs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:zs,deps:[],target:T.ɵɵFactoryTarget.NgModule}),zs.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:zs,imports:[L.RouterModule],exports:[s.RouterModule]}),zs.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:zs,imports:[[s.RouterModule.forChild(Hs)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:zs,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Hs)],exports:[s.RouterModule]}]}]});var js=function(){};js.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:js,deps:[],target:T.ɵɵFactoryTarget.NgModule}),js.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:js,declarations:[Gs,Os],imports:[zs,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]}),js.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:js,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Us],imports:[[zs,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:js,decorators:[{type:t.NgModule,args:[{declarations:[Gs,Os],imports:[zs,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,m.NgbModule,y.MatMenuModule,p.InlineSVGModule,mn],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,Us]}]}]});var Ws=function(){function e(e,t,i){this.authService=e,this.router=t,this.route=i}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){return j(this,(function(e){switch(e.label){case 0:return this.route.snapshot.fragment.indexOf("error")>=0?(this.error=!0,[2]):[4,this.authService.completeAuthentication()];case 1:return e.sent(),this.router.navigate([this.authService.getUrl()]),[2]}}))}))},e}();Ws.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ws,deps:[{token:B.AuthService},{token:L.Router},{token:L.ActivatedRoute}],target:T.ɵɵFactoryTarget.Component}),Ws.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ws,selector:"app-auth-callback",ngImport:T,template:'<div *ngIf="error" class="row justify-content-center">\r\n    <div class="col-md-8 text-center">\r\n          <div class="alert alert-warning" role="alert">\r\n            Oops, there was an error, please try to <a routerLink="/login">login again</a>.\r\n          </div>\r\n    </div>\r\n</div>',directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ws,decorators:[{type:t.Component,args:[{selector:"app-auth-callback",templateUrl:"./auth-callback.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:L.Router},{type:L.ActivatedRoute}]}});var Ks=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Ks.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ks,deps:[],target:T.ɵɵFactoryTarget.Component}),Ks.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ks,selector:"app-authentication",ngImport:T,template:"<router-outlet></router-outlet>",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ks,decorators:[{type:t.Component,args:[{selector:"app-authentication",templateUrl:"./authentication.component.html"}]}],ctorParameters:function(){return[]}});var qs=[{path:"authentication",component:Ks,children:[{path:"auth-callback",component:Ws}]}],_s=function(){};_s.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_s,deps:[],target:T.ɵɵFactoryTarget.NgModule}),_s.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_s,imports:[L.RouterModule],exports:[s.RouterModule]}),_s.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_s,imports:[[s.RouterModule.forChild(qs)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:_s,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(qs)],exports:[s.RouterModule]}]}]});var Js=function(){};Js.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Js,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Js.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Js,declarations:[Ws,Ks],imports:[i.CommonModule,s.RouterModule,_s,l.BBSFUtilitiesModule]}),Js.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Js,providers:[l.AuthService],imports:[[i.CommonModule,s.RouterModule,_s,l.BBSFUtilitiesModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Js,decorators:[{type:t.NgModule,args:[{declarations:[Ws,Ks],imports:[i.CommonModule,s.RouterModule,_s,l.BBSFUtilitiesModule],providers:[l.AuthService]}]}]});var $s=function(){},Qs=function(){this.ID=0,this.Username="",this.NameEN="",this.NameAR="",this.LangKey="",this.PermissionSets=[],this.TemplateID=null,this.TemplateSysName="",this.OrganizationID=1,this.SendActivationMail=!1,this.ActivationPageURL="",this.DepartmentID=null,this.SamAccount="",this.Email="",this.IsAnonymous=!1,this.KeyMap={},this.Token="",this.EmailProviderName="",this.SMSProviderName="",this.ExtraParams=0,this.ValidationError="",this.PhoneInputMobile="",this.Filters=new $s,this.PermissionSets=new Array,this.LangKey="",this.SendActivationMail=!0,this.Filters=new $s,this.KeyMap={}},Ys=function(){this.PermissionIDs=new Array},Zs=function(){function e(e,t){this.http=e,this.authService=t,this.ApiUrl="/api/admin/Users/"}return e.prototype.GetUsersByFilter=function(e){return this.http.post(this.ApiUrl+"GetUsersByFilter",e)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.AddUser=function(e){return this.http.post(this.ApiUrl+"AddUser",e)},e.prototype.EditUser=function(e){return this.http.post(this.ApiUrl+"EditUser",e)},e.prototype.SendActivationEmailForUser=function(e){return this.http.post(this.ApiUrl+"SendActivationLink",e)},e.prototype.ActivateUsers=function(e){return this.http.post(this.ApiUrl+"ActivateUsers",e)},e.prototype.DeactivateUsers=function(e){return this.http.post(this.ApiUrl+"DeactivateUsers",e)},e.prototype.ResetUsersPassword=function(e){return this.http.post(this.ApiUrl+"ResetUsersPassword",e)},e.prototype.SetUsersPassword=function(e){return this.http.post(this.ApiUrl+"SetUsersPassword",e)},e.prototype.Export=function(e){var t=new l.RequestOptionsModel;return t.responseType="arraybuffer",this.http.post(this.ApiUrl+"Export",null,e,t)},e.prototype.ChangeLanguage=function(e){var t=new n.HttpParams;return t=(t=t.append("UserId",this.authService.user.profile.id)).append("LanguageKey",e),this.http.post(this.ApiUrl+"updateLaguage",null,t)},e.prototype.UpdateUserInfo=function(){return this.http.get("/connect/userinfo")},e}();Zs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zs,deps:[{token:B.RequestHandlerService},{token:B.AuthService}],target:T.ɵɵFactoryTarget.Injectable}),Zs.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zs,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Zs,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService},{type:B.AuthService}]}});var Xs=function(){function e(e,t,i,r,n,o,s){this.authService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.pageInfoService=n,this.userService=o,this.modalService=s,this.ApiUrl="/api/admin/Users/",this.SubheaderTitle=this.utilityService.getResourceValue("Users"),this.ShowToolbar=!0,this.ShowbreadCrumb=!1,this.ShowPageContent=!1,this.SelectedUserList=[],this.permissionSetList=[],this.accountStatusList=[],this.lockedStatusList=[],this.departmentsList=[],this.activityStatusList=[],this.filterForm=new h.FormGroup({}),this.UsersForm=new h.FormGroup({}),this.showFilter=!1,this.UserPagingResult=[],this.IsFilterLoaded=!1,this.IsFilterDataLoaded=!1,this.AddUserForm=new h.FormGroup({}),this.EditUserForm=new h.FormGroup({}),this.ShowActivateModelData=!1,this.ActivatUserList=[],this.DeActivatUserList=[],this.ResetPasswordUserList=[],this.OpenResetPasswordUserModal=!1,this.SetUserPasswordForm=new h.FormGroup({}),this.OpensetPasswordUserModal=!1,this.customValidation=new v.CustomValidation,this.setPasswordUserList=[],this.UserList=[],this.OpenSendActivationEmailModal=!1,this.ConfirmationModalType=0,this.ConfirmationMessage="",this.activatedUsersSelected=0,this.deActivatedUsersSelected=0,this.showActivateBtn=!1,this.showDeactivateBtn=!1,this.showSetPassBtn=!1,this.showResetPassBtn=!1,this.showSendEmailBtn=!1,this.showGeneralBtns=!0,this.allSelected=!1,this.language="",this.ProductionMode=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("Users"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.initializePage(),[2]}}))}))},e.prototype.ReinitializeUserPaging=function(){this.input.ReinitializePaging(),this.resetUsersCount(),this.disableButtons(),this.allSelected=!1},e.prototype.UpdateUserPaging=function(){this.input.UpdatePaging(),this.resetUsersCount(),this.disableButtons(),this.allSelected=!1},e.prototype.setUsersListResult=function(e){this.UserPagingResult=e,this.ShowPageContent=!0,this.resetUsersCount(),this.disableButtons(),this.allSelected=!1,this.utilityService.stopBlockUI()},e.prototype.selectAllUserList=function(e,t){if(null!=this.UserPagingResult){if(this.UserPagingResult.forEach((function(t){return t.selected=e.checked})),e.checked){for(var i=0;i<t.length;i++){var r=t[i];this.SelectedUserList.push(r),r.isActive?this.activatedUsersSelected+=1:this.deActivatedUsersSelected+=1}this.activatedUsersSelected=t.filter((function(e){return e.isActive})).map((function(e){return e.key})).length,this.deActivatedUsersSelected=t.filter((function(e){return!e.isActive})).map((function(e){return e.key})).length}else this.SelectedUserList=[],this.activatedUsersSelected=0,this.deActivatedUsersSelected=0;this.enableButtons()}},e.prototype.updateUserList=function(e,t){var i=this;this.UserPagingResult.find((function(e){return e.id===t.id})).selected=e.checked,this.allSelected=null!=this.UserPagingResult&&this.UserPagingResult.every((function(e){return e.selected})),e.checked?(this.SelectedUserList.push(t),t.isActive?this.activatedUsersSelected+=1:this.deActivatedUsersSelected+=1):(this.SelectedUserList.forEach((function(e,r){e.id==t.id&&i.SelectedUserList.splice(r,1)})),t.isActive?this.activatedUsersSelected-=1:this.deActivatedUsersSelected-=1),this.enableButtons()},e.prototype.enableButtons=function(){this.disableButtons(),0==this.activatedUsersSelected&&0==this.deActivatedUsersSelected?this.showGeneralBtns=!0:(this.showGeneralBtns=!1,this.activatedUsersSelected>0&&0==this.deActivatedUsersSelected?(this.showDeactivateBtn=!0,this.showResetPassBtn=!0):this.deActivatedUsersSelected>0&&0==this.activatedUsersSelected?(this.showActivateBtn=!0,this.showSendEmailBtn=!0):this.activatedUsersSelected>0&&this.deActivatedUsersSelected>0&&(this.showResetPassBtn=!0,this.showSetPassBtn=!0))},e.prototype.disableButtons=function(){this.showActivateBtn=!1,this.showDeactivateBtn=!1,this.showSendEmailBtn=!1,this.showResetPassBtn=!1,this.showSetPassBtn=!1,this.showGeneralBtns=!0},e.prototype.resetUsersCount=function(){this.SelectedUserList=[],this.activatedUsersSelected=0,this.deActivatedUsersSelected=0,this.UserPagingResult.forEach((function(e){return e.selected=!1}))},e.prototype.loadFilters=function(){!1===this.showFilter?this.showFilter=!0:this.showFilter=!1},e.prototype.loadLists=function(){var e=this;this.IsFilterDataLoaded||this.userService.Loaddropdowns().subscribe((function(t){var i=t;e.permissionSetList=i.permessionsets,e.accountStatusList=i.accountStatus,e.lockedStatusList=i.lockedStatus,e.departmentsList=i.departments,e.activityStatusList=i.accountStatus;var r=e.permissionSetDDL,n=e.accountStatusDDL,o=e.lockedStatusDDL,s=e.departmentsDDL;r.UpdateDataSource(e.permissionSetList),n.UpdateDataSource(e.accountStatusList),o.UpdateDataSource(e.lockedStatusList),s.UpdateDataSource(e.departmentsList),e.IsFilterDataLoaded=!0}))},e.prototype.initializePage=function(){this.permissionSetsOptions=new v.DropdownOptions,this.permissionSetsOptions.Name="permissionsets",this.permissionSetsOptions.LabelKey="PermissionSets",this.permissionSetsOptions.SingleSelection=!0,this.permissionSetsOptions.AllowSearchFilter=!0,this.permissionSetsOptions.Placeholder="",this.accountStatusOptions=new v.DropdownOptions,this.accountStatusOptions.Name="accountstatus",this.accountStatusOptions.LabelKey="AccountStatus",this.accountStatusOptions.SingleSelection=!0,this.lockedStatusOptions=new v.DropdownOptions,this.lockedStatusOptions.Name="lockedstatus",this.lockedStatusOptions.LabelKey="LockedStatus",this.lockedStatusOptions.SingleSelection=!0,this.departmentsOptions=new v.DropdownOptions,this.departmentsOptions.Name="departments",this.departmentsOptions.LabelKey="Departments",this.departmentsOptions.SingleSelection=!1,this.departmentsOptions.AllowSearchFilter=!0,this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByNameOrEmail"),this.permissionSetsFilter=new v.FilterItem,this.permissionSetsFilter.FormControlName="permissionsets",this.permissionSetsFilter.ActionParameterName="permissionIds",this.permissionSetsFilter.IsFormControl=!0,this.permissionSetsFilter.FilterType=v.FilterType.DropdownList,this.accountStatusFilter=new v.FilterItem,this.accountStatusFilter.FormControlName="accountstatus",this.accountStatusFilter.ActionParameterName="accountStatusIDs",this.accountStatusFilter.IsFormControl=!0,this.accountStatusFilter.FilterType=v.FilterType.DropdownList,this.lockedStatusFilter=new v.FilterItem,this.lockedStatusFilter.FormControlName="lockedstatus",this.lockedStatusFilter.ActionParameterName="lockedStatusIds",this.lockedStatusFilter.IsFormControl=!0,this.lockedStatusFilter.FilterType=v.FilterType.DropdownList,this.departmentsFilter=new v.FilterItem,this.departmentsFilter.FormControlName="departments",this.departmentsFilter.ActionParameterName="departmentIds",this.departmentsFilter.IsFormControl=!0,this.departmentsFilter.FilterType=v.FilterType.DropdownList,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="nameFilter",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.UserPaging=new v.PagingOptions,this.UserPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetUsersByFilter",this.UserPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.UserPaging.DropdownFiltersControlNames=["permissionsets","accountstatus","lockedstatus","departments"],this.UserPaging.Filters=[this.permissionSetsFilter,this.lockedStatusFilter,this.accountStatusFilter,this.departmentsFilter,this.TextInputFilter],this.UserPaging.ValidationToken=this.authService.authorizationHeaderValue(),this.IsFilterLoaded=!0},e.prototype.resetFilters=function(){this.UsersForm.controls.permissionsets.setValue([]),this.UsersForm.controls.accountstatus.setValue([]),this.UsersForm.controls.lockedstatus.setValue([]),this.UsersForm.controls.departments.setValue([]),this.UsersForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.showAddUserModal=function(e){var t=this;this.utilityService.startBlockUI(),this.userService.Loaddropdowns().subscribe((function(i){var r=i;t.permissionSetList=r.permessionsets,t.departmentsList=r.departments,t.AddUserForm=new h.FormGroup({}),t.MultiLingualName=new v.MultiLingualTextBoxOptions,t.MultiLingualName.Name="Name",t.MultiLingualName.ArabicLabelKey="NameInArabic",t.MultiLingualName.EnglishLabelKey="NameInEnglish",t.MultiLingualName.IsRequired=!0,t.MultiLingualName.Value=null,t.MobileNumber=new v.PhoneOptions,t.MobileNumber.Value=null,t.MobileNumber.Name="MobileNumber",t.MobileNumber.LabelKey="MobileNumber",t.MobileNumber.ExtraClasses="form-control bnsights-control",t.MobileNumber.SelectedCountryISO=v.Country.UnitedArabEmirates,t.MobileNumber.PhoneValidation=!0,t.MobileNumber.AllowSearch=!0,t.Username=new v.TextBoxOptions,t.Username.Value=null,t.Username.Name="Username",t.Username.LabelKey="Username",t.Username.Type=v.InputType.Email,t.Username.IsRequired=!0,t.SamAccount=new v.TextBoxOptions,t.SamAccount.Value=null,t.SamAccount.Name="SamAccount",t.SamAccount.LabelKey="SamAccount",t.SamAccount.Type=v.InputType.Email,t.UserDepartment=new v.DropdownOptions,t.UserDepartment.Name="DepartmentID",t.UserDepartment.LabelKey="Department",t.UserDepartment.SelectedItems=null,t.UserDepartment.DataSource=t.departmentsList,t.UserDepartment.SingleSelection=!1,t.UserDepartment.AllowSearchFilter=!0,t.SendActivationEmail=new v.ToggleSlideOptions,t.SendActivationEmail.Name="SendActivationMail",t.SendActivationEmail.LabelKey="SendActivationEmail",t.SendActivationEmail.Value=!1,t.SendActivationEmail.ViewType=v.ControlLayout.Horizontal,t.UserPermissions=new v.DropdownOptions,t.UserPermissions.Name="PermissionSets",t.UserPermissions.LabelKey="PermissionSets",t.UserPermissions.SelectedItems=null,t.UserPermissions.DataSource=t.permissionSetList,t.UserPermissions.SingleSelection=!1,t.UserPermissions.AllowSearchFilter=!0,t.UserPermissions.IsRequired=!0,t.modalService.open(e),t.utilityService.stopBlockUI()}))},e.prototype.addUser=function(){var e=this;if(!this.AddUserForm.invalid){var t=this.AddUserForm.value,i=new Qs;i.Username=t.Username,i.NameAR=t.Name.ArabicValue,i.NameEN=t.Name.EnglishValue,i.SamAccount=t.SamAccount,i.OrganizationID=1,null!=t.DepartmentID&&(i.DepartmentID=Number(t.DepartmentID));var r=t.PermissionSets;i.PermissionSets=r.map((function(e){return Number(e)})),i.SendActivationMail=t.SendActivationMail;var n=null;null!=t.MobileNumber&&(n=(n=t.MobileNumber.internationalNumber).replace(/\s/g,"")),i.PhoneInputMobile=n,this.userService.AddUser(i).subscribe((function(t){e.modalService.dismissAll(),e.input.ReinitializePaging()}),(function(e){}))}},e.prototype.showEditUserModal=function(e,t){var i=this;this.utilityService.startBlockUI(),this.userService.Loaddropdowns().subscribe((function(r){var n=r;i.permissionSetList=n.permessionsets,i.departmentsList=n.departments,i.EditUserForm=new h.FormGroup({}),i.UserId=e.id;var o=new v.EnglishArabicDTO;o.Arabic=e.name.arabic,o.English=e.name.english,i.EditMultiLingualName=new v.MultiLingualTextBoxOptions,i.EditMultiLingualName.Name="Name",i.EditMultiLingualName.ArabicLabelKey="NameInArabic",i.EditMultiLingualName.EnglishLabelKey="NameInEnglish",i.EditMultiLingualName.IsRequired=!0,i.EditMultiLingualName.Value=o,i.EditMobileNumber=new v.PhoneOptions,i.EditMobileNumber.Value=e.mobile,i.EditMobileNumber.Name="MobileNumber",i.EditMobileNumber.LabelKey="MobileNumber",i.EditMobileNumber.ExtraClasses="form-control bnsights-control",i.EditMobileNumber.SelectedCountryISO=v.Country.UnitedArabEmirates,i.EditMobileNumber.PhoneValidation=!0,i.EditMobileNumber.AllowSearch=!0,i.EditUsername=new v.TextBoxOptions,i.EditUsername.Value=e.username,i.EditUsername.Name="Username",i.EditUsername.LabelKey="Username",i.EditUsername.Type=v.InputType.Text,i.EditUsername.IsRequired=!0,i.EditEmail=new v.TextBoxOptions,i.EditEmail.Value=e.email,i.EditEmail.Name="Email",i.EditEmail.LabelKey="Email",i.EditEmail.Type=v.InputType.Text,i.EditEmail.IsRequired=!0,i.EditSamAccount=new v.TextBoxOptions,i.EditSamAccount.Value=e.samAccount,i.EditSamAccount.Name="SamAccount",i.EditSamAccount.LabelKey="SamAccount",i.EditSamAccount.Type=v.InputType.Email,i.EditUserDepartment=new v.DropdownOptions,i.EditUserDepartment.Name="DepartmentID",i.EditUserDepartment.LabelKey="Department",i.EditUserDepartment.SelectedItems=i.departmentsList.filter((function(t){return parseInt(t.key)==e.departmentID})).map((function(e){return e.key}))[0],i.EditUserDepartment.DataSource=i.departmentsList,i.EditUserDepartment.SingleSelection=!0,i.EditUserDepartment.AllowSearchFilter=!0,i.EditUserPermissions=new v.DropdownOptions,i.EditUserPermissions.Name="PermissionSets",i.EditUserPermissions.LabelKey="PermissionSets",i.EditUserPermissions.SelectedItems=i.permissionSetList.filter((function(t){return e.permSetList.indexOf(parseInt(t.key))>=0})).map((function(e){return e.key})),i.EditUserPermissions.DataSource=i.permissionSetList,i.EditUserPermissions.SingleSelection=!1,i.EditUserPermissions.AllowSearchFilter=!0,i.EditUserPermissions.IsRequired=!0,i.modalService.open(t),i.utilityService.stopBlockUI()}))},e.prototype.editUser=function(){var e=this;if(!this.EditUserForm.invalid){var t=this.EditUserForm.value,i=new Ys;i.ID=this.UserId,i.Username=t.Username,i.Email=t.Email,i.NameAR=t.Name.ArabicValue,i.NameEN=t.Name.EnglishValue,i.SamAccount=t.SamAccount,null!=t.DepartmentID&&(i.DepartmentID=Number(t.DepartmentID));var r=t.PermissionSets;i.PermissionIDs=r.map((function(e){return Number(e)}));var n=null;null!=t.MobileNumber&&(n=(n=t.MobileNumber.internationalNumber).replace(/\s/g,"")),i.Mobile=n,this.userService.EditUser(i).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))}},e.prototype.exportExcel=function(){var e=new n.HttpParams;e=(e=(e=(e=(e=e.append("permissionIds",null==this.UsersForm.controls.permissionsets.value?"":this.UsersForm.controls.permissionsets.value)).append("accountStatusIDs",null==this.UsersForm.controls.accountstatus.value?"":this.UsersForm.controls.accountstatus.value)).append("lockedStatusIds",null==this.UsersForm.controls.lockedstatus.value?"":this.UsersForm.controls.lockedstatus.value)).append("departmentIds",null==this.UsersForm.controls.departments.value?"":this.UsersForm.controls.departments.value)).append("nameFilter",null==this.UsersForm.controls.searchTextBox.value?"":this.UsersForm.controls.searchTextBox.value),this.userService.Export(e).subscribe((function(e){var t=new Blob([e],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});S.saveAs(t,"Users.xlsx")}),(function(e){}))},e.prototype.showActivateUserModal=function(e,t,i){this.utilityService.startBlockUI(),this.ActivatUserList=[],this.ActivatUserList.push(e),this.Name="en"==this.language?e.name.english:e.name.arabic,this.Email=e.email,this.ShowActivateModelData=t,this.modalService.open(i),this.utilityService.stopBlockUI()},e.prototype.showResetPasswordUserModal=function(e,t){this.utilityService.startBlockUI(),this.ResetPasswordUserList=[],this.ResetPasswordUserList.push(e),this.Name="en"==this.language?e.name.english:e.name.arabic,this.Email=e.email,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.showSendActivationEmailModal=function(e,t){this.utilityService.startBlockUI(),this.SelectedUserList=[],this.SelectedUserList.push(e),this.Name="en"==this.language?e.name.english:e.name.arabic,this.Email=e.email,this.OpenSendActivationEmailModal=!1,this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.deleteUserFromList=function(e){this.UserPagingResult.find((function(t){return t.id===e.id})).selected=!1,this.SelectedUserList=this.SelectedUserList.filter((function(t){return t!=e})),e.isActive?this.activatedUsersSelected-=1:this.deActivatedUsersSelected-=1,this.enableButtons(),this.SelectedUserList.length<=0&&this.modalService.dismissAll()},e.prototype.showsetPasswordUserModal=function(e,t){var i=this;this.utilityService.startBlockUI(),this.SetUserPasswordForm=new h.FormGroup({}),this.setPasswordUserList=[],this.setPasswordUserList.push(e),this.Name="en"==this.language?e.name.english:e.name.arabic,this.Email=e.email,this.Password=new v.TextBoxOptions,this.Password.HideLabel=!0,this.Password.Type=v.InputType.Password,this.Password.IsRequired=!0,this.customValidation.functionBody=function(e){var t=i.SetUserPasswordForm.controls.Password.value;return e.value!=t?{customerError:!0}:null},this.customValidation.massage=this.utilityService.getResourceValue("PasswordNotMatch"),this.PasswordConfirmation=new v.TextBoxOptions,this.PasswordConfirmation.Name="PasswordConfirmation",this.PasswordConfirmation.HideLabel=!0,this.PasswordConfirmation.Type=v.InputType.Password,this.PasswordConfirmation.IsRequired=!0,this.PasswordConfirmation.CustomValidation=[this.customValidation],this.modalService.open(t),this.utilityService.stopBlockUI()},e.prototype.activate=function(){var e=this;this.userService.ActivateUsers(this.ActivatUserList).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.deactivate=function(){var e=this;this.userService.DeactivateUsers(this.ActivatUserList).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.resetPassword=function(){var e=this;this.userService.ResetUsersPassword(this.ResetPasswordUserList).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.setPassword=function(){var e=this;if(!this.SetUserPasswordForm.invalid){for(var t=this.SetUserPasswordForm.value,i=0;i<this.setPasswordUserList.length;i++){var r=this.setPasswordUserList[i];r.Password=t.Password,r.ConfirmPassword=t.PasswordConfirmation}this.userService.SetUsersPassword(this.setPasswordUserList).subscribe((function(t){e.modalService.dismissAll(),e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))}},e.prototype.sendActivationEmailForUser=function(){var e=this;this.userService.SendActivationEmailForUser(this.SelectedUserList).subscribe((function(t){e.modalService.dismissAll(),e.SelectedUserList=[],e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.activateUserList=function(){var e=this;this.userService.ActivateUsers(this.SelectedUserList).subscribe((function(t){e.modalService.dismissAll(),e.SelectedUserList=[],e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.deactivateUserList=function(){var e=this;this.userService.DeactivateUsers(this.SelectedUserList).subscribe((function(t){e.modalService.dismissAll(),e.SelectedUserList=[],e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.resetUserPasswordList=function(){var e=this;this.userService.ResetUsersPassword(this.SelectedUserList).subscribe((function(t){e.modalService.dismissAll(),e.SelectedUserList=[],e.input.UpdatePaging(),e.resetUsersCount(),e.disableButtons()}),(function(e){}))},e.prototype.showConfirmationModal=function(e,t){switch(this.IsOpenConfirmationModal=!1,this.utilityService.startBlockUI(),e){case 1:this.ConfirmationMessage=this.utilityService.getResourceValue("ActivateConfirmation"),this.ConfirmationModalType=1;break;case 2:this.ConfirmationMessage=this.utilityService.getResourceValue("DeactivateConfirmation"),this.ConfirmationModalType=2;break;case 3:this.ConfirmationMessage=this.utilityService.getResourceValue("ResetPasswordConfirmation"),this.ConfirmationModalType=3;break;case 4:this.ConfirmationMessage=this.utilityService.getResourceValue("SendActivationMailConfirmation"),this.ConfirmationModalType=4}this.modalService.open(t),this.utilityService.stopBlockUI()},e}();Xs.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xs,deps:[{token:B.AuthService},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:De},{token:Zs},{token:E.NgbModal}],target:T.ɵɵFactoryTarget.Component}),Xs.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Xs,selector:"lib-users",viewQueries:[{propertyName:"input",first:!0,predicate:["UserPagingViewElement"],descendants:!0},{propertyName:"CloseUserModal",first:!0,predicate:["CloseUserModal"],descendants:!0},{propertyName:"CloseEditUserModal",first:!0,predicate:["CloseEditUserModal"],descendants:!0},{propertyName:"EditUserModal",first:!0,predicate:["EditUserModal"],descendants:!0},{propertyName:"CloseResetPasswordUserModal",first:!0,predicate:["CloseResetPasswordUserModal"],descendants:!0},{propertyName:"ClosesetPasswordUserModal",first:!0,predicate:["ClosesetPasswordUserModal"],descendants:!0},{propertyName:"CloseActivationEmailModal",first:!0,predicate:["CloseActivationEmailModal"],descendants:!0},{propertyName:"CloseConfirmationModal",first:!0,predicate:["CloseConfirmationModal"],descendants:!0},{propertyName:"permissionSetDDL",first:!0,predicate:["permissionSetDDL"],descendants:!0},{propertyName:"accountStatusDDL",first:!0,predicate:["accountStatusDDL"],descendants:!0},{propertyName:"lockedStatusDDL",first:!0,predicate:["lockedStatusDDL"],descendants:!0},{propertyName:"departmentsDDL",first:!0,predicate:["departmentsDDL"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n<div *ngIf="ShowPageContent" class="container-fluid">\r\n  \x3c!-- begin::Header --\x3e\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]="UsersForm">\r\n          <BBSF-TextBox [options]="searchTextBox" [group]="UsersForm"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class="card-toolbar">\r\n        \x3c!-- begin::Menu --\x3e\r\n        <div *ngIf="showGeneralBtns" ngbDropdown class="d-inline-block" [ngStyle]="{\'display\': ShowPageContent==true?\'block\':\'none\'}">\r\n          <button (click)="loadLists()" ngbDropdownToggle href="javascript:;" type="button" class="btn btn-sm btn-light-primary me-3" id="FiltersDropdown" title="Filter">\r\n            <i class="fas fa-filter me-1"></i>\r\n            {{utilityService.getResourceValue("Filter")}}\r\n          </button>\r\n          <div *ngIf="IsFilterLoaded" ngbDropdownMenu aria-labelledby="FiltersDropdown" class=" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 ">\r\n            <form [formGroup]="UsersForm">\r\n              <div class="px-7 py-5">\r\n                <div class="row">\r\n                  <div class="col-lg-6">\r\n                    <div class="mb-10">\r\n                      <BBSF-DropdownList #permissionSetDDL [options]="permissionSetsOptions" [group]="UsersForm"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class="col-lg-6">\r\n                    <div class="mb-10">\r\n                      <BBSF-DropdownList #accountStatusDDL [options]="accountStatusOptions" [group]="UsersForm"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class="col-lg-6">\r\n                    <div class="mb-10">\r\n                      <BBSF-DropdownList #lockedStatusDDL [options]="lockedStatusOptions" [group]="UsersForm"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class="col-lg-6">\r\n                    <div class="mb-10">\r\n                      <BBSF-DropdownList #departmentsDDL [options]="departmentsOptions" [group]="UsersForm"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class="d-flex justify-content-end">\r\n                  <button class="btn btn-light btn-active-light-primary pv-reset btn-sm" id="applyFiltersBtn"\r\n                          (click)="resetFilters()">\r\n                    {{utilityService.getResourceValue("Reset")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button *ngIf="showGeneralBtns" href="javascript:;" type="button" (click)="exportExcel()" class="btn btn-sm btn-light-primary me-3 bnsights-btn-export"\r\n                title="Export">\r\n          <i class="fas fa-download me-1"></i>\r\n          {{utilityService.getResourceValue("Export")}}\r\n        </button>\r\n        <button *ngIf="showActivateBtn" type="button" id="btnActivate" class="btn btn-sm btn-light-primary me-3" href="javascript:;" data-toggle="modal"\r\n                data-target="#ConfirmationModal" (click)="showConfirmationModal(1, ConfirmationModal)">\r\n          <i class="fa fa-history"></i> {{utilityService.getResourceValue("Activate")}}\r\n        </button>\r\n        <button *ngIf="showDeactivateBtn" type="button" id="btnDeactivate" class="btn btn-sm btn-light-primary me-3" href="javascript:;" data-toggle="modal"\r\n                data-target="#ConfirmationModal" (click)="showConfirmationModal(2, ConfirmationModal)">\r\n          <i class="fa fa-power-off"></i>{{utilityService.getResourceValue("Deactivate")}}\r\n        </button>\r\n        <button *ngIf="showResetPassBtn" type="button" id="btnResetPass" class="btn btn-sm btn-light-primary me-3" href="javascript:;" data-toggle="modal"\r\n                data-target="#ConfirmationModal" (click)="showConfirmationModal(3, ConfirmationModal)">\r\n          <i class="fa fa-cog"></i>{{utilityService.getResourceValue("ResetPassword")}}\r\n        </button>\r\n        <button *ngIf="showSendEmailBtn" type="button" id="btnResendActivation" class="btn btn-sm btn-light-primary me-3" href="javascript:;" data-toggle="modal"\r\n                data-target="#ConfirmationModal" (click)="showConfirmationModal(4 , ConfirmationModal)">\r\n          <i class="fa fa-envelope"></i> {{utilityService.getResourceValue("SendActivationEmail")}}\r\n        </button>\r\n        <button *ngIf="showGeneralBtns" type="button" class="btn btn-sm btn-primary" title="Add" (click)="showAddUserModal(addUserModal)">\r\n          <i class="fas fa-plus me-1"></i>\r\n          {{utilityService.getResourceValue("Add")}}\r\n        </button>\r\n        \x3c!-- end::Menu --\x3e\r\n      </div>\r\n    </div>\r\n    \x3c!-- end::Header --\x3e\r\n    \x3c!-- begin::Body --\x3e\r\n    <div class="card-body py-3">\r\n      \x3c!-- begin::Table container --\x3e\r\n      <div class="table-responsive">\r\n        \x3c!-- begin::Table --\x3e\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="w-50px">\r\n                <span>\r\n                  <label class="form-check form-check-sm form-check-custom form-check-solid">\r\n                    <mat-checkbox (change)="selectAllUserList($event,UserPagingResult)" [checked]="allSelected">\r\n                    </mat-checkbox>\r\n                    \x3c!--<input type="checkbox" class="form-check-input" (change)="selectAllUserList($event,UserPagingResult)" id="chk_SelectAll">--\x3e\r\n                    &nbsp;<span></span>\r\n                  </label>\r\n                </span>\r\n              </th>\r\n              <th class="min-w-150px">{{utilityService.getResourceValue("Name")}}</th>\r\n              <th class="min-w-150px">{{utilityService.getResourceValue("Email")}}</th>\r\n              <th class="min-w-150px">{{utilityService.getResourceValue("Mobile")}}</th>\r\n              <th class="min-w-150px">{{utilityService.getResourceValue("Roles")}}</th>\r\n              <th class="min-w-150px">{{utilityService.getResourceValue("Status")}}</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 user of UserPagingResult">\r\n              <td>\r\n                <span>\r\n                  <label class="form-check form-check-sm form-check-custom form-check-solid">\r\n                    \x3c!--<input type="checkbox" class="form-check-input" (change)="updateUserList($event,user)" id="User-{{user.id}}">--\x3e\r\n                    <span></span>\r\n                    <mat-checkbox (change)="updateUserList($event,user)" [(ngModel)]="user.selected">\r\n                    </mat-checkbox>\r\n                  </label>\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div class="d-flex align-items-center">\r\n                  <div class="symbol symbol-35px">\r\n                    <h6 class="symbol-label font-size-h5 font-weight-bold bg-light-primary ml-2 mb-0 me-3">A</h6>\r\n                  </div>\r\n                  <div class="d-flex justify-content-start flex-column">\r\n                    <a *ngIf="language==\'en\'" data-toggle="modal" data-target="#EditUserModal"\r\n                       (click)="showEditUserModal(user,EditUserModal)" href="javascript:void(0)" class="text-dark fw-bolder text-hover-primary fs-6">{{user.name.english}}</a>\r\n                    <a *ngIf="language==\'ar\'" data-toggle="modal" data-target="#EditUserModal"\r\n                       (click)="showEditUserModal(user,EditUserModal)" href="javascript:void(0)" class="text-dark fw-bolder text-hover-primary fs-6">{{user.name.arabic}}</a>\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <td>{{user.username}}</td>\r\n              <td>{{user.mobile}}</td>\r\n              <td>{{user.permissionset}}</td>\r\n              <td>\r\n                <span class="badge badge-light-success" *ngIf="user.isActive==true">\r\n                  {{utilityService.getResourceValue("Activate")}}\r\n                </span>\r\n                <span class="badge badge-light-danger" *ngIf="user.isActive==false">\r\n                  {{utilityService.getResourceValue("Deactivate")}}\r\n                </span>\r\n              </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 type="button" class="menu-item px-3" ngbDropdownItem\r\n                            (click)="showEditUserModal(user,EditUserModal)">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class="menu-item px-3" *ngIf="user.isActive" id="btnDeactivate" (click)="showActivateUserModal(user,false,ActivateUserModal)">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("Deactivate")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class="menu-item px-3" id="btnactivate" (click)="showActivateUserModal(user,true,ActivateUserModal)" *ngIf="!user.isActive">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("Activate")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class="menu-item px-3" id="btnResetPass" (click)="showResetPasswordUserModal(user , ResetPasswordUserModal)">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("ResetPassword")}}</span>\r\n                    </button>\r\n\r\n                    <button ngbDropdownItem class="menu-item px-3" id="btnResetPass" (click)="showsetPasswordUserModal(user, setPasswordUserModal)">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("SetPassword")}}</span>\r\n                    </button>\r\n\r\n                    <button ngbDropdownItem class="menu-item px-3" id="btnResetPass" *ngIf="!user.isActive" (click)="showSendActivationEmailModal(user , SendActivationEmailModal)">\r\n                      <span class="menu-link px-3">{{utilityService.getResourceValue("SendActivationEmail")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n\r\n\r\n                </div>\r\n\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf="UserPagingResult.length == 0">\r\n              <td colspan="6">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        \x3c!-- end::Table --\x3e\r\n      </div>\r\n      \x3c!-- end::Table container --\x3e\r\n      \x3c!-- begin paging--\x3e\r\n      <BBSF-Paging (Items)="setUsersListResult($event)" *ngIf="IsFilterLoaded" [options]="UserPaging"\r\n                   [group]="UsersForm" #UserPagingViewElement>\r\n      </BBSF-Paging>\r\n      \x3c!-- End paging--\x3e\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\x3c!-- add user--\x3e\r\n<ng-template #addUserModal 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" (click)="modal.dismiss()" class="btn btn-sm btn-icon btn-active-color-primary">\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("AddUser")}}</h1>\r\n    </div>\r\n    <form [formGroup]="AddUserForm" (ngSubmit)="addUser()">\r\n      <BBSF-MultiLingualTextBox [options]="MultiLingualName" [group]="AddUserForm"></BBSF-MultiLingualTextBox>\r\n      <BBSF-TextBox [options]="Username" [group]="AddUserForm"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]="SamAccount" [group]="AddUserForm"></BBSF-TextBox>\r\n      <BBSF-Phone [options]="MobileNumber" [group]="AddUserForm"></BBSF-Phone>\r\n      <BBSF-DropdownList [options]="UserDepartment" [group]="AddUserForm"></BBSF-DropdownList>\r\n      <BBSF-Toggleslide [options]="SendActivationEmail" [group]="AddUserForm"></BBSF-Toggleslide>\r\n      <BBSF-DropdownList [options]="UserPermissions" [group]="AddUserForm"></BBSF-DropdownList>\r\n      <div class="text-center pt-7">\r\n        <button type="button" #CloseUserModal id="CloseUserModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n        <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n      </div>\r\n    </form>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- Edit user--\x3e\r\n<ng-template #EditUserModal 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("EditUser")}}</h1>\r\n    </div>\r\n    <form [formGroup]="EditUserForm" (ngSubmit)="editUser()">\r\n      <BBSF-MultiLingualTextBox [options]="EditMultiLingualName" [group]="EditUserForm"></BBSF-MultiLingualTextBox>\r\n      <BBSF-Phone [options]="EditMobileNumber" [group]="EditUserForm"></BBSF-Phone>\r\n      <BBSF-TextBox [options]="EditUsername" [group]="EditUserForm"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]="EditEmail" [group]="EditUserForm"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]="EditSamAccount" [group]="EditUserForm"></BBSF-TextBox>\r\n      <BBSF-DropdownList [options]="EditUserDepartment" [group]="EditUserForm"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]="EditUserPermissions" [group]="EditUserForm"></BBSF-DropdownList>\r\n      <div class="text-center pt-7">\r\n        <button type="button" data-dismiss="modal" #CloseEditUserModal id="CloseEditUserModal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n        <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n      </div>\r\n    </form>\r\n\r\n  </div>\r\n</ng-template>\r\n\x3c!-- Deactivate/Activate User Modal --\x3e\r\n<ng-template #ActivateUserModal 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" *ngIf="!ShowActivateModelData" id="exampleModalLabel">\r\n        {{utilityService.getResourceValue("Deactivate")}}\r\n      </h1>\r\n      <h1 class="mb-3" *ngIf="ShowActivateModelData" id="exampleModalLabel">\r\n        {{utilityService.getResourceValue("Activate")}}\r\n      </h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n      \x3c!--begin::Icon--\x3e\r\n      \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n      <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n      \x3c!--end::Svg Icon--\x3e\r\n      \x3c!--end::Icon--\x3e\r\n      \x3c!--begin::Wrapper--\x3e\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        \x3c!--begin::Content--\x3e\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700" *ngIf="!ShowActivateModelData">\r\n            {{utilityService.getResourceValue("DeactivateConfirmation")}}\r\n          </div>\r\n          <div class="fs-6 text-gray-700" *ngIf="ShowActivateModelData">\r\n            {{utilityService.getResourceValue("ActivateConfirmation")}}\r\n          </div>\r\n        </div>\r\n        \x3c!--end::Content--\x3e\r\n      </div>\r\n      \x3c!--end::Wrapper--\x3e\r\n    </div>\r\n    <div id="" class="">\r\n      <div class="table-responsive-x">\r\n        <table id="tableConfirmation" class="table table-striped table-bordered ">\r\n          <thead>\r\n            <tr>\r\n              <th>{{utilityService.getResourceValue("Name")}}</th>\r\n              <th>{{utilityService.getResourceValue("Email")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr class="trItem">\r\n              <td>{{Name}}</td>\r\n              <td>{{Email}}</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 type="button" #CloseActivateUserModal id="CloseActivateUserModal" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}} </button>\r\n      <button type="button" *ngIf="!ShowActivateModelData" (click)="deactivate()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n      <button type="button" *ngIf="ShowActivateModelData" (click)="activate()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\x3c!-- ResetPassword User Modal --\x3e\r\n<ng-template #ResetPasswordUserModal 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("ResetPassword")}}</h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n      \x3c!--begin::Icon--\x3e\r\n      \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n      <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n      \x3c!--end::Svg Icon--\x3e\r\n      \x3c!--end::Icon--\x3e\r\n      \x3c!--begin::Wrapper--\x3e\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        \x3c!--begin::Content--\x3e\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700">\r\n            {{utilityService.getResourceValue("ResetPasswordConfirmation")}}\r\n          </div>\r\n        </div>\r\n        \x3c!--end::Content--\x3e\r\n      </div>\r\n      \x3c!--end::Wrapper--\x3e\r\n    </div>\r\n    <div id="" class="">\r\n      <div class="table-responsive">\r\n        \x3c!-- begin::Table --\x3e\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-200">{{utilityService.getResourceValue("Name")}}</th>\r\n              <th class="min-w-200">{{utilityService.getResourceValue("Email")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class="fw-bold text-gray-600 border-0">\r\n            <tr class="trItem">\r\n              <td class="text-dark">{{Name}}</td>\r\n              <td>{{Email}}</td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="text-center pt-7">\r\n      <button id="CloseResetPasswordUserModal" #CloseResetPasswordUserModal type="button" data-dismiss="modal" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n\r\n      <button type="button" (click)="resetPassword()" class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- setPassword User Modal --\x3e\r\n<ng-template #setPasswordUserModal 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("SetPassword")}}</h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n      \x3c!--begin::Icon--\x3e\r\n      \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n      <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n      \x3c!--end::Svg Icon--\x3e\r\n      \x3c!--end::Icon--\x3e\r\n      \x3c!--begin::Wrapper--\x3e\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        \x3c!--begin::Content--\x3e\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700">\r\n            {{utilityService.getResourceValue("SetPasswordConfirmation")}}\r\n          </div>\r\n        </div>\r\n        \x3c!--end::Content--\x3e\r\n      </div>\r\n      \x3c!--end::Wrapper--\x3e\r\n    </div>\r\n    <form [formGroup]="SetUserPasswordForm" (ngSubmit)="setPassword()">\r\n      <div class="table-responsive">\r\n        \x3c!-- begin::Table --\x3e\r\n        <table id="tableConfirmation" 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-150"> {{utilityService.getResourceValue("Name")}}</th>\r\n              <th class="min-w-150"> {{utilityService.getResourceValue("Email")}}</th>\r\n              <th class="min-w-150"> {{utilityService.getResourceValue("Password")}}</th>\r\n              <th class="min-w-150"> {{utilityService.getResourceValue("ConfirmPassword")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class="fw-bold text-gray-600 border-0">\r\n            <tr class="trItem">\r\n              <td>{{Name}}</td>\r\n              <td>{{Email}}</td>\r\n              <td>\r\n                <BBSF-TextBox [options]="Password" [group]="SetUserPasswordForm"></BBSF-TextBox>\r\n              </td>\r\n              <td>\r\n                <BBSF-TextBox [options]="PasswordConfirmation" [group]="SetUserPasswordForm"></BBSF-TextBox>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div class="text-center pt-7">\r\n        <button id="ClosesetPasswordUserModal" #ClosesetPasswordUserModal type="button" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n        <button type="submit" class="btn btn-primary btn-sm">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n      </div>\r\n    </form>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- Send Activation Email Modal --\x3e\r\n<ng-template #SendActivationEmailModal 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("SendActivationEmail")}}</h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n      \x3c!--begin::Icon--\x3e\r\n      \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n      <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n      \x3c!--end::Svg Icon--\x3e\r\n      \x3c!--end::Icon--\x3e\r\n      \x3c!--begin::Wrapper--\x3e\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        \x3c!--begin::Content--\x3e\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700">\r\n            {{utilityService.getResourceValue("ActivateConfirmation")}}\r\n          </div>\r\n        </div>\r\n        \x3c!--end::Content--\x3e\r\n      </div>\r\n      \x3c!--end::Wrapper--\x3e\r\n    </div>\r\n    <div class="note note-warning text-center">\r\n    </div>\r\n    <div class="table-responsive">\r\n      \x3c!-- begin::Table --\x3e\r\n      <table id="tableConfirmation" 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-150">{{utilityService.getResourceValue("Name")}}</th>\r\n            <th class="min-w-150">{{utilityService.getResourceValue("Email")}}</th>\r\n            <th class="min-w-50" *ngIf="SelectedUserList.length>1">{{utilityService.getResourceValue("Action")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class="fw-bold text-gray-600 border-0">\r\n          <tr *ngFor="let user of SelectedUserList" class="trItem">\r\n            <td *ngIf="language==\'en\'" class="text-dark">{{user.name.english}}</td>\r\n            <td *ngIf="language==\'ar\'" class="text-dark">{{user.name.arabic}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf="SelectedUserList.length>1">\r\n              <button type="button" (click)="deleteUserFromList(user)"\r\n                      class="btn btn-light-danger btn-icon btn-sm">\r\n                <i class="fas fa-trash"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class="text-center pt-7">\r\n      <button #CloseActivationEmailModal id="CloseActivationEmailModal" type="button" aria-label="Close" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">{{utilityService.getResourceValue("CancelLabel")}}</button>\r\n      <button type="button" class="btn btn-primary btn-sm" (click)="sendActivationEmailForUser()">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\x3c!-- confirmation Message  Modal --\x3e\r\n<ng-template #ConfirmationModal 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("ConfirmationMessage")}}</h1>\r\n    </div>\r\n    <div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6">\r\n      \x3c!--begin::Icon--\x3e\r\n      \x3c!--begin::Svg Icon | path: icons/duotune/general/gen044.svg--\x3e\r\n      <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">\r\n        <span [inlineSVG]="\'./src/assets/images/gen044.svg\'"></span>\r\n      </span>\r\n      \x3c!--end::Svg Icon--\x3e\r\n      \x3c!--end::Icon--\x3e\r\n      \x3c!--begin::Wrapper--\x3e\r\n      <div class="d-flex flex-stack flex-grow-1">\r\n        \x3c!--begin::Content--\x3e\r\n        <div class="fw-bold">\r\n          <div class="fs-6 text-gray-700">\r\n            {{ConfirmationMessage}}\r\n          </div>\r\n        </div>\r\n        \x3c!--end::Content--\x3e\r\n      </div>\r\n      \x3c!--end::Wrapper--\x3e\r\n    </div>\r\n    <div class="table-responsive">\r\n      \x3c!-- begin::Table --\x3e\r\n      <table id="tableConfirmation" 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-150">{{utilityService.getResourceValue("Name")}}</th>\r\n            <th class="min-w-150">{{utilityService.getResourceValue("Email")}}</th>\r\n            <th class="min-w-50" *ngIf="SelectedUserList.length>1">{{utilityService.getResourceValue("Action")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class="fw-bold text-gray-600 border-0">\r\n          <tr *ngFor="let user of SelectedUserList" class="trItem">\r\n            <td *ngIf="language==\'en\'" class="text-dark">{{user.name.english}}</td>\r\n            <td *ngIf="language==\'ar\'" class="text-dark">{{user.name.arabic}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf="SelectedUserList.length>1">\r\n              <button type="button" (click)="deleteUserFromList(user)"\r\n                      class="btn btn-light-danger btn-icon">\r\n                <i class="fas fa-trash"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class="text-center pt-7">\r\n      <button #CloseConfirmationModal id="CloseConfirmationModal" class="btn btn-light me-3 btn-sm" (click)="modal.dismiss()">\r\n        {{utilityService.getResourceValue("CancelLabel")}}\r\n      </button>\r\n\r\n      <button type="button" *ngIf="ConfirmationModalType==1" (click)="activateUserList()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n      <button type="button" *ngIf="ConfirmationModalType==2" (click)="deactivateUserList()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n      <button type="button" *ngIf="ConfirmationModalType==3" (click)="resetUserPasswordList()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n      <button type="button" *ngIf="ConfirmationModalType==4" (click)="sendActivationEmailForUser()"\r\n              class="btn btn-primary btn-sm">\r\n        {{utilityService.getResourceValue("SaveLabel")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:U.MatCheckbox,selector:"mat-checkbox",inputs:["disableRipple","color","tabIndex","aria-label","aria-labelledby","id","labelPosition","name","required","checked","disabled","indeterminate","aria-describedby","value"],outputs:["change","indeterminateChange"],exportAs:["matCheckbox"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵc,selector:"BBSF-MultiLingualTextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵi,selector:"BBSF-Phone",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵj,selector:"BBSF-Toggleslide",inputs:["group","options"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:E.NgbDropdown,selector:"[ngbDropdown]",inputs:["open","placement","container","autoClose","display"],outputs:["openChange"],exportAs:["ngbDropdown"]},{type:A.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:E.NgbDropdownToggle,selector:"[ngbDropdownToggle]"},{type:E.NgbDropdownMenu,selector:"[ngbDropdownMenu]"},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:P.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:P.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Xs,decorators:[{type:t.Component,args:[{selector:"lib-users",templateUrl:"./users.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:De},{type:Zs},{type:E.NgbModal}]},propDecorators:{input:[{type:t.ViewChild,args:["UserPagingViewElement",{static:!1}]}],CloseUserModal:[{type:t.ViewChild,args:["CloseUserModal",{static:!1}]}],CloseEditUserModal:[{type:t.ViewChild,args:["CloseEditUserModal",{static:!1}]}],EditUserModal:[{type:t.ViewChild,args:["EditUserModal",{static:!1}]}],CloseResetPasswordUserModal:[{type:t.ViewChild,args:["CloseResetPasswordUserModal",{static:!1}]}],ClosesetPasswordUserModal:[{type:t.ViewChild,args:["ClosesetPasswordUserModal",{static:!1}]}],CloseActivationEmailModal:[{type:t.ViewChild,args:["CloseActivationEmailModal",{static:!1}]}],CloseConfirmationModal:[{type:t.ViewChild,args:["CloseConfirmationModal",{static:!1}]}],permissionSetDDL:[{type:t.ViewChild,args:["permissionSetDDL",{static:!1}]}],accountStatusDDL:[{type:t.ViewChild,args:["accountStatusDDL",{static:!1}]}],lockedStatusDDL:[{type:t.ViewChild,args:["lockedStatusDDL",{static:!1}]}],departmentsDDL:[{type:t.ViewChild,args:["departmentsDDL",{static:!1}]}]}});var ea=[{path:"",component:Xs}],ta=function(){};ta.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ta,deps:[],target:T.ɵɵFactoryTarget.NgModule}),ta.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ta,declarations:[Xs],imports:[C.BlockUIModule,i.CommonModule,L.RouterModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,m.NgbModule,y.MatMenuModule,f.MatCheckboxModule,p.InlineSVGModule,mn]}),ta.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ta,providers:[Zs,i.DatePipe,l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService],imports:[[a.BlockUIModule.forRoot(),i.CommonModule,s.RouterModule.forChild(ea),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,m.NgbModule,y.MatMenuModule,f.MatCheckboxModule,p.InlineSVGModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ta,decorators:[{type:t.NgModule,args:[{declarations:[Xs],imports:[a.BlockUIModule.forRoot(),i.CommonModule,s.RouterModule.forChild(ea),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,m.NgbModule,y.MatMenuModule,f.MatCheckboxModule,p.InlineSVGModule,mn],providers:[Zs,i.DatePipe,l.EnvironmentService,Sn,l.UtilityService,l.AuthService,l.BBSFTranslateService]}]}]});var ia=function(){this.ADMappings=[]},ra=function(){},na=function(){function e(e){this.http=e,this.ApiUrl="/api/admin/ADConnection/"}return e.prototype.AddActiveDirectory=function(e){return this.http.post(this.ApiUrl+"AddActiveDirectory",e)},e.prototype.GetEditActiveDirectory=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"EditActiveDirectory",t)},e.prototype.EditActiveDirectory=function(e){return this.http.post(this.ApiUrl+"EditActiveDirectory",e)},e.prototype.DeleteActiveDirectory=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"DeleteActiveDirectory",null,t)},e.prototype.Loaddropdowns=function(){return this.http.get(this.ApiUrl+"Loaddropdowns")},e.prototype.RunADSynchronization=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.post(this.ApiUrl+"RunADsync",null,t)},e.prototype.GetLastRunLogs=function(e){var t=new n.HttpParams;return t=t.append("id",e),this.http.get(this.ApiUrl+"LastRunLogs",t)},e.prototype.CheckValidationandGetData=function(e){return this.http.post(this.ApiUrl+"GetADData",e,null)},e}();na.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:na,deps:[{token:B.RequestHandlerService}],target:T.ɵɵFactoryTarget.Injectable}),na.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:na,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:na,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:B.RequestHandlerService}]}});var oa=function(){function e(e,t,i,r,n,o){this.authService=e,this.pageInfoService=t,this.utilityService=i,this.bbsfTranslateService=r,this.environmentService=n,this.ActiveDirectoryService=o,this.ApiUrl="/api/admin/ADConnection/",this.ShowPageContent=!1,this.PermissionSetList=[],this.LanguagesList=[],this.WelcomeMsgTempList=[],this.mappingTypesList=[],this.mappingPropertiesList=[],this.ActiveDirectoryForm=new h.FormGroup({}),this.showFilter=!1,this.ActiveDirectoryPagingResult=[],this.IsFilterLoaded=!1,this.ProductionMode=!1,this.EditActiveDirectoryForm=new h.FormGroup({}),this.EditMappingsOptions=[],this.IsOpenDeleteActiveDirectoryModal=!1,this.lastRunLogsForm=new h.FormGroup({}),this.IslastRunLogsModalLoaded=!1,this.IsOpenSyncActiveDirectoryModal=!1,this.language=""}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.ShowPageContent=!0,De.PageTitle=this.utilityService.getResourceValue("ActiveDirectories"),De.PageBreadcrumbs=[{title:this.utilityService.getResourceValue("Home"),path:"/Admin/Home",isSeparator:!1,isActive:!1},{title:"",path:"",isSeparator:!0,isActive:!1}],this.pageInfoService.calculateTitle(),this.pageInfoService.calculateBreadcrumbs(),this.bbsfTranslateService.onLangChange.subscribe((function(e){t.ShowPageContent=!1,t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.initializePage(),[2]}}))}))},e.prototype.resetFilters=function(){this.ActiveDirectoryForm.controls.searchTextBox.setValue(null),this.input.ReinitializePaging()},e.prototype.initializePage=function(){var e=this;this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.Placeholder=this.utilityService.getResourceValue("SearchByName"),this.searchTextBox.HideLabel=!0,this.TextInputFilter=new v.FilterItem,this.TextInputFilter.FormControlName="searchTextBox",this.TextInputFilter.ActionParameterName="searchText",this.TextInputFilter.IsFormControl=!0,this.TextInputFilter.FilterType=v.FilterType.TextBox,this.ActiveDirectoryPaging=new v.PagingOptions,this.ActiveDirectoryPaging.ActionPostURL=this.environmentService.getApiUrl()+this.ApiUrl+"GetADConnectionByFilter",this.ActiveDirectoryPaging.OnKeyPressFiltersControlNames=["searchTextBox"],this.ActiveDirectoryPaging.Filters=[this.TextInputFilter],this.ActiveDirectoryPaging.ValidationToken=this.authService.authorizationHeaderValue(),setTimeout((function(){e.IsFilterLoaded=!0}),10)},e.prototype.ReinitializeActiveDirectoryPaging=function(){this.input.ReinitializePaging()},e.prototype.UpdateActiveDirectoryPaging=function(){this.input.UpdatePaging()},e.prototype.setActiveDirectoryListResult=function(e){this.ActiveDirectoryPagingResult=e,this.ShowPageContent=!0,this.utilityService.stopBlockUI()},e.prototype.editActiveDirectory=function(){var e=this;if(!this.EditActiveDirectoryForm.invalid){var t=this.EditActiveDirectoryForm.value,i=new ia;i.ID=Number(this.ActiveDirectoryId),i.ConnectionName=t.EditName,i.Domain=t.EditDomain,i.SamAccount=t.EditSamAccount,i.Password=t.EditPassword,i.PermissionSetID=null!=t.EditPermissionSetOptions?Number(t.EditPermissionSetOptions):null,i.LangKey=t.EditLanguageOptions,i.WelcomeTemplateID=null!=t.EditWelcomeMsgTemplateOptions?Number(t.EditWelcomeMsgTemplateOptions):null,i.MarkAsInactive=t.EditInactive,i.AddToDailyJob=t.EditDailyJob;for(var r=0;r<this.EditMappingsCount;r++){var n=t["ADMappingType"+r];if(null!=n){var o=t["ADMappingProperty"+r],s=t["ADMappingPropertyName"+r],a=new ra;a.ADMappingTypeItemID=Number(n),a.BBSFPropertyName=o,a.ADPropertyName=s,i.ADMappings.push(a)}}this.ActiveDirectoryService.EditActiveDirectory(i).subscribe((function(t){document.getElementById("CloseEditActiveDirectoryModal").click(),e.EditActiveDirectoryForm.reset(),e.input.UpdatePaging()}),(function(e){}))}},e.prototype.showEditActiveDirectoryModal=function(e,t){var i=this;this.ActiveDirectoryService.GetEditActiveDirectory(t).subscribe((function(t){var r=t,n=r.model;i.PermissionSetList=r.dropdownsData.permissionSets,i.LanguagesList=r.dropdownsData.languages,i.WelcomeMsgTempList=r.dropdownsData.templates,i.mappingTypesList=r.dropdownsData.mappingTypes,i.mappingPropertiesList=r.dropdownsData.mappingProperties,i.IsEditActiveDirectoryModalLoaded=!1,i.utilityService.startBlockUI(),i.EditActiveDirectoryForm.reset(),i.ActiveDirectoryId=e,i.EditName=new v.TextBoxOptions,i.EditName.Name="EditName",i.EditName.LabelKey="Name",i.EditName.Type=v.InputType.Text,i.EditName.IsRequired=!0,i.EditName.Value=n.connectionName;var o=i.PermissionSetList.filter((function(e){return e.key==n.permissionSetID})).map((function(e){return e.key}))[0];i.EditPermissionSetOptions=new v.DropdownOptions,i.EditPermissionSetOptions.Name="EditPermissionSetOptions",i.EditPermissionSetOptions.LabelKey="PermissionSet",i.EditPermissionSetOptions.DataSource=i.PermissionSetList,i.EditPermissionSetOptions.SingleSelection=!0,i.EditPermissionSetOptions.AllowSearchFilter=!0,i.EditPermissionSetOptions.Placeholder="",i.EditPermissionSetOptions.IsRequired=!0,i.EditPermissionSetOptions.SelectedItems=o;var s=i.LanguagesList.filter((function(e){return e.key==n.langKey})).map((function(e){return e.key}))[0];i.EditLanguageOptions=new v.DropdownOptions,i.EditLanguageOptions.Name="EditLanguageOptions",i.EditLanguageOptions.LabelValue="Language",i.EditLanguageOptions.LabelKey="Language",i.EditLanguageOptions.DataSource=i.LanguagesList,i.EditLanguageOptions.SingleSelection=!0,i.EditLanguageOptions.AllowSearchFilter=!0,i.EditLanguageOptions.Placeholder="",i.EditLanguageOptions.IsRequired=!0,i.EditLanguageOptions.SelectedItems=s;var a=null!=n.welcomeTemplateID?i.WelcomeMsgTempList.filter((function(e){return e.key==n.welcomeTemplateID})).map((function(e){return e.key}))[0]:null;i.EditWelcomeMsgTemplateOptions=new v.DropdownOptions,i.EditWelcomeMsgTemplateOptions.Name="EditWelcomeMsgTemplateOptions",i.EditWelcomeMsgTemplateOptions.LabelKey="WelcomeMsgTemplate",i.EditWelcomeMsgTemplateOptions.DataSource=i.WelcomeMsgTempList,i.EditWelcomeMsgTemplateOptions.SingleSelection=!0,i.EditWelcomeMsgTemplateOptions.AllowSearchFilter=!0,i.EditWelcomeMsgTemplateOptions.Placeholder="",i.EditWelcomeMsgTemplateOptions.IsRequired=!1,i.EditWelcomeMsgTemplateOptions.SelectedItems=a,i.EditIdentifier=n.identifier,i.EditTypeName=n.adConnectionTypeItemName,i.EditDomain=new v.TextBoxOptions,i.EditDomain.Name="EditDomain",i.EditDomain.LabelKey="Domain",i.EditDomain.Type=v.InputType.Text,i.EditDomain.IsRequired=!0,i.EditDomain.Value=n.domain,i.EditSamAccount=new v.TextBoxOptions,i.EditSamAccount.Name="EditSamAccount",i.EditSamAccount.LabelKey="SamAccount",i.EditSamAccount.Type=v.InputType.Text,i.EditSamAccount.Value=n.samAccount,i.EditPassword=new v.TextBoxOptions,i.EditPassword.Name="EditPassword",i.EditPassword.LabelKey="Password",i.EditPassword.Type=v.InputType.Password,i.EditPassword.RemoveDefaultPasswordValidation=!0,i.EditPassword.Value=n.password,i.EditInactive=new v.ToggleSlideOptions,i.EditInactive.Name="EditInactive",i.EditInactive.Value=n.markAsInactive,i.EditInactive.LabelKey="MarkAsInactive",i.EditInactive.ViewType=v.ControlLayout.Horizontal,i.EditDailyJob=new v.ToggleSlideOptions,i.EditDailyJob.Name="EditDailyJob",i.EditDailyJob.LabelKey="AddToDailyJob",i.EditDailyJob.Value=n.addToDailyJob,i.EditDailyJob.ViewType=v.ControlLayout.Horizontal;var l=i.getADMappingOptions(n.adMappings);i.EditMappingsOptions=l[0],i.EditMappingsCount=l[1],setTimeout((function(){i.IsEditActiveDirectoryModalLoaded=!0}),100)}),(function(e){}))},e.prototype.getADMappingOptions=function(e){for(var t=[],i=0,r=function(r){var o=[],s=new v.DropdownOptions,a=n.mappingTypesList.filter((function(t){return t.key==e[r].adMappingTypeItemID})).map((function(e){return e.key}))[0];s.Name="ADMappingType"+r,s.HideLabel=!0,s.SingleSelection=!0,s.SelectedItems=a,s.ViewType=v.ControlLayout.Horizontal,s.DataSource=n.mappingTypesList;var l=new v.DropdownOptions,d=n.mappingPropertiesList.filter((function(t){return t.key==e[r].bbsfPropertyName})).map((function(e){return e.key}))[0];l.Name="ADMappingProperty"+r,l.HideLabel=!0,l.SingleSelection=!0,l.SelectedItems=d,l.ViewType=v.ControlLayout.Horizontal,l.DataSource=n.mappingPropertiesList;var c=new v.TextBoxOptions;c.Name="ADMappingPropertyName"+r,c.HideLabel=!0,c.Type=v.InputType.Text,c.Value=e[r].adPropertyName,c.IsRequired=!1,c.ViewType=v.ControlLayout.Horizontal;var u=new v.CheckBoxOptions;u.Name="ADMappingIncludeUpdate"+r,u.Value=e[r].includeInUpdate,u.IsDisabled=!0,o.push(s,l,c,u),t.push(o),i+=1},n=this,o=0;o<e.length;o++)r(o);return[t,i]},e.prototype.showDeleteActiveDirectoryModal=function(e){var t=this;this.deleteActiveDirectoryId=e.idEncrypted,this.IsOpenDeleteActiveDirectoryModal=!1,this.utilityService.startBlockUI(),setTimeout((function(){t.IsOpenDeleteActiveDirectoryModal=!0,t.utilityService.stopBlockUI()}),100)},e.prototype.deleteActiveDirectory=function(){var e=this;this.ActiveDirectoryService.DeleteActiveDirectory(this.deleteActiveDirectoryId).subscribe((function(t){e.deleteActiveDirectoryId="",document.getElementById("CloseDeleteActiveDirectoryModal").click(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.showADSynchronizationModal=function(e){var t=this;this.syncActiveDirectoryId=e,this.IsOpenSyncActiveDirectoryModal=!1,this.utilityService.startBlockUI(),setTimeout((function(){t.IsOpenSyncActiveDirectoryModal=!0,t.utilityService.stopBlockUI()}),100)},e.prototype.runSyncronization=function(){var e=this;this.ActiveDirectoryService.RunADSynchronization(this.syncActiveDirectoryId).subscribe((function(t){e.syncActiveDirectoryId="",document.getElementById("CloseSyncActiveDirectoryModal").click(),e.input.ReinitializePaging()}),(function(e){}))},e.prototype.showADLastRunLogsModal=function(e){var t=this;this.ActiveDirectoryService.GetLastRunLogs(e).subscribe((function(e){var i=e;t.IslastRunLogsModalLoaded=!1,t.ADConnectionName=i.model.adConnectionName,t.LastRunLogs=i.model.logs,setTimeout((function(){t.IslastRunLogsModalLoaded=!0}),100)}),(function(e){}))},e.prototype.deleteADMapping=function(e){var t=this.EditMappingsOptions.indexOf(e);if(-1!==t){this.EditMappingsOptions.splice(t,1);for(var i=0;i<e.length;i++)this.EditActiveDirectoryForm.removeControl(e[i].Name)}},e}();oa.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:oa,deps:[{token:B.AuthService},{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:na}],target:T.ɵɵFactoryTarget.Component}),oa.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:oa,selector:"lib-active-directory",viewQueries:[{propertyName:"input",first:!0,predicate:["ActiveDirectoryPagingViewElement"],descendants:!0},{propertyName:"CloseEditActiveDirectoryModal",first:!0,predicate:["CloseEditActiveDirectoryModal"],descendants:!0},{propertyName:"CloseDeleteActiveDirectoryModal",first:!0,predicate:["CloseDeleteActiveDirectoryModal"],descendants:!0},{propertyName:"CloseLAstRunLogsActiveDirectoryModal",first:!0,predicate:["CloseLAstRunLogsActiveDirectoryModal"],descendants:!0},{propertyName:"CloseSyncActiveDirectoryModal",first:!0,predicate:["CloseSyncActiveDirectoryModal"],descendants:!0}],ngImport:T,template:'<block-ui></block-ui>\r\n\r\n  \x3c!-- Page Content --\x3e\r\n  <div *ngIf="ShowPageContent" class="container-fluid">\r\n    \x3c!-- begin::Header --\x3e\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]="ActiveDirectoryForm">\r\n            <BBSF-TextBox [options]="searchTextBox" [group]="ActiveDirectoryForm"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class="card-toolbar">\r\n          <button type="button" class="btn btn-sm btn-primary" title=\'{{utilityService.getResourceValue("Add")}}\' [routerLink]="[\'/Admin/ADConnection/Add\']">\r\n            <i class="fas fa-plus me-1"></i>\r\n            {{utilityService.getResourceValue("Add")}}\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class="card-body py-3">\r\n        \x3c!--begin::ActiveDirectory list--\x3e\r\n        <div class="table-responsive">\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-150px">{{utilityService.getResourceValue("Type")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("PermissionSet")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("AdConnectionRunningNow")}}</th>\r\n                <th class="min-w-150px">{{utilityService.getResourceValue("ActiveDirectoryIdentifier")}}</th>\r\n                <th class="min-w-50px">{{utilityService.getResourceValue("Actions")}}</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 activeDirectory of ActiveDirectoryPagingResult">\r\n\r\n                <td class="text-dark">\r\n                  {{activeDirectory.name}}\r\n                </td>\r\n                <td>\r\n                  {{activeDirectory.adConnectionTypeName}}\r\n                </td>\r\n                <td>\r\n                  {{activeDirectory.permissionSetName}}\r\n                </td>\r\n                <td>\r\n                  <span class="badge badge-light-success" *ngIf="activeDirectory.isRunningNow;else not_Running">\r\n                    {{utilityService.getResourceValue("Yes")}}\r\n                  </span>\r\n                  <ng-template #not_Running>\r\n                    <span class="badge badge-light-danger">\r\n                      {{utilityService.getResourceValue("No")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  {{activeDirectory.identifier}}\r\n                </td>\r\n                <td>\r\n                  {{activeDirectory.name}}\r\n                </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                      <a class="drop-item px-3" ngbDropdownItem data-toggle="modal" data-target="#editActiveDirectoryModal"\r\n                         (click)="showEditActiveDirectoryModal(activeDirectory.id,activeDirectory.idEncrypted)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Edit")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3" data-toggle="modal" data-target="#deleteActiveDirectoryModal"\r\n                         (click)="showDeleteActiveDirectoryModal(activeDirectory)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("Delete")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3" data-toggle="modal" data-target="#synchronizationModal"\r\n                         (click)="showADSynchronizationModal(activeDirectory.idEncrypted)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("ActiveDirectoryRunSyncronization")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class="drop-item px-3" data-toggle="modal" data-target="#lastRunLogsModal"\r\n                         (click)="showADLastRunLogsModal(activeDirectory.idEncrypted)">\r\n                        <span class="drop-link px-3">{{utilityService.getResourceValue("ActiveDirectoryLastRunLogs")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="ActiveDirectoryPagingResult.length == 0">\r\n                <td colspan="6">\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        \x3c!--end::Active directory list--\x3e\r\n      </div>\r\n      <div class="card-footer border-0">\r\n        <BBSF-Paging (Items)="setActiveDirectoryListResult($event)" *ngIf="IsFilterLoaded"\r\n                     [options]="ActiveDirectoryPaging" [group]="ActiveDirectoryForm" #ActiveDirectoryPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  \x3c!-- Edit Modal --\x3e\r\n  <div class="modal fade" id="editActiveDirectoryModal" tabindex="-1" aria-labelledby="exampleModalLabel"\r\n       aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form [formGroup]="EditActiveDirectoryForm" *ngIf="IsEditActiveDirectoryModalLoaded" (ngSubmit)="editActiveDirectory()">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <h5 class="modal-title" id="exampleModalLabel">{{utilityService.getResourceValue("Edit")}} {{utilityService.getResourceValue("ActiveDirectory")}}</h5>\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n            <div class="row">\r\n              <div class="col-md-6">\r\n                <BBSF-TextBox [options]="EditName" [group]="EditActiveDirectoryForm">\r\n                </BBSF-TextBox>\r\n              </div>\r\n              <div class="col-md-6">\r\n                <BBSF-DropdownList [options]="EditPermissionSetOptions" [group]="EditActiveDirectoryForm">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n            </div>\r\n            <div class="row">\r\n              <div class="col-md-6">\r\n                <BBSF-DropdownList [options]="EditLanguageOptions" [group]="EditActiveDirectoryForm">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div class="col-md-6">\r\n                <BBSF-DropdownList [options]="EditWelcomeMsgTemplateOptions" [group]="EditActiveDirectoryForm">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n            </div>\r\n\r\n            <div class="row">\r\n              <div class="col-md-6">\r\n                <h6>\r\n                  {{utilityService.getResourceValue("Identifier")}}\r\n                </h6>\r\n                <label>\r\n                  {{EditIdentifier}}\r\n                </label>\r\n              </div>\r\n              <div class="col-md-6">\r\n                <h6>\r\n                  {{utilityService.getResourceValue("Type")}}\r\n                </h6>\r\n                <label>\r\n                  {{EditTypeName}}\r\n                </label>\r\n              </div>\r\n            </div>\r\n            <div class="row">\r\n              <div class="col-md-12">\r\n                <BBSF-TextBox [options]="EditDomain" [group]="EditActiveDirectoryForm">\r\n                </BBSF-TextBox>\r\n              </div>\r\n            </div>\r\n            <div class="row">\r\n              <div class="col-md-6">\r\n                <BBSF-TextBox [options]="EditSamAccount" [group]="EditActiveDirectoryForm">\r\n                </BBSF-TextBox>\r\n              </div>\r\n              <div class="col-md-6">\r\n                <BBSF-TextBox [options]="EditPassword" [group]="EditActiveDirectoryForm">\r\n                </BBSF-TextBox>\r\n              </div>\r\n            </div>\r\n\r\n            <div class="row">\r\n              <div class="col-md-6">\r\n                <BBSF-Toggleslide [options]="EditInactive" [group]="EditActiveDirectoryForm">\r\n                </BBSF-Toggleslide>\r\n              </div>\r\n              <div class="col-md-6">\r\n                <BBSF-Toggleslide [options]="EditDailyJob" [group]="EditActiveDirectoryForm">\r\n                </BBSF-Toggleslide>\r\n              </div>\r\n            </div>\r\n            <div class="row">\r\n              <table class="table amsx-table-users">\r\n                <thead>\r\n                  <tr>\r\n                    <th>{{utilityService.getResourceValue("Type")}}</th>\r\n                    <th>{{utilityService.getResourceValue("Property")}}</th>\r\n                    <th>{{utilityService.getResourceValue("ActiveDirectory_Property")}}</th>\r\n                    <th>{{utilityService.getResourceValue("IncludeInUpdate")}}</th>\r\n                    <th></th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  <tr *ngFor="let option of EditMappingsOptions;let i=index;">\r\n\r\n                    <td>\r\n                      <BBSF-DropdownList [options]="option[0]" [group]="EditActiveDirectoryForm">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-DropdownList [options]="option[1]" [group]="EditActiveDirectoryForm">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-TextBox [options]="option[2]" [group]="EditActiveDirectoryForm">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-CheckBox [options]="option[3]" [group]="EditActiveDirectoryForm">\r\n                      </BBSF-CheckBox>\r\n                    </td>\r\n\r\n                    <td class="text-center align-middle">\r\n                      <a class="kt-nav__link" (click)="deleteADMapping(option)">\r\n                        <i class="kt-nav__link-icon fa fa-trash hidden" aria-hidden="true"></i>\r\n                      </a>\r\n                    </td>\r\n                  </tr>\r\n                  <tr *ngIf="EditMappingsOptions.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\r\n\r\n\r\n              \x3c!--<lib-provider-attributes [ProviderAttributes]="ProviderAttributes"></lib-provider-attributes>--\x3e\r\n            </div>\r\n\r\n\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #CloseEditActiveDirectoryModal id="CloseEditActiveDirectoryModal" type="button"\r\n                    class="btn btn-secondary" data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="submit" class="btn btn-primary">{{utilityService.getResourceValue("SaveLabel")}}</button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- Delete  Modal --\x3e\r\n  <div class="modal fade" id="deleteActiveDirectoryModal" tabindex="-1" aria-labelledby="exampleModalLabel"\r\n       aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form *ngIf="IsOpenDeleteActiveDirectoryModal">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <h5 class="modal-title" id="exampleModalLabel">{{utilityService.getResourceValue("Delete")}} {{utilityService.getResourceValue("ActiveDirectory")}}</h5>\r\n\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n            <div class="note note-warning text-center">\r\n              <h3>\r\n                {{utilityService.getResourceValue("Delete_Question")}}\r\n              </h3>\r\n            </div>\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #CloseDeleteActiveDirectoryModal id="CloseDeleteActiveDirectoryModal" type="button"\r\n                    class="btn btn-secondary" data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="button" (click)="deleteActiveDirectory()"\r\n                    class="btn btn-danger">\r\n              {{utilityService.getResourceValue("Delete")}}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- View Last Run Logsl --\x3e\r\n  <div id="lastRunLogsModal" class="modal fade example-modal-lg" aria-labelledby="exampleOptionalLarge" data-backdrop="static" role="dialog" tabindex="-1" style="display: none;" aria-hidden="true">\r\n    <div class="modal-dialog modal-simple modal-lg">\r\n      <div id="generateCodeParent" class="modal-content">\r\n        <form [formGroup]="lastRunLogsForm" *ngIf="IslastRunLogsModalLoaded">\r\n          <div class="modal-content">\r\n            <div class="modal-header">\r\n              <h5 class="modal-title">{{utilityService.getResourceValue("ActiveDirectoryLastRunLogs")}} : {{ADConnectionName}}</h5>\r\n              <button type="button" class="close btn btn-icon" data-dismiss="modal" aria-label="Close">\r\n                <i class="fa fa-times"></i>\r\n              </button>\r\n            </div>\r\n            <div class="modal-body">\r\n              \x3c!--<div class="col-md-12">\r\n                <input type="button" value="CopyToClipboard" (click)="copyToClipboard()"  class="btn btn-success float-right" />\r\n              </div>--\x3e\r\n              <div class="row">\r\n                <div class="col-md-12">\r\n                  <p>{{utilityService.getResourceValue("Name")}} : {{ADConnectionName}}</p>\r\n                  <pre class="col-md-12">{{LastRunLogs}}</pre>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n            <div class="modal-footer">\r\n              <button #CloseLAstRunLogsActiveDirectoryModal id="CloseLAstRunLogsActiveDirectoryModal" type="button"\r\n                      class="btn btn-secondary" data-dismiss="modal">\r\n                {{utilityService.getResourceValue("CancelLabel")}}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </form>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- Synchronization  Modal --\x3e\r\n  <div class="modal fade" id="synchronizationModal" tabindex="-1" aria-labelledby="exampleModalLabel"\r\n       aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n      <form *ngIf="IsOpenSyncActiveDirectoryModal">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n\r\n            <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-icon">\r\n              <i class="fa fa-times"></i>\r\n            </button>\r\n          </div>\r\n          <div class="modal-body">\r\n            <div class="note note-warning text-center">\r\n              <h3>\r\n                {{utilityService.getResourceValue("SynchronizeConfirmation")}}\r\n              </h3>\r\n            </div>\r\n\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button #CloseSyncActiveDirectoryModal id="CloseSyncActiveDirectoryModal" type="button"\r\n                    class="btn btn-secondary" data-dismiss="modal">\r\n              {{utilityService.getResourceValue("CancelLabel")}}\r\n            </button>\r\n            <button type="button" (click)="runSyncronization()"\r\n                    class="btn btn-danger">\r\n              {{utilityService.getResourceValue("Yes")}}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n',components:[{type:C.BlockUIComponent,selector:"block-ui",inputs:["name","template","message","delayStart","delayStop"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:R.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:un,selector:"lib-empty-data",inputs:["Message","ShowImage","ImgURL"]},{type:V.ɵs,selector:"BBSF-Paging",inputs:["options","group"],outputs:["Items"]},{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵj,selector:"BBSF-Toggleslide",inputs:["group","options"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:L.RouterLink,selector:":not(a):not(area)[routerLink]",inputs:["routerLink","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:R.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:E.NgbDropdownItem,selector:"[ngbDropdownItem]",inputs:["disabled"]},{type:P.NgForm,selector:"form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]",inputs:["ngFormOptions"],outputs:["ngSubmit"],exportAs:["ngForm"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:oa,decorators:[{type:t.Component,args:[{selector:"lib-active-directory",templateUrl:"./active-directory.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService},{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:na}]},propDecorators:{input:[{type:t.ViewChild,args:["ActiveDirectoryPagingViewElement",{static:!1}]}],CloseEditActiveDirectoryModal:[{type:t.ViewChild,args:["CloseEditActiveDirectoryModal",{static:!1}]}],CloseDeleteActiveDirectoryModal:[{type:t.ViewChild,args:["CloseDeleteActiveDirectoryModal",{static:!1}]}],CloseLAstRunLogsActiveDirectoryModal:[{type:t.ViewChild,args:["CloseLAstRunLogsActiveDirectoryModal",{static:!1}]}],CloseSyncActiveDirectoryModal:[{type:t.ViewChild,args:["CloseSyncActiveDirectoryModal",{static:!1}]}]}});var sa=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();sa.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:sa,deps:[],target:T.ɵɵFactoryTarget.Component}),sa.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:sa,selector:"lib-active-directories",ngImport:T,template:"<router-outlet></router-outlet>\r\n",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:sa,decorators:[{type:t.Component,args:[{selector:"lib-active-directories",templateUrl:"./active-directories.component.html"}]}]});var aa=function(){function e(e,t,i,r,n,o,s,a){this.pageInfoService=e,this.utilityService=t,this.bbsfTranslateService=i,this.environmentService=r,this.dataServices=n,this.authService=o,this.ActiveDirectoryService=s,this.router=a,this.ApiUrl="/api/admin/ADConnection/",this.language="",this.ProductionMode=!1,this.formsCount=3,this.currentStep$=new d.BehaviorSubject(1),this.PermissionSetList=[],this.LanguagesList=[],this.WelcomeMsgTempList=[],this.ADTypesList=[],this.FileProviders=[],this.mappingPropertiesList=[],this.mappingTypesList=[],this.AddActiveDirectoryForm=new h.FormGroup({}),this.AddMappingsOptions=[],this.AddMappingsCount=0,this.AddShowBuiltInGroupsVisible=!1,this.IsAddFormLoaded=!1,this.submitted=!1,this.errorIsFound=!1}return e.prototype.ngOnInit=function(){return z(this,void 0,void 0,(function(){var e,t=this;return j(this,(function(i){switch(i.label){case 0:return this.bbsfTranslateService.onLangChange.subscribe((function(e){t.language=e.lang,t.ngOnInit()})),e=this,[4,this.utilityService.getCurrentLanguage()];case 1:return e.language=i.sent(),this.ProductionMode=this.environmentService.getProductionMode(),this.initializePage(),[2]}}))}))},e.prototype.initializePage=function(){var e=this;this.ActiveDirectoryService.Loaddropdowns().subscribe((function(t){var i=t;e.PermissionSetList=i.permissionSets,e.ADTypesList=i.adTypes,e.LanguagesList=i.languages,e.WelcomeMsgTempList=i.templates,e.FileProviders=i.fileProviders,e.connectionTypeGroupId=i.connectionTypeGroupId,e.mappingPropertiesList=i.mappingProperties,e.mappingTypesList=i.mappingTypes,e.AddActiveDirectoryForm.reset(),e.AddDomain=new v.TextBoxOptions,e.AddDomain.Name="AddDomain",e.AddDomain.LabelKey="Domain",e.AddDomain.Type=v.InputType.Text,e.AddDomain.Value=null,e.AddDomain.IsRequired=!0,e.AddSamAccount=new v.TextBoxOptions,e.AddSamAccount.Name="AddSamAccount",e.AddSamAccount.LabelKey="SamAccount",e.AddSamAccount.Type=v.InputType.Text,e.AddSamAccount.Value=null,e.AddPassword=new v.TextBoxOptions,e.AddPassword.Name="AddPassword",e.AddPassword.LabelKey="Password",e.AddPassword.Type=v.InputType.Password,e.AddPassword.Value=null,e.AddPassword.RemoveDefaultPasswordValidation=!0,e.AddTypeOptions=new v.DropdownOptions,e.AddTypeOptions.Name="AddTypeOptions",e.AddTypeOptions.LabelKey="Type",e.AddTypeOptions.ViewType=v.ControlLayout.Horizontal,e.AddTypeOptions.DataSource=e.ADTypesList,e.AddTypeOptions.SingleSelection=!0,e.AddTypeOptions.AllowSearchFilter=!0,e.AddTypeOptions.Placeholder="",e.AddTypeOptions.IsRequired=!0,e.AddShowBuiltInGroups=new v.ToggleSlideOptions,e.AddShowBuiltInGroups.Name="AddShowBuiltInGroups",e.AddShowBuiltInGroups.LabelValue="ShowBuiltInGroups",e.AddShowBuiltInGroups.LabelKey="ShowBuiltInGroups",e.AddShowBuiltInGroups.Value=!1,e.AddShowBuiltInGroups.ViewType=v.ControlLayout.Horizontal,e.AddSearchTree=new v.TextBoxOptions,e.AddSearchTree.Name="AddSearchTree",e.AddSearchTree.HideLabel=!0,e.AddSearchTree.Type=v.InputType.Text,e.AddSearchTree.Value=null,e.AddName=new v.TextBoxOptions,e.AddName.Name="AddName",e.AddName.LabelKey="Name",e.AddName.Type=v.InputType.Text,e.AddName.Value=null,e.AddName.IsRequired=!0,e.AddPermissionSet=new v.DropdownOptions,e.AddPermissionSet.Name="AddPermissionSet",e.AddPermissionSet.LabelKey="PermissionSet",e.AddPermissionSet.DataSource=e.PermissionSetList,e.AddPermissionSet.SingleSelection=!0,e.AddPermissionSet.AllowSearchFilter=!0,e.AddPermissionSet.Placeholder="PermissionSet",e.AddPermissionSet.IsRequired=!0,e.AddLanguage=new v.DropdownOptions,e.AddLanguage.Name="AddLanguage",e.AddLanguage.LabelKey="Language",e.AddLanguage.DataSource=e.LanguagesList,e.AddLanguage.SingleSelection=!0,e.AddLanguage.AllowSearchFilter=!0,e.AddLanguage.Placeholder="",e.AddLanguage.IsRequired=!0,e.AddWelcomeMsgTemp=new v.DropdownOptions,e.AddWelcomeMsgTemp.Name="AddWelcomeMsgTemp",e.AddWelcomeMsgTemp.LabelKey="WelcomeMsgTemplate",e.AddWelcomeMsgTemp.DataSource=e.WelcomeMsgTempList,e.AddWelcomeMsgTemp.SingleSelection=!0,e.AddWelcomeMsgTemp.AllowSearchFilter=!0,e.AddWelcomeMsgTemp.Placeholder="WelcomeMsgTemplate",e.AddFileProvider=new v.DropdownOptions,e.AddFileProvider.Name="AddFileProvider",e.AddFileProvider.LabelKey="FileProvider",e.AddFileProvider.DataSource=e.FileProviders,e.AddFileProvider.SingleSelection=!0,e.AddFileProvider.AllowSearchFilter=!0,e.AddFileProvider.Placeholder="WelcomeMsgTemplate",e.AddMarkInactive=new v.ToggleSlideOptions,e.AddMarkInactive.Name="AddMarkInactive",e.AddMarkInactive.LabelKey="MarkAsInactive",e.AddMarkInactive.Value=!1,e.AddMarkInactive.ViewType=v.ControlLayout.Horizontal,e.AddDailyJob=new v.ToggleSlideOptions,e.AddDailyJob.Name="AddDailyJob",e.AddDailyJob.LabelKey="AddToDailyJob",e.AddDailyJob.Value=!1,e.AddDailyJob.ViewType=v.ControlLayout.Horizontal;var r=e.getADMappingOptions(i.adMappings);e.AddMappingsOptions=r[0],e.AddMappingsCount=r[1],setTimeout((function(){e.IsAddFormLoaded=!0}),50)}))},e.prototype.getADMappingOptions=function(e){for(var t=[],i=0,r=function(r){var o=[],s=new v.DropdownOptions,a=n.mappingTypesList.filter((function(t){return t.key==e[r].adMappingTypeItemID})).map((function(e){return e.key}))[0];s.Name="ADMappingType"+r,s.HideLabel=!0,s.SingleSelection=!0,s.SelectedItems=a,s.ViewType=v.ControlLayout.Horizontal,s.DataSource=n.mappingTypesList,s.IsRequired=!0;var l=new v.DropdownOptions,d=n.mappingPropertiesList.filter((function(t){return t.key==e[r].bbsfPropertyName})).map((function(e){return e.key}))[0];l.Name="ADMappingProperty"+r,l.HideLabel=!0,l.SingleSelection=!0,l.SelectedItems=d,l.ViewType=v.ControlLayout.Horizontal,l.DataSource=n.mappingPropertiesList,l.IsRequired=!0;var c=new v.TextBoxOptions;c.Name="ADMappingPropertyName"+r,c.HideLabel=!0,c.Type=v.InputType.Text,c.Value=e[r].adPropertyName,c.IsRequired=!1,c.ViewType=v.ControlLayout.Horizontal,c.IsRequired=!0;var u=new v.CheckBoxOptions;u.Name="ADMappingIncludeUpdate"+r,u.Value=e[r].includeInUpdate,u.IsDisabled=!0,o.push(s,l,c,u),t.push(o),i+=1},n=this,o=0;o<e.length;o++)r(o);return[t,i]},e.prototype.deleteADMapping=function(e){var t=this.AddMappingsOptions.indexOf(e);if(-1!==t){this.AddMappingsOptions.splice(t,1);for(var i=0;i<e.length;i++)this.AddActiveDirectoryForm.removeControl(e[i].Name)}},e.prototype.typeChange=function(e){e==this.connectionTypeGroupId?this.AddShowBuiltInGroupsVisible=!0:this.AddShowBuiltInGroupsVisible=!1},e.prototype.nextStep=function(){var e=this.currentStep$.value+1;e>this.formsCount||this.currentStep$.next(e)},e.prototype.prevStep=function(){var e=this.currentStep$.value-1;0!==e&&this.currentStep$.next(e)},e.prototype.ngAfterViewInit=function(){var e=this;this.wizard.on("beforeNext",(function(t){if(1===t.currentStep){t.stop();var i=e.AddActiveDirectoryForm.value;if(null==i.AddTypeOptions||null==i.AddDomain||null==i.AddTypeOptions||null==i.AddDomain)return;var r=new ia;r.ConnectionName=i.AddName,r.Domain=i.AddDomain;var n,o=i.AddTypeOptions;n=Number(o),r.ADConnectionTypeItemID=null!=i.AddTypeOptions?n:null,r.SamAccount=i.AddSamAccount,r.Password=i.AddPassword,r.ShowBuiltInGroups=i.AddShowBuiltInGroups,e.ActiveDirectoryService.CheckValidationandGetData(r).subscribe((function(i){var r=i;r.val?(e.treeNodeData=r.treeData,e.errorIsFound=!1,t.resume()):(e.validationError=r.error,e.errorIsFound=!0)}),(function(e){return!1}))}}))},e.prototype.addActiveDirectory=function(){var e=this;if(!this.AddActiveDirectoryForm.invalid){var t=this.AddActiveDirectoryForm.value,i=new ia;i.ConnectionName=t.AddName,i.Domain=t.AddDomain,i.ADConnectionTypeItemID=null!=t.AddTypeOptions?Number(t.AddTypeOptions):null,i.SamAccount=t.AddSamAccount,i.Password=t.AddPassword,i.ShowBuiltInGroups=t.AddShowBuiltInGroups,i.PermissionSetID=null!=t.AddPermissionSet?Number(t.AddPermissionSet):null,i.LangKey=t.AddLanguage,i.WelcomeTemplateID=null!=t.AddWelcomeMsgTemp?Number(t.AddWelcomeMsgTemp):null,i.ImagesFileProviderName=t.AddFileProvider,i.MarkAsInactive=t.AddMarkInactive,i.AddToDailyJob=t.AddDailyJob;for(var r=0;r<this.AddMappingsCount;r++){var n=t["ADMappingType"+r];if(null!=n){var o=t["ADMappingProperty"+r],s=t["ADMappingPropertyName"+r],a=new ra;a.ADMappingTypeItemID=Number(n),a.BBSFPropertyName=o,a.ADPropertyName=s,i.ADMappings.push(a)}}this.ActiveDirectoryService.AddActiveDirectory(i).subscribe((function(t){e.AddActiveDirectoryForm.reset(),e.router.navigate(["/Admin/ADConnection"])}),(function(e){}))}},e.prototype.onSubmit=function(){this.submitted=!0,this.addActiveDirectory()},e.prototype.ngOnDestroy=function(){},e}();aa.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:aa,deps:[{token:De},{token:B.UtilityService},{token:B.BBSFTranslateService},{token:B.EnvironmentService},{token:Sn},{token:B.AuthService},{token:na},{token:L.Router}],target:T.ɵɵFactoryTarget.Component}),aa.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:aa,selector:"lib-active-directory-add",viewQueries:[{propertyName:"el",first:!0,predicate:["wizard"],descendants:!0,static:!0}],ngImport:T,template:'\r\n\r\n<div class="container-fluid">\r\n  <div class="\r\n    stepper stepper-pills stepper-column\r\n    d-flex\r\n    flex-column flex-xl-row flex-row-fluid "\r\n       id="kt_create_account_stepper">\r\n    <div class="\r\n      d-flex\r\n      justify-content-center\r\n      rounded\r\n      justify-content-xl-start\r\n      flex-row-auto\r\n     \r\n      me-9\r\n      card\r\n    ">\r\n      <div class="card-body px-6 px-lg-10 px-xxl-15 py-20">\r\n        <div class="stepper-nav">\r\n          <div class="stepper-item"\r\n               [ngClass]="{\r\n            current: currentStep$.value === 1 }">\r\n            <div class="stepper-line w-40px"></div>\r\n\r\n            <div class="stepper-icon w-40px h-40px">\r\n              <i class="stepper-check fas fa-check"></i>\r\n              <span class="stepper-number">1</span>\r\n            </div>\r\n\r\n            <div class="stepper-label">\r\n              <h3 class="stepper-title">{{utilityService.getResourceValue("ActiveDirectory")}}</h3>\r\n\r\n              <div class="stepper-desc fw-bold">{{utilityService.getResourceValue("ActiveDirectory_Tab1Note")}}</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class="stepper-item"\r\n               [ngClass]="{\r\n            current: currentStep$.value === 2 }">\r\n            <div class="stepper-line w-40px"></div>\r\n\r\n            <div class="stepper-icon w-40px h-40px">\r\n              <i class="stepper-check fas fa-check"></i>\r\n              <span class="stepper-number">2</span>\r\n            </div>\r\n\r\n            <div class="stepper-label">\r\n              <h3 class="stepper-title">{{utilityService.getResourceValue("ActiveDirectory_SelectContainer")}}</h3>\r\n              <div class="stepper-desc fw-bold">{{utilityService.getResourceValue("ActiveDirectory_Tab2Note")}}</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class="stepper-item"\r\n               [ngClass]="{\r\n            current: currentStep$.value === 3}">\r\n            <div class="stepper-line w-40px"></div>\r\n\r\n            <div class="stepper-icon w-40px h-40px">\r\n              <i class="stepper-check fas fa-check"></i>\r\n              <span class="stepper-number">3</span>\r\n            </div>\r\n\r\n            <div class="stepper-label">\r\n              <h3 class="stepper-title">{{utilityService.getResourceValue("Options")}}</h3>\r\n              <div class="stepper-desc fw-bold">{{utilityService.getResourceValue("ActiveDirectory_Tab3Note")}}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="card d-flex flex-row-fluid flex-center  rounded">\r\n      <form class="p-20 w-100 card-body"\r\n            id="kt_create_account_form" [formGroup]="AddActiveDirectoryForm">\r\n        <div class="current" *ngIf="IsAddFormLoaded">\r\n          <ng-container *ngIf="currentStep$.value === 1">\r\n            <div class="form-group mb-10">\r\n                <BBSF-DropdownList [options]="AddTypeOptions" [group]="AddActiveDirectoryForm" (OnChange)="typeChange($event)">\r\n                </BBSF-DropdownList>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-TextBox [options]="AddDomain" [group]="AddActiveDirectoryForm">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-TextBox [options]="AddSamAccount" [group]="AddActiveDirectoryForm">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-TextBox [options]="AddPassword" [group]="AddActiveDirectoryForm">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class="form-group mb-10" *ngIf="AddShowBuiltInGroupsVisible">\r\n              <BBSF-Toggleslide [options]="AddShowBuiltInGroups" [group]="AddActiveDirectoryForm">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf="currentStep$.value === 2">\r\n            <div class="form-group mb-10">\r\n              <BBSF-TextBox [options]="AddSearchTree" [group]="AddActiveDirectoryForm"></BBSF-TextBox>\r\n            </div>\r\n          </ng-container>\r\n\r\n          <ng-container *ngIf="currentStep$.value === 3">\r\n            <div class="form-group">\r\n              <BBSF-TextBox [options]="AddName" [group]="AddActiveDirectoryForm">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-DropdownList [options]="AddPermissionSet" [group]="AddActiveDirectoryForm">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-DropdownList [options]="AddLanguage" [group]="AddActiveDirectoryForm">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-DropdownList [options]="AddWelcomeMsgTemp" [group]="AddActiveDirectoryForm">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-DropdownList [options]="AddFileProvider" [group]="AddActiveDirectoryForm">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-Toggleslide [options]="AddMarkInactive" [group]="AddActiveDirectoryForm">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n            <div class="form-group mb-10">\r\n              <BBSF-Toggleslide [options]="AddDailyJob" [group]="AddActiveDirectoryForm">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n            <div class="table-responsive">\r\n              \x3c!-- begin::Table --\x3e\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("Type")}}</th>\r\n                    <th class="min-w-150px">{{utilityService.getResourceValue("Property")}}</th>\r\n                    <th class="min-w-150px">{{utilityService.getResourceValue("ADProperty")}}</th>\r\n                    <th class="min-w-150px">{{utilityService.getResourceValue("IncludeInUpdate")}}</th>\r\n                    <th class="min-w-50px"></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 AddMappingsOptions;let i=index;">\r\n                    <td>\r\n                      <BBSF-DropdownList [options]="option[0]" [group]="AddActiveDirectoryForm">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-DropdownList [options]="option[1]" [group]="AddActiveDirectoryForm">\r\n                      </BBSF-DropdownList>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-TextBox [options]="option[2]" [group]="AddActiveDirectoryForm">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                    <td>\r\n                      <BBSF-CheckBox [options]="option[3]" [group]="AddActiveDirectoryForm">\r\n                      </BBSF-CheckBox>\r\n                    </td>\r\n\r\n                    <td>\r\n                      <a class="btn btn-icon btn-light-danger" (click)="deleteADMapping(option)">\r\n                        <i class=" fa fa-trash hidden" aria-hidden="true"></i>\r\n                      </a>\r\n                    </td>\r\n                  </tr>\r\n\r\n                </tbody>\r\n              </table>\r\n\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n\r\n        <div class="d-flex flex-stack pt-10">\r\n          <div class="mr-2">\r\n            <ng-container *ngIf="currentStep$.value !== 1">\r\n              <button type="button"\r\n                      class="btn btn-lg btn-light-primary me-3"\r\n                      (click)="prevStep()">\r\n                <span [inlineSVG]="\'./src/assets/images/arr063.svg\'"\r\n                      class="svg-icon svg-icon-4 me-1"></span>\r\n                {{utilityService.getResourceValue("Previous")}}\r\n              </button>\r\n            </ng-container>\r\n          </div>\r\n          <ng-container *ngIf="currentStep$.value !== formsCount">\r\n            <div>\r\n              <button type="button"\r\n                      class="btn btn-lg btn-primary me-3"\r\n                      (click)="nextStep()">\r\n                <span class="indicator-label">\r\n                  <ng-container *ngIf="currentStep$.value < formsCount">\r\n                    {{utilityService.getResourceValue("Next")}} {{ " " }}\r\n                    <span [inlineSVG]="\r\n                      \'./src/assets/images/arr064.svg\'\r\n                    "\r\n                          class="svg-icon svg-icon-3 ms-2 me-0"></span>\r\n                  </ng-container>\r\n                 \r\n                </span>\r\n              </button>\r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf="currentStep$.value === formsCount" >\r\n            <button type="button"\r\n                    class="btn btn-lg btn-primary me-3"\r\n                    (click)="onSubmit()">\r\n              {{utilityService.getResourceValue("Submit")}}\r\n            </button>\r\n           \r\n          </ng-container>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n</div>\r\n',components:[{type:V.ɵh,selector:"BBSF-DropdownList",inputs:["group","options"],outputs:["OnChange","onClear"]},{type:V.ɵd,selector:"BBSF-TextBox",inputs:["group","options"],outputs:["OnChange"]},{type:V.ɵj,selector:"BBSF-Toggleslide",inputs:["group","options"]},{type:V.ɵg,selector:"BBSF-CheckBox",inputs:["group","options"],outputs:["OnChange"]}],directives:[{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:aa,decorators:[{type:t.Component,args:[{selector:"lib-active-directory-add",templateUrl:"./active-directory-add.component.html"}]}],ctorParameters:function(){return[{type:De},{type:B.UtilityService},{type:B.BBSFTranslateService},{type:B.EnvironmentService},{type:Sn},{type:B.AuthService},{type:na},{type:L.Router}]},propDecorators:{el:[{type:t.ViewChild,args:["wizard",{static:!0}]}]}});var la=[{path:"",component:sa,children:[{path:"ADConnection",component:oa},{path:"Add",component:aa},{path:"",redirectTo:"ADConnection",pathMatch:"full"}]}],da=function(){};da.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:da,deps:[],target:T.ɵɵFactoryTarget.NgModule}),da.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:da,imports:[L.RouterModule],exports:[s.RouterModule]}),da.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:da,imports:[[s.RouterModule.forChild(la)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:da,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(la)],exports:[s.RouterModule]}]}]});var ca=function(){};ca.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ca,deps:[],target:T.ɵɵFactoryTarget.NgModule}),ca.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ca,declarations:[oa,sa,aa],imports:[da,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,C.BlockUIModule,h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,y.MatMenuModule,p.InlineSVGModule,m.NgbModule,mn]}),ca.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ca,providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,na],imports:[[da,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,y.MatMenuModule,p.InlineSVGModule,m.NgbModule,mn]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ca,decorators:[{type:t.NgModule,args:[{declarations:[oa,sa,aa],imports:[da,i.CommonModule,h.ReactiveFormsModule,n.HttpClientModule,Mn,s.RouterModule,i.CommonModule,b.ClipboardModule,a.BlockUIModule.forRoot(),h.ReactiveFormsModule,h.FormsModule,v.BBSFControlsModule,kn,y.MatMenuModule,p.InlineSVGModule,m.NgbModule,mn],providers:[l.EnvironmentService,l.UtilityService,l.AuthService,l.BBSFTranslateService,na]}]}]});var ua=function(){function e(){}return e.injectNewModules=function(t){e.InjectedModules=t;for(var i=0;i<e.InjectedModules.length;i++){var r=e.InjectedModules[i];e.routesArray.push({path:r.routeName,loadChildren:r.module})}},e.getProvidersModule=function(){return js},e.getAuthenticationModule=function(){return Js},e.getLogsModule=function(){return Vs},e.getHelpCenterModule=function(){return Cs},e.getPublicHolidaysModule=function(){return Ss},e.getWorkflowsModule=function(){return ps},e.getLicenseModule=function(){return es},e.getJobsModule=function(){return $o},e.getImpersonationRulesModule=function(){return Ko},e.getHomeModule=function(){return ya},e.getUsersModule=function(){return ta},e.getLocalizationsModule=function(){return hn},e.getRolesModule=function(){return En},e.getNotificationsModule=function(){return to},e.getLookupsModule=function(){return go},e.getDepartmentsModule=function(){return Fo},e.getSectorsModule=function(){return Eo},e.getConfigurationsModule=function(){return Oo},e.getActiveDirectoryModule=function(){return ca},e}();ua.InjectedModules=[],ua.routesArray=[{path:"",redirectTo:"Home",pathMatch:"full"},{path:"authentication",loadChildren:ua.getAuthenticationModule},{path:"Home",loadChildren:ua.getHomeModule},{path:"Users",loadChildren:ua.getUsersModule},{path:"Localization",loadChildren:ua.getLocalizationsModule},{path:"Roles",loadChildren:ua.getRolesModule},{path:"Notifications",loadChildren:ua.getNotificationsModule},{path:"Lookups",loadChildren:ua.getLookupsModule},{path:"Departments",loadChildren:ua.getDepartmentsModule},{path:"Sectors",loadChildren:ua.getSectorsModule},{path:"Configurations",loadChildren:ua.getConfigurationsModule},{path:"ImpersonationRules",loadChildren:ua.getImpersonationRulesModule},{path:"Jobs",loadChildren:ua.getJobsModule},{path:"License",loadChildren:ua.getLicenseModule},{path:"Workflows",loadChildren:ua.getWorkflowsModule},{path:"PublicHolidays",loadChildren:ua.getPublicHolidaysModule},{path:"HelpCenter",loadChildren:ua.getHelpCenterModule},{path:"Logs",loadChildren:ua.getLogsModule},{path:"Providers",loadChildren:ua.getProvidersModule},{path:"ADConnection",loadChildren:ua.getActiveDirectoryModule}],ua.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ua,deps:[],target:T.ɵɵFactoryTarget.Injectable}),ua.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ua}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ua,decorators:[{type:t.Injectable}]});var pa=function(){function e(e,t){this.pageInfo=e,this.layout=t,this.unsubscribe=[],this.showTitle=!0,this.showBC=!0,this.pageTitleCssClass="",this.pageTitleDirection="row"}return e.prototype.ngOnInit=function(){this.title$=this.pageInfo.title.asObservable(),this.description$=this.pageInfo.description.asObservable(),this.bc$=this.pageInfo.breadcrumbs.asObservable(),this.showTitle=this.layout.getProp("pageTitle.display"),this.showBC=this.layout.getProp("pageTitle.breadCrumbs"),this.pageTitleCssClass=this.layout.getStringCSSClasses("pageTitle"),this.pageTitleDirection=this.layout.getProp("pageTitle.direction")},e.prototype.ngOnDestroy=function(){this.unsubscribe.forEach((function(e){return e.unsubscribe()}))},e}();pa.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:pa,deps:[{token:De},{token:$}],target:T.ɵɵFactoryTarget.Component}),pa.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:pa,selector:"app-page-title",ngImport:T,template:'<ng-container *ngIf="title$ | async as title">\r\n  <ng-container *ngIf="showTitle">\r\n    \x3c!-- begin::Title --\x3e\r\n    <h1 class="d-flex align-items-center text-dark fw-bolder my-1 fs-3">\r\n      {{ title }}\r\n    </h1>\r\n    \x3c!-- end::Title --\x3e\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="showBC">\r\n    <ng-container *ngIf="bc$ | async as _bc">\r\n      <ng-container *ngIf="_bc.length > 0">\r\n        <ng-container *ngIf="pageTitleDirection === \'row\'">\r\n          <span class="h-20px border-gray-200 border-start mx-4"></span>\r\n        </ng-container>\r\n        <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">\r\n          <li\r\n            *ngFor="let bc of _bc"\r\n            class="breadcrumb-item"\r\n            [ngClass]="!bc.isSeparator && bc.isActive ? \'text-dark\' : \'\'"\r\n            [ngClass]="!bc.isSeparator && !bc.isActive ? \'text-muted\' : \'\'"\r\n          >\r\n            <ng-container *ngIf="!bc.isSeparator">\r\n              \r\n              <a [routerLink]="bc.path" routerLinkActive="router-link-active" class="text-muted text-hover-primary" >\r\n                {{ bc.title }}\r\n              </a>\r\n            </ng-container>\r\n            <ng-container *ngIf="bc.isSeparator">\r\n              <span class="bullet bg-gray-200 w-5px h-2px"></span>\r\n            </ng-container>\r\n          </li>\r\n          <li class="breadcrumb-item text-dark">{{ title }}</li>\r\n        </ul>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-container>\r\n',directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]}],pipes:{async:A.AsyncPipe}}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:pa,decorators:[{type:t.Component,args:[{selector:"app-page-title",templateUrl:"./page-title.component.html"}]}],ctorParameters:function(){return[{type:De},{type:$}]}});var ma=function(){function e(e){this.layout=e,this.toolbarContainerCssClasses="",this.pageTitleCssClasses=""}return e.prototype.ngOnInit=function(){this.toolbarContainerCssClasses=this.layout.getStringCSSClasses("toolbarContainer"),this.pageTitleCssClasses=this.layout.getStringCSSClasses("pageTitle"),this.pageTitleAttributes=this.layout.getHTMLAttributes("pageTitle")},e.prototype.ngAfterViewInit=function(){if(this.ktPageTitle)for(var e in this.pageTitleAttributes)this.pageTitleAttributes.hasOwnProperty(e)&&this.ktPageTitle.nativeElement&&(this.ktPageTitle.nativeElement.attributes[e]=this.pageTitleAttributes[e])},e}();ma.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ma,deps:[{token:$}],target:T.ɵɵFactoryTarget.Component}),ma.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ma,selector:"app-toolbar",viewQueries:[{propertyName:"ktPageTitle",first:!0,predicate:["ktPageTitle"],descendants:!0,static:!0}],ngImport:T,template:'<div id="kt_toolbar_container"\r\n     [ngClass]="toolbarContainerCssClasses"\r\n     class="d-flex flex-stack">\r\n  <app-page-title #ktPageTitle\r\n                  class="page-title d-flex"\r\n                  [ngClass]="pageTitleCssClasses"></app-page-title>\r\n  \x3c!-- begin::Actions  --\x3e\r\n  <div class="d-flex align-items-center py-1">\r\n    \x3c!-- begin::Wrapper  --\x3e\r\n    <div class="me-4">\r\n      <ng-content select=".subheadertoolbar"></ng-content>\r\n    </div>\r\n    \x3c!-- end::Wrapper  --\x3e\r\n    \x3c!-- end::Button  --\x3e\r\n  </div>\r\n  <ng-content select=".filter-container"></ng-content>\r\n\r\n  \x3c!-- end::Actions  --\x3e\r\n</div>\r\n',components:[{type:pa,selector:"app-page-title"}],directives:[{type:A.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ma,decorators:[{type:t.Component,args:[{selector:"app-toolbar",templateUrl:"./toolbar.component.html"}]}],ctorParameters:function(){return[{type:$}]},propDecorators:{ktPageTitle:[{type:t.ViewChild,args:["ktPageTitle",{static:!0}]}]}});var ga=function(){function e(){}return e.prototype.transform=function(e,t){return console.log(e),console.log(t),t?e.filter((function(e){return e.title.toLowerCase().match(t.toLowerCase())})):e},e}();ga.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ga,deps:[],target:T.ɵɵFactoryTarget.Pipe}),ga.ɵpipe=T.ɵɵngDeclarePipe({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ga,name:"filter"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ga,decorators:[{type:t.Pipe,args:[{name:"filter"}]}]});var ha=function(){function e(e){this.utilityService=e,this.HomeSearch=new h.FormGroup({}),this.routes=[],this.cards=[{title:this.utilityService.getResourceValue("Users"),img:"./src/assets/images/menu/user.svg",link:"/Admin/Users"},{title:this.utilityService.getResourceValue("ActiveDirectory"),img:"./src/assets/images/menu/Folder.svg",link:"/Admin/ADConnection"},{title:this.utilityService.getResourceValue("Configuration"),img:"./src/assets/images/menu/Tools.svg",link:"/Admin/Configurations"},{title:this.utilityService.getResourceValue("Jobs"),img:"./src/assets/images/menu/Briefcase.svg",link:"/Admin/Jobs"},{title:this.utilityService.getResourceValue("License"),img:"./src/assets/images/menu/License.svg",link:"/Admin/License"},{title:this.utilityService.getResourceValue("Localization"),img:"./src/assets/images/menu/Localization.svg",link:"/Admin/Localization"},{title:this.utilityService.getResourceValue("Logs"),img:"./src/assets/images/menu/File.svg",link:"/Admin/Logs"},{title:this.utilityService.getResourceValue("ServiceProviders"),img:"./src/assets/images/menu/ServiceProvider.svg",link:"/Admin/Providers"},{title:this.utilityService.getResourceValue("PublicHolidays"),img:"./src/assets/images/menu/PublicHolidays.svg",link:"/Admin/PublicHolidays"},{title:this.utilityService.getResourceValue("Workflows"),img:"./src/assets/images/menu/Workflows.svg",link:"/Admin/Workflows"},{title:this.utilityService.getResourceValue("PermissionSets"),img:"./src/assets/images/menu/Locked-folder.svg",link:"/Admin/Roles/PermissionSets"},{title:this.utilityService.getResourceValue("Templates"),img:"./src/assets/images/menu/Templates.svg",link:"/Admin/Notifications/Templates"},{title:this.utilityService.getResourceValue("EmailHeader&FooterTemplates"),img:"./src/assets/images/menu/Mail.svg",link:"/Admin/Notifications/MasterLayouts"},{title:this.utilityService.getResourceValue("Lookup"),img:"./src/assets/images/menu/Lookups.svg",link:"/Admin/Lookups/Lookups"},{title:this.utilityService.getResourceValue("LookupGroups"),img:"./src/assets/images/menu/Lookup-group.svg",link:"/Admin/Lookups/LookupGroups"},{title:this.utilityService.getResourceValue("ImpersonationRules"),img:"./src/assets/images/menu/Impersonation.svg",link:"/Admin/ImpersonationRules"},{title:this.utilityService.getResourceValue("Departments"),img:"./src/assets/images/menu/Department.svg",link:"/Admin/Departments"},{title:this.utilityService.getResourceValue("Sectors"),img:"./src/assets/images/menu/Sectors.svg",link:"/Admin/Sectors"},{title:this.utilityService.getResourceValue("FAQs"),img:"./src/assets/images/menu/HelpCenter.svg",link:"/Admin/HelpCenter"}],this.routes=ua.InjectedModules,De.PageTitle="",De.PageBreadcrumbs=[]}return e.prototype.ngOnInit=function(){this.searchTextBox=new v.TextBoxOptions,this.searchTextBox.Name="searchTextBox",this.searchTextBox.HideLabel=!0,this.searchTextBox.Type=v.InputType.Text,this.searchTextBox.ViewType=v.ControlLayout.Vertical,this.searchTextBox.AutoComplete="off",this.searchTextBox.Placeholder="search",De.PageTitle=this.utilityService.getResourceValue("Home")},e}();ha.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ha,deps:[{token:B.UtilityService}],target:T.ɵɵFactoryTarget.Component}),ha.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ha,selector:"lib-home",ngImport:T,template:'<app-toolbar class="toolbar" id="kt_toolbar">\r\n  <div class="subheadertoolbar">\r\n    <div class="position-relative home-search">\r\n      <span class="svg-icon svg-icon-2 svg-icon-lg-1 svg-icon-primary position-absolute top-50 ms-5 translate-middle-y">\r\n        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">\r\n          <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1" transform="rotate(45 17.0365 15.1223)" fill="black" />\r\n          <path d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z" fill="black" />\r\n        </svg>\r\n      </span>\r\n      <input type="search" [(ngModel)]="searchText"\r\n             placeholder="Search" class="form-control bnsights-control ps-15" />\r\n    </div>\r\n  \r\n\r\n    \x3c!-- <form [formGroup]="HomeSearch">\r\n    <BBSF-TextBox [options]="searchTextBox" [group]="HomeSearch" [(ngModel)]="searchText"></BBSF-TextBox>\r\n  </form> --\x3e\r\n  </div>\r\n</app-toolbar>\r\n\r\n<div class="container-fluid">\r\n  <div class="row g-6 g-xl-9 mb-6 mb-xl-9">\r\n    <div class="col-md-6 col-lg-3 col-xl-3" *ngFor="let card of cards | filter : searchText">\r\n      <a class="card h-100" [routerLink]="[card.link]" routerLinkActive="router-link-active">\r\n        <div class="card-body d-flex justify-content-center text-center flex-column p-8">\r\n          <div class="text-gray-800 text-hover-primary d-flex flex-column">\r\n            <div class="symbol symbol-75px mb-5">\r\n              <span [inlineSVG]="card.img" class="svg-icon svg-icon-2 svg-icon-dark"></span>\r\n            </div>\r\n            <div class="fs-5 fw-bolder mb-2">{{card.title}}</div>\r\n          </div>\r\n        </div>\r\n      </a>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n',components:[{type:ma,selector:"app-toolbar"}],directives:[{type:P.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:P.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:P.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:A.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]},{type:L.RouterLinkActive,selector:"[routerLinkActive]",inputs:["routerLinkActiveOptions","routerLinkActive"],exportAs:["routerLinkActive"]},{type:k.InlineSVGDirective,selector:"[inlineSVG]",inputs:["resolveSVGUrl","replaceContents","prepend","injectComponent","cacheSVG","forceEvalStyles","evalScripts","inlineSVG","setSVGAttributes","removeSVGAttributes","fallbackImgUrl","onSVGLoaded"],outputs:["onSVGInserted","onSVGFailed"]}],pipes:{filter:ga}}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ha,decorators:[{type:t.Component,args:[{selector:"lib-home",templateUrl:"./home.component.html"}]}],ctorParameters:function(){return[{type:B.UtilityService}]}});var va=function(){};va.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:va,deps:[],target:T.ɵɵFactoryTarget.NgModule}),va.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:va,declarations:[ma,pa],imports:[i.CommonModule,s.RouterModule],exports:[ma]}),va.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:va,imports:[[i.CommonModule,s.RouterModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:va,decorators:[{type:t.NgModule,args:[{declarations:[ma,pa],imports:[i.CommonModule,s.RouterModule],exports:[ma]}]}]});var ba=[{path:"",component:ha}],ya=function(){};ya.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ya,deps:[],target:T.ɵɵFactoryTarget.NgModule}),ya.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ya,declarations:[ha,ga],imports:[i.CommonModule,p.InlineSVGModule,L.RouterModule,va,h.FormsModule,h.ReactiveFormsModule,v.BBSFControlsModule]}),ya.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ya,providers:[l.UtilityService],imports:[[i.CommonModule,p.InlineSVGModule,s.RouterModule.forChild(ba),va,h.FormsModule,h.ReactiveFormsModule,v.BBSFControlsModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ya,decorators:[{type:t.NgModule,args:[{declarations:[ha,ga],imports:[i.CommonModule,p.InlineSVGModule,s.RouterModule.forChild(ba),va,h.FormsModule,h.ReactiveFormsModule,v.BBSFControlsModule],providers:[l.UtilityService]}]}]});var Sa,fa=function(){function e(){}return e.prototype.handleError=function(e){var t=e.headers.get("Application-Error");if(t)return d.throwError(t);var i="";for(var r in e.error)e.error[r]&&(i+=e.error[r].description+"\n");return d.throwError(i||"Server error")},e}(),Ia=function(e){function t(i){var r=e.call(this)||this;return r.http=i,r._authNavStatusSource=new d.BehaviorSubject(!1),r.authNavStatus$=r._authNavStatusSource.asObservable(),r._userSource=new d.Subject,r.UserStatus$=r._userSource.asObservable(),r.manager=new I.UserManager({}),r.redirectUrl="",r.manager.getUser().then((function(e){return z(r,void 0,void 0,(function(){var i,r;return j(this,(function(n){switch(n.label){case 0:return this.manager.storeUser(e),t.user=e,this.user=e,r=(i=this._authNavStatusSource).next,[4,this.isAuthenticated()];case 1:return r.apply(i,[n.sent()]),[2]}}))}))})),r.manager.events.addAccessTokenExpired((function(e){r._authNavStatusSource.next(!1)})),r}return O(t,e),t.prototype.login=function(){return this.manager.signinRedirect()},t.prototype.getUser=function(){var e=this;this.manager.getUser().then((function(i){return z(e,void 0,void 0,(function(){var e,r;return j(this,(function(n){switch(n.label){case 0:return t.user=i,this.user=i,r=(e=this._authNavStatusSource).next,[4,this.isAuthenticated()];case 1:return r.apply(e,[n.sent()]),[2]}}))}))}))},t.prototype.storUser=function(e){this.manager.storeUser(e)},t.prototype.revokeAccessToken=function(){this.manager.revokeAccessToken()},t.prototype.signinSilent=function(){this.manager.signinSilentCallback().then((function(e){}))},t.prototype.completeAuthentication=function(){return z(this,void 0,void 0,(function(){var e,i,r;return j(this,(function(n){switch(n.label){case 0:return e=this,[4,this.manager.signinRedirectCallback()];case 1:return e.user=n.sent(),t.user=this.user,this._userSource.next(t.user),r=(i=this._authNavStatusSource).next,[4,this.isAuthenticated()];case 2:return r.apply(i,[n.sent()]),[2]}}))}))},t.prototype.register=function(e){return this.http.post("https://localhost:44335/api/account",e)},t.prototype.refreshToken=function(e){return z(this,void 0,void 0,(function(){var i,r=this;return j(this,(function(o){switch(o.label){case 0:return i={headers:new n.HttpHeaders({"Content-Type":"application/json",Authorization:e})},this.manager.revokeAccessToken,[4,this.http.post("$users/refresh-token",i,{withCredentials:!0}).subscribe((function(e){r._userSource.next(e),t.user=e,r.user=e}))];case 1:return[2,o.sent()]}}))}))},t.prototype.isAuthenticated=function(e){return z(this,void 0,void 0,(function(){var t;return j(this,(function(i){switch(i.label){case 0:return[4,this.manager.getUser().then((function(e){return e}))];case 1:return i.sent(),null!=e&&null!=e?0==e.length?[2,null!=this.user&&!this.user.expired]:(t=this.isUserInRole(e),[2,null!=this.user&&!this.user.expired&&t]):[2,null!=this.user&&!this.user.expired]}}))}))},t.prototype.isUserInRole=function(e){var t=this.user.profile.permissionSetSID.split(Sa||(Sa=W([","],[","]))).map((function(e){return+e}));return e.every((function(e){return t.includes(e)}))},t.prototype.authorizationHeaderValue=function(){return t.user.token_type+" "+t.user.access_token},t.prototype.name=function(){return null!=t.user?t.user.profile.given_name:""},t.prototype.setUrl=function(e){localStorage.setItem("redirectUrl",e)},t.prototype.getUrl=function(){return localStorage.getItem("redirectUrl")},t.prototype.signinSilentCallback=function(){this.manager.signinSilentCallback()},t.prototype.signout=function(){return z(this,void 0,void 0,(function(){return j(this,(function(e){switch(e.label){case 0:return localStorage.clear(),[4,this.manager.signoutRedirect()];case 1:return e.sent(),[2]}}))}))},t}(fa);function xa(){return{}}Ia.user=null,Ia.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ia,deps:[{token:M.HttpClient}],target:T.ɵɵFactoryTarget.Injectable}),Ia.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ia,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ia,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:M.HttpClient}]}});var Fa=function(){};Fa.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fa,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Fa.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fa,imports:[i.CommonModule]}),Fa.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fa,providers:[Ia],imports:[[i.CommonModule]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Fa,decorators:[{type:t.NgModule,args:[{imports:[i.CommonModule],providers:[Ia]}]}]});var Ta=function(){function e(e){this.authService=e}return e.prototype.ngOnInit=function(){var e=this;this.subscription=this.authService.authNavStatus$.subscribe((function(t){return e.isAuthenticated=t})),this.name=this.authService.name()},e.prototype.signout=function(){return z(this,void 0,void 0,(function(){return j(this,(function(e){switch(e.label){case 0:return[4,this.authService.signout()];case 1:return e.sent(),[2]}}))}))},e}();Ta.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ta,deps:[{token:Ia}],target:T.ɵɵFactoryTarget.Component}),Ta.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ta,selector:"app-index",ngImport:T,template:'<div *ngIf="isAuthenticated">\r\n    <a class="p-2 text-light" (click)="signout()" href="javascript:void(0)">Signout {{name}}</a>               \r\n\r\n</div>\r\n<div class="container">\r\n    <div class="jumbotron mt-3">\r\n      <h1>Test Index Page</h1>\r\n      <a class="btn btn-lg btn-primary" routerLink="/account/register" role="button">Signup Page &raquo;</a>\r\n      <a class="btn btn-lg btn-primary ml-4" routerLink="/account/login" role="button">Login Page &raquo;</a>\r\n      <a class="btn btn-lg btn-primary ml-4" routerLink="/securePage/data" role="button">Secure Page &raquo;</a>\r\n    </div>\r\n</div>\r\n',directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ta,decorators:[{type:t.Component,args:[{selector:"app-index",templateUrl:"./index.component.html"}]}],ctorParameters:function(){return[{type:Ia}]}});var Aa=[{path:"index",component:Ta},{path:"",redirectTo:"index",pathMatch:"full"}],wa=function(){};wa.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wa,deps:[],target:T.ɵɵFactoryTarget.NgModule}),wa.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wa,imports:[L.RouterModule],exports:[s.RouterModule]}),wa.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wa,imports:[[s.RouterModule.forChild(Aa)],s.RouterModule]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:wa,decorators:[{type:t.NgModule,args:[{imports:[s.RouterModule.forChild(Aa)],exports:[s.RouterModule]}]}]});var Ma=function(){};Ma.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ma,deps:[],target:T.ɵɵFactoryTarget.NgModule}),Ma.ɵmod=T.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ma,declarations:[Ta],imports:[i.CommonModule,wa,s.RouterModule,Fa]}),Ma.ɵinj=T.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ma,imports:[[i.CommonModule,wa,s.RouterModule,Fa]]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ma,decorators:[{type:t.NgModule,args:[{declarations:[Ta],imports:[i.CommonModule,wa,s.RouterModule,Fa]}]}]});var La=function(e,t){this.module=t,this.routeName=e},Ca=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Ca.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ca,deps:[],target:T.ɵɵFactoryTarget.Component}),Ca.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ca,selector:"app-account",ngImport:T,template:"<router-outlet></router-outlet>",directives:[{type:L.RouterOutlet,selector:"router-outlet",outputs:["activate","deactivate"],exportAs:["outlet"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ca,decorators:[{type:t.Component,args:[{selector:"app-account",templateUrl:"./account.component.html"}]}],ctorParameters:function(){return[]}});var Ba=function(){function e(e){this.authService=e,this.title="Login",this.login()}return e.prototype.login=function(){this.authService.login()},e.prototype.ngOnInit=function(){},e}();Ba.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ba,deps:[{token:B.AuthService}],target:T.ɵɵFactoryTarget.Component}),Ba.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Ba,selector:"app-login",ngImport:T,template:'\x3c!-- <div class="row justify-content-center">\r\n    <div class="col-md-8 text-center">\r\n        <h1 class="mt-5">{{title}}</h1>\r\n        <p class="lead">This step uses the <a href="http://docs.identityserver.io/en/latest/topics/grant_types.html#implicit" target="_blank">implicit flow type</a> and redirects to the IdentityServer instance to perform the authentication step.   Before you can login here, you must <a routerLink="/register">register a new account</a>.</p>\r\n        <p>\r\n            <button class="btn btn-lg btn-primary" (click)="login()">Login with IdentityServer</button>\r\n        </p>     \r\n      </div>\r\n  </div> --\x3e'}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ba,decorators:[{type:t.Component,args:[{selector:"app-login",templateUrl:"./login.component.html"}]}],ctorParameters:function(){return[{type:B.AuthService}]}});var Da=function(){function e(e,t,i){this.authService=e,this.router=t,this.fb=i,this.UserForm=new h.FormGroup({}),this.submitted=!1,this.userObject={name:"",email:"",password:""}}return e.prototype.ngOnInit=function(){this.UserForm=this.fb.group({name:["",h.Validators.required],email:["",h.Validators.required],password:["",h.Validators.required]})},e.prototype.onSubmit=function(){var e=this;this.userObject=this.UserForm.value,this.authService.register(this.userObject).subscribe((function(t){t&&(e.success=!0,e.router.navigate(["/account/login"]))}),(function(t){e.error=t}))},e}();Da.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Da,deps:[{token:Ia},{token:L.Router},{token:P.FormBuilder}],target:T.ɵɵFactoryTarget.Component}),Da.ɵcmp=T.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:Da,selector:"app-register",ngImport:T,template:'<div class="row justify-content-center">\r\n    <div class="col-md-4 text-center" >\r\n      <form *ngIf="!success" [formGroup]="UserForm" (ngSubmit)="onSubmit()">\r\n        <h1 class="h3 mb-3 font-weight-normal">Register</h1>\r\n        <div class="form-group">\r\n            <label for="name" class="sr-only">Name</label>\r\n            \x3c!-- <input type="text" formControlName="name" class="form-control" placeholder="Your name" required autoFocus> --\x3e\r\n        </div>\r\n        <div class="form-group">\r\n            <label for="email" class="sr-only">Email address</label>\r\n            \x3c!-- <input type="email" formControlName="email" class="form-control" placeholder="Email address" email required> --\x3e\r\n        </div>\r\n        <div class="form-group">\r\n            <label for="password" class="sr-only">Password</label>\r\n            \x3c!-- <input type="password" formControlName="password" class="form-control" placeholder="Password" aria-describedby="passwordHelp" required>      --\x3e\r\n            <small id="passwordHelp" class="form-text text-muted">Min. 6 characters with at least one non alphanumeric character</small>\r\n          </div>   \r\n        \x3c!-- <button class="btn btn-lg btn-primary btn-block" type="submit" [disabled]="!UserForm.valid">Go</button> --\x3e\r\n        <div *ngIf="error" class="alert alert-danger mt-3" role="alert">\r\n            <strong>Oops!</strong> {{error}}\r\n        </div>     \r\n      </form>      \r\n      <div *ngIf="success" class="alert alert-success" role="alert">\r\n          <h4 class="alert-heading">Well done!</h4>\r\n          <p>Your account was created successfully, <a routerLink="/account/login">Please login</a> to continue.</p>        \r\n      </div>  \r\n    </div> \r\n  </div>\r\n  \r\n  ',directives:[{type:A.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:P.ɵNgNoValidate,selector:"form:not([ngNoForm]):not([ngNativeValidate])"},{type:P.NgControlStatusGroup,selector:"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]"},{type:P.FormGroupDirective,selector:"[formGroup]",inputs:["formGroup"],outputs:["ngSubmit"],exportAs:["ngForm"]},{type:L.RouterLinkWithHref,selector:"a[routerLink],area[routerLink]",inputs:["routerLink","target","queryParams","fragment","queryParamsHandling","preserveFragment","skipLocationChange","replaceUrl","state","relativeTo"]}]}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Da,decorators:[{type:t.Component,args:[{selector:"app-register",templateUrl:"./register.component.html"}]}],ctorParameters:function(){return[{type:Ia},{type:L.Router},{type:P.FormBuilder}]}});var ka=function(){function e(e,t){this.injector=e,this.zone=t}return e.prototype.handleError=function(e){/Loading chunk [\d]+ failed/.test(e.message)&&window.location.reload();var t=this.injector.get(s.Router);e instanceof n.HttpErrorResponse&&(e.status,401==e.status&&this.zone.run((function(){return t.navigate(["/Admin/account/login"])})))},e}();ka.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ka,deps:[{token:T.Injector},{token:T.NgZone}],target:T.ɵɵFactoryTarget.Injectable}),ka.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ka,providedIn:"root"}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:ka,decorators:[{type:t.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[{type:T.Injector},{type:T.NgZone}]}});var Ea=function(){function e(e){this.document=e}return e.prototype.loadThemes=function(e){"ar"==e?(this.loadStyleBundle("BBSF-Bundle-Arabic.css"),document.querySelector("html").setAttribute("lang","ar"),document.querySelector("html").setAttribute("dir","rtl")):(this.loadStyleBundle("BBSF-Bundle-English.css"),document.querySelector("html").setAttribute("lang","en"),document.querySelector("html").setAttribute("dir","ltr"))},e.prototype.loadStyleBundle=function(e){var t=this.document.getElementsByTagName("head")[0],i=this.document.getElementById("client-theme");if(!i||!i.href.includes(e)){i&&!i.href.includes(e)&&i.remove();var r=this.document.createElement("link");r.id="client-theme",r.rel="stylesheet",r.href=""+e,t.appendChild(r)}},e}();Ea.ɵfac=T.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ea,deps:[{token:i.DOCUMENT}],target:T.ɵɵFactoryTarget.Injectable}),Ea.ɵprov=T.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ea}),T.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:T,type:Ea,decorators:[{type:t.Injectable}],ctorParameters:function(){return[{type:Document,decorators:[{type:t.Inject,args:[i.DOCUMENT]}]}]}});var Pa=function(e,t,i){this.name=e,this.email=t,this.password=i};e.AccountComponent=Ca,e.AccountModule=nn,e.AuthCallbackComponent=Ws,e.AuthGuard=wn,e.AuthModule=dt,e.AuthService=Ia,e.AuthenticationModule=Js,e.BaseService=fa,e.DataSecretService=it,e.DefaultLayoutConfig=K,e.GlobalErrorHandler=ka,e.HomeComponent=He,e.HomeModule=ya,e.IndexComponent=Ta,e.InjectedModule=La,e.LayoutInitService=Q,e.LayoutService=$,e.LocalizationsComponent=pn,e.LocalizationsModule=hn,e.LoginComponent=Ba,e.MasterlayoutComponent=Ue,e.MasterlayoutModule=an,e.PageInfo=Be,e.PageInfoService=De,e.RegisterComponent=Da,e.SharedModule=Fa,e.StartModule=Ma,e.StylesBundleService=Ea,e.SubheaderComponent=In,e.SubheaderModule=gt,e.UserRegistration=Pa,e.UsersComponent=Xs,e.UsersModule=ta,e.createTranslateLoader=sn,e.getClientSettings=xa,e.getEmptyCSSVariables=q,e.getEmptyCssClasses=J,e.getEmptyHTMLAttributes=_,e.injectionModuleService=ua,e.localizationsService=cn,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=/sm/ad8f9306a64ee5ca47fc420221bb04a525dee805c1e1f3c2f003735eba323c1e.map