https://hcmut.edu.vn/js/home/1151.d5b86da4e6bf147e5d39.js

1"use strict";(self.webpackChunkhcmut=self.webpackChunkhcmut||[]).push([[1151],{1151:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var r=n(67294),a=n(28216),o=n(14885),i=n(73727),l=n(54691);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,v(r.key),r)}}function u(e,t,n){return t&&m(e.prototype,t),n&&m(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}function d(e,t){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},d(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=b(e);if(t){var a=b(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return h(e)}(this,n)}}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}function y(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){var t=function(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===c(t)?t:String(t)}var E=function(e){f(n,e);var t=p(n);function n(){var e;s(this,n);for(var a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return y(h(e=t.call.apply(t,[this].concat(o))),"modal",r.createRef()),y(h(e),"editor",{vi:r.createRef(),en:r.createRef()}),y(h(e),"show",(function(){$("#introViName").val(""),$("#introEnName").val(""),e.editor.vi.current.html(""),e.editor.en.current.html(""),$(e.modal.current).modal("show")})),y(h(e),"save",(function(t){var n={vi:$("#introViName").val().trim(),en:$("#introEnName").val().trim()},r={vi:e.editor.vi.current.html(),en:e.editor.en.current.html()},a={title:JSON.stringify(n),description:JSON.stringify(r)};""===n.vi?(T.notify("Tên nhóm giới thiệu bị trống!","danger"),$("#introViName").focus()):""===n.en?(T.notify("Name of introduce group is empty!","danger"),$("#introEnName").focus()):e.props.createIntro(a,(function(){return $(e.modal.current).modal("hide")})),t.preventDefault()})),e}return u(n,[{key:"componentDidMount",value:function(){var e=this;$(document).ready((function(){return setTimeout((function(){$(e.modal.current).on("hidden.bs.modal",(function(){return $("#introTabs li:first-child a").tab("show")})).on("shown.bs.modal",(function(){return $("#introViName").focus()}))}),250)}))}},{key:"render",value:function(){return r.createElement("div",{className:"modal",tabIndex:"-1",role:"dialog",ref:this.modal},r.createElement("form",{className:"modal-dialog modal-lg",role:"document",onSubmit:this.save},r.createElement("div",{className:"modal-content"},r.createElement("div",{className:"modal-header"},r.createElement("h5",{className:"modal-title"},"Giới thiệu"),r.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},r.createElement("span",{"aria-hidden":"true"},"×"))),r.createElement("div",{className:"modal-body"},r.createElement("ul",{id:"introTabs",className:"nav nav-tabs"},r.createElement("li",{className:"nav-item"},r.createElement("a",{className:"nav-link active show","data-toggle":"tab",href:"#introViTab"},"Việt Nam")),r.createElement("li",{className:"nav-item"},r.createElement("a",{className:"nav-link","data-toggle":"tab",href:"#introEnTab"},"English"))),r.createElement("div",{className:"tab-content"},r.createElement("div",{id:"introViTab",className:"tab-pane fade show active mt-3"},r.createElement("div",{className:"form-group"},r.createElement("label",{htmlFor:"introViName"},"Tên nhóm giới thiệu"),r.createElement("input",{className:"form-control",id:"introViName",type:"text",placeholder:"Tên nhóm giới thiệu"})),r.createElement("div",{className:"form-group"},r.createElement(l.ri,{ref:this.editor.vi,id:"introViDescription",label:"Mô tả"}))),r.createElement("div",{id:"introEnTab",className:"tab-pane fade mt-3"},r.createElement("div",{className:"form-group"},r.createElement("label",{htmlFor:"introEnName"},"Name of introduce group"),r.createElement("input",{className:"form-control",id:"introEnName",type:"text",placeholder:"Name of introduce group"})),r.createElement("div",{className:"form-group"},r.createElement(l.ri,{ref:this.editor.en,id:"introEnDescription",label:"Description"}))))),r.createElement("div",{className:"modal-footer"},r.createElement("button",{type:"button",className:"btn btn-secondary","data-dismiss":"modal"},"Đóng"),r.createElement("button",{type:"submit",className:"btn btn-primary"}

1,"Lưu")))))}}]),n}(r.Component),g=function(e){f(n,e);var t=p(n);function n(){var e;s(this,n);for(var a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return y(h(e=t.call.apply(t,[this].concat(o))),"modal",r.createRef()),y(h(e),"create",(function(t){t.preventDefault(),e.modal.current.show()})),y(h(e),"delete",(function(t,n){t.preventDefault(),T.confirm("Xóa nhóm giới thiệu","Bạn có chắc bạn muốn xóa nhóm giới thiệu này?",!0,(function(t){return t&&e.props.deleteIntro(n.id)}))})),e}return u(n,[{key:"componentDidMount",value:function(){this.props.getAllIntros()}},{key:"render",value:function(){var e=this,t=this.props.system&&this.props.system.user&&this.props.system.user.permissions?this.props.system.user.permissions:[],n=t.includes("component:write"),a=t.includes("component:delete"),o="Không có nhóm giới thiệu!";return this.props.intro&&this.props.intro.items&&this.props.intro.items.length>0&&(o=r.createElement("table",{className:"table table-hover table-bordered",ref:this.table},r.createElement("thead",null,r.createElement("tr",null,r.createElement("th",{style:{width:"auto",textAlign:"center"}},"#"),r.createElement("th",{style:{width:"100%"}},"Tên nhóm"),r.createElement("th",{style:{width:"auto",textAlign:"center",whiteSpace:"nowrap"}},"Thao tác"))),r.createElement("tbody",null,this.props.intro.items.map((function(t,n){return r.createElement("tr",{key:n},r.createElement("td",{style:{textAlign:"right"}},n+1),r.createElement("td",null,r.createElement(i.rU,{to:"/user/intro/edit/"+t.id,"data-id":t.id},T.language.parse(t.title))),r.createElement("td",null,r.createElement("div",{className:"btn-group"},r.createElement(i.rU,{to:"/user/intro/edit/"+t.id,"data-id":t.id,className:"btn btn-primary"},r.createElement("i",{className:"fa fa-lg fa-edit"})),a?r.createElement("a",{className:"btn btn-danger",href:"#",onClick:function(n){return e.delete(n,t)}},r.createElement("i",{className:"fa fa-lg fa-trash"})):null)))}))))),this.renderPage({icon:"fa fa-star",title:"Giới thiệu",breadcrumb:[r.createElement(i.rU,{key:0,to:"/user/component"},"Thành phần giao diện"),"Giới thiệu"],content:r.createElement(r.Fragment,null,r.createElement("div",{className:"tile"},o),r.createElement(E,{createIntro:this.props.createIntro,ref:this.modal})),backRoute:"/user/component",onCreate:n&&this.create})}}]),n}(l.DY),N={getAllIntros:o.TT,createIntro:o._M,deleteIntro:o.R6};const w=(0,a.$j)((function(e){return{system:e.system,intro:e.component.intro}}),N)(g)}}]);