????
Your IP : 18.190.239.193
"use strict";(self.webpackChunkgdt=self.webpackChunkgdt||[]).push([[537],{71984:(e,t,s)=>{s.d(t,{A:()=>o});s(9950);var a=s(18849),n=s(44414);const l=e=>{const{style:t,children:s,...l}=e;return(0,n.jsx)(a.A,{style:{...t,marginRight:2,marginLeft:2},...l,children:s})};l.defaultProps={size:"sm"};const o=l},40390:(e,t,s)=>{s.d(t,{A:()=>i});s(9950);var a=s(71984),n=s(73613),l=s(44414);const o=e=>{const{children:t,...s}=e;return(0,l.jsxs)(a.A,{color:"danger",...s,children:[(0,l.jsx)(n.A,{fa:"times"})," ",t]})};o.defaultProps={};const i=o},33322:(e,t,s)=>{s.d(t,{A:()=>i});s(9950);var a=s(71984),n=s(73613),l=s(44414);const o=e=>{const{children:t,...s}=e;return(0,l.jsxs)(a.A,{color:"danger",...s,children:[(0,l.jsx)(n.A,{fa:"times-circle"})," ",t]})};o.defaultProps={};const i=o},9031:(e,t,s)=>{s.d(t,{A:()=>d});s(9950);var a=s(71984),n=s(48738),l=s.n(n),o=s(44414);const i=e=>{const{fa:t,far:s,fab:a,size:n,ariaHidden:i,color:r,style:c}=e,d=a?"fab":s?"far":"fa",h=l()(d,"fa-"+t,"fa-fw",n&&"fa-"+n);return(0,o.jsx)("i",{style:r?{color:r,...c}:c,className:h,"aria-hidden":i})};i.defaultProps={ariaHidden:!0,far:!1,fab:!1};const r=i,c=e=>{const{children:t,...s}=e;return(0,o.jsxs)(a.A,{color:"danger",...s,children:[(0,o.jsx)(r,{fa:"trash"})," ",t]})};c.defaultProps={};const d=c},49729:(e,t,s)=>{s.d(t,{A:()=>i});s(9950);var a=s(71984),n=s(73613),l=s(44414);const o=e=>{const{children:t,...s}=e;return(0,l.jsxs)(a.A,{color:"primary",...s,children:[(0,l.jsx)(n.A,{fa:"floppy-o"})," ",t]})};o.defaultProps={};const i=o},55002:(e,t,s)=>{s.d(t,{$n:()=>a.A,UN:()=>i,f8:()=>r.A,pf:()=>c.A,WB:()=>A.A,DR:()=>h,a2:()=>x,QB:()=>u.A});var a=s(71984),n=(s(9950),s(73613)),l=s(44414);const o=e=>{const{children:t,...s}=e;return(0,l.jsxs)(a.A,{color:"success",...s,children:[(0,l.jsx)(n.A,{fa:"plus"})," ",t]})};o.defaultProps={};const i=o;var r=s(40390),c=s(33322);const d=e=>{const{children:t,...s}=e;return(0,l.jsxs)(a.A,{color:"primary",...s,children:[(0,l.jsx)(n.A,{fa:"pencil"})," ",t]})};d.defaultProps={};const h=d;var p,u=s(49729),m=s(57528);const g=(0,s(86006).Ay)(a.A)(p||(p=(0,m.A)(["\n padding: 2px 6px;\n font-size: 14px;\n"]))),f=e=>{const{children:t,...s}=e;return(0,l.jsx)(g,{...s,children:(0,l.jsx)(n.A,{fa:e.icon})})};f.defaultProps={color:"primary"};const x=f;var j=s(18849);const S=e=>{const{children:t,...s}=e;return(0,l.jsxs)(j.A,{color:"white",...s,style:{border:"1px solid #c7bfbf"},size:"lg",children:[t," ",(0,l.jsx)(n.A,{fa:"arrow-down"})]})};S.defaultProps={};var A=s(9031)},65597:(e,t,s)=>{s.d(t,{A:()=>j});var a,n=s(57528),l=(s(9950),s(33720)),o=s(78854),i=s(96918),r=s(77766),c=s(43510),d=s(97226),h=s(13144),p=s(39886),u=s(86006),m=s(44414);const g=(0,l.A)((e=>({root:{margin:0,backgroundColor:"rgb(3,56,99)",color:"#FFF",padding:"6px 12px"},closeButton:{position:"absolute",right:e.spacing(1),top:e.spacing(1),color:e.palette.grey[500],padding:"0 6px"}})))((e=>{const{children:t,classes:s,onClose:a}=e;return(0,m.jsxs)(i.A,{disableTypography:!0,className:s.root,children:[(0,m.jsx)(p.A,{variant:"subtitle2",children:t}),a?(0,m.jsx)(d.A,{"aria-label":"close",className:s.closeButton,onClick:a,children:(0,m.jsx)(h.A,{fontSize:"small"})}):null]})})),f=(0,l.A)((e=>({root:{padding:e.spacing(2)}})))(r.A),x=(0,l.A)((e=>({root:{margin:0,padding:e.spacing(1),marginLeft:0}})))(c.A);function j(e){const{title:t,open:s,children:a,renderButton:n,handleClose:l,maxWidth:i,className:r,zIndex:c,renderButtonHeader:d,transferToModal:h}=e;let p=[];return r&&p.push(r),h&&p.push("Dialog-Transfer-To-Modal"),(0,m.jsx)("div",{children:(0,m.jsxs)(o.A,{className:p.join(" "),style:{zIndex:c||9999},onClose:l,open:s,fullWidth:!0,maxWidth:i,children:[t&&(0,m.jsxs)(g,{onClose:l,children:[t," ",d&&(0,m.jsx)(S,{children:d})]}),(0,m.jsx)(f,{dividers:!0,children:a}),n&&(0,m.jsx)(x,{children:n})]})})}j.defaultProps={open:!1};const S=u.Ay.div(a||(a=(0,n.A)(["\n display: inline;\n"])))},47622:(e,t,s)=>{s.d(t,{A:()=>S});var a=s(9950),n=s(82050),l=s(65597),o=s(71849),i=s(428),r=s(3291),c=s(42398),d=s(55002),h=s(4370),p=s(73613),u=s(58195),m=s(14113),g=s(99308),f=s(85560),x=s(44414);const j=()=>(0,x.jsx)(c.default,{});class S extends a.Component{constructor(e){var t;super(e),t=this,this._isFirstCalled=!0,this.generateDataRef=function(e){let s=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const{url:a,column:n,dataRef:l,urlGetAPIId:i,value:r,notOdata:c,isOdata:d}=t.props;let h=i?"".concat(a).concat(i,"=").concat(r):"".concat(a,"?");return s?o.F(a,n,l,e,t.state.page,t.props.pageSize,!(!c&&d)||null):o._(h,n,l,e)},this.checkCondition=()=>{const{column:e,where:t,whereOne:s}=this.props;if(t&&this.state.valueSelect)return;let a=[];return s&&s.map(((e,t)=>{a.push("".concat(e.field," ").concat(e.expression," ").concat(e.value))})),t&&a.push(t),this.state.querySearch&&a.push(i.jB(e.label,"string",this.state.querySearch,!0)),a.join(" and ")},this.handleMenuOpen=()=>{this._isFirstCalled?this.setState({loading:!0}):this.setState({nameRef:this.state.objSelect?[this.state.objSelect]:[],loading:!0});const e=this.props.column.field,t=!this.props.notOdata;(0,h.g3)(this.generateDataRef(this.checkCondition()),"GET",null,t).then((s=>{if(s.value||!t){var a;const n=null!==this&&void 0!==this&&null!==(a=this.props)&&void 0!==a&&a.isResultValue||t?s.value:s;let l=[...this.state.nameRef];n.forEach((t=>{this.state.nameRef.some((s=>s[e]===t[e]))||l.push(t)}));const o=t?Number(s["odata.count"]):s.length;this.setState({nameRef:l,totalRow:o,loading:!1})}this._isFirstCalled=!1})).catch((e=>this.setState({loading:!1})))},this.handleInputChange=(e,t)=>{let{action:s}=t;if("input-change"===s){const{column:t,where:s,whereOne:a,isResultValue:n,fieldSearchAPI:l}=this.props;this.setState({totalRow:-1,page:0,nameRef:[],loading:!0});let o="";s&&(o=i.jB(t.label,"string",e,!0)+(s?" and "+s:"")),a&&(o=i.jB(t.label,"string",e,!0)+(a?" and "+"".concat(a[0].field," ").concat(a[0].expression," ").concat(a[0].value):""));const r=!this.props.notOdata;(0,h.g3)("".concat(this.generateDataRef(o)).concat(l?"&".concat(l,"=").concat(e):""),"GET",null,r).then((t=>{const s=r?Number(t["odata.count"]):t.length;this.setState({nameRef:n||r?t.value:t,totalRow:s,loading:!1,querySearch:e})})).catch((e=>this.setState({loading:!1})))}},this.handleScrolledToBottom=async()=>{if(this.state.valueSelect){if(this.state.nameRef.length-1>=this.state.totalRow)return}else if(this.state.nameRef.length>=this.state.totalRow)return;this.setState({page:this.state.page+1,loading:!0}),(0,h.g3)(this.generateDataRef(this.checkCondition()),"GET",null,this.props.isOdata).then((e=>{let t=[...this.state.nameRef];e.value.forEach((e=>t.push(e))),this.setState({nameRef:t,loading:!1})})).catch((e=>this.setState({loading:!1})))},this.handleMenuClose=()=>{this.setState({totalRow:-1,page:0,querySearch:null})},this.onOpenDialog=()=>this.setState({loading:!0,dialogIsOpen:!0}),this.onCloseDialog=()=>this.setState({loading:!1,dialogIsOpen:!1}),this.state={route:r.ic(this.props.url),totalRow:-1,page:0,querySearch:null,dialogIsOpen:!1,objSelect:null,valueSelect:null,nameRef:[],loading:!1,openCreate:!1}}componentDidMount(){const{column:e,value:t,initValue:s}=this.props;if(s)this.setState({nameRef:[s],valueSelect:s[e.field]});else if(t){this.setState({loading:!0});let s=this.generateDataRef(i.jB(e.field,e.type,t),!1);const a=!this.props.notOdata;(0,h.g3)(s,"GET",null,a).then((t=>{if(t.value||!a){var s;const n=null!==this&&void 0!==this&&null!==(s=this.props)&&void 0!==s&&s.isResultValue||a?t.value[0]:t[0];this.setState({nameRef:[n],valueSelect:n[e.field]})}})).catch((e=>this.setState({loading:!1}))).finally((()=>this.setState({loading:!1})))}}render(){const{disabled:e,dialogOdata:t,placeholder:s,name:o,onChange:i,column:r,renderRow:c,moudle:h,onClickQuickAdd:S}=this.props,{route:A}=this.state;return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("div",{style:{display:"flex"},children:[(0,x.jsx)(n.A,{disabled:e,value:this.state.valueSelect,name:o,valueRef:r.field,labelRef:r.label,placeholder:s,options:this.state.nameRef,onChange:(e,t)=>this.setState({objSelect:e,valueSelect:e?e.value:null},i(e,t)),renderOption:(e,t)=>c(e,t),onMenuScrollToBottom:this.handleScrolledToBottom,isLoading:this.state.loading,onInputChange:this.handleInputChange,onMenuOpen:this.handleMenuOpen,onMenuClose:this.handleMenuClose}),t&&A&&(0,x.jsx)(d.a2,{disabled:e,color:"success",icon:"plus",onClick:this.onOpenDialog}),t&&h&&(0,x.jsx)(d.a2,{disabled:e,color:"success",icon:"plus",onClick:this.onOpenDialog})]}),!!S&&(0,x.jsxs)("div",{onClick:S,style:{cursor:"pointer",float:"right"},children:[(0,x.jsx)(p.A,{fa:"plus",style:{color:"green"}})," ",(0,x.jsx)("span",{style:{fontSize:"12px"},children:"Th\xeam nhanh"})]}),t&&A&&this.state.dialogIsOpen&&(0,x.jsx)(l.A,{open:this.state.dialogIsOpen,handleClose:this.onCloseDialog,title:A.name,maxWidth:"lg",children:(0,x.jsx)(a.Suspense,{fallback:j(),children:(0,x.jsx)(A.component,{odata:A.odata})})}),t&&h&&this.state.dialogIsOpen&&(0,x.jsx)(l.A,{open:this.state.dialogIsOpen,handleClose:this.onCloseDialog,title:h.name,maxWidth:"lg",children:(0,x.jsx)(a.Suspense,{fallback:j(),children:h.component})}),this.props.addItem&&(0,x.jsxs)("div",{onClick:()=>this.setState({openCreate:!0}),style:{cursor:"pointer",float:"right"},children:[(0,x.jsx)(p.A,{fa:"plus",style:{color:"green"}})," ",(0,x.jsx)("span",{style:{fontSize:"12px"},children:"Th\xeam l\u1ef1a ch\u1ecdn"})]}),(0,x.jsxs)(u.A,{size:"xl",isOpen:this.state.openCreate,toggle:()=>this.setState({openCreate:!1}),zIndex:"1500",children:[(0,x.jsx)(m.A,{toggle:()=>this.setState({openCreate:!1}),children:"Th\xeam m\u1edbi"}),(0,x.jsx)(g.A,{children:(0,x.jsx)(f.A,{url:this.props.urlAddItem,columns:this.props.columnAddItem,selectType:"withColumns",search:!1,onAdd:{disabled:!1},onEdit:{disabled:!1},onDelete:{}})})]})]})}}S.defaultProps={pageSize:30,placeholder:"Ch\u1ecdn...",dialogOdata:!0}},82050:(e,t,s)=>{s.d(t,{A:()=>i});var a=s(9950),n=s(37004),l=s(44414);class o extends a.Component{render(){const{name:e,disabled:t,options:s,placeholder:a,onChange:o,valueRef:i,labelRef:r,value:c,onMenuScrollToBottom:d,isLoading:h,onInputChange:p,onMenuOpen:u,onMenuClose:m,isClearable:g}=this.props,f=(x=s)&&x.map((e=>(e.value=e[i],e.label=e[r],e)));var x;const j=null===c||""===c?null:f.filter((e=>e.value===c));return(0,l.jsx)(n.A,{isDisabled:t,className:"basic-single",name:e,value:j,defaultValue:j,isClearable:g,isSearchable:!0,options:f,placeholder:a,onChange:(e,t)=>o(e,t),onMenuScrollToBottom:d,isLoading:h,onInputChange:p,onMenuOpen:u,onMenuClose:m})}}o.defaultProps={placeholder:"Ch\u1ecdn..."};const i=o},71849:(e,t,s)=>{s.d(t,{F:()=>l,_:()=>n});var a=s(428);const n=(e,t,s,n)=>{let l="".concat(e);if(s){let e=[...s];e.push(t.field),e.push(t.label),l+="".concat(a.xz(e,n,!1))}else l+="".concat(a.xz([t.field,t.label],n,!1));return l},l=(e,t,s,l,o,i,r)=>n("".concat(e,"?").concat(a.Z5(o,i,r)),t,s,l)},70537:(e,t,s)=>{s.d(t,{rb:()=>a.A,GD:()=>c,L9:()=>h.A});var a=s(47622),n=s(9950),l=s(35923),o=s(37004),i=s(44414);class r extends n.Component{render(){const{options:e,placeholder:t,defaultValue:s,onChange:a}=this.props;return(0,i.jsx)(o.A,{isMulti:!0,closeMenuOnSelect:!1,components:(0,l.Ay)(),className:"basic-multi-select",defaultValue:s,options:e,placeholder:t,onChange:a})}}r.defaultProps={placeholder:"Ch\u1ecdn..."};const c=r;var d,h=s(82050),p=s(57528),u=s(47914),m=s(48738),g=s.n(m),f=s(86006),x=s(4370),j=s(67116),S=s(55002);const A=f.Ay.div(d||(d=(0,p.A)([""])));class v extends n.Component{constructor(e){super(e),this.selectHandler=e=>{let t=this.state.selectedItem!==e?e:null;this.setState({selectedItem:t}),this.props.onSelect&&this.props.onSelect(t)},this.state={data:[],selectedItem:null,isOpen:!0}}async componentDidMount(){this.setState({data:await this.getData()}),this.props.defaultSelected&&this.setState({selectedItem:this.props.defaultSelected})}async componentDidUpdate(e,t){e.data!==this.props.data&&this.setState({data:await this.getData()})}async getData(){let e=[];try{e="string"!==typeof this.props.data?this.props.data:(await(0,x.Pq)(this.props.data,"GET",null,!1)).filter((e=>"CSDLG_KKG"!==e.module_name&&"CSDLG_BOG"!==e.module_name))}catch(t){(0,j.a3)(t)}return e.map((e=>({module_name:e[this.props.valueField],name:e[this.props.textField],code:e.code})))}render(){return(0,i.jsxs)(A,{className:g()({expand:this.state.isOpen}),children:[(0,i.jsxs)("div",{className:"gdt-select-panel-header",onClick:()=>this.setState({isOpen:!this.state.isOpen}),children:[(0,i.jsx)("span",{children:this.props.header}),(0,i.jsx)(S.a2,{color:"link",icon:"angle-double-down"})]}),(0,i.jsx)(u.A,{isOpen:this.state.isOpen,children:(0,i.jsx)("ul",{className:"list-group",children:this.state.data.map(((e,t)=>(0,i.jsxs)("li",{className:"list-group-item ".concat(this.state.selectedItem===e.module_name?"active":""),onClick:()=>this.selectHandler(e.module_name),children:[(0,i.jsx)("span",{children:e.code}),(0,i.jsx)("span",{children:" - "+e.name})]},t)))})})]})}}v.defaultProps={valueField:"module_name",textField:"name",multiple:!1};var C,b=s(73613);const y=f.Ay.div(C||(C=(0,p.A)([""])));class O extends n.Component{constructor(e){super(e),this.selectHandler=e=>{let t=this.state.selectedItems,s=t.indexOf(e);s>-1?t.splice(s,1):t.push(e),this.setState({selectedItems:t}),this.props.onSelect(t)},this.state={data:[],selectedItems:[],isOpen:!0}}async componentDidMount(){this.setState({data:await this.getData()}),this.props.defaultSelected&&this.setState({selectedItems:this.state.selectedItems.concat(this.props.defaultSelected)})}async componentDidUpdate(e,t){e.data!==this.props.data&&this.setState({data:await this.getData()})}async getData(){let e=[];try{e="string"!==typeof this.props.data?this.props.data:(await(0,x.Pq)(this.props.data)).value}catch(t){(0,j.a3)(t)}return e.map((e=>({ID:e[this.props.valueField],Text:e[this.props.textField]})))}render(){return(0,i.jsxs)(y,{className:g()({expand:this.state.isOpen}),children:[(0,i.jsxs)("div",{className:"gdt-select-panel-header",onClick:()=>this.setState({isOpen:!this.state.isOpen}),children:[(0,i.jsx)("span",{children:this.props.header}),(0,i.jsx)(S.a2,{color:"link",icon:"angle-double-down"})]}),(0,i.jsx)(u.A,{isOpen:this.state.isOpen,children:(0,i.jsx)("ul",{className:"list-group",children:this.state.data.map(((e,t)=>(0,i.jsxs)("li",{className:"list-group-item ".concat(this.state.selectedItems.indexOf(e.ID)>-1?"active":""),onClick:()=>this.selectHandler(e.ID),children:[(0,i.jsx)(b.A,{fa:this.state.selectedItems.indexOf(e.ID)>-1?"check-square-o":"square-o"}),(0,i.jsx)("span",{children:e.Text})]},t)))})})]})}}O.defaultProps={valueField:"ID",textField:"Text",multiple:!1}}}]);