????
Your IP : 18.190.239.193
"use strict";(self.webpackChunkgdt=self.webpackChunkgdt||[]).push([[7159],{73613:(e,t,o)=>{o.d(t,{A:()=>a});o(9950);var n=o(44414);const i=e=>{const{fa:t,ariaHidden:o,style:i}=e;return(0,n.jsx)("i",{style:i,className:"fa fa-"+t,"aria-hidden":o})};i.defaultProps={ariaHidden:!0};const a=i},97159:(e,t,o)=>{o.d(t,{A:()=>f});var n=o(9950),i=o(37004),a=o(4370),l=o(36841),s=o(73613),r=o(58195),d=o(14113),c=o(99308),p=o(85560),u=o(44414);const h={multiValueLabel:e=>({...e,padding:"0px 0px 0px 6px",fontSize:13}),control:e=>({...e,backgroundColor:"white",height:"28.38px",minHeight:"28.38px",fontSize:"12px",lineHeight:"1.5",cursor:"pointer",borderRadius:"4px"}),option:e=>({...e,fontSize:"12px",cursor:"pointer"}),input:e=>({...e,position:"unset"}),placeholder:e=>({...e,marginLeft:5,marginRight:5}),singleValue:(e,t)=>{let{data:o}=t;return{...e,transform:"inherit",top:"unset"}},container:e=>({...e,width:"100%"}),valueContainer:e=>({...e,padding:"0px 5px"}),indicatorsContainer:e=>({...e,padding:"0px 5px"}),indicatorContainer:e=>({...e,padding:"0px 5px !important",fontSize:"12px"})};class g extends n.Component{constructor(e){super(e),this.loadDataFromApi=()=>{let{columns:e,odata:t,url:o,where:n,valueField:i,textField:s,textFieldSub:r}=this.props,d=[],c="";!1!==t?(c="".concat(o),c+=n?"/?$filter=".concat(n,"&"):"/?",e&&e.length>0&&(c+="$select=".concat(this.props.columns.join()))):c=this.props.url,(0,a.Pq)(c,"GET",null,t).then((e=>{!1!==t?e.value.forEach((e=>{d.push({value:e[i],label:r?parseInt(e[r])+""==="NaN"?e[r]+" - "+e[s]:"number"===typeof parseInt(e[r])?e[s]+" - "+(0,l.vv)(e[r])+" VN\u0110":e[r]+" - "+e[s]:e[s],obj:e})})):d=e,this.setState({data:d,isLoading:!1}),this.setStateSelected(this.state.value)})).catch((e=>console.log(e)))},this.onChange=(e,t)=>{if(this.setState({selected:e}),this.props.isMulti){var o=[];for(let t=0;t<e.length;t++)o.push(e[t].value);this.props.onChange(o,null)}else this.props.onChange(e?e.value:null,e?e.obj:null)},this.state={data:[],value:null,selected:null,isLoading:!1,openCreate:!1}}componentDidMount(){this.setState({isLoading:!0});let{options:e,valueField:t,textField:o,textFieldSub:n}=this.props;if(e){let i=e.map((e=>({value:e[t],label:n?parseInt(e[n])+""==="NaN"?e[n]+" - "+e[o]:"number"===typeof parseInt(e[n])?e[o]+" - "+(0,l.vv)(e[n])+" VN\u0110":e[n]+" - "+e[o]:e[o],obj:e})));this.setState({data:i,isLoading:!1}),this.setStateSelected(this.state.value)}else this.loadDataFromApi()}getSnapshotBeforeUpdate(e,t){return e.value!==this.props.value?(this.setState({value:this.props.value}),this.setStateSelected(this.props.value),this.props.value||null):null}setStateSelected(e){this.props.isMulti?this.setState({selected:this.getOptionsMulti(e)}):this.setState({selected:this.getOptionsSingle(e)})}getOptionsSingle(e){let t=null,{data:o}=this.state;if(o&&o.length>0&&e)for(let n=0;n<o.length;n++){if(o[n].value&&o[n].value===e){t=o[n];break}if(o[n].options)for(let i=0;i<o[n].options.length;i++)if(o[n].options[i].value&&o[n].options[i].value===e){t=o[n].options[i];break}}return t}getOptionsMulti(e){let t=[],{data:o}=this.state;if(o&&o.length>0&&e)for(let n=0;n<o.length;n++){let i=o[n];for(let o=0;o<e.length;o++)i.value&&i.value===e[o]&&t.push(i)}return t}componentDidUpdate(e,t,o){let{options:n,valueField:i,textField:a,textFieldSub:s,where:r}=this.props;if(r!==e.where&&this.loadDataFromApi(),n!==e.options&&n){let e=n.map((e=>({value:e[i],label:s?parseInt(e[s])+""==="NaN"?e[s]+" - "+e[a]:"number"===typeof parseInt(e[s])?e[a]+" - "+(0,l.vv)(e[s])+" VN\u0110":e[s]+" - "+e[a]:e[a],obj:e})));this.setState({data:e,isLoading:!1}),this.setStateSelected(this.state.value)}}render(){let{placeholder:e,isMulti:t,isDetail:o,value:n,className:a,onClickQuickAdd:l}=this.props,g=t?this.getOptionsMulti(n):this.getOptionsSingle(n);return this.state.data.length>0&&o?(0,u.jsx)("span",{children:g&&g.label}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(i.A,{isMulti:t,isLoading:this.state.isLoading,isDisabled:this.props.disabled,isClearable:!0,className:a||"dropdownlist",value:g,styles:h,options:this.state.data,onChange:this.onChange,placeholder:e}),!!l&&(0,u.jsxs)("div",{onClick:l,style:{cursor:"pointer",float:"right"},children:[(0,u.jsx)(s.A,{fa:"plus",style:{color:"green"}})," ",(0,u.jsx)("span",{style:{fontSize:"12px"},children:"Th\xeam nhanh"})]}),this.props.addItem&&(0,u.jsxs)("div",{onClick:()=>this.setState({openCreate:!0}),style:{cursor:"pointer",float:"right"},children:[(0,u.jsx)(s.A,{fa:"plus",style:{color:"green"}})," ",(0,u.jsx)("span",{style:{fontSize:"12px"},children:"Th\xeam l\u1ef1a ch\u1ecdn"})]}),(0,u.jsxs)(r.A,{size:"xl",isOpen:this.state.openCreate,toggle:()=>this.setState({openCreate:!1}),zIndex:"1500",children:[(0,u.jsx)(d.A,{toggle:()=>this.setState({openCreate:!1}),children:"Th\xeam m\u1edbi"}),(0,u.jsx)(c.A,{children:(0,u.jsx)(p.A,{url:this.props.urlAddItem,columns:this.props.columnAddItem,selectType:"withColumns",search:!1,onAdd:{disabled:!1},onEdit:{disabled:!1},onDelete:{}})})]})]})}}const f=g},37004:(e,t,o)=>{o.d(t,{A:()=>x});var n=o(9950),i=o(26954),a=o(34057),l=o(73613),s=o(44414);const r=e=>(0,s.jsx)("div",{className:"spinner-border-sm spinner-border text-danger"}),d={multiValueLabel:e=>({...e,padding:"0px 0px 0px 6px",fontSize:13}),control:e=>({...e,backgroundColor:"white",minHeight:"28.38px",fontSize:"0.76563rem",lineHeight:"1.5",cursor:"pointer",borderRadius:"0.2rem"}),option:e=>({...e,fontSize:"0.76563rem",cursor:"pointer"}),input:e=>({...e,position:"unset"}),placeholder:e=>({...e,marginLeft:5,marginRight:5}),singleValue:(e,t)=>{let{data:o}=t;return{...e,marginTop:1,transform:"inherit",top:"unset"}},container:e=>({...e,width:"100%"}),valueContainer:e=>({...e,padding:"0px 2px 0px 2px"})},c=e=>(0,s.jsx)(r,{...e}),p=e=>(0,s.jsx)(i.F.IndicatorsContainer,{...e,getStyles:()=>({display:"flex",height:"100%"})}),u=e=>{const{innerProps:{ref:t,...o}}=e;return(0,s.jsx)("div",{...o,ref:t,style:{color:"rgb(204, 204, 204)",transition:"color 150ms ease 0s",boxSizing:"border-box"},children:(0,s.jsx)(l.A,{fa:"times",style:{marginTop:2,padding:"5px 5px 5px 5px",verticalAlign:"bottom"}})})},h=e=>{let{innerProps:t}=e;return(0,s.jsx)("span",{...t,style:{alignSelf:"stretch",width:1,backgroundColor:"rgb(204, 204, 204)",marginTop:2,marginBottom:2,marginRight:5,marginLeft:5}})},g=e=>(0,s.jsx)(i.F.DropdownIndicator,{...e,getStyles:()=>({color:"hsl(0,0%,80%)"}),children:(0,s.jsx)(l.A,{fa:"angle-down",style:{marginTop:2,padding:"5px 9px 5px 5px"}})}),f=e=>(0,s.jsx)(i.F.MenuList,{...e,getStyles:()=>({maxHeight:250,zIndex:9999,overflowY:"auto"}),children:e.children});class m extends n.Component{render(){const{placeholder:e,noOptionsMessage:t,loadingMessage:o,...n}=this.props;return(0,s.jsx)(a.Ay,{...n,classNamePrefix:"select",styles:d,placeholder:e,noOptionsMessage:t,loadingMessage:o,components:{IndicatorsContainer:p,ClearIndicator:u,IndicatorSeparator:h,DropdownIndicator:g,LoadingIndicator:c,MenuList:f}})}}m.defaultProps={placeholder:"Ch\u1ecdn...",noOptionsMessage:()=>"Kh\xf4ng c\xf3 l\u1ef1a ch\u1ecdn",loadingMessage:()=>"\u0110ang t\u1ea3i"};const x=m},85560:(e,t,o)=>{o.d(t,{A:()=>c});var n=o(9950),i=o(15255),a=o(83803),l=o(428),s=o(4370),r=o(67116),d=o(44414);class c extends n.Component{render(){const{tableRef:e,url:t,title:o,columns:n,pageSize:c,detailPanel:p,where:u,search:h,selectType:g,rowStyle:f,onAdd:m,onEdit:x,onDelete:v,onActions:b,onRowClick:C,SearchAdvanced:S,CustumToolbar:y,CustumCell:w,urlExt:R,unRefresDatatable:A,notCreateUUID:k,messageCustomDetele:T}=this.props,j=e=>n.filter((e=>l.gn(e.field)&&e.dataRef)).map((e=>({column:e,field_split:e.field.split(".")}))).forEach((t=>{delete e[t.field_split[0]]})),z=e=>{let t=n.filter((e=>e.dataCheck));for(var o=0;o<t.length;o++)if(l.gn(t[o].field)&&t[o].dataRef){if(null===e[t[o].dataRef[0]]||void 0===e[t[o].dataRef[0]]||""===e[t[o].field])return(0,r.AB)("Vui l\xf2ng nh\u1eadp d\u1eef li\u1ec7u c\u1ed9t "+t[o].title),!1}else if(void 0===e[t[o].field]||null===e[t[o].field]||""===e[t[o].field])return(0,r.AB)("Vui l\xf2ng nh\u1eadp d\u1eef li\u1ec7u c\u1ed9t "+t[o].title),!1;return!0};return(0,d.jsx)(a.A,{search:h,pageSize:c,title:o,columns:n,tableRef:e,SearchAdvanced:S,CustumToolbar:y,CustumCell:w,data:e=>R?(0,s.g3)((e=>"".concat(R).concat(u?"?"+u:"&","skip=").concat(e.page*e.pageSize,"&take=").concat(e.pageSize))(e),"GET",null,!1).then((t=>({data:void 0===t.value?[]:t.value,page:e.page,totalCount:Number(t.count)}))):(0,s.g3)((e=>{let o="".concat(t,"?").concat(l.Z5(e.page,e.pageSize));o+="".concat(l.e9(n)).concat(l.Is(n,g)),e.orderBy&&void 0!==e.orderBy&&e.orderDirection&&""!==e.orderDirection&&(o+=l.V$(e.orderBy.field,e.orderDirection));let i=l.A5(e,n);return o+=i?u?"&$filter=(".concat(i,") and ").concat(u):"&$filter=".concat(i):u?"&$filter="+u:"",o})(e)).then((t=>({data:void 0===t.value?[]:t.value,page:e.page,totalCount:Number(t["odata.count"])}))),rowStyle:f,detailPanel:p,editable:(()=>{let e={};return m&&void 0===m.onClick&&!1===m.disabled&&(void 0===m.onRowAdd?e.onRowAdd=e=>new Promise(((o,a)=>{let d=l.G5(n);d.type&&"numeric"!==d.type&&(k?delete e[l.UI(n)]:d.dataIdCustom||(e[l.UI(n)]=(0,i.A)())),j(e),m.defaultValues&&m.defaultValues.forEach((t=>e[t.field]=t.value)),z(e)?(0,s.g3)("".concat(t),"POST",JSON.stringify(e)).then((e=>o(e))).catch((e=>{e.json().then((e=>(0,r.AB)(e.value))),a(e)})).finally((()=>{this.props.updateCountRadioList&&this.props.updateCountRadioList(),this.props.addCallback&&this.props.addCallback()})):a()})).then((e=>this.props.addCallbackWithResponse&&this.props.addCallbackWithResponse(e))).catch((e=>console.log(e))):e.onRowAdd=e=>m.onRowAdd(e)),x&&void 0===x.onClick&&(x.hidden&&("function"===typeof x.hidden?e.onUpdateHidden=e=>x.hidden(e):e.onUpdateHidden=x.hidden),x.disabled&&(e.isEditable=e=>x.disabled(e)),void 0===x.onRowUpdate?e.onRowUpdate=(e,o)=>new Promise(((i,a)=>{j(e),z(e)?(0,s.g3)(l.Yv(t,n,o),"PATCH",JSON.stringify(e)).then((()=>i())).catch((e=>{e.json().then((e=>(0,r.AB)(e.value))),a(e)})).finally((()=>{this.props.updateCountRadioList&&this.props.updateCountRadioList(),this.props.updateCallback&&this.props.updateCallback()})):a()})):e.onRowUpdate=(e,t)=>x.onRowUpdate(e,t)),v&&void 0===v.onClick&&(v.hidden&&("function"===typeof v.hidden?e.onDeleteHidden=e=>v.hidden(e):e.onDeleteHidden=v.hidden),v.disabled&&(e.isDeletable=e=>v.disabled(e)),void 0===v.onRowDelete?e.onRowDelete=e=>new Promise(((o,i)=>(0,s.g3)(l.Yv(t,n,e),"DELETE").then((()=>{v.messageSuccess?o(null,v.messageSuccess):o("X\xf3a d\u1eef li\u1ec7u th\xe0nh c\xf4ng !")})).catch((e=>{T?(0,r.a3)(T,"Th\xf4ng b\xe1o"):(0,r.a3)("X\xf3a d\u1eef li\u1ec7u kh\xf4ng th\xe0nh c\xf4ng !"),v.messageError?i(e,v.messageError):i("X\xf3a d\u1eef li\u1ec7u th\u1ea5t b\u1ea1i !")})).finally((()=>{this.props.updateCountRadioList&&this.props.updateCountRadioList(),this.props.deleteCallback&&this.props.deleteCallback()})))):e.onRowDelete=e=>v.onRowDelete(e)),e})(),actions:(()=>{let e=[];return b&&b.map((t=>e.push(t))),m&&m.onClick&&(m.icon="add_box",m.tooltip="Th\xeam",m.isAdd=!0,m.isFreeAction=!0,e.push(m)),x&&x.onClick&&(x.icon="edit",x.tooltip="S\u1eeda",x.isEdit=!0,e.push(x)),v&&v.onClick&&(v.icon="delete",v.tooltip="X\xf3a",v.isDelete=!0,e.push(v)),e})(),onRowClick:void 0===C?void 0:(e,t)=>C(e,t)})}}c.defaultProps={title:"",columns:[],pageSize:10,search:!0,tableRef:n.createRef()}},83803:(e,t,o)=>{o.d(t,{A:()=>u});var n=o(9950);const i={body:{emptyDataSourceMessage:"Kh\xf4ng c\xf3 d\u1eef li\u1ec7u \u0111\u1ec3 hi\u1ec3n th\u1ecb",addTooltip:"Th\xeam",editTooltip:"S\u1eeda",deleteTooltip:"X\xf3a",editRow:{deleteText:"B\u1ea1n c\xf3 ch\u1eafc ch\u1eafn x\xf3a d\xf2ng n\xe0y kh\xf4ng?",cancelTooltip:"H\u1ee7y",saveTooltip:"L\u01b0u"}},toolbar:{exportTitle:"Xu\u1ea5t file",searchTooltip:"T\xecm ki\u1ebfm",showColumnsTitle:"Hi\u1ec7n c\u1ed9t",addRemoveColumns:"Th\xeam v\xe0 hi\u1ec3n th\u1ecb c\xe1c c\u1ed9t",searchPlaceholder:"T\xecm ki\u1ebfm"},pagination:{labelRowsPerPage:"S\u1ed1 d\xf2ng cho 1 trang",labelRowsSelect:"d\xf2ng",labelDisplayedRows:" {from}-{to} c\u1ee7a {count}",firstTooltip:"Trang \u0111\u1ea7u ti\xean",previousTooltip:"Trang tr\u01b0\u1edbc",nextTooltip:"Trang sau",lastTooltip:"Trang cu\u1ed1i c\xf9ng"},header:{actions:"Thao t\xe1c"}};var a=o(44414);const l=n.lazy((()=>Promise.all([o.e(9818),o.e(4057),o.e(4059),o.e(4351),o.e(484),o.e(783),o.e(7930),o.e(8488),o.e(5060),o.e(8412),o.e(537),o.e(1804),o.e(2152)]).then(o.bind(o,38671)))),s=n.lazy((()=>Promise.all([o.e(9818),o.e(4351),o.e(783),o.e(7930),o.e(5060),o.e(8044)]).then(o.bind(o,46350)))),r=n.lazy((()=>Promise.all([o.e(9818),o.e(3435)]).then(o.bind(o,33435)))),d={color:"#000",padding:"2px",fontSize:"12px",fontWeight:"bold",textAlign:"center",backgroundColor:"powderblue",borderLeft:"0.5px solid rgb(224, 224, 224)",zIndex:99},c={even:"#FFF",odd:"rgb(247, 248, 255)"},p={fontSize:"12px",borderLeft:"0.5px solid rgba(224, 224, 224, 1)"};class u extends n.Component{render(){const{addMoreRows:e,pageSize:t,search:o,CustumToolbar:n,CustumCell:c,SearchAdvanced:u,onRowClick:h,dataCount:g,rowStyle:f,rowsPerPage:m,page:x,...v}=this.props;return(0,a.jsx)(l,{...v,addMoreRows:e,localization:i,options:{exportButton:!1,search:o,actionsColumnIndex:-1,pageSize:t,headerStyle:d,rowStyle:f},onRowClick:void 0===h?void 0:(e,t)=>h(e,t),components:(()=>{let e={Toolbar:e=>(0,a.jsx)(s,{...e,SearchAdvanced:u}),Cell:e=>(0,a.jsx)(r,{...e,style:p})};return n&&(e.Toolbar=n),c&&(e.Cell=c),e})()})}}u.defaultProps={rowStyle:(e,t,o)=>({backgroundColor:t%2===0?c.even:c.odd}),pageSize:10,search:!0}},428:(e,t,o)=>{o.d(t,{A5:()=>u,G5:()=>i,Is:()=>m,UI:()=>a,V$:()=>g,Yv:()=>d,Z5:()=>h,e9:()=>f,gn:()=>l,jB:()=>p,nl:()=>c,xz:()=>x});var n=o(67116);const i=e=>e.filter((e=>e.dataID))[0],a=e=>i(e).field,l=e=>e&&e.includes("."),s=e=>e.split(".").join("/"),r=(e,t)=>e?t.fieldExpand?t.fieldExpand:t.field:t,d=(e,t,o)=>{const n=i(t);return"".concat(e,"(").concat("guid"===n.type?"guid":"","'").concat(o[n.field],"')")},c=(e,t)=>{let o=e.filter((e=>e.dataCheck));for(var i=0;i<o.length;i++)if(l(o[i].field)&&o[i].dataRef){if(null===t[o[i].dataRef[0]]||void 0===t[o[i].dataRef[0]])return(0,n.AB)("Vui l\xf2ng nh\u1eadp d\u1eef li\u1ec7u c\u1ed9t "+o[i].title),!1}else if(void 0===t[o[i].field]||null===t[o[i].field])return(0,n.AB)("Vui l\xf2ng nh\u1eadp d\u1eef li\u1ec7u c\u1ed9t "+o[i].title),!1;return!0},p=function(e,t,o){return arguments.length>3&&void 0!==arguments[3]&&arguments[3]?"substringof('".concat(o,"', ").concat(e,")"):"".concat(e," eq ").concat(((e,t)=>"string"===e?"'".concat(t,"'"):"datetime"===e?"datetime'".concat(t,"'"):"guid"===e?"guid'".concat(t,"'"):"".concat(t))(t,o))},u=(e,t)=>{if(e.filters&&e.filters.length>0){const t=e.filters.filter((e=>e.column.field&&e.column.type)).map((e=>{const t="".concat(l(e.column.field)?e.column.dataRef?e.column.dataRef[0]:s(e.column.field):e.column.field);return p(t,e.column.type,e.value)}));return t&&t.join(" and ")}if(e.search&&e.search.length>=1){const o=t.filter((e=>e.searchable&&e.field&&e.type)).map((t=>{const o="".concat(l(t.field)?s(t.field):t.field);return p(o,t.type,e.search,!0)}));return o&&o.join(" or ")}return""},h=(e,t,o)=>o?"&take=".concat(e*t===0?10:e*t):"$top=".concat(t,"&$skip=").concat(e*t,"&$inlinecount=allpages"),g=(e,t)=>"&$orderby=".concat(l(e)?s(e):e," ").concat(t),f=function(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=e.filter((e=>l(r(t,e))));return 0===o.length?"":"&$expand=".concat(function(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=[];return e.forEach(((e,n)=>{let i=r(t,e).split(".").reverse().splice(1).reverse().join("/");0===n?o.push(i):o.some((e=>e===i))||o.push(i)})),o.join(",")}(o,t))},m=function(e){const t=function(e,t){let o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return t?"withColumns"===t?"".concat(e.reduce(((e,t,n,i)=>{let a=r(o,t),d="".concat(e);return l(a)?d+="".concat(void 0===t.dataRef?"":t.dataRef[0]+",").concat(s(a)):d+="".concat(a),"".concat(d).concat(n===i.length-1?"":",")}),"")):"":"".concat(e.filter((e=>l(e.field))).reduce(((e,t)=>"".concat(e,",").concat(s(r(o,t)))),"*"))}(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"withColumns",!(arguments.length>2&&void 0!==arguments[2])||arguments[2]);return t?"&$select=".concat(t):""},x=function(e,t){let o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"withColumns";return"".concat(f(e,o)).concat(m(e,n,o)).concat(t?"&$filter="+t:"")}}}]);